@bendyline/squisq-editor-react 1.4.0 → 1.5.1

package/dist/recorder/sources/screenStream.js

@@ -0,0 +1,114 @@
+/**
+ * Screen capture via `getDisplayMedia`, with optional microphone mixing.
+ *
+ * The browser-native `getDisplayMedia({ audio: true })` flag only
+ * captures *system* audio (and only on Chromium on desktop). For
+ * narrated screencasts, hosts usually want the speaker's voice too —
+ * we provide an opt-in "include mic" path that pulls a parallel
+ * `getUserMedia` audio track and mixes it into the screen stream via
+ * `AudioContext`, so the resulting `MediaStream` carries a single audio
+ * track and a single video track.
+ */
+import { supportsDisplayMedia, supportsUserMedia } from '../formats.js';
+/**
+ * Combine zero-or-more audio source streams into one mixed output track
+ * via an `AudioContext`. Returns `null` when no input tracks were
+ * supplied so the caller can decide what to do.
+ */
+function mixAudioTracks(streams) {
+    const sources = streams
+        .map((s) => s.getAudioTracks())
+        .flat()
+        .filter((t) => t.readyState === 'live');
+    if (sources.length === 0)
+        return null;
+    const AC = window.AudioContext;
+    if (typeof AC === 'undefined')
+        return null;
+    const ctx = new AC();
+    const dest = ctx.createMediaStreamDestination();
+    for (const track of sources) {
+        const src = ctx.createMediaStreamSource(new MediaStream([track]));
+        src.connect(dest);
+    }
+    const [mixed] = dest.stream.getAudioTracks();
+    if (!mixed)
+        return null;
+    return { track: mixed, context: ctx };
+}
+/**
+ * Request a screen-capture `MediaStream`, optionally with a mixed-in
+ * microphone track. Caller owns the resulting stream.
+ *
+ * @throws When `getDisplayMedia` isn't available, or when the user
+ *   cancels the picker / denies permission.
+ */
+export async function requestScreenStream(options) {
+    if (!supportsDisplayMedia()) {
+        throw new Error('navigator.mediaDevices.getDisplayMedia is not available in this environment.');
+    }
+    const video = options?.video ?? true;
+    const systemAudio = options?.systemAudio ?? false;
+    const includeMic = options?.includeMicrophone ?? false;
+    const displayStream = await navigator.mediaDevices.getDisplayMedia({
+        video,
+        audio: systemAudio,
+    });
+    if (!includeMic) {
+        return {
+            stream: displayStream,
+            dispose: () => { },
+        };
+    }
+    if (!supportsUserMedia()) {
+        // Fall back to display-only — the caller asked for mic but the
+        // platform can't deliver. Surfacing an error here would be more
+        // user-hostile than just dropping the requested addition.
+        return {
+            stream: displayStream,
+            dispose: () => { },
+        };
+    }
+    let micStream = null;
+    try {
+        micStream = await navigator.mediaDevices.getUserMedia({
+            audio: options?.microphoneConstraints ?? true,
+            video: false,
+        });
+    }
+    catch (err) {
+        // Stop the screen tracks too so the user isn't left with a stranded
+        // capture indicator.
+        displayStream.getTracks().forEach((t) => t.stop());
+        throw err;
+    }
+    const mix = mixAudioTracks([displayStream, micStream]);
+    if (!mix) {
+        // No audio at all — just hand back the display stream and shut down
+        // the mic acquisition we made.
+        micStream.getTracks().forEach((t) => t.stop());
+        return {
+            stream: displayStream,
+            dispose: () => { },
+        };
+    }
+    // Build the output stream: video from display + a single mixed audio
+    // track. Replace any system-audio track that came back from
+    // getDisplayMedia (it's now folded into the mix).
+    const [videoTrack] = displayStream.getVideoTracks();
+    const output = new MediaStream();
+    if (videoTrack)
+        output.addTrack(videoTrack);
+    output.addTrack(mix.track);
+    // Stop the now-unused raw audio tracks so the browser releases them;
+    // the mixed output keeps its own copies via the AudioContext graph.
+    displayStream.getAudioTracks().forEach((t) => t.stop());
+    const dispose = () => {
+        // Keep mic alive until disposal so the mix keeps producing audio.
+        micStream?.getTracks().forEach((t) => t.stop());
+        micStream = null;
+        void mix.context.close().catch(() => { });
+    };
+    return { stream: output, dispose };
+}
+//# sourceMappingURL=screenStream.js.map

