@taskp3/react 0.2.0 → 0.2.2

package/dist/screen-recorder.js

@@ -41,51 +41,12 @@ const use_recorder_controller_1 = require("./use-recorder-controller");
 const screen_recorder_context_1 = require("./screen-recorder-context");
 const icons_1 = require("./icons");
 const recorder_preview_player_1 = require("./recorder-preview-player");
+const live_camera_overlay_1 = require("./recorder/live-camera-overlay");
 function formatTime(seconds) {
     const m = Math.floor(seconds / 60);
     const s = seconds % 60;
     return `${m}:${s.toString().padStart(2, "0")}`;
 }
-function LiveCameraPreview({ stream, pipWidth, }) {
-    const videoRef = react_1.default.useRef(null);
-    (0, react_1.useEffect)(() => {
-        const video = videoRef.current;
-        if (!video)
-            return;
-        video.srcObject = stream;
-        if (stream) {
-            video.play().catch(() => { });
-        }
-        return () => {
-            if (video.srcObject === stream) {
-                video.srcObject = null;
-            }
-        };
-    }, [stream]);
-    if (!stream) {
-        return null;
-    }
-    return ((0, jsx_runtime_1.jsx)("div", { style: {
-            position: "fixed",
-            left: 16,
-            bottom: 76,
-            zIndex: 2147483647,
-            width: pipWidth,
-            maxWidth: 180,
-            aspectRatio: "1 / 1",
-            overflow: "hidden",
-            borderRadius: 999,
-            border: "2px solid rgba(255,255,255,0.72)",
-            background: "#000",
-            boxShadow: "0 10px 26px rgba(0,0,0,0.24)",
-        }, children: (0, jsx_runtime_1.jsx)("video", { ref: videoRef, muted: true, playsInline: true, autoPlay: true, style: {
-                display: "block",
-                width: "100%",
-                height: "100%",
-                objectFit: "cover",
-                transform: "scaleX(-1)",
-            } }) }));
-}
 const FIXED_BAR_STYLE = {
     position: "fixed",
     bottom: 16,
@@ -93,10 +54,15 @@ const FIXED_BAR_STYLE = {
     zIndex: 2147483647,
     boxShadow: "0 4px 12px rgba(0,0,0,0.15)",
 };
+function RecorderSetupPill({ microphoneEnabled, cameraEnabled, microphoneError, cameraError, error, onMicrophoneEnabledChange, onCameraEnabledChange, onStart, onCancel, }) {
+    const generalError = error && error !== microphoneError && error !== cameraError ? error : null;
+    return ((0, jsx_runtime_1.jsxs)("div", { style: FIXED_BAR_STYLE, className: "p3-rec-bar-wrapper", children: [(0, jsx_runtime_1.jsxs)("div", { className: "p3-rec-bar p3-rec-bar--setup", children: [(0, jsx_runtime_1.jsx)("span", { className: "p3-rec-setup-title", children: "Record screen" }), (0, jsx_runtime_1.jsxs)("label", { className: `p3-rec-option ${microphoneEnabled ? "p3-rec-option--on" : "p3-rec-option--off"}`, children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: microphoneEnabled, onChange: (event) => onMicrophoneEnabledChange(event.target.checked) }), (0, jsx_runtime_1.jsx)("span", { children: "Mic" }), (0, jsx_runtime_1.jsx)("span", { className: "p3-rec-option-state", children: microphoneEnabled ? "On" : "Off" })] }), (0, jsx_runtime_1.jsxs)("label", { className: `p3-rec-option ${cameraEnabled ? "p3-rec-option--on" : "p3-rec-option--off"}`, children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: cameraEnabled, onChange: (event) => onCameraEnabledChange(event.target.checked) }), (0, jsx_runtime_1.jsx)("span", { children: "Camera" }), (0, jsx_runtime_1.jsx)("span", { className: "p3-rec-option-state", children: cameraEnabled ? "On" : "Off" })] }), (0, jsx_runtime_1.jsxs)("span", { className: "p3-rec-controls", children: [(0, jsx_runtime_1.jsx)("button", { type: "button", className: "p3-rec-start", onClick: onStart, children: "Start" }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "p3-rec-ctrl p3-rec-ctrl--danger", onClick: onCancel, "aria-label": "Cancel recording setup", "data-tooltip": "Cancel", children: (0, jsx_runtime_1.jsx)(icons_1.TrashIcon, { size: 12 }) })] })] }), microphoneEnabled && microphoneError && ((0, jsx_runtime_1.jsx)("p", { className: "p3-rec-error", children: microphoneError.message })), cameraEnabled && cameraError && ((0, jsx_runtime_1.jsx)("p", { className: "p3-rec-error", children: cameraError.message })), generalError && ((0, jsx_runtime_1.jsx)("p", { className: "p3-rec-error", children: generalError.message }))] }));
+}
 exports.ScreenRecorder = react_1.default.forwardRef(function ScreenRecorder({ onAttach, onMicrophoneErrorChange, hideIdleTrigger = false, target = "submission", ...opts }, ref) {
     const ctx = (0, screen_recorder_context_1.useScreenRecorderContext)();
     const localRecorder = (0, use_recorder_controller_1.useRecorderController)(opts);
     const [isAttaching, setIsAttaching] = (0, react_1.useState)(false);
+    const [isConfiguring, setIsConfiguring] = (0, react_1.useState)(false);
     const recorder = ctx?.recorder ?? localRecorder;
     const useGlobalUI = ctx != null;
     (0, react_1.useEffect)(() => {
@@ -105,14 +71,32 @@ exports.ScreenRecorder = react_1.default.forwardRef(function ScreenRecorder({ on
         ctx.setOnAttach(onAttach);
         ctx.setTargetOnAttach(target, onAttach);
     }, [useGlobalUI, onAttach, ctx, target]);
-    const startRecording = (0, react_1.useCallback)(async () => {
+    const openRecorderSetup = (0, react_1.useCallback)(async () => {
         ctx?.setActiveTarget(target);
-        await recorder.start();
-    }, [ctx, recorder, target]);
+        if (ctx) {
+            ctx.openStartOptions(target);
+            return;
+        }
+        setIsConfiguring(true);
+    }, [ctx, target]);
+    const startRecording = (0, react_1.useCallback)(() => {
+        void recorder.start();
+    }, [recorder]);
+    const cancelRecorderSetup = (0, react_1.useCallback)(() => {
+        setIsConfiguring(false);
+        if (recorder.state === "error") {
+            recorder.discard();
+        }
+    }, [recorder]);
     (0, react_1.useImperativeHandle)(ref, () => ({
-        start: startRecording,
-    }), [startRecording]);
+        start: openRecorderSetup,
+    }), [openRecorderSetup]);
     const { state, duration, previewUrl, cameraPreviewUrl, liveCameraStream, error, microphoneError, cameraError, isSupported, microphoneEnabled, cameraEnabled, setMicrophoneEnabled, setCameraEnabled, stop, pause, resume, restart, discard, isFinalizing, ensureFinalizedBlob, } = recorder;
+    (0, react_1.useEffect)(() => {
+        if (state !== "idle" && state !== "error" && state !== "requesting") {
+            setIsConfiguring(false);
+        }
+    }, [state]);
     (0, react_1.useEffect)(() => {
         onMicrophoneErrorChange?.(microphoneError);
     }, [microphoneError, onMicrophoneErrorChange]);
@@ -135,30 +119,20 @@ exports.ScreenRecorder = react_1.default.forwardRef(function ScreenRecorder({ on
     if (!isSupported)
         return null;
     if (state === "idle" || state === "error") {
-        return ((0, jsx_runtime_1.jsxs)("div", { className: "p3-rec", children: [(0, jsx_runtime_1.jsxs)("label", { style: {
-                        display: "flex",
-                        alignItems: "center",
-                        gap: 8,
-                        marginBottom: 8,
-                        fontSize: 13,
-                        color: "#334155",
-                    }, children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: microphoneEnabled, onChange: (event) => setMicrophoneEnabled(event.target.checked) }), "Record microphone audio"] }), (0, jsx_runtime_1.jsxs)("label", { style: {
-                        display: "flex",
-                        alignItems: "center",
-                        gap: 8,
-                        marginBottom: 8,
-                        fontSize: 13,
-                        color: "#334155",
-                    }, children: [(0, jsx_runtime_1.jsx)("input", { type: "checkbox", checked: cameraEnabled, onChange: (event) => setCameraEnabled(event.target.checked) }), "Record camera overlay"] }), !hideIdleTrigger && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "p3-icon-btn", onClick: startRecording, "aria-label": "Start screen recording", title: "Start screen recording", children: (0, jsx_runtime_1.jsx)(icons_1.VideoCameraFrontOutlinedIcon, { size: 16 }) })), microphoneEnabled && microphoneError && ((0, jsx_runtime_1.jsx)("p", { className: "p3-rec-error", children: microphoneError.message })), cameraEnabled && cameraError && ((0, jsx_runtime_1.jsx)("p", { className: "p3-rec-error", children: cameraError.message })), error && error !== microphoneError && ((0, jsx_runtime_1.jsx)("p", { className: "p3-rec-error", children: error.message }))] }));
+        if (useGlobalUI)
+            return null;
+        const setupPill = isConfiguring ? ((0, jsx_runtime_1.jsx)(RecorderSetupPill, { microphoneEnabled: microphoneEnabled, cameraEnabled: cameraEnabled, microphoneError: microphoneError, cameraError: cameraError, error: error, onMicrophoneEnabledChange: setMicrophoneEnabled, onCameraEnabledChange: setCameraEnabled, onStart: startRecording, onCancel: cancelRecorderSetup })) : null;
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "p3-rec", children: [!hideIdleTrigger && ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "p3-icon-btn", onClick: () => void openRecorderSetup(), "aria-label": "Start screen recording", title: "Start screen recording", children: (0, jsx_runtime_1.jsx)(icons_1.VideoCameraFrontOutlinedIcon, { size: 16 }) })), typeof document !== "undefined" && document.body && setupPill
+                    ? (0, react_dom_1.createPortal)(setupPill, document.body)
+                    : setupPill] }));
     }
