@symbiote-native/screen-capture 0.0.0-stage → 0.1.0

package/src/vue/composables/use-permissions/index.ts

@@ -0,0 +1,33 @@
+// Vue lifecycle wiring over core/screen-capture.ts. The mount fetch has nobody to reject to,
+// so its failure lands in `error` instead of escaping as an unhandled rejection
+
+import { onMounted, ref, type Ref } from '@vue/runtime-core';
+import { getPermissionsAsync, requestPermissionsAsync } from '../../../core';
+import type { PermissionResponse } from '../../../core';
+import { createPermissionsApi } from '../../../core/permissions-runtime';
+
+export function usePermissions(): {
+  status: Ref<PermissionResponse | null>;
+  error: Ref<Error | null>;
+  request: () => Promise<PermissionResponse>;
+  get: () => Promise<PermissionResponse>;
+} {
+  const status = ref<PermissionResponse | null>(null);
+  const error = ref<Error | null>(null);
+  const api = createPermissionsApi(
+    getPermissionsAsync,
+    requestPermissionsAsync,
+    response => {
+      status.value = response;
+      error.value = null;
+    },
+  );
+
+  onMounted(() => {
+    api.get().catch((cause: unknown) => {
+      error.value = cause instanceof Error ? cause : new Error(String(cause));
+    });
+  });
+
+  return { status, error, request: api.request, get: api.get };
+}

package/src/vue/composables/use-prevent-screen-capture/index.ts

@@ -0,0 +1,18 @@
+// Vue lifecycle wiring over the framework-agnostic core (core/screen-capture.ts): prevents on
+// mount, allows on unmount, mirroring React's `usePreventScreenCapture` hook
+
+import { onMounted, onUnmounted } from '@vue/runtime-core';
+import {
+  allowScreenCaptureAsync,
+  preventScreenCaptureAsync,
+} from '../../../core';
+
+export function usePreventScreenCapture(key: string = 'default'): void {
+  onMounted(() => {
+    preventScreenCaptureAsync(key);
+  });
+
+  onUnmounted(() => {
+    allowScreenCaptureAsync(key);
+  });
+}

package/src/vue/composables/use-screenshot-listener/index.ts

@@ -0,0 +1,18 @@
+// Vue lifecycle wiring over the framework-agnostic core (core/screen-capture.ts): subscribes on
+// mount, unsubscribes on unmount, mirroring React's `useScreenshotListener` hook
+
+import { onMounted, onUnmounted } from '@vue/runtime-core';
+import { addScreenshotListener } from '../../../core';
+import type { EventSubscription } from '../../../core';
+
+export function useScreenshotListener(listener: () => void): void {
+  let subscription: EventSubscription | undefined;
+
+  onMounted(() => {
+    subscription = addScreenshotListener(listener);
+  });
+
+  onUnmounted(() => {
+    subscription?.remove();
+  });
+}

package/src/vue/index.ts

@@ -0,0 +1,4 @@
+export * from '../core';
+export { usePreventScreenCapture } from './composables/use-prevent-screen-capture';
+export { useScreenshotListener } from './composables/use-screenshot-listener';
+export { usePermissions } from './composables/use-permissions';