package/dist/recorder/sources/screenStream.js.map

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

package/dist/recorder/timingJson.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Build the `.timing.json` sidecar that pairs with a narration recording.
+ *
+ * The shape matches what `resolveAudioMapping()` in
+ * `@bendyline/squisq` reads at runtime: `sourceText`, `duration`, and
+ * `bookmarks[]`. Sidecars are stored at `<audio-path>.timing.json`
+ * inside the same `ContentContainer`, so the recorder can drop them
+ * alongside its audio file and have the existing audio-mapping pipeline
+ * pick them up with no schema changes.
+ */
+/**
+ * Word-level timing bookmark — same shape as `AudioBookmark` in
+ * `@bendyline/squisq`. Recorder output produces an empty `bookmarks`
+ * array; word-level timing is the domain of TTS pipelines, not
+ * browser-side dictation.
+ */
+export interface RecordedBookmark {
+    id: string;
+    time: number;
+    charOffset: number;
+    textFragment?: string;
+}
+export interface TimingJson {
+    /** Plain text the user said (or intended to say) during the recording. */
+    sourceText: string;
+    /** Recording length in seconds. */
+    duration: number;
+    /** Word-level timing data. Empty by default — populated only when a downstream tool aligns the audio. */
+    bookmarks: RecordedBookmark[];
+}
+/**
+ * Build a `TimingJson` payload from a user-typed script and the
+ * recording's measured duration. Both fields are required by the
+ * downstream `parseTimingJson()` validator; missing them produces a
+ * sidecar that gets silently dropped by the audio-mapping pipeline.
+ */
+export declare function buildTimingJson(sourceText: string, durationSec: number): TimingJson;
+/**
+ * Serialize a `TimingJson` payload to a `Uint8Array` ready to hand to
+ * `ContentContainer.writeFile()`. Pretty-printed so authors can hand-
+ * edit the sidecar if they ever want to.
+ */
+export declare function encodeTimingJson(timing: TimingJson): Uint8Array;
+/**
+ * The container path convention `resolveAudioMapping()` expects:
+ * `<audio-path>.timing.json`. Pass the audio file's relative path
+ * (e.g. `'audio/narration-001.webm'`) and the matching sidecar path is
+ * returned (`'audio/narration-001.webm.timing.json'`).
+ */
+export declare function timingPathFor(audioRelativePath: string): string;
+//# sourceMappingURL=timingJson.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"timingJson.d.ts","sourceRoot":"","sources":["../../src/recorder/timingJson.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH;;;;;GAKG;AACH,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,UAAU;IACzB,0EAA0E;IAC1E,UAAU,EAAE,MAAM,CAAC;IACnB,mCAAmC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,yGAAyG;IACzG,SAAS,EAAE,gBAAgB,EAAE,CAAC;CAC/B;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,UAAU,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,UAAU,CAMnF;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,UAAU,GAAG,UAAU,CAG/D;AAED;;;;;GAKG;AACH,wBAAgB,aAAa,CAAC,iBAAiB,EAAE,MAAM,GAAG,MAAM,CAE/D"}

package/dist/recorder/timingJson.js

