@camera.ui/browser 0.1.15 → 0.1.17

package/dist/index.d.ts

@@ -217,6 +217,7 @@ export declare interface CameraStream {
     readonly unsupported: Ref<boolean>;
     readonly hasAudio: Ref<boolean>;
     readonly hasBackchannel: Ref<boolean>;
+    readonly hasMicrophone: Ref<boolean>;
     readonly error: Ref<Error | undefined>;
     readonly isReconnecting: Ref<boolean>;
     readonly activityMode: Ref<CameraActivityMode>;
@@ -648,6 +649,10 @@ export declare class NamespaceManager {
         return `plugin.${pluginId}.fileserve.rpc`;
     }
 
+    static pluginPipeRpc(pluginId: string): string {
+        return `plugin.${pluginId}.pipe.rpc`;
+    }
+
     static cameraNamespaces(cameraId: string): CameraNamespaces {
         return {
             cameraSubject: `camera.${cameraId}.subscriber`,
@@ -771,6 +776,11 @@ export declare class NamespaceManager {
     }
 }
 
+export declare interface NativeFullscreen {
+    enter: () => Promise<boolean>;
+    exit: () => Promise<void>;
+}
+
 export { NatsStatus }
 
 declare interface NotificationManagerNamespaces {
@@ -1129,6 +1139,7 @@ export declare interface ReactiveStream {
     readonly hasVideo: Ref<boolean>;
     readonly hasAudio: Ref<boolean>;
     readonly hasBackchannel: Ref<boolean>;
+    readonly hasMicrophone?: Readonly<Ref<boolean>>;
     readonly isPlaying: Ref<boolean>;
     readonly stalled?: Ref<boolean>;
     readonly connectionPath?: Readonly<Ref<StreamConnectionPath | undefined>>;
@@ -1298,6 +1309,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 +1725,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

@@ -160,6 +160,9 @@ var NamespaceManager = class {
 	static pluginFileServeRpc(pluginId) {
 		return `plugin.${pluginId}.fileserve.rpc`;
 	}
+	static pluginPipeRpc(pluginId) {
+		return `plugin.${pluginId}.pipe.rpc`;
+	}
 	static cameraNamespaces(cameraId) {
 		return {
 			cameraSubject: `camera.${cameraId}.subscriber`,
@@ -4657,6 +4660,7 @@ var StreamConnection = class {
 	hasVideo;
 	hasAudio;
 	hasBackchannel;
+	hasMicrophone;
 	isPlaying;
 	stalled;
 	connectionPath;
@@ -4688,6 +4692,7 @@ var StreamConnection = class {
 	hiddenPauseRan = false;
 	disarmPipWatch = null;
 	wsHandle;
+	streamRequested = false;
 	wsOpenedAt = 0;
 	webrtcHandler;
 	mseHandler;
@@ -4697,7 +4702,7 @@ var StreamConnection = class {
 	cancelFirstFrameWatch;
 	awaitingWebRTCFrame = false;
 	backchannelHandler;
-	pendingMicTrack = null;
+	micTrack = shallowRef(null);
 	offerPeer;
 	answeredPeer;
 	lastMediaStream = null;
@@ -4750,6 +4755,7 @@ var StreamConnection = class {
 		this.hasVideo = ref(false);
 		this.hasAudio = ref(false);
 		this.hasBackchannel = ref(false);
+		this.hasMicrophone = computed(() => this.micTrack.value !== null);
 		this.isPlaying = ref(false);
 		this.stalled = ref(false);
 		this.webrtcUnreachable = ref(false);
@@ -4966,7 +4972,7 @@ var StreamConnection = class {
 			await this.start();
 			return;
 		}
-		if (this.status.value === "connected") await this.restart();
+		if (this.status.value === "connected" || this.streamRequested) await this.restart();
 	}
 	async setResolution(resolution) {
 		if (this.requestedResolution.value === resolution) return;
@@ -4982,7 +4988,7 @@ var StreamConnection = class {
 			this.activeResolution.value = result.effectiveResolution;
 			this.degradedFrom.value = result.degradedFrom;
 			this.degradeReason.value = result.degradedFrom ? "codec" : null;
-			if (this.status.value === "connected") await this.restart();
+			if (this.status.value === "connected" || this.wsHandle) await this.restart();
 		}
 	}
 	async setMicrophone(track) {
@@ -4991,7 +4997,7 @@ var StreamConnection = class {
 			return;
 		}
 		if (!this.hasBackchannel.value) return;
-		this.pendingMicTrack = track;
+		this.micTrack.value = track;
 		if (!this.backchannelHandler) await this.startBackchannel();
 		else if (this.backchannelHandler.isConnected) await this.backchannelHandler.setMicrophoneTrack(track);
 	}
@@ -5046,7 +5052,7 @@ var StreamConnection = class {
 		this.scope.stop();
 	}
 	restart() {
-		return this.reconnect(1e3);
+		return this.reconnect(0);
 	}
 	invalidateProbe() {
 		this.probeInfo.value = void 0;
@@ -5101,7 +5107,7 @@ var StreamConnection = class {
 	}
 	retryAfterNoMedia() {
 		if (this.markSourceUndecodable()) {
-			this.restart();
+			this.reconnect(RETRY_BASE_DELAY);
 			return;
 		}
 		this.retryLater(this.lastError);
@@ -5423,6 +5429,7 @@ var StreamConnection = class {
 	}
 	disconnectWebSocket() {
 		this.stopWsConnectTimeout();
+		this.streamRequested = false;
 		if (this.wsHandle) {
 			this.wsHandle.dispose();
 			this.wsHandle = void 0;
@@ -5442,6 +5449,7 @@ var StreamConnection = class {
 		});
 	}
 	requestStream() {
+		this.streamRequested = true;
 		if (this.sourceIsMjpeg()) {
 			this.startMjpeg();
 			return;
@@ -5737,7 +5745,7 @@ var StreamConnection = class {
 		if ((phase === "setup" || beforeFirstFrame) && this.sourceLikelyH265()) {
 			reportH265DecodeFailure("mse");
 			this.markSourceUndecodable();
-			this.restart();
+			this.reconnect(RETRY_BASE_DELAY);
 			return;
 		}
 		if (phase === "setup") {
@@ -5956,7 +5964,7 @@ var StreamConnection = class {
 				value: candidate
 			}),
 			onConnected: async () => {
-				if (this.pendingMicTrack && this.backchannelHandler === handler) await handler.setMicrophoneTrack(this.pendingMicTrack);
+				if (this.micTrack.value && this.backchannelHandler === handler) await handler.setMicrophoneTrack(this.micTrack.value);
 			},
 			onFailed: () => this.closeBackchannel(handler)
 		});
@@ -5971,7 +5979,7 @@ var StreamConnection = class {
 		if (offer && !this.abortController.signal.aborted && this.backchannelHandler === handler) this.sendOffer(handler, offer);
 	}
 	resumeBackchannel() {
-		if (this.pendingMicTrack && !this.backchannelHandler) this.startBackchannel();
+		if (this.micTrack.value && !this.backchannelHandler) this.startBackchannel();
 	}
 	sendOffer(peer, sdp) {
 		if (this.wsHandle?.readyState !== WebSocket.OPEN) return;
@@ -5993,7 +6001,7 @@ var StreamConnection = class {
 		handler?.close();
 		if (handler !== this.backchannelHandler) return;
 		this.backchannelHandler = void 0;
-		this.pendingMicTrack = null;
+		this.micTrack.value = null;
 	}
 };
 function createStreamConnection(options) {
@@ -6161,16 +6169,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 +6222,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 +6253,7 @@ function useCuiFullscreen(target, options = {}) {
 			behavior: "instant"
 		});
 		document.addEventListener("keydown", onEscape);
+		document.addEventListener("fullscreenchange", onNativeChange);
 		fullscreenStack.push(wrapper);
 		refreshTopmost();
 		isFullscreen.value = true;
@@ -6232,9 +6275,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 +6289,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),
@@ -6363,6 +6409,7 @@ function useCameraStream(options) {
 	const unsupported = computed(() => status.value === "unsupported");
 	const hasAudio = computed(() => currentStream.value?.hasAudio.value ?? false);
 	const hasBackchannel = computed(() => currentStream.value?.hasBackchannel.value ?? false);
+	const hasMicrophone = computed(() => currentStream.value?.hasMicrophone?.value ?? false);
 	const error = computed(() => currentStream.value?.error.value);
 	const isReconnecting = computed(() => status.value === "reconnecting");
 	const isBusy = computed(() => cameraDeviceLoading.value || !isPlaying.value && status.value !== "error" && status.value !== "unsupported");
@@ -6916,6 +6963,7 @@ function useCameraStream(options) {
 		unsupported,
 		hasAudio,
 		hasBackchannel,
+		hasMicrophone,
 		error,
 		isReconnecting,
 		activityMode: activityModeManager.mode,
@@ -7180,4 +7228,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.17",
   "description": "camera.ui browser client",
   "author": "seydx (https://github.com/cameraui/clients)",
   "type": "module",
@@ -38,15 +38,15 @@
   },
   "devDependencies": {
     "@camera.ui/logger": "file:../../packages/logger",
-    "@camera.ui/rpc": "^1.1.2",
-    "@camera.ui/sdk": "~1.4.8",
+    "@camera.ui/rpc": "^1.1.3",
+    "@camera.ui/sdk": "~1.4.11",
     "@camera.ui/transport": "file:../../packages/transport",
     "@eneris/push-receiver": "^4.4.0",
     "@microsoft/api-extractor": "^7.60.1",
-    "@stylistic/eslint-plugin": "^5.10.0",
+    "@stylistic/eslint-plugin": "^6.0.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"