-    if (hideIdleTrigger && state === "requesting") {
+    if (useGlobalUI) {
         return null;
     }
     if (state === "requesting") {
-        return ((0, jsx_runtime_1.jsx)("div", { className: "p3-rec", children: (0, jsx_runtime_1.jsx)("button", { type: "button", className: "p3-icon-btn", disabled: true, "aria-label": "Starting screen recording", title: "Starting screen recording", children: (0, jsx_runtime_1.jsx)(icons_1.VideoCameraFrontOutlinedIcon, { size: 16 }) }) }));
+        const requestingContent = ((0, jsx_runtime_1.jsx)("div", { style: FIXED_BAR_STYLE, className: "p3-rec-bar-wrapper", children: (0, jsx_runtime_1.jsx)("div", { className: "p3-rec-bar p3-rec-bar--setup", children: (0, jsx_runtime_1.jsx)("span", { className: "p3-rec-setup-title", children: "Starting recording..." }) }) }));
+        return typeof document !== "undefined" && document.body ? ((0, react_dom_1.createPortal)(requestingContent, document.body)) : ((0, jsx_runtime_1.jsx)("div", { className: "p3-rec", children: requestingContent }));
     }
-    if (useGlobalUI)
-        return null;
     if (state === "recording" || state === "paused") {
         const isPaused = state === "paused";
         const barContent = ((0, jsx_runtime_1.jsx)("div", { style: FIXED_BAR_STYLE, className: "p3-rec-bar-wrapper", children: (0, jsx_runtime_1.jsxs)("div", { className: "p3-rec-bar", children: [(0, jsx_runtime_1.jsx)("span", { className: "p3-rec-dot", style: isPaused ? { animationPlayState: "paused", opacity: 0.4 } : undefined }), (0, jsx_runtime_1.jsx)("span", { className: "p3-rec-timer", children: formatTime(duration) }), (0, jsx_runtime_1.jsx)("span", { style: {
@@ -175,9 +149,9 @@ exports.ScreenRecorder = react_1.default.forwardRef(function ScreenRecorder({ on
                             padding: "2px 8px",
                         }, children: cameraEnabled ? "Cam on" : "Cam off" }), (0, jsx_runtime_1.jsxs)("span", { className: "p3-rec-controls", children: [isPaused ? ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "p3-rec-ctrl", onClick: resume, "aria-label": "Resume", "data-tooltip": "Resume", children: (0, jsx_runtime_1.jsx)(icons_1.PlayIcon, { size: 12 }) })) : ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "p3-rec-ctrl", onClick: pause, "aria-label": "Pause", "data-tooltip": "Pause", children: (0, jsx_runtime_1.jsx)(icons_1.PauseIcon, { size: 12 }) })), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "p3-rec-ctrl", onClick: restart, "aria-label": "Restart", "data-tooltip": "Restart", children: (0, jsx_runtime_1.jsx)(icons_1.RestartIcon, { size: 12 }) }), (0, jsx_runtime_1.jsx)("button", { type: "button", className: "p3-rec-ctrl p3-rec-ctrl--danger", onClick: discard, "aria-label": "Discard", "data-tooltip": "Discard", children: (0, jsx_runtime_1.jsx)(icons_1.TrashIcon, { size: 12 }) }), (0, jsx_runtime_1.jsxs)("button", { type: "button", className: "p3-rec-stop", onClick: stop, children: [(0, jsx_runtime_1.jsx)(icons_1.StopCircleIcon, { size: 12 }), "Stop"] })] })] }) }));
         if (typeof document !== "undefined" && document.body) {
-            return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [cameraEnabled && (0, jsx_runtime_1.jsx)(LiveCameraPreview, { stream: liveCameraStream, pipWidth: pipWidth }), barContent] }), document.body);
+            return (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [cameraEnabled && ((0, jsx_runtime_1.jsx)(live_camera_overlay_1.LiveCameraOverlay, { stream: liveCameraStream, pipScale: opts.pipScale })), barContent] }), document.body);
         }