@@ -0,0 +1,42 @@
+/**
+ * Build the `.timing.json` sidecar that pairs with a narration recording.
+ *
+ * The shape matches what `resolveAudioMapping()` in
+ * `@bendyline/squisq` reads at runtime: `sourceText`, `duration`, and
+ * `bookmarks[]`. Sidecars are stored at `<audio-path>.timing.json`
+ * inside the same `ContentContainer`, so the recorder can drop them
+ * alongside its audio file and have the existing audio-mapping pipeline
+ * pick them up with no schema changes.
+ */
+/**
+ * Build a `TimingJson` payload from a user-typed script and the
+ * recording's measured duration. Both fields are required by the
+ * downstream `parseTimingJson()` validator; missing them produces a
+ * sidecar that gets silently dropped by the audio-mapping pipeline.
+ */
+export function buildTimingJson(sourceText, durationSec) {
+    return {
+        sourceText: sourceText ?? '',
+        duration: Number.isFinite(durationSec) && durationSec >= 0 ? durationSec : 0,
+        bookmarks: [],
+    };
+}
+/**
+ * Serialize a `TimingJson` payload to a `Uint8Array` ready to hand to
+ * `ContentContainer.writeFile()`. Pretty-printed so authors can hand-
+ * edit the sidecar if they ever want to.
+ */
+export function encodeTimingJson(timing) {
+    const text = JSON.stringify(timing, null, 2);
+    return new TextEncoder().encode(text);
+}
+/**
+ * The container path convention `resolveAudioMapping()` expects:
+ * `<audio-path>.timing.json`. Pass the audio file's relative path
+ * (e.g. `'audio/narration-001.webm'`) and the matching sidecar path is
+ * returned (`'audio/narration-001.webm.timing.json'`).
+ */
+export function timingPathFor(audioRelativePath) {
+    return `${audioRelativePath}.timing.json`;
+}
+//# sourceMappingURL=timingJson.js.map

package/dist/recorder/timingJson.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"timingJson.js","sourceRoot":"","sources":["../../src/recorder/timingJson.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAwBH;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,UAAkB,EAAE,WAAmB;IACrE,OAAO;QACL,UAAU,EAAE,UAAU,IAAI,EAAE;QAC5B,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,WAAW,IAAI,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAC5E,SAAS,EAAE,EAAE;KACd,CAAC;AACJ,CAAC;AAED;;;;GAIG;AACH,MAAM,UAAU,gBAAgB,CAAC,MAAkB;IACjD,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC7C,OAAO,IAAI,WAAW,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;AACxC,CAAC;AAED;;;;;GAKG;AACH,MAAM,UAAU,aAAa,CAAC,iBAAyB;IACrD,OAAO,GAAG,iBAAiB,cAAc,CAAC;AAC5C,CAAC"}

package/dist/tiptap/TiptapAudio.d.ts

@@ -0,0 +1,26 @@
+/**
+ * TiptapAudio — inline atom Tiptap node for HTML5 `<audio>` elements.
+ *
+ * Lets the WYSIWYG editor preserve `<audio>` tags that the recorder
+ * drops into the markdown for narration / voice recordings, and render
+ * a native playback control inside the editor surface. The resolved src
+ * goes through the EditorContext's MediaProvider so a workspace-local
+ * `audio/foo.webm` returns a blob URL.
+ */
+import { Node } from '@tiptap/core';
+export interface TiptapAudioOptions {
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        audio: {
+            setAudio: (attrs: {
+                src: string;
+                controls?: boolean;
+            }) => ReturnType;
+        };
+    }
+}
+export declare const TiptapAudio: Node<TiptapAudioOptions, any>;
+export default TiptapAudio;
+//# sourceMappingURL=TiptapAudio.d.ts.map

