@bendyline/squisq-editor-react 1.3.0 → 1.5.0

package/dist/recorder/RecorderModal.js

@@ -0,0 +1,333 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * RecorderModal — configure-and-capture dialog for browser-based audio,
+ * camera, and screen recording.
+ *
+ * States: configure (pick mode + optional script) → previewing (acquired
+ * stream, not yet recording) → recording → review (blob in hand) → saved
+ * | error. The user can cancel from any state.
+ *
+ * Persists the captured `Blob` into the supplied `MediaProvider` and,
+ * for narration mode, writes a `.timing.json` sidecar so
+ * `resolveAudioMapping()` in `@bendyline/squisq` picks it up at the next
+ * doc parse.
+ *
+ * Visual conventions match `VideoExportModal` from `@bendyline/squisq-
+ * video-react` (cream / gold palette, inline styles, no external CSS).
+ */
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { useMediaRecorder } from './hooks/useMediaRecorder.js';
+import { useStreamPreview } from './hooks/useStreamPreview.js';
+import { buildFilename } from './formats.js';
+import { buildTimingJson, encodeTimingJson, timingPathFor } from './timingJson.js';
+// ── Styles ─────────────────────────────────────────────────────────
+const overlayStyle = {
+    position: 'fixed',
+    inset: 0,
+    background: 'rgba(0, 0, 0, 0.5)',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    zIndex: 10000,
+};
+const modalStyle = {
+    background: '#FFFDF7',
+    border: '1px solid #c9b98a',
+    borderRadius: 0,
+    padding: '24px 28px',
+    width: 'min(560px, calc(100vw - 48px))',
+    maxHeight: 'calc(100vh - 48px)',
+    overflowY: 'auto',
+    boxShadow: '0 8px 32px rgba(0,0,0,0.18)',
+    fontFamily: 'system-ui, -apple-system, sans-serif',
+    color: '#4a3c1f',
+};
+const titleStyle = {
+    margin: '0 0 16px 0',
+    fontSize: 18,
+    fontWeight: 600,
+    color: '#2d2310',
+};
+const labelStyle = {
+    display: 'block',
+    fontSize: 13,
+    fontWeight: 500,
+    marginBottom: 4,
+    color: '#5a4a2a',
+};
+const inputStyle = {
+    width: '100%',
+    padding: '6px 8px',
+    fontSize: 13,
+    fontFamily: 'inherit',
+    border: '1px solid #c9b98a',
+    borderRadius: 0,
+    background: '#fff',
+    color: '#4a3c1f',
+    marginBottom: 12,
+    boxSizing: 'border-box',
+};
+const textareaStyle = {
+    ...inputStyle,
+    resize: 'vertical',
+    minHeight: 72,
+};
+const btnPrimary = {
+    padding: '8px 20px',
+    fontSize: 14,
+    fontFamily: 'inherit',
+    fontWeight: 500,
+    cursor: 'pointer',
+    background: '#8B6914',
+    color: '#fff',
+    border: '1px solid #7a5c10',
+    borderRadius: 0,
+};
+const btnSecondary = {
+    padding: '8px 20px',
+    fontSize: 14,
+    fontFamily: 'inherit',
+    fontWeight: 500,
+    cursor: 'pointer',
+    background: '#E8DFC6',
+    color: '#4a3c1f',
+    border: '1px solid #c9b98a',
+    borderRadius: 0,
+};
+const btnDanger = {
+    ...btnPrimary,
+    background: '#B33A3A',
+    borderColor: '#902929',
+};
+const tabRowStyle = {
+    display: 'flex',
+    gap: 4,
+    marginBottom: 16,
+    borderBottom: '1px solid #c9b98a',
+};
+const tabBase = {
+    padding: '6px 12px',
+    fontSize: 13,
+    fontFamily: 'inherit',
+    cursor: 'pointer',
+    background: 'transparent',
+    color: '#5a4a2a',
+    border: 'none',
+    borderBottom: '2px solid transparent',
+    marginBottom: -1,
+};
+const tabActive = {
+    ...tabBase,
+    color: '#2d2310',
+    fontWeight: 600,
+    // Use the `borderBottom` shorthand (not `borderBottomColor` longhand)
+    // so React's style diff cleanly resets the underline when this tab
+    // goes inactive — mixing shorthand + longhand can leave the old
+    // color stuck on a previously-active tab between renders.
+    borderBottom: '2px solid #8B6914',
+};
+const previewBoxStyle = {
+    width: '100%',
+    background: '#000',
+    borderRadius: 0,
+    marginBottom: 12,
+    overflow: 'hidden',
+    aspectRatio: '16 / 9',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    color: '#888',
+    fontSize: 13,
+};
+const audioMeterStyle = {
+    width: '100%',
+    height: 56,
+    background: '#F2EBD9',
+    border: '1px solid #c9b98a',
+    marginBottom: 12,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    color: '#5a4a2a',
+    fontSize: 13,
+    fontVariantNumeric: 'tabular-nums',
+};
+const errorStyle = {
+    background: '#FCEEEE',
+    border: '1px solid #D88A8A',
+    color: '#8C2A2A',
+    padding: '8px 10px',
+    fontSize: 13,
+    marginBottom: 12,
+};
+const buttonRowStyle = {
+    display: 'flex',
+    gap: 8,
+    justifyContent: 'flex-end',
+    marginTop: 8,
+};
+// ── Helpers ────────────────────────────────────────────────────────
+function formatDurationMs(ms) {
+    const totalSec = Math.floor(ms / 1000);
+    const m = Math.floor(totalSec / 60);
+    const s = totalSec % 60;
+    return `${m}:${s.toString().padStart(2, '0')}`;
+}
+const TABS = [
+    {
+        id: 'mic',
+        label: 'Narration',
+        description: 'Voice-only audio. Pairs with a written script for auto-mapping to blocks.',
+    },
+    { id: 'camera', label: 'Camera', description: 'Camera + microphone. Saved as a video clip.' },
+    { id: 'screen', label: 'Screen', description: 'Screen capture. System audio when available.' },
+    { id: 'screen+mic', label: 'Screen + Mic', description: 'Screen with your microphone mixed in.' },
+];
+// ── Component ──────────────────────────────────────────────────────
+export function RecorderModal({ mediaProvider, container = null, initialMode = 'mic', onClose, onSave, }) {
+    const [source, setSource] = useState(initialMode);
+    const [sourceText, setSourceText] = useState('');
+    const [basename, setBasename] = useState('');
+    const [includeSystemAudio, setIncludeSystemAudio] = useState(false);
+    const [isSaving, setIsSaving] = useState(false);
+    const [saveError, setSaveError] = useState(null);
+    const [playbackUrl, setPlaybackUrl] = useState(null);
+    const previewRef = useRef(null);
+    const recorder = useMediaRecorder({
+        source,
+        systemAudio: source === 'screen' || source === 'screen+mic' ? includeSystemAudio : false,
+    });
+    useStreamPreview(previewRef, recorder.state === 'stopped' ? null : recorder.stream);
+    // Generate (and later revoke) a blob URL for the recorded clip so the
+    // playback element has something to point at. The dependency on the
+    // blob identity means a new URL is created every time a fresh
+    // recording lands, and the cleanup callback revokes the previous one.
+    useEffect(() => {
+        if (!recorder.blob) {
+            setPlaybackUrl(null);
+            return;
+        }
+        const url = URL.createObjectURL(recorder.blob);
+        setPlaybackUrl(url);
+        return () => {
+            URL.revokeObjectURL(url);
+        };
+    }, [recorder.blob]);
+    // Switching capture source mid-session: tear down whatever stream/
+    // recorder we had so the new mode acquires a fresh one. The hook
+    // already handles its own internal teardown on unmount; cancel()
+    // here covers in-place source changes.
+    const previousSourceRef = useRef(source);
+    useEffect(() => {
+        if (previousSourceRef.current !== source) {
+            previousSourceRef.current = source;
+            recorder.cancel();
+        }
+    }, [source, recorder]);
+    // Make sure tearing down the modal always releases the camera /
+    // screen-capture indicator. The hook's own unmount effect handles
+    // this, but we also kill the stream eagerly on close so a slow
+    // unmount doesn't leave the indicator lit between renders.
+    const handleClose = useCallback(() => {
+        recorder.cancel();
+        onClose();
+    }, [recorder, onClose]);
+    const handleRequest = useCallback(async () => {
+        setSaveError(null);
+        try {
+            await recorder.request();
+        }
+        catch {
+            // Already surfaced via recorder.error.
+        }
+    }, [recorder]);
+    const handleStart = useCallback(() => {
+        setSaveError(null);
+        recorder.start();
+    }, [recorder]);
+    const handleStop = useCallback(async () => {
+        setSaveError(null);
+        await recorder.stop();
+    }, [recorder]);
+    const handleSave = useCallback(async () => {
+        if (!recorder.blob || !recorder.mimeType || !recorder.extension || !recorder.directory) {
+            setSaveError('Nothing to save yet — record something first.');
+            return;
+        }
+        setIsSaving(true);
+        setSaveError(null);
+        try {
+            const filename = buildFilename(source === 'mic' ? 'audio' : 'video', recorder.extension, basename);
+            const relativeName = `${recorder.directory}/${filename}`;
+            const relativePath = await mediaProvider.addMedia(relativeName, recorder.blob, recorder.mimeType);
+            let hasTimingSidecar = false;
+            if (source === 'mic') {
+                const timing = buildTimingJson(sourceText, recorder.durationMs / 1000);
+                const encoded = encodeTimingJson(timing);
+                const sidecarPath = timingPathFor(relativePath);
+                // Prefer direct container write so the sidecar lands at the
+                // exact path the audio-mapping pipeline expects. Fall back to
+                // addMedia(), which may rename — log if so.
+                if (container) {
+                    await container.writeFile(sidecarPath, encoded, 'application/json');
+                    hasTimingSidecar = true;
+                }
+                else {
+                    const written = await mediaProvider.addMedia(sidecarPath, encoded, 'application/json');
+                    hasTimingSidecar = written === sidecarPath;
+                    if (!hasTimingSidecar) {
+                        console.warn(`[squisq-recorder] timing.json was saved as "${written}" instead of "${sidecarPath}" — auto-mapping may not pick it up.`);
+                    }
+                }
+            }
+            const result = {
+                relativePath,
+                filename,
+                source,
+                mimeType: recorder.mimeType,
+                duration: recorder.durationMs / 1000,
+                hasTimingSidecar,
+            };
+            if (source === 'mic') {
+                result.sourceText = sourceText;
+            }
+            onSave?.(result);
+            handleClose();
+        }
+        catch (err) {
+            setSaveError(err instanceof Error ? err.message : 'Failed to save recording');
+        }
+        finally {
+            setIsSaving(false);
+        }
+    }, [recorder, source, basename, sourceText, mediaProvider, container, onSave, handleClose]);
+    const handleDiscard = useCallback(() => {
+        recorder.reset();
+    }, [recorder]);
+    const isAudioOnly = source === 'mic';
+    const showPreview = recorder.state !== 'idle' && recorder.state !== 'error';
+    const canRecord = recorder.state === 'ready';
+    const canStop = recorder.state === 'recording';
+    const canSave = recorder.state === 'stopped' && recorder.blob !== null;
+    const isBusy = recorder.state === 'requesting' || recorder.state === 'stopping' || isSaving;
+    const activeTabDescription = TABS.find((t) => t.id === source)?.description;
+    return (_jsx("div", { style: overlayStyle, role: "dialog", "aria-modal": "true", "aria-label": "Record media", children: _jsxs("div", { style: modalStyle, onClick: (e) => e.stopPropagation(), children: [_jsx("h2", { style: titleStyle, children: "Record media" }), _jsx("div", { style: tabRowStyle, role: "tablist", children: TABS.map((tab) => {
+                        const active = tab.id === source;
+                        return (_jsx("button", { role: "tab", "aria-selected": active, type: "button", style: active ? tabActive : tabBase, onClick: () => setSource(tab.id), disabled: recorder.state === 'recording' || recorder.state === 'requesting', children: tab.label }, tab.id));
+                    }) }), activeTabDescription && (_jsx("p", { style: { margin: '0 0 12px 0', fontSize: 12, color: '#5a4a2a' }, children: activeTabDescription })), recorder.error && _jsx("div", { style: errorStyle, children: recorder.error.message }), saveError && _jsx("div", { style: errorStyle, children: saveError }), !showPreview && (_jsx("div", { style: previewBoxStyle, children: _jsx("span", { children: "Click Start Preview to start a recording." }) })), showPreview && recorder.state !== 'stopped' && !isAudioOnly && (_jsx("div", { style: previewBoxStyle, children: _jsx("video", { ref: previewRef, autoPlay: true, muted: true, playsInline: true, style: { width: '100%', height: '100%', objectFit: 'contain' } }) })), showPreview && recorder.state !== 'stopped' && isAudioOnly && (_jsx("div", { style: audioMeterStyle, children: recorder.state === 'recording' ? (_jsxs(_Fragment, { children: ["\u25CF Recording ", formatDurationMs(recorder.durationMs)] })) : (_jsx(_Fragment, { children: "Microphone ready" })) })), recorder.state === 'stopped' && playbackUrl && !isAudioOnly && (_jsx("div", { style: previewBoxStyle, children: _jsx("video", { src: playbackUrl, controls: true, playsInline: true, style: { width: '100%', height: '100%', objectFit: 'contain' } }) })), recorder.state === 'stopped' && playbackUrl && isAudioOnly && (_jsxs("div", { style: { marginBottom: 12 }, children: [_jsxs("div", { style: { ...audioMeterStyle, marginBottom: 8 }, children: ["\u2713 Recorded ", formatDurationMs(recorder.durationMs)] }), _jsx("audio", { src: playbackUrl, controls: true, style: { width: '100%' } })] })), source === 'mic' && (_jsxs(_Fragment, { children: [_jsx("label", { style: labelStyle, htmlFor: "recorder-source-text", children: "Script (used to auto-match this narration to a block)" }), _jsx("textarea", { id: "recorder-source-text", style: textareaStyle, placeholder: "Type the text you're going to read aloud.", value: sourceText, onChange: (e) => setSourceText(e.target.value), disabled: recorder.state === 'recording' })] })), (source === 'screen' || source === 'screen+mic') && (_jsxs("label", { style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        gap: 6,
+                        marginBottom: 12,
+                        fontSize: 13,
+                    }, children: [_jsx("input", { type: "checkbox", checked: includeSystemAudio, onChange: (e) => setIncludeSystemAudio(e.target.checked), disabled: recorder.state === 'recording' || recorder.state === 'requesting' }), "Include system audio (Chrome only)"] })), _jsx("label", { style: labelStyle, htmlFor: "recorder-basename", children: "Filename (optional)" }), _jsx("input", { id: "recorder-basename", type: "text", style: inputStyle, placeholder: source === 'mic' ? 'narration' : 'recording', value: basename, onChange: (e) => setBasename(e.target.value), disabled: recorder.state === 'recording' }), recorder.state === 'recording' && !isAudioOnly && (_jsxs("div", { style: {
+                        fontSize: 13,
+                        fontVariantNumeric: 'tabular-nums',
+                        marginBottom: 12,
+                        color: '#8B6914',
+                        fontWeight: 600,
+                    }, children: ["\u25CF Recording ", formatDurationMs(recorder.durationMs)] })), _jsxs("div", { style: buttonRowStyle, children: [_jsx("button", { type: "button", style: btnSecondary, onClick: handleClose, disabled: isBusy, children: "Close" }), (recorder.state === 'idle' ||
+                            recorder.state === 'error' ||
+                            recorder.state === 'requesting') && (_jsx("button", { type: "button", style: btnPrimary, onClick: handleRequest, disabled: isBusy, children: recorder.state === 'requesting' ? 'Requesting…' : 'Start preview' })), canRecord && (_jsx("button", { type: "button", style: btnPrimary, onClick: handleStart, disabled: isBusy, children: "Record" })), canStop && (_jsx("button", { type: "button", style: btnDanger, onClick: handleStop, disabled: isBusy, children: "Stop" })), canSave && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", style: btnSecondary, onClick: handleDiscard, disabled: isBusy, children: "Discard & re-record" }), _jsx("button", { type: "button", style: btnPrimary, onClick: handleSave, disabled: isBusy, children: isSaving ? 'Saving…' : 'Save to document' })] }))] })] }) }));
+}
+//# sourceMappingURL=RecorderModal.js.map

package/dist/recorder/RecorderModal.js.map

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

package/dist/recorder/RecorderPanel.d.ts

@@ -0,0 +1,25 @@
+/**
+ * RecorderPanel — toolbar-anchored trigger that opens the
+ * {@link RecorderModal} in a portal. Shaped to slot into an editor
+ * toolbar alongside other panels (e.g. `VersionHistoryPanel`); ships a
+ * compact mic/record icon and no label by default.
+ *
+ * For a button that owns its own visual label, use {@link RecorderButton}
+ * instead.
+ */
+import type { MediaProvider } from '@bendyline/squisq/schemas';
+import type { ContentContainer } from '@bendyline/squisq/storage';
+import { type RecorderSaveResult } from './RecorderModal.js';
+import type { RecorderSource } from './hooks/useMediaRecorder.js';
+export interface RecorderPanelProps {
+    mediaProvider: MediaProvider;
+    container?: ContentContainer | null;
+    initialMode?: RecorderSource;
+    onSave?: (result: RecorderSaveResult) => void;
+    /** ARIA / tooltip label. Defaults to `'Record media'`. */
+    tooltip?: string;
+    /** Optional className for the trigger button. */
+    className?: string;
+}
+export declare function RecorderPanel({ mediaProvider, container, initialMode, onSave, tooltip, className, }: RecorderPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RecorderPanel.d.ts.map

package/dist/recorder/RecorderPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecorderPanel.d.ts","sourceRoot":"","sources":["../../src/recorder/RecorderPanel.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAIH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/D,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAiB,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAElE,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,aAAa,CAAC;IAC7B,SAAS,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,cAAc,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,KAAK,IAAI,CAAC;IAC9C,0DAA0D;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,iDAAiD;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA2BD,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,SAAgB,EAChB,WAAmB,EACnB,MAAM,EACN,OAAwB,EACxB,SAAS,GACV,EAAE,kBAAkB,2CAgCpB"}

package/dist/recorder/RecorderPanel.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * RecorderPanel — toolbar-anchored trigger that opens the
+ * {@link RecorderModal} in a portal. Shaped to slot into an editor
+ * toolbar alongside other panels (e.g. `VersionHistoryPanel`); ships a
+ * compact mic/record icon and no label by default.
+ *
+ * For a button that owns its own visual label, use {@link RecorderButton}
+ * instead.
+ */
+import { useCallback, useState } from 'react';
+import { createPortal } from 'react-dom';
+import { RecorderModal } from './RecorderModal.js';
+/**
+ * Inline 16×16 SVG mic icon — currentColor-driven so it inherits the
+ * toolbar's icon color regardless of theme.
+ */
+function MicIcon() {
+    return (_jsxs("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("rect", { x: 5.5, y: 2, width: 5, height: 8, rx: 2.5 }), _jsx("path", { d: "M3.5 7.5v1a4.5 4.5 0 0 0 9 0v-1" }), _jsx("line", { x1: 8, y1: 13, x2: 8, y2: 15 }), _jsx("line", { x1: 5.5, y1: 15, x2: 10.5, y2: 15 })] }));
+}
+export function RecorderPanel({ mediaProvider, container = null, initialMode = 'mic', onSave, tooltip = 'Record media', className, }) {
+    const [open, setOpen] = useState(false);
+    const handleClose = useCallback(() => setOpen(false), []);
+    return (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: className, "data-tooltip": tooltip, "aria-label": tooltip, "aria-expanded": open, onClick: () => setOpen((v) => !v), children: _jsx(MicIcon, {}) }), open &&
+                typeof document !== 'undefined' &&
+                createPortal(_jsx(RecorderModal, { mediaProvider: mediaProvider, container: container, initialMode: initialMode, onClose: handleClose, onSave: (result) => {
+                        onSave?.(result);
+                    } }), document.body)] }));
+}
+//# sourceMappingURL=RecorderPanel.js.map

package/dist/recorder/RecorderPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecorderPanel.js","sourceRoot":"","sources":["../../src/recorder/RecorderPanel.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AAGzC,OAAO,EAAE,aAAa,EAA2B,MAAM,oBAAoB,CAAC;AAc5E;;;GAGG;AACH,SAAS,OAAO;IACd,OAAO,CACL,eACE,KAAK,EAAE,EAAE,EACT,MAAM,EAAE,EAAE,EACV,OAAO,EAAC,WAAW,EACnB,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,WAAW,EAAE,GAAG,EAChB,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,iBACV,MAAM,aAElB,eAAM,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAAE,EAAE,GAAG,GAAI,EACpD,eAAM,CAAC,EAAC,iCAAiC,GAAG,EAC5C,eAAM,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,GAAI,EACtC,eAAM,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,EAAE,GAAI,IACvC,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,EAC5B,aAAa,EACb,SAAS,GAAG,IAAI,EAChB,WAAW,GAAG,KAAK,EACnB,MAAM,EACN,OAAO,GAAG,cAAc,EACxB,SAAS,GACU;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,WAAW,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IAE1D,OAAO,CACL,8BACE,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,SAAS,kBACN,OAAO,gBACT,OAAO,mBACJ,IAAI,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,YAEjC,KAAC,OAAO,KAAG,GACJ,EACR,IAAI;gBACH,OAAO,QAAQ,KAAK,WAAW;gBAC/B,YAAY,CACV,KAAC,aAAa,IACZ,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,CAAC,MAAM,EAAE,EAAE;wBACjB,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC;oBACnB,CAAC,GACD,EACF,QAAQ,CAAC,IAAI,CACd,IACF,CACJ,CAAC;AACJ,CAAC"}

package/dist/recorder/formats.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Format probing for MediaRecorder.
+ *
+ * Different browsers expose different container/codec combinations. Chrome
+ * and Firefox produce WebM (VP8/VP9 + Opus); Safari produces MP4 (H.264 +
+ * AAC). We probe at runtime via `MediaRecorder.isTypeSupported()` and pick
+ * the best supported option, falling back to whatever the browser hands
+ * back when no probe succeeds.
+ */
+/** What the recorded stream is intended to capture. */
+export type CaptureKind = 'audio' | 'video';
+/** A probed format choice — what to pass to `MediaRecorder` and where to write it. */
+export interface ResolvedFormat {
+    /** MIME type to pass to `new MediaRecorder(stream, { mimeType })`. Empty string means "let the browser pick". */
+    mimeType: string;
+    /** File extension to use when writing to the container, including the leading dot. */
+    extension: string;
+    /** Container directory inside the `ContentContainer` (no trailing slash). */
+    directory: 'audio' | 'video';
+}
+/**
+ * Resolve the format the recorder will use for a given capture kind. If a
+ * `preferred` MIME type is supported, it wins; otherwise we fall through
+ * the priority list. When nothing matches (extremely old browser), we
+ * return an empty `mimeType` — `MediaRecorder` will pick a default and we
+ * tag the file with `.webm` as a best guess.
+ */
+export declare function resolveFormat(kind: CaptureKind, preferred?: string): ResolvedFormat;
+/**
+ * `MediaRecorder` support probe. Returns false when running in a
+ * non-browser environment (e.g. SSR) or on a browser that doesn't
+ * implement the API at all.
+ */
+export declare function supportsMediaRecorder(): boolean;
+/**
+ * `getUserMedia` support probe (for mic / camera capture).
+ */
+export declare function supportsUserMedia(): boolean;
+/**
+ * `getDisplayMedia` support probe (for screen capture). Browsers may
+ * implement `mediaDevices` without `getDisplayMedia` (Firefox on Android
+ * being the long-standing example), so this is its own probe.
+ */
+export declare function supportsDisplayMedia(): boolean;
+/**
+ * Build a default filename for a recording. `basename` is a hint
+ * (e.g. user-typed name); when omitted, a sortable timestamp is used so
+ * concurrent recordings don't collide.
+ */
+export declare function buildFilename(kind: CaptureKind, extension: string, basename?: string): string;
+//# sourceMappingURL=formats.d.ts.map

package/dist/recorder/formats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"formats.d.ts","sourceRoot":"","sources":["../../src/recorder/formats.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,uDAAuD;AACvD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5C,sFAAsF;AACtF,MAAM,WAAW,cAAc;IAC7B,iHAAiH;IACjH,QAAQ,EAAE,MAAM,CAAC;IACjB,sFAAsF;IACtF,SAAS,EAAE,MAAM,CAAC;IAClB,6EAA6E;IAC7E,SAAS,EAAE,OAAO,GAAG,OAAO,CAAC;CAC9B;AAiED;;;;;;GAMG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,MAAM,GAAG,cAAc,CAMnF;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,IAAI,OAAO,CAE/C;AAED;;GAEG;AACH,wBAAgB,iBAAiB,IAAI,OAAO,CAM3C;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,IAAI,OAAO,CAM9C;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAmB7F"}

package/dist/recorder/formats.js

@@ -0,0 +1,144 @@
+/**
+ * Format probing for MediaRecorder.
+ *
+ * Different browsers expose different container/codec combinations. Chrome
+ * and Firefox produce WebM (VP8/VP9 + Opus); Safari produces MP4 (H.264 +
+ * AAC). We probe at runtime via `MediaRecorder.isTypeSupported()` and pick
+ * the best supported option, falling back to whatever the browser hands
+ * back when no probe succeeds.
+ */
+/**
+ * Preferred MIME types for audio-only recording, in priority order. The
+ * first one `MediaRecorder.isTypeSupported()` accepts wins.
+ *
+ * Opus in a WebM container is the modern default (Chrome, Firefox, Edge).
+ * MP4/AAC covers Safari. Bare strings are kept as a final fallback for
+ * older browsers that don't accept codec hints.
+ */
+const AUDIO_CANDIDATES = [
+    'audio/webm;codecs=opus',
+    'audio/webm',
+    'audio/mp4;codecs=mp4a.40.2',
+    'audio/mp4',
+    'audio/ogg;codecs=opus',
+];
+/**
+ * Preferred MIME types for video recording. VP9/Opus on top because it
+ * yields good quality at modest bitrate in Chrome/Firefox. VP8 follows for
+ * older Chromium. MP4/H.264 covers Safari.
+ */
+const VIDEO_CANDIDATES = [
+    'video/webm;codecs=vp9,opus',
+    'video/webm;codecs=vp8,opus',
+    'video/webm',
+    'video/mp4;codecs=avc1.42E01E,mp4a.40.2',
+    'video/mp4',
+];
+/**
+ * Map a chosen MIME type to a file extension. Best-effort — if we can't
+ * tell, default to `.bin` so the file is at least retrievable.
+ */
+function extensionForMime(mimeType) {
+    const m = mimeType.toLowerCase();
+    if (m.startsWith('audio/webm'))
+        return '.webm';
+    if (m.startsWith('audio/ogg'))
+        return '.ogg';
+    if (m.startsWith('audio/mp4'))
+        return '.m4a';
+    if (m.startsWith('audio/mpeg'))
+        return '.mp3';
+    if (m.startsWith('audio/wav'))
+        return '.wav';
+    if (m.startsWith('video/webm'))
+        return '.webm';
+    if (m.startsWith('video/mp4'))
+        return '.mp4';
+    return '.bin';
+}
+/**
+ * Probe `MediaRecorder.isTypeSupported()` and return the first supported
+ * MIME type from the candidate list. Returns `null` when the
+ * MediaRecorder API itself is unavailable or none of the candidates pass.
+ */
+function probeMimeType(candidates) {
+    if (typeof MediaRecorder === 'undefined')
+        return null;
+    for (const candidate of candidates) {
+        try {
+            if (MediaRecorder.isTypeSupported(candidate))
+                return candidate;
+        }
+        catch {
+            // isTypeSupported isn't supposed to throw, but Safari has historically
+            // misbehaved on unknown codec strings. Keep probing.
+        }
+    }
+    return null;
+}
+/**
+ * Resolve the format the recorder will use for a given capture kind. If a
+ * `preferred` MIME type is supported, it wins; otherwise we fall through
+ * the priority list. When nothing matches (extremely old browser), we
+ * return an empty `mimeType` — `MediaRecorder` will pick a default and we
+ * tag the file with `.webm` as a best guess.
+ */
+export function resolveFormat(kind, preferred) {
+    const candidates = kind === 'audio' ? AUDIO_CANDIDATES : VIDEO_CANDIDATES;
+    const probed = (preferred && probeMimeType([preferred])) ?? probeMimeType(candidates) ?? '';
+    const directory = kind === 'audio' ? 'audio' : 'video';
+    const extension = probed ? extensionForMime(probed) : '.webm';
+    return { mimeType: probed, extension, directory };
+}
+/**
+ * `MediaRecorder` support probe. Returns false when running in a
+ * non-browser environment (e.g. SSR) or on a browser that doesn't
+ * implement the API at all.
+ */
+export function supportsMediaRecorder() {
+    return typeof MediaRecorder !== 'undefined';
+}
+/**
+ * `getUserMedia` support probe (for mic / camera capture).
+ */
+export function supportsUserMedia() {
+    return (typeof navigator !== 'undefined' &&
+        typeof navigator.mediaDevices !== 'undefined' &&
+        typeof navigator.mediaDevices.getUserMedia === 'function');
+}
+/**
+ * `getDisplayMedia` support probe (for screen capture). Browsers may
+ * implement `mediaDevices` without `getDisplayMedia` (Firefox on Android
+ * being the long-standing example), so this is its own probe.
+ */
+export function supportsDisplayMedia() {
+    return (typeof navigator !== 'undefined' &&
+        typeof navigator.mediaDevices !== 'undefined' &&
+        typeof navigator.mediaDevices.getDisplayMedia === 'function');
+}
+/**
+ * Build a default filename for a recording. `basename` is a hint
+ * (e.g. user-typed name); when omitted, a sortable timestamp is used so
+ * concurrent recordings don't collide.
+ */
+export function buildFilename(kind, extension, basename) {
+    const safe = basename
+        ? basename
+            .trim()
+            .replace(/[\\/:*?"<>|]+/g, '-')
+            .replace(/\s+/g, '-')
+        : '';
+    if (safe)
+        return `${safe}${extension}`;
+    const now = new Date();
+    const stamp = now.getFullYear().toString().padStart(4, '0') +
+        (now.getMonth() + 1).toString().padStart(2, '0') +
+        now.getDate().toString().padStart(2, '0') +
+        '-' +
+        now.getHours().toString().padStart(2, '0') +
+        now.getMinutes().toString().padStart(2, '0') +
+        now.getSeconds().toString().padStart(2, '0');
+    const prefix = kind === 'audio' ? 'narration' : 'recording';
+    return `${prefix}-${stamp}${extension}`;
+}
+//# sourceMappingURL=formats.js.map

package/dist/recorder/formats.js.map

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