-        return ((0, jsx_runtime_1.jsxs)("div", { className: "p3-rec", children: [cameraEnabled && (0, jsx_runtime_1.jsx)(LiveCameraPreview, { stream: liveCameraStream, pipWidth: pipWidth }), (0, jsx_runtime_1.jsx)("div", { className: "p3-rec-bar", children: barContent.props.children })] }));
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "p3-rec", children: [cameraEnabled && ((0, jsx_runtime_1.jsx)(live_camera_overlay_1.LiveCameraOverlay, { stream: liveCameraStream, pipScale: opts.pipScale })), (0, jsx_runtime_1.jsx)("div", { className: "p3-rec-bar", children: barContent.props.children })] }));
     }
     if (state === "stopping") {
         const processingContent = ((0, jsx_runtime_1.jsx)("div", { style: FIXED_BAR_STYLE, className: "p3-rec-bar-wrapper", children: (0, jsx_runtime_1.jsx)("div", { className: "p3-rec-bar", style: { background: "#f0f9ff", borderColor: "#bae6fd" }, children: (0, jsx_runtime_1.jsx)("span", { className: "p3-rec-timer", style: { color: "#0369a1" }, children: "Processing\u2026" }) }) }));

package/dist/screen-recorder.js.map

@@ -1 +1 @@
-{"version":3,"file":"screen-recorder.js","sourceRoot":"","sources":["../src/screen-recorder.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"screen-recorder.js","sourceRoot":"","sources":["../src/screen-recorder.tsx"],"names":[],"mappings":"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"}

package/dist/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,wBAAgB,UAAU,CAAC,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,MAAM,CAo0B3D"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,wBAAgB,UAAU,CAAC,CAAC,EAAE,QAAQ,CAAC,WAAW,CAAC,GAAG,MAAM,CAy5B3D"}

package/dist/styles.js

@@ -345,6 +345,82 @@ function TRIAGE_CSS(t) {
   background: #fef2f2;
   border: 1px solid #fecaca;
 }
+.p3-rec-bar--setup {
+  background: #fef2f2;
+  border-color: #fecaca;
+}
+.p3-rec-setup-title {
+  font-size: 13px;
+  font-weight: 600;
+  color: #991b1b;
+  white-space: nowrap;
+}
+.p3-rec-option {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  min-height: 28px;
+  padding: 4px 9px;
+  border: 1px solid transparent;
+  border-radius: 6px;
+  font-size: 12px;
+  font-weight: 600;
+  color: #991b1b;
+  white-space: nowrap;
+  cursor: pointer;
+  transition: background 0.12s;
+}
+.p3-rec-option:hover {
+  background: #fecaca;
+}
+.p3-rec-option--on {
+  background: #fee2e2;
+  border-color: #fca5a5;
+}
+.p3-rec-option--off {
+  color: #b45309;
+  background: rgba(255, 255, 255, 0.5);
+  border-color: #fecaca;
+}
+.p3-rec-option-state {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 22px;
+  padding: 1px 5px;
+  border-radius: 999px;
+  font-size: 10px;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.02em;
+}
+.p3-rec-option--on .p3-rec-option-state {
+  background: #ef4444;
+  color: #fff;
+}
+.p3-rec-option--off .p3-rec-option-state {
+  background: #fff7ed;
+  color: #b45309;
+}
+.p3-rec-option input {
+  appearance: none;
+  width: 10px;
+  height: 10px;
+  margin: 0;
+  border-radius: 50%;
+  border: 1px solid #fca5a5;
+  background: #fee2e2;
+}
+.p3-rec-option input:checked {
+  border-color: #ef4444;
+  background: #ef4444;
+  box-shadow: 0 0 0 3px #fee2e2 inset;
+}
+.p3-rec-option input:focus-visible {
+  outline: 2px solid #fca5a5;
+  outline-offset: 2px;
+}
 .p3-rec-dot {
   width: 10px; height: 10px;
   border-radius: 50%;
@@ -409,6 +485,15 @@ function TRIAGE_CSS(t) {
   cursor: pointer; transition: background 0.12s;
 }
 .p3-rec-stop:hover { background: #dc2626; }
+.p3-rec-start {
+  display: inline-flex; align-items: center; gap: 4px;
+  padding: 4px 10px;
+  border: none; border-radius: 6px;
+  background: #16a34a; color: #fff;
+  font-family: ${t.fontFamily}; font-size: 12px; font-weight: 600;
+  cursor: pointer; transition: background 0.12s;
+}
+.p3-rec-start:hover { background: #15803d; }
 
 .p3-rec-preview {
   position: relative;

package/dist/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"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"}

package/dist/use-recorder-controller.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-recorder-controller.d.ts","sourceRoot":"","sources":["../src/use-recorder-controller.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EAEV,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,EAChC,MAAM,8BAA8B,CAAC;AAGtC,YAAY,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE/E,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,UAAU,GACV,SAAS,GACT,OAAO,CAAC;AAyBZ,MAAM,WAAW,yBAAyB;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,gBAAgB,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,eAAe,EAAE,KAAK,GAAG,IAAI,CAAC;IAC9B,WAAW,EAAE,KAAK,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,0BAA0B,GAAG,IAAI,CAAC;IACzD,mBAAmB,EAAE,MAAM,OAAO,CAAC,wBAAwB,GAAG,IAAI,CAAC,CAAC;CACrE;AAiOD,wBAAgB,qBAAqB,CACnC,OAAO,GAAE,yBAA8B,GACtC,wBAAwB,CA+hB1B"}
+{"version":3,"file":"use-recorder-controller.d.ts","sourceRoot":"","sources":["../src/use-recorder-controller.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,OAAO,KAAK,EACV,sBAAsB,EACtB,mBAAmB,EACpB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAEL,KAAK,wBAAwB,EAC7B,KAAK,0BAA0B,EAChC,MAAM,8BAA8B,CAAC;AAGtC,YAAY,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAE/E,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,YAAY,GACZ,WAAW,GACX,QAAQ,GACR,UAAU,GACV,SAAS,GACT,OAAO,CAAC;AA4BZ,MAAM,WAAW,yBAAyB;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,sBAAsB,CAAC;IACrC,QAAQ,CAAC,EAAE,mBAAmB,CAAC;IAC/B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,gBAAgB,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,gBAAgB,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;IACpB,eAAe,EAAE,KAAK,GAAG,IAAI,CAAC;IAC9B,WAAW,EAAE,KAAK,GAAG,IAAI,CAAC;IAC1B,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,aAAa,EAAE,OAAO,CAAC;IACvB,oBAAoB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;IAC3B,eAAe,EAAE,MAAM,0BAA0B,GAAG,IAAI,CAAC;IACzD,mBAAmB,EAAE,MAAM,OAAO,CAAC,wBAAwB,GAAG,IAAI,CAAC,CAAC;CACrE;AAuOD,wBAAgB,qBAAqB,CACnC,OAAO,GAAE,yBAA8B,GACtC,wBAAwB,CA8d1B"}

package/dist/use-recorder-controller.js

@@ -9,10 +9,13 @@ exports.useRecorderController = useRecorderController;
 const react_1 = require("react");
 const finalizeRecordingInWorker_1 = require("./recorder/finalizeRecordingInWorker");
 const DEFAULT_MAX_MS = 5 * 60 * 1000;
-const DEFAULT_CAMERA_BITRATE = 500000;
+const DEFAULT_VIDEO_BITRATE = 1000000;
 const MIME = typeof MediaRecorder !== "undefined" && MediaRecorder.isTypeSupported("video/webm;codecs=vp9")
     ? "video/webm;codecs=vp9"
     : "video/webm";
+const CAMERA_WIDTH = 320;
+const CAMERA_HEIGHT = 240;
+const CAMERA_FRAME_RATE = 15;
 function isSupported() {
     return (typeof window !== "undefined" &&
         typeof MediaRecorder !== "undefined" &&
@@ -96,7 +99,12 @@ async function tryAcquireCamera(required) {
             throw createCameraCaptureError("Camera recording is enabled, but no camera device was found. Connect a camera, make sure Firefox can see it, or turn off camera recording.");
         }
         const cameraStream = await navigator.mediaDevices.getUserMedia({
-            video: true,
+            video: {
+                width: { ideal: CAMERA_WIDTH, max: CAMERA_WIDTH },
+                height: { ideal: CAMERA_HEIGHT, max: CAMERA_HEIGHT },
+                frameRate: { ideal: CAMERA_FRAME_RATE, max: CAMERA_FRAME_RATE },
+                facingMode: "user",
+            },
             audio: false,
         });
         const cameraTrack = cameraStream.getVideoTracks()[0];
@@ -106,8 +114,9 @@ async function tryAcquireCamera(required) {
         }
         cameraTrack
             .applyConstraints({
-            width: { ideal: 320 },
-            height: { ideal: 240 },
+            width: { ideal: CAMERA_WIDTH, max: CAMERA_WIDTH },
+            height: { ideal: CAMERA_HEIGHT, max: CAMERA_HEIGHT },
+            frameRate: { ideal: CAMERA_FRAME_RATE, max: CAMERA_FRAME_RATE },
         })
             .catch(() => { });
         return cameraStream;
@@ -180,7 +189,7 @@ function getFinalizationHints(displayStream, microphoneStream, cameraEnabled, pi
     };
 }
 function useRecorderController(options = {}) {
-    const { maxDurationMs = DEFAULT_MAX_MS, videoBitsPerSecond = 2500000, cameraBitsPerSecond = DEFAULT_CAMERA_BITRATE, defaultMicrophoneEnabled = true, microphoneEnabled: controlledMicrophoneEnabled, defaultCameraEnabled = false, cameraEnabled: controlledCameraEnabled, pipPosition = "bottom-right", pipShape = "circle", } = options;
+    const { maxDurationMs = DEFAULT_MAX_MS, videoBitsPerSecond = DEFAULT_VIDEO_BITRATE, defaultMicrophoneEnabled = true, microphoneEnabled: controlledMicrophoneEnabled, defaultCameraEnabled = false, cameraEnabled: controlledCameraEnabled, pipPosition = "bottom-right", pipShape = "circle", } = options;
     const [state, setState] = (0, react_1.useState)("idle");
     const [duration, setDuration] = (0, react_1.useState)(0);
     const [previewUrl, setPreviewUrl] = (0, react_1.useState)(null);
@@ -210,9 +219,7 @@ function useRecorderController(options = {}) {
     const cameraStreamRef = (0, react_1.useRef)(null);
     const releaseAudioRef = (0, react_1.useRef)(null);
     const recorderRef = (0, react_1.useRef)(null);
-    const cameraRecorderRef = (0, react_1.useRef)(null);
     const chunksRef = (0, react_1.useRef)([]);
-    const cameraChunksRef = (0, react_1.useRef)([]);
     const blobRef = (0, react_1.useRef)(null);
     const blobMetadataRef = (0, react_1.useRef)(null);
     const finalizePromiseRef = (0, react_1.useRef)(null);
@@ -243,7 +250,6 @@ function useRecorderController(options = {}) {
         releaseAudioRef.current?.();
         releaseAudioRef.current = null;
         recorderRef.current = null;
-        cameraRecorderRef.current = null;
         setLiveCameraStream(null);
     }, []);
     const buildFallbackMetadata = (0, react_1.useCallback)((blob, conversionReason) => ({
@@ -316,31 +322,19 @@ function useRecorderController(options = {}) {
             releaseAudioRef.current = release;
             streamRef.current = stream;
             setLiveCameraStream(cameraStream ? new MediaStream(cameraStream.getVideoTracks()) : null);
-            const recorder = createVideoRecorder(stream, videoBitsPerSecond ?? 2500000);
-            const cameraRecorder = cameraStream && cameraStream.getVideoTracks().length > 0
-                ? createVideoRecorder(new MediaStream(cameraStream.getVideoTracks()), cameraBitsPerSecond)
-                : null;
+            const recorder = createVideoRecorder(stream, videoBitsPerSecond ?? DEFAULT_VIDEO_BITRATE);
             recorderRef.current = recorder;
-            cameraRecorderRef.current = cameraRecorder;
             chunksRef.current = [];
-            cameraChunksRef.current = [];
             recorder.ondataavailable = (e) => {
                 if (discardingRef.current)
                     return;
                 if (e.data.size > 0)
                     chunksRef.current.push(e.data);
             };
-            cameraRecorder?.addEventListener("dataavailable", (e) => {
-                if (discardingRef.current)
-                    return;
-                if (e.data.size > 0)
-                    cameraChunksRef.current.push(e.data);
-            });
             let screenStopped = false;
-            let cameraStopped = cameraRecorder == null;
             let finalizationStarted = false;
             const maybeFinalizeStoppedRecorders = async () => {
-                if (finalizationStarted || !screenStopped || !cameraStopped) {
+                if (finalizationStarted || !screenStopped) {
                     return;
                 }
                 finalizationStarted = true;
@@ -355,35 +349,20 @@ function useRecorderController(options = {}) {
                 const chunks = chunksRef.current;
                 const type = chunks[0]?.type || MIME.split(";")[0];
                 const rawBlob = new Blob(chunks, { type });
-                const cameraType = cameraChunksRef.current[0]?.type || cameraRecorder?.mimeType || MIME;
-                const rawCameraBlob = cameraChunksRef.current.length > 0
-                    ? new Blob(cameraChunksRef.current, { type: cameraType.split(";")[0] })
-                    : null;
-                if (cameraEnabled && !rawCameraBlob) {
-                    setError(new Error("Camera recording was enabled, but the camera overlay could not be captured."));
-                    setState("error");
-                    return;
-                }
                 blobRef.current = rawBlob;
                 blobMetadataRef.current = {
                     ...buildFallbackMetadata(rawBlob),
                     cameraOverlayEnabled: cameraEnabled || undefined,
-                    cameraOverlayIncluded: false,
+                    cameraOverlayIncluded: cameraEnabled || undefined,
                     cameraOverlayPosition: cameraEnabled ? pipPosition : undefined,
                     cameraOverlayShape: cameraEnabled ? pipShape : undefined,
                 };
                 setPreviewBlob(rawBlob);
-                setCameraPreviewBlob(rawCameraBlob);
+                setCameraPreviewBlob(null);
                 setState("preview");
                 setIsFinalizing(true);
                 const runId = ++finalizationRunIdRef.current;
-                const finalizePromise = (0, finalizeRecordingInWorker_1.finalizeRecordingInWorker)(rawBlob, Math.max(elapsedMsRef.current, 1), finalizationHints, {
-                    enabled: cameraEnabled,
-                    cameraBlob: rawCameraBlob,
-                    pipScale: options.pipScale,
-                    position: pipPosition,
-                    shape: pipShape,
-                });
+                const finalizePromise = (0, finalizeRecordingInWorker_1.finalizeRecordingInWorker)(rawBlob, Math.max(elapsedMsRef.current, 1), finalizationHints);
                 finalizePromiseRef.current = finalizePromise;
                 try {
                     const finalizedRecording = await finalizePromise;
@@ -426,17 +405,6 @@ function useRecorderController(options = {}) {
                 cleanup();
                 setState("error");
             };
-            if (cameraRecorder) {
-                cameraRecorder.onstop = () => {
-                    cameraStopped = true;
-                    void maybeFinalizeStoppedRecorders();
-                };
-                cameraRecorder.onerror = () => {
-                    setCameraError(new Error("Camera recording failed"));
-                    cleanup();
-                    setState("error");
-                };
-            }
             displayStream.getVideoTracks()[0]?.addEventListener("ended", () => {
                 if (recorder.state === "recording") {
                     const activeMs = Date.now() - timerStartedAtRef.current;
@@ -446,7 +414,6 @@ function useRecorderController(options = {}) {
                 }
             });
             recorder.start();
-            cameraRecorder?.start();
             remainingMaxMsRef.current = maxDurationMs;
             elapsedMsRef.current = 0;
             timerStartedAtRef.current = Date.now();
@@ -473,13 +440,11 @@ function useRecorderController(options = {}) {
             setState("error");
         }
     }, [
-        cameraBitsPerSecond,
         cameraEnabled,
         buildFallbackMetadata,
         cleanup,
         maxDurationMs,
         microphoneEnabled,
-        options.pipScale,
         pipPosition,
         pipShape,
         scheduleMaxTimer,
@@ -504,25 +469,17 @@ function useRecorderController(options = {}) {
             maxTimerRef.current = null;
         }
         const rec = recorderRef.current;
-        const cameraRec = cameraRecorderRef.current;
         if (rec && (rec.state === "recording" || rec.state === "paused")) {
             rec.requestData();
             rec.stop();
         }
-        if (cameraRec && (cameraRec.state === "recording" || cameraRec.state === "paused")) {
-            cameraRec.requestData();
-            cameraRec.stop();
-        }
     }, [state]);
     const pause = (0, react_1.useCallback)(() => {
         if (state !== "recording")
             return;
         const rec = recorderRef.current;
-        const cameraRec = cameraRecorderRef.current;
         if (rec?.state === "recording")
             rec.pause();
-        if (cameraRec?.state === "recording")
-            cameraRec.pause();
         if (timerRef.current) {
             clearInterval(timerRef.current);
             timerRef.current = null;
@@ -537,11 +494,8 @@ function useRecorderController(options = {}) {
         if (state !== "paused")
             return;
         const rec = recorderRef.current;
-        const cameraRec = cameraRecorderRef.current;
         if (rec?.state === "paused")
             rec.resume();
-        if (cameraRec?.state === "paused")
-            cameraRec.resume();
         timerStartedAtRef.current = Date.now();
         timerRef.current = setInterval(() => {
             const totalMs = elapsedMsRef.current + (Date.now() - timerStartedAtRef.current);
@@ -566,7 +520,6 @@ function useRecorderController(options = {}) {
         elapsedMsRef.current = 0;
         setState("idle");
         const rec = recorderRef.current;
-        const cameraRec = cameraRecorderRef.current;
         if (rec && (rec.state === "recording" || rec.state === "paused")) {
             if (timerRef.current) {
                 clearInterval(timerRef.current);
@@ -577,9 +530,6 @@ function useRecorderController(options = {}) {
                 maxTimerRef.current = null;
             }
             rec.stop();
-            if (cameraRec && (cameraRec.state === "recording" || cameraRec.state === "paused")) {
-                cameraRec.stop();
-            }
             return;
         }
         cleanup();