package/dist/tiptap/TiptapAudio.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TiptapAudio.d.ts","sourceRoot":"","sources":["../../src/tiptap/TiptapAudio.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAKrD,MAAM,WAAW,kBAAkB;IACjC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAED,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE;gBAAE,GAAG,EAAE,MAAM,CAAC;gBAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;aAAE,KAAK,UAAU,CAAC;SACtE,CAAC;KACH;CACF;AAaD,eAAO,MAAM,WAAW,+BA8CtB,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/tiptap/TiptapAudio.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * TiptapAudio — inline atom Tiptap node for HTML5 `<audio>` elements.
+ *
+ * Lets the WYSIWYG editor preserve `<audio>` tags that the recorder
+ * drops into the markdown for narration / voice recordings, and render
+ * a native playback control inside the editor surface. The resolved src
+ * goes through the EditorContext's MediaProvider so a workspace-local
+ * `audio/foo.webm` returns a blob URL.
+ */
+import { Node, mergeAttributes } from '@tiptap/core';
+import { NodeViewWrapper, ReactNodeViewRenderer } from '@tiptap/react';
+import { useResolvedMediaSrc } from './useResolvedMediaSrc.js';
+function AudioNodeView({ node }) {
+    const { src, controls } = node.attrs;
+    const resolvedSrc = useResolvedMediaSrc(src ?? '');
+    return (_jsx(NodeViewWrapper, { as: "span", className: "squisq-inline-audio-player", "data-drag-handle": true, draggable: true, children: _jsx("audio", { src: resolvedSrc || undefined, controls: controls, preload: "metadata" }) }));
+}
+export const TiptapAudio = Node.create({
+    name: 'audio',
+    // Block-level so each recording lives on its own line in the WYSIWYG —
+    // matches how the recorder inserts the tag (on a fresh line) and
+    // avoids odd inline-flow alignment when the native controls take more
+    // vertical space than a line of text.
+    group: 'block',
+    atom: true,
+    draggable: true,
+    selectable: true,
+    addOptions() {
+        return { HTMLAttributes: {} };
+    },
+    addAttributes() {
+        return {
+            src: { default: null },
+            controls: {
+                default: true,
+                parseHTML: (el) => el.hasAttribute('controls'),
+                renderHTML: (attrs) => (attrs.controls ? { controls: '' } : {}),
+            },
+        };
+    },
+    parseHTML() {
+        return [{ tag: 'audio' }];
+    },
+    renderHTML({ HTMLAttributes }) {
+        return ['audio', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
+    },
+    addNodeView() {
+        return ReactNodeViewRenderer(AudioNodeView);
+    },
+    addCommands() {
+        return {
+            setAudio: (attrs) => ({ commands }) => commands.insertContent({ type: this.name, attrs }),
+        };
+    },
+});
+export default TiptapAudio;
+//# sourceMappingURL=TiptapAudio.js.map

package/dist/tiptap/TiptapAudio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TiptapAudio.js","sourceRoot":"","sources":["../../src/tiptap/TiptapAudio.tsx"],"names":[],"mappings":";AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAc/D,SAAS,aAAa,CAAC,EAAE,IAAI,EAAiB;IAC5C,MAAM,EAAE,GAAG,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAA2C,CAAC;IAC3E,MAAM,WAAW,GAAG,mBAAmB,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC;IAEnD,OAAO,CACL,KAAC,eAAe,IAAC,EAAE,EAAC,MAAM,EAAC,SAAS,EAAC,4BAA4B,4BAAkB,SAAS,kBAC1F,gBAAO,GAAG,EAAE,WAAW,IAAI,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAC,UAAU,GAAG,GAC/D,CACnB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAqB;IACzD,IAAI,EAAE,OAAO;IACb,uEAAuE;IACvE,iEAAiE;IACjE,sEAAsE;IACtE,sCAAsC;IACtC,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;IAEhB,UAAU;QACR,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC;IAChC,CAAC;IAED,aAAa;QACX,OAAO;YACL,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACtB,QAAQ,EAAE;gBACR,OAAO,EAAE,IAAI;gBACb,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;gBAC9C,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aAChE;SACF,CAAC;IACJ,CAAC;IAED,SAAS;QACP,OAAO,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;IAC5B,CAAC;IAED,UAAU,CAAC,EAAE,cAAc,EAAE;QAC3B,OAAO,CAAC,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC;IACjF,CAAC;IAED,WAAW;QACT,OAAO,qBAAqB,CAAC,aAAa,CAAC,CAAC;IAC9C,CAAC;IAED,WAAW;QACT,OAAO;YACL,QAAQ,EACN,CAAC,KAAK,EAAE,EAAE,CACV,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACf,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;SACvD,CAAC;IACJ,CAAC;CACF,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/tiptap/TiptapVideo.d.ts

@@ -0,0 +1,30 @@
+/**
+ * TiptapVideo — block-level atom Tiptap node for HTML5 `<video>` elements.
+ *
+ * Without this extension, Tiptap's StarterKit strips unknown HTML tags
+ * when parsing the editor's content. By registering `<video>` as a known
+ * node, the editor can render a recording's inline player inside the
+ * WYSIWYG surface and round-trip the tag through markdown.
+ *
+ * The NodeView renders a real `<video controls>` whose src is resolved
+ * through the EditorContext's MediaProvider — same mechanism
+ * `ImageNodeView` uses for `<img>`.
+ */
+import { Node } from '@tiptap/core';
+export interface TiptapVideoOptions {
+    HTMLAttributes: Record<string, unknown>;
+}
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        video: {
+            setVideo: (attrs: {
+                src: string;
+                width?: number | string | null;
+                controls?: boolean;
+            }) => ReturnType;
+        };
+    }
+}
+export declare const TiptapVideo: Node<TiptapVideoOptions, any>;
+export default TiptapVideo;
+//# sourceMappingURL=TiptapVideo.d.ts.map

