@camera.ui/browser 0.1.15 → 0.1.16

package/dist/index.d.ts

@@ -771,6 +771,11 @@ export declare class NamespaceManager {
     }
 }
 
+export declare interface NativeFullscreen {
+    enter: () => Promise<boolean>;
+    exit: () => Promise<void>;
+}
+
 export { NatsStatus }
 
 declare interface NotificationManagerNamespaces {
@@ -1298,6 +1303,8 @@ export declare interface SensorRegistryRPC {
 
 export declare function setFullscreenRoot(el: HTMLElement | null): void;
 
+export declare function setNativeFullscreen(native: NativeFullscreen | null): void;
+
 /* Excluded from this release type: SirenControlProperties */
 
 /* Excluded from this release type: SirenProperty */
@@ -1712,204 +1719,3 @@ declare module 'fastify' {
     uploadToDisk?: boolean;
   }
 }
-
-/**
- * Copyright (c) 2017, Daniel Imms (MIT License).
- * Copyright (c) 2018, Microsoft Corporation (MIT License).
- */
-
-declare module '@scrypted/node-pty' {
-  /**
-   * Forks a process as a pseudoterminal.
-   * @param file The file to launch.
-   * @param args The file's arguments as argv (string[]) or in a pre-escaped CommandLine format
-   * (string). Note that the CommandLine option is only available on Windows and is expected to be
-   * escaped properly.
-   * @param options The options of the terminal.
-   * @see CommandLineToArgvW https://msdn.microsoft.com/en-us/library/windows/desktop/bb776391(v=vs.85).aspx
-   * @see Parsing C++ Comamnd-Line Arguments https://msdn.microsoft.com/en-us/library/17w5ykft.aspx
-   * @see GetCommandLine https://msdn.microsoft.com/en-us/library/windows/desktop/ms683156.aspx
-   */
-  export function spawn(file: string, args: string[] | string, options: IPtyForkOptions | IWindowsPtyForkOptions): IPty;
-
-  export interface IBasePtyForkOptions {
-    /**
-     * Name of the terminal to be set in environment ($TERM variable).
-     */
-    name?: string;
-
-    /**
-     * Number of intial cols of the pty.
-     */
-    cols?: number;
-
-    /**
-     * Number of initial rows of the pty.
-     */
-    rows?: number;
-
-    /**
-     * Working directory to be set for the child program.
-     */
-    cwd?: string;
-
-    /**
-     * Environment to be set for the child program.
-     */
-    env?: Record<string, string | undefined>;
-
-    /**
-     * String encoding of the underlying pty.
-     * If set, incoming data will be decoded to strings and outgoing strings to bytes applying this encoding.
-     * If unset, incoming data will be delivered as raw bytes (Buffer type).
-     * By default 'utf8' is assumed, to unset it explicitly set it to `null`.
-     */
-    encoding?: string | null;
-
-    /**
-     * (EXPERIMENTAL)
-     * Whether to enable flow control handling (false by default). If enabled a message of `flowControlPause`
-     * will pause the socket and thus blocking the child program execution due to buffer back pressure.
-     * A message of `flowControlResume` will resume the socket into flow mode.
-     * For performance reasons only a single message as a whole will match (no message part matching).
-     * If flow control is enabled the `flowControlPause` and `flowControlResume` messages are not forwarded to
-     * the underlying pseudoterminal.
-     */
-    handleFlowControl?: boolean;
-
-    /**
-     * (EXPERIMENTAL)
-     * The string that should pause the pty when `handleFlowControl` is true. Default is XOFF ('\x13').
-     */
-    flowControlPause?: string;
-
-    /**
-     * (EXPERIMENTAL)
-     * The string that should resume the pty when `handleFlowControl` is true. Default is XON ('\x11').
-     */
-    flowControlResume?: string;
-  }
-
-  export interface IPtyForkOptions extends IBasePtyForkOptions {
-    /**
-     * Security warning: use this option with great caution,
-     * as opened file descriptors with higher privileges might leak to the child program.
-     */
-    uid?: number;
-    gid?: number;
-  }
-
-  export interface IWindowsPtyForkOptions extends IBasePtyForkOptions {
-    /**
-     * Whether to use the ConPTY system on Windows. When this is not set, ConPTY will be used when
-     * the Windows build number is >= 18309 (instead of winpty). Note that ConPTY is available from
-     * build 17134 but is too unstable to enable by default.
-     *
-     * This setting does nothing on non-Windows.
-     */
-    useConpty?: boolean;
-
-    /**
-     * Whether to use PSEUDOCONSOLE_INHERIT_CURSOR in conpty.
-     * @see https://docs.microsoft.com/en-us/windows/console/createpseudoconsole
-     */
-    conptyInheritCursor?: boolean;
-  }
-
-  /**
-   * An interface representing a pseudoterminal, on Windows this is emulated via the winpty library.
-   */
-  export interface IPty {
-    /**
-     * The process ID of the outer process.
-     */
-    readonly pid: number;
-
-    /**
-     * The column size in characters.
-     */
-    readonly cols: number;
-
-    /**
-     * The row size in characters.
-     */
-    readonly rows: number;
-
-    /**
-     * The title of the active process.
-     */
-    readonly process: string;
-
-    /**
-     * (EXPERIMENTAL)
-     * Whether to handle flow control. Useful to disable/re-enable flow control during runtime.
-     * Use this for binary data that is likely to contain the `flowControlPause` string by accident.
-     */
-    handleFlowControl: boolean;
-
-    /**
-     * Adds an event listener for when a data event fires. This happens when data is returned from
-     * the pty.
-     * @returns an `IDisposable` to stop listening.
-     */
-    readonly onData: IEvent<string>;
-
-    /**
-     * Adds an event listener for when an exit event fires. This happens when the pty exits.
-     * @returns an `IDisposable` to stop listening.
-     */
-    readonly onExit: IEvent<{ exitCode: number; signal?: number }>;
-
-    /**
-     * Resizes the dimensions of the pty.
-     * @param columns The number of columns to use.
-     * @param rows The number of rows to use.
-     */
-    resize(columns: number, rows: number): void;
-
-    /**
-     * Clears the pty's internal representation of its buffer. This is a no-op
-     * unless on Windows/ConPTY. This is useful if the buffer is cleared on the
-     * frontend in order to synchronize state with the backend to avoid ConPTY
-     * possibly reprinting the screen.
-     */
-    clear(): void;
-
-    /**
-     * Writes data to the pty.
-     * @param data The data to write.
-     */
-    write(data: string): void;
-
-    /**
-     * Kills the pty.
-     * @param signal The signal to use, defaults to SIGHUP. This parameter is not supported on
-     * Windows.
-     * @throws Will throw when signal is used on Windows.
-     */
-    kill(signal?: string): void;
-
-    /**
-     * Pauses the pty for customizable flow control.
-     */
-    pause(): void;
-
-    /**
-     * Resumes the pty for customizable flow control.
-     */
-    resume(): void;
-  }
-
-  /**
-   * An object that can be disposed via a dispose function.
-   */
-  export interface IDisposable {
-    dispose(): void;
-  }
-
-  /**
-   * An event that can be listened to.
-   * @returns an `IDisposable` to stop listening.
-   */
-  export type IEvent<T> = (listener: (e: T) => any) => IDisposable;
-}

package/dist/index.js

@@ -6161,16 +6161,46 @@ function restartConnectedStreams() {
 	return streamManager.restartConnected();
 }
 // src/composables/useFullscreen.ts
+var documentFullscreen = {
+	async enter() {
+		if (!document.fullscreenEnabled || document.fullscreenElement) return false;
+		await document.documentElement.requestFullscreen({ navigationUI: "hide" });
+		return true;
+	},
+	async exit() {
+		if (document.fullscreenElement) await document.exitFullscreen();
+	}
+};
 var fsRegistry = /* @__PURE__ */ new WeakMap();
 var fullscreenRoot = null;
+var nativeFullscreen = documentFullscreen;
+var nativeOwned = false;
 function setFullscreenRoot(el) {
 	fullscreenRoot = el;
 }
+function setNativeFullscreen(native) {
+	nativeFullscreen = native;
+}
 var fullscreenStack = [];
 var topmostFullscreenWrapper = shallowRef(null);
 function refreshTopmost() {
 	topmostFullscreenWrapper.value = fullscreenStack[fullscreenStack.length - 1] ?? null;
 }
+function enterNative() {
+	if (!nativeFullscreen || nativeOwned) return;
+	nativeOwned = true;
+	nativeFullscreen.enter().then((taken) => {
+		nativeOwned = taken;
+		exitNative();
+	}, () => {
+		nativeOwned = false;
+	});
+}
+function exitNative() {
+	if (!nativeOwned || fullscreenStack.length > 0) return;
+	nativeOwned = false;
+	nativeFullscreen?.exit();
+}
 function useTopmostFullscreenElement() {
 	return computed(() => topmostFullscreenWrapper.value);
 }
@@ -6184,9 +6214,13 @@ function useCuiFullscreen(target, options = {}) {
 	function onEscape(e) {
 		if (e.key === "Escape" && isFullscreen.value) exit();
 	}
+	function onNativeChange() {
+		if (nativeOwned && nativeFullscreen === documentFullscreen && !document.fullscreenElement) exit();
+	}
 	async function enter() {
 		const el = currentEl.value;
 		if (!el || isFullscreen.value) return;
+		enterNative();
 		const wrapper = document.createElement("div");
 		wrapper.className = `cui-fullscreen cui-fullscreen-${mode}`;
 		applyWrapperStyles(wrapper, mode);
@@ -6211,6 +6245,7 @@ function useCuiFullscreen(target, options = {}) {
 			behavior: "instant"
 		});
 		document.addEventListener("keydown", onEscape);
+		document.addEventListener("fullscreenchange", onNativeChange);
 		fullscreenStack.push(wrapper);
 		refreshTopmost();
 		isFullscreen.value = true;
@@ -6232,9 +6267,11 @@ function useCuiFullscreen(target, options = {}) {
 			behavior: "instant"
 		});
 		document.removeEventListener("keydown", onEscape);
+		document.removeEventListener("fullscreenchange", onNativeChange);
 		const stackIndex = fullscreenStack.indexOf(state.wrapper);
 		if (stackIndex !== -1) fullscreenStack.splice(stackIndex, 1);
 		refreshTopmost();
+		exitNative();
 		isFullscreen.value = false;
 	}
 	async function toggle() {
@@ -6244,6 +6281,7 @@ function useCuiFullscreen(target, options = {}) {
 	tryOnScopeDispose(() => {
 		if (isFullscreen.value && currentEl.value) exit();
 		document.removeEventListener("keydown", onEscape);
+		document.removeEventListener("fullscreenchange", onNativeChange);
 	});
 	return {
 		isFullscreen: computed(() => isFullscreen.value),
@@ -7180,4 +7218,4 @@ function useTerminalSessions() {
 function terminalProxy(r) {
 	return r.createProxy(NamespaceManager.terminalManagerNamespaces().terminalManagerRpc);
 }
-export { CAMERA_UI_INJECTION_KEY, NamespaceManager, STREAM_CONFIG, acquireSensorManager, clearCameraCache, clearOAuthCache, clearPluginCache, clearSensorCache, clearSnapshotCache, clearStorageCache, createActivityMode, createCameraUiPlugin, createReactiveCameraDevice, createSensorManager, getSnapshotUrl, isReactiveAudioSensor, isReactiveBatteryInfo, isReactiveCarbonDioxideInfo, isReactiveCarbonMonoxideSensor, isReactiveClassifierSensor, isReactiveColdSensor, isReactiveContactSensor, isReactiveDoorbellTrigger, isReactiveFaceSensor, isReactiveGarageControl, isReactiveGasSensor, isReactiveHeatSensor, isReactiveHumidityInfo, isReactiveIlluminanceInfo, isReactiveLeakSensor, isReactiveLicensePlateSensor, isReactiveLightControl, isReactiveLockControl, isReactiveMotionSensor, isReactiveObjectSensor, isReactiveOccupancySensor, isReactivePTZControl, isReactivePowerSensor, isReactiveProblemSensor, isReactiveSecuritySystem, isReactiveSirenControl, isReactiveSmokeSensor, isReactiveSwitchControl, isReactiveTamperSensor, isReactiveTemperatureInfo, isReactiveVibrationSensor, refreshClientSubscriptions, releaseSensorManager, resetClientState, restartConnectedStreams, rpcCall, setFullscreenRoot, useAllSensors, useAudioSensor, useCameraById, useCameraStorage, useCameraStream, useCameraUi, useClassifierSensors, useCoreManager, useCuiFullscreen, useDeviceManager, useFaceSensor, useLicensePlateSensor, useMotionSensor, useOAuth, useObjectSensor, usePTZControl, usePlugin, usePluginStorage, useRpcCall, useRpcSubscription, useSensorById, useSensorByType, useSensorStorage, useSensors, useSensorsByType, useSnapshot, useTabVisibility, useTerminal, useTerminalSessions, useTopmostFullscreenElement };
+export { CAMERA_UI_INJECTION_KEY, NamespaceManager, STREAM_CONFIG, acquireSensorManager, clearCameraCache, clearOAuthCache, clearPluginCache, clearSensorCache, clearSnapshotCache, clearStorageCache, createActivityMode, createCameraUiPlugin, createReactiveCameraDevice, createSensorManager, getSnapshotUrl, isReactiveAudioSensor, isReactiveBatteryInfo, isReactiveCarbonDioxideInfo, isReactiveCarbonMonoxideSensor, isReactiveClassifierSensor, isReactiveColdSensor, isReactiveContactSensor, isReactiveDoorbellTrigger, isReactiveFaceSensor, isReactiveGarageControl, isReactiveGasSensor, isReactiveHeatSensor, isReactiveHumidityInfo, isReactiveIlluminanceInfo, isReactiveLeakSensor, isReactiveLicensePlateSensor, isReactiveLightControl, isReactiveLockControl, isReactiveMotionSensor, isReactiveObjectSensor, isReactiveOccupancySensor, isReactivePTZControl, isReactivePowerSensor, isReactiveProblemSensor, isReactiveSecuritySystem, isReactiveSirenControl, isReactiveSmokeSensor, isReactiveSwitchControl, isReactiveTamperSensor, isReactiveTemperatureInfo, isReactiveVibrationSensor, refreshClientSubscriptions, releaseSensorManager, resetClientState, restartConnectedStreams, rpcCall, setFullscreenRoot, setNativeFullscreen, useAllSensors, useAudioSensor, useCameraById, useCameraStorage, useCameraStream, useCameraUi, useClassifierSensors, useCoreManager, useCuiFullscreen, useDeviceManager, useFaceSensor, useLicensePlateSensor, useMotionSensor, useOAuth, useObjectSensor, usePTZControl, usePlugin, usePluginStorage, useRpcCall, useRpcSubscription, useSensorById, useSensorByType, useSensorStorage, useSensors, useSensorsByType, useSnapshot, useTabVisibility, useTerminal, useTerminalSessions, useTopmostFullscreenElement };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@camera.ui/browser",
-  "version": "0.1.15",
+  "version": "0.1.16",
   "description": "camera.ui browser client",
   "author": "seydx (https://github.com/cameraui/clients)",
   "type": "module",
@@ -39,14 +39,14 @@
   "devDependencies": {
     "@camera.ui/logger": "file:../../packages/logger",
     "@camera.ui/rpc": "^1.1.2",
-    "@camera.ui/sdk": "~1.4.8",
+    "@camera.ui/sdk": "~1.4.9",
     "@camera.ui/transport": "file:../../packages/transport",
     "@eneris/push-receiver": "^4.4.0",
     "@microsoft/api-extractor": "^7.60.1",
     "@stylistic/eslint-plugin": "^5.10.0",
     "@types/webrtc": "^0.0.47",
     "@typescript-eslint/parser": "^8.72.2",
-    "@vitejs/plugin-vue": "^6.0.10",
+    "@vitejs/plugin-vue": "^6.0.11",
     "@vue/eslint-config-prettier": "^10.2.0",
     "@vue/eslint-config-typescript": "^14.9.0",
     "@vue/language-core": "^3.3.14",
@@ -56,13 +56,13 @@
     "eslint": "9.39.2",
     "eslint-plugin-vue": "^10.12.1",
     "globals": "^17.14.0",
-    "prettier": "^3.9.10",
+    "prettier": "^3.10.1",
     "rimraf": "^6.1.4",
     "typescript": "5.9.3",
     "typescript-eslint": "^8.72.2",
     "unplugin-dts": "^1.1.2",
     "updates": "^20.0.1",
-    "vite": "^8.3.7",
+    "vite": "^8.3.8",
     "vitest": "^5.1.0",
     "vue": "^3.5.45",
     "vue-tsc": "3.3.11"