package/dist/tiptap/TiptapVideo.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TiptapVideo.d.ts","sourceRoot":"","sources":["../../src/tiptap/TiptapVideo.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,IAAI,EAAmB,MAAM,cAAc,CAAC;AAKrD,MAAM,WAAW,kBAAkB;IACjC,cAAc,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACzC;AAED,OAAO,QAAQ,cAAc,CAAC;IAC5B,UAAU,QAAQ,CAAC,UAAU;QAC3B,KAAK,EAAE;YACL,QAAQ,EAAE,CAAC,KAAK,EAAE;gBAChB,GAAG,EAAE,MAAM,CAAC;gBACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;gBAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;aACpB,KAAK,UAAU,CAAC;SAClB,CAAC;KACH;CACF;AAqCD,eAAO,MAAM,WAAW,+BAgDtB,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/tiptap/TiptapVideo.js

@@ -0,0 +1,66 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * TiptapVideo — block-level atom Tiptap node for HTML5 `<video>` elements.
+ *
+ * Without this extension, Tiptap's StarterKit strips unknown HTML tags
+ * when parsing the editor's content. By registering `<video>` as a known
+ * node, the editor can render a recording's inline player inside the
+ * WYSIWYG surface and round-trip the tag through markdown.
+ *
+ * The NodeView renders a real `<video controls>` whose src is resolved
+ * through the EditorContext's MediaProvider — same mechanism
+ * `ImageNodeView` uses for `<img>`.
+ */
+import { Node, mergeAttributes } from '@tiptap/core';
+import { NodeViewWrapper, ReactNodeViewRenderer } from '@tiptap/react';
+import { useResolvedMediaSrc } from './useResolvedMediaSrc.js';
+function VideoNodeView({ node }) {
+    const { src, width, height, poster, controls } = node.attrs;
+    const resolvedSrc = useResolvedMediaSrc(src ?? '');
+    // Resolve poster through the same provider when present so a
+    // workspace-local frame thumbnail also renders inside the editor.
+    const resolvedPoster = useResolvedMediaSrc(poster ?? '');
+    return (_jsx(NodeViewWrapper, { as: "span", className: "squisq-inline-video-player", "data-drag-handle": true, draggable: true, children: _jsx("video", { src: resolvedSrc || undefined, poster: poster ? resolvedPoster : undefined, controls: controls, playsInline: true, preload: "metadata", width: width ?? undefined, height: height ?? undefined }) }));
+}
+export const TiptapVideo = Node.create({
+    name: 'video',
+    group: 'block',
+    atom: true,
+    draggable: true,
+    selectable: true,
+    addOptions() {
+        return { HTMLAttributes: {} };
+    },
+    addAttributes() {
+        return {
+            src: { default: null },
+            width: { default: null },
+            height: { default: null },
+            poster: { default: null },
+            // The HTML5 `controls` attribute is boolean-presence; parse its
+            // existence (even with an empty string value) as `true`, otherwise
+            // default to true (we want recordings to be playable by default).
+            controls: {
+                default: true,
+                parseHTML: (el) => el.hasAttribute('controls'),
+                renderHTML: (attrs) => (attrs.controls ? { controls: '' } : {}),
+            },
+        };
+    },
+    parseHTML() {
+        return [{ tag: 'video' }];
+    },
+    renderHTML({ HTMLAttributes }) {
+        return ['video', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes)];
+    },
+    addNodeView() {
+        return ReactNodeViewRenderer(VideoNodeView);
+    },
+    addCommands() {
+        return {
+            setVideo: (attrs) => ({ commands }) => commands.insertContent({ type: this.name, attrs }),
+        };
+    },
+});
+export default TiptapVideo;
+//# sourceMappingURL=TiptapVideo.js.map

package/dist/tiptap/TiptapVideo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TiptapVideo.js","sourceRoot":"","sources":["../../src/tiptap/TiptapVideo.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;GAWG;AACH,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAEvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAkB/D,SAAS,aAAa,CAAC,EAAE,IAAI,EAAiB;IAC5C,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC,KAMrD,CAAC;IACF,MAAM,WAAW,GAAG,mBAAmB,CAAC,GAAG,IAAI,EAAE,CAAC,CAAC;IACnD,6DAA6D;IAC7D,kEAAkE;IAClE,MAAM,cAAc,GAAG,mBAAmB,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC;IAEzD,OAAO,CACL,KAAC,eAAe,IACd,EAAE,EAAC,MAAM,EACT,SAAS,EAAC,4BAA4B,4BAItC,SAAS,kBAET,gBACE,GAAG,EAAE,WAAW,IAAI,SAAS,EAC7B,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC3C,QAAQ,EAAE,QAAQ,EAClB,WAAW,QACX,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,KAAK,IAAI,SAAS,EACzB,MAAM,EAAE,MAAM,IAAI,SAAS,GAC3B,GACc,CACnB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,MAAM,CAAqB;IACzD,IAAI,EAAE,OAAO;IACb,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,IAAI;IACV,SAAS,EAAE,IAAI;IACf,UAAU,EAAE,IAAI;IAEhB,UAAU;QACR,OAAO,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC;IAChC,CAAC;IAED,aAAa;QACX,OAAO;YACL,GAAG,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACtB,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACxB,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACzB,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACzB,gEAAgE;YAChE,mEAAmE;YACnE,kEAAkE;YAClE,QAAQ,EAAE;gBACR,OAAO,EAAE,IAAI;gBACb,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,YAAY,CAAC,UAAU,CAAC;gBAC9C,UAAU,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aAChE;SACF,CAAC;IACJ,CAAC;IAED,SAAS;QACP,OAAO,CAAC,EAAE,GAAG,EAAE,OAAO,EAAE,CAAC,CAAC;IAC5B,CAAC;IAED,UAAU,CAAC,EAAE,cAAc,EAAE;QAC3B,OAAO,CAAC,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,OAAO,CAAC,cAAc,EAAE,cAAc,CAAC,CAAC,CAAC;IACjF,CAAC;IAED,WAAW;QACT,OAAO,qBAAqB,CAAC,aAAa,CAAC,CAAC;IAC9C,CAAC;IAED,WAAW;QACT,OAAO;YACL,QAAQ,EACN,CAAC,KAAK,EAAE,EAAE,CACV,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACf,QAAQ,CAAC,aAAa,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC;SACvD,CAAC;IACJ,CAAC;CACF,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC"}

package/dist/tiptap/useResolvedMediaSrc.d.ts

@@ -0,0 +1,2 @@
+export declare function useResolvedMediaSrc(src: string): string;
+//# sourceMappingURL=useResolvedMediaSrc.d.ts.map

package/dist/tiptap/useResolvedMediaSrc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResolvedMediaSrc.d.ts","sourceRoot":"","sources":["../../src/tiptap/useResolvedMediaSrc.ts"],"names":[],"mappings":"AAYA,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAkCvD"}

package/dist/tiptap/useResolvedMediaSrc.js

@@ -0,0 +1,42 @@
+/**
+ * useResolvedMediaSrc — resolve a relative media path through the
+ * EditorContext's MediaProvider, mirroring the pattern used by
+ * `ImageNodeView`. Returns the resolved URL (or the original `src`
+ * when no provider is available, the path is absolute, or resolution
+ * fails). Used by the Tiptap video / audio NodeViews so a relative
+ * `audio/foo.webm` plays from the workspace container instead of
+ * 404-ing against the dev server.
+ */
+import { useEffect, useState } from 'react';
+import { useEditorContext } from '../EditorContext.js';
+export function useResolvedMediaSrc(src) {
+    const { mediaProvider, mediaRevision } = useEditorContext();
+    const [resolved, setResolved] = useState(src);
+    const isRelative = !!src &&
+        !src.startsWith('blob:') &&
+        !src.startsWith('http:') &&
+        !src.startsWith('https:') &&
+        !src.startsWith('data:') &&
+        !src.startsWith('/');
+    useEffect(() => {
+        if (!mediaProvider || !isRelative) {
+            setResolved(src);
+            return;
+        }
+        let cancelled = false;
+        mediaProvider.resolveUrl(src).then((url) => {
+            if (!cancelled)
+                setResolved(url);
+        }, () => {
+            if (!cancelled)
+                setResolved(src);
+        });
+        return () => {
+            cancelled = true;
+        };
+        // `mediaRevision` bumps after writes — re-resolve so the player
+        // picks up the new blob URL after a re-record / edit.
+    }, [src, isRelative, mediaProvider, mediaRevision]);
+    return resolved;
+}
+//# sourceMappingURL=useResolvedMediaSrc.js.map

package/dist/tiptap/useResolvedMediaSrc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useResolvedMediaSrc.js","sourceRoot":"","sources":["../../src/tiptap/useResolvedMediaSrc.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AACH,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,UAAU,mBAAmB,CAAC,GAAW;IAC7C,MAAM,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,gBAAgB,EAAE,CAAC;IAC5D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,GAAG,CAAC,CAAC;IAE9C,MAAM,UAAU,GACd,CAAC,CAAC,GAAG;QACL,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC;QACxB,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC;QACxB,CAAC,GAAG,CAAC,UAAU,CAAC,QAAQ,CAAC;QACzB,CAAC,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC;QACxB,CAAC,GAAG,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC;IAEvB,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,WAAW,CAAC,GAAG,CAAC,CAAC;YACjB,OAAO;QACT,CAAC;QACD,IAAI,SAAS,GAAG,KAAK,CAAC;QACtB,aAAa,CAAC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,CAChC,CAAC,GAAG,EAAE,EAAE;YACN,IAAI,CAAC,SAAS;gBAAE,WAAW,CAAC,GAAG,CAAC,CAAC;QACnC,CAAC,EACD,GAAG,EAAE;YACH,IAAI,CAAC,SAAS;gBAAE,WAAW,CAAC,GAAG,CAAC,CAAC;QACnC,CAAC,CACF,CAAC;QACF,OAAO,GAAG,EAAE;YACV,SAAS,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;QACF,gEAAgE;QAChE,sDAAsD;IACxD,CAAC,EAAE,CAAC,GAAG,EAAE,UAAU,EAAE,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC;IAEpD,OAAO,QAAQ,CAAC;AAClB,CAAC"}

package/dist/tiptapBridge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tiptapBridge.d.ts","sourceRoot":"","sources":["../src/tiptapBridge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAsCH;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAmOzD;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CA0OrD"}
+{"version":3,"file":"tiptapBridge.d.ts","sourceRoot":"","sources":["../src/tiptapBridge.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAiDH;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CA4QzD;AAED;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAiQrD"}