@ecsplico/editor 0.0.0-stage → 2.0.0

package/dist/features/media/react/AudioRecorderModal.js

@@ -0,0 +1,147 @@
+import { captureRange, releaseRanges, resolveRange } from "../../../core/doc-anchors.js";
+import { fetchErrorMessage } from "../../../core/fetch-error.js";
+import { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { cn } from "../../../react/ui/utils.js";
+import { Icon } from "../../../react/Icon.js";
+import { Button } from "../../../react/ui/button.js";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "../../../react/ui/dialog.js";
+import "../upload.js";
+import { useNotifier } from "../../../react/use-notifier.js";
+import { useAudioRecorder } from "./use-audio-recorder.js";
+import { useCallback, useEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/features/media/react/AudioRecorderModal.tsx
+/**
+* „Audio aufnehmen“, opened by `openAudioRecorder(editor)` (toolbar „Aufnahme“): records in the browser and imports the
+* file through `importFiles` (upload, wrapped by the pipeline's `wrapImport` stage) where the caret was when the modal opened.
+* Nothing enters the (possibly shared) document before the upload succeeded.
+*/
+function AudioRecorderModal({ editor }) {
+	const { state, seconds, start, stop, cancel } = useAudioRecorder();
+	const [open, setOpen] = useState(false);
+	/** Stopping, uploading and inserting a recording. */
+	const [inserting, setInserting] = useState(false);
+	/** The recording once stopped; kept after a failed upload so „Erneut hochladen“ can retry it. */
+	const [recorded, setRecorded] = useState(null);
+	const flow = useRef({
+		open: false,
+		inserting: false,
+		recorded: null,
+		anchor: null
+	});
+	const { t } = useEditorI18n();
+	const notify = useNotifier(editor);
+	const notice = state === "denied" ? t("media.recorder.denied") : state === "unsupported" ? t("media.recorder.unsupported") : null;
+	const clock = `${String(Math.floor(seconds / 60)).padStart(2, "0")}:${String(seconds % 60).padStart(2, "0")}`;
+	/** Ends the flow: discards a running or unsent recording and releases the caret anchor. */
+	const close = useCallback(() => {
+		cancel();
+		flow.current.recorded = null;
+		setRecorded(null);
+		if (flow.current.anchor) releaseRanges(editor, [flow.current.anchor]);
+		flow.current.anchor = null;
+		flow.current.open = false;
+		setOpen(false);
+	}, [cancel, editor]);
+	useEffect(() => {
+		const onTransaction = ({ transaction }) => {
+			if (!transaction.getMeta("audioRecorderOpen") || flow.current.open || !editor.isEditable) return;
+			const { head } = editor.state.selection;
+			flow.current.anchor = captureRange(editor, {
+				from: head,
+				to: head
+			});
+			flow.current.open = true;
+			setOpen(true);
+		};
+		editor.on("transaction", onTransaction);
+		return () => {
+			editor.off("transaction", onTransaction);
+			if (flow.current.anchor) releaseRanges(editor, [flow.current.anchor]);
+			flow.current.anchor = null;
+		};
+	}, [editor]);
+	async function record() {
+		try {
+			await start();
+		} catch (error) {
+			notify({
+				title: t("media.recorder.failed"),
+				description: fetchErrorMessage(error),
+				kind: "error"
+			});
+		}
+	}
+	async function insert() {
+		if (flow.current.inserting) return;
+		flow.current.inserting = true;
+		setInserting(true);
+		try {
+			const file = flow.current.recorded ?? await stop();
+			if (!file) return;
+			flow.current.recorded = file;
+			setRecorded(file);
+			const pos = flow.current.anchor ? resolveRange(editor.state, flow.current.anchor)?.from : void 0;
+			if (!await editor.storage.media.importFiles(editor, [file], pos)) return;
+			if (!editor.isDestroyed) close();
+		} catch (error) {
+			notify({
+				title: t("media.recorder.failed"),
+				description: fetchErrorMessage(error),
+				kind: "error"
+			});
+		} finally {
+			flow.current.inserting = false;
+			setInserting(false);
+		}
+	}
+	return /* @__PURE__ */ jsx(Dialog, {
+		open,
+		onOpenChange: (value) => {
+			if (!value && !flow.current.inserting) close();
+		},
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			showCloseButton: !inserting,
+			"aria-describedby": void 0,
+			children: [
+				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: t("media.recorder.title") }) }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "flex flex-col items-center gap-3 py-2",
+					children: [notice && /* @__PURE__ */ jsx("p", {
+						className: "text-sm text-destructive",
+						children: notice
+					}), /* @__PURE__ */ jsxs("div", {
+						className: cn("flex items-center gap-2 font-mono text-3xl tabular-nums", state === "recording" ? "text-foreground" : "text-muted-foreground"),
+						role: "timer",
+						"aria-label": t("media.recorder.duration"),
+						children: [state === "recording" && /* @__PURE__ */ jsx("span", { className: "size-2.5 animate-pulse rounded-full bg-destructive" }), clock]
+					})]
+				}),
+				/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					disabled: inserting,
+					onClick: close,
+					children: t("media.recorder.cancel")
+				}), state === "recording" || inserting ? /* @__PURE__ */ jsxs(Button, {
+					disabled: inserting,
+					onClick: () => void insert(),
+					children: [/* @__PURE__ */ jsx(Icon, {
+						name: inserting ? "i-lucide-loader-circle" : "i-lucide-square",
+						className: cn(inserting && "animate-spin")
+					}), t("media.recorder.stopInsert")]
+				}) : recorded ? /* @__PURE__ */ jsxs(Button, {
+					onClick: () => void insert(),
+					children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-upload" }), t("media.recorder.retry")]
+				}) : /* @__PURE__ */ jsxs(Button, {
+					disabled: state === "unsupported",
+					onClick: () => void record(),
+					children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-mic" }), t("media.recorder.start")]
+				})] })
+			]
+		})
+	});
+}
+//#endregion
+export { AudioRecorderModal };
+
+//# sourceMappingURL=AudioRecorderModal.js.map

package/dist/features/media/react/AudioRecorderModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioRecorderModal.js","names":[],"sources":["../../../../src/features/media/react/AudioRecorderModal.tsx"],"sourcesContent":["import type { Editor, EditorEvents } from '@tiptap/core'\nimport { useCallback, useEffect, useRef, useState } from 'react'\nimport { captureRange, type DocAnchor, fetchErrorMessage, releaseRanges, resolveRange } from '../../../core'\nimport { Icon } from '../../../react/Icon'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { useNotifier } from '../../../react/use-notifier'\nimport { Button } from '../../../react/ui/button'\nimport { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from '../../../react/ui/dialog'\nimport { cn } from '../../../react/ui/utils'\nimport { AUDIO_RECORDER_OPEN } from '../upload'\nimport { useAudioRecorder } from './use-audio-recorder'\n\n/**\n * „Audio aufnehmen“, opened by `openAudioRecorder(editor)` (toolbar „Aufnahme“): records in the browser and imports the\n * file through `importFiles` (upload, wrapped by the pipeline's `wrapImport` stage) where the caret was when the modal opened.\n * Nothing enters the (possibly shared) document before the upload succeeded.\n */\nexport function AudioRecorderModal({ editor }: { editor: Editor }) {\n  const { state, seconds, start, stop, cancel } = useAudioRecorder()\n  const [open, setOpen] = useState(false)\n  /** Stopping, uploading and inserting a recording. */\n  const [inserting, setInserting] = useState(false)\n  /** The recording once stopped; kept after a failed upload so „Erneut hochladen“ can retry it. */\n  const [recorded, setRecorded] = useState<File | null>(null)\n  // The flow below runs across awaits and editor events: it reads the current values from refs, not from a render's closure.\n  const flow = useRef({ open: false, inserting: false, recorded: null as File | null, anchor: null as DocAnchor | null })\n\n  const { t } = useEditorI18n()\n  const notify = useNotifier(editor)\n\n  const notice = state === 'denied'\n    ? t('media.recorder.denied')\n    : state === 'unsupported' ? t('media.recorder.unsupported') : null\n  const clock = `${String(Math.floor(seconds / 60)).padStart(2, '0')}:${String(seconds % 60).padStart(2, '0')}`\n\n  /** Ends the flow: discards a running or unsent recording and releases the caret anchor. */\n  const close = useCallback(() => {\n    cancel()\n    flow.current.recorded = null\n    setRecorded(null)\n    if (flow.current.anchor) releaseRanges(editor, [flow.current.anchor])\n    flow.current.anchor = null\n    flow.current.open = false\n    setOpen(false)\n  }, [cancel, editor])\n\n  useEffect(() => {\n    const onTransaction = ({ transaction }: EditorEvents['transaction']) => {\n      if (!transaction.getMeta(AUDIO_RECORDER_OPEN) || flow.current.open || !editor.isEditable) return\n      const { head } = editor.state.selection\n      flow.current.anchor = captureRange(editor, { from: head, to: head })\n      flow.current.open = true\n      setOpen(true)\n    }\n    editor.on('transaction', onTransaction)\n    return () => {\n      editor.off('transaction', onTransaction)\n      if (flow.current.anchor) releaseRanges(editor, [flow.current.anchor])\n      flow.current.anchor = null\n    }\n  }, [editor])\n\n  async function record() {\n    try {\n      await start()\n    }\n    catch (error) {\n      notify({ title: t('media.recorder.failed'), description: fetchErrorMessage(error), kind: 'error' })\n    }\n  }\n\n  async function insert() {\n    if (flow.current.inserting) return\n    flow.current.inserting = true\n    setInserting(true)\n    try {\n      const file = flow.current.recorded ?? await stop()\n      if (!file) return\n      flow.current.recorded = file\n      setRecorded(file)\n      const pos = flow.current.anchor ? resolveRange(editor.state, flow.current.anchor)?.from : undefined\n      // `importFiles` reports its own failures; the modal stays open with the recording so the upload can be retried.\n      if (!await editor.storage.media.importFiles(editor, [file], pos)) return\n      if (!editor.isDestroyed) close()\n    }\n    catch (error) {\n      notify({ title: t('media.recorder.failed'), description: fetchErrorMessage(error), kind: 'error' })\n    }\n    finally {\n      flow.current.inserting = false\n      setInserting(false)\n    }\n  }\n\n  return (\n    <Dialog open={open} onOpenChange={(value) => { if (!value && !flow.current.inserting) close() }}>\n      <DialogContent showCloseButton={!inserting} aria-describedby={undefined}>\n        <DialogHeader>\n          <DialogTitle>{t('media.recorder.title')}</DialogTitle>\n        </DialogHeader>\n        <div className=\"flex flex-col items-center gap-3 py-2\">\n          {notice && <p className=\"text-sm text-destructive\">{notice}</p>}\n          <div\n            className={cn('flex items-center gap-2 font-mono text-3xl tabular-nums', state === 'recording' ? 'text-foreground' : 'text-muted-foreground')}\n            role=\"timer\"\n            aria-label={t('media.recorder.duration')}\n          >\n            {state === 'recording' && <span className=\"size-2.5 animate-pulse rounded-full bg-destructive\" />}\n            {clock}\n          </div>\n        </div>\n        <DialogFooter>\n          <Button variant=\"ghost\" disabled={inserting} onClick={close}>{t('media.recorder.cancel')}</Button>\n          {state === 'recording' || inserting\n            ? (\n                <Button disabled={inserting} onClick={() => void insert()}>\n                  <Icon name={inserting ? 'i-lucide-loader-circle' : 'i-lucide-square'} className={cn(inserting && 'animate-spin')} />\n                  {t('media.recorder.stopInsert')}\n                </Button>\n              )\n            : recorded\n              ? (\n                  <Button onClick={() => void insert()}>\n                    <Icon name=\"i-lucide-upload\" />\n                    {t('media.recorder.retry')}\n                  </Button>\n                )\n              : (\n                  <Button disabled={state === 'unsupported'} onClick={() => void record()}>\n                    <Icon name=\"i-lucide-mic\" />\n                    {t('media.recorder.start')}\n                  </Button>\n                )}\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  )\n}\n"],"mappings":"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"}

package/dist/features/media/react/AudioView.js

@@ -0,0 +1,32 @@
+import { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { cn } from "../../../react/ui/utils.js";
+import { TitleField } from "./TitleField.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { NodeViewWrapper } from "@tiptap/react";
+//#region src/features/media/react/AudioView.tsx
+/** The audio block: player plus caption field. Same events as the Vue view (`playerOptions` keeps the player's own). */
+function AudioView({ node, selected, editor, updateAttributes }) {
+	const { t } = useEditorI18n();
+	return /* @__PURE__ */ jsxs(NodeViewWrapper, {
+		as: "figure",
+		className: cn("media-block flex flex-col gap-1", selected && "is-selected"),
+		"data-id": node.attrs.id || void 0,
+		children: [/* @__PURE__ */ jsx("audio", {
+			controls: true,
+			preload: "metadata",
+			src: node.attrs.src,
+			className: "w-full"
+		}), /* @__PURE__ */ jsx(TitleField, {
+			value: node.attrs.title,
+			placeholder: t("media.view.title"),
+			label: t("media.view.title"),
+			readOnly: !editor.isEditable,
+			className: "w-full",
+			onChange: (title) => updateAttributes({ title })
+		})]
+	});
+}
+//#endregion
+export { AudioView };
+
+//# sourceMappingURL=AudioView.js.map

package/dist/features/media/react/AudioView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AudioView.js","names":[],"sources":["../../../../src/features/media/react/AudioView.tsx"],"sourcesContent":["import { NodeViewWrapper, type NodeViewProps } from '@tiptap/react'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { cn } from '../../../react/ui/utils'\nimport { TitleField } from './TitleField'\n\n/** The audio block: player plus caption field. Same events as the Vue view (`playerOptions` keeps the player's own). */\nexport function AudioView({ node, selected, editor, updateAttributes }: NodeViewProps) {\n  const { t } = useEditorI18n()\n  return (\n    <NodeViewWrapper\n      as=\"figure\"\n      className={cn('media-block flex flex-col gap-1', selected && 'is-selected')}\n      data-id={node.attrs.id || undefined}\n    >\n      <audio controls preload=\"metadata\" src={node.attrs.src} className=\"w-full\" />\n      <TitleField\n        value={node.attrs.title}\n        placeholder={t('media.view.title')}\n        label={t('media.view.title')}\n        readOnly={!editor.isEditable}\n        className=\"w-full\"\n        onChange={title => updateAttributes({ title })}\n      />\n    </NodeViewWrapper>\n  )\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,UAAU,EAAE,MAAM,UAAU,QAAQ,oBAAmC;CACrF,MAAM,EAAE,MAAM,cAAc;CAC5B,OACE,qBAAC,iBAAD;EACE,IAAG;EACH,WAAW,GAAG,mCAAmC,YAAY,aAAa;EAC1E,WAAS,KAAK,MAAM,MAAM,KAAA;EAH5B,UAAA,CAKE,oBAAC,SAAD;GAAO,UAAA;GAAS,SAAQ;GAAW,KAAK,KAAK,MAAM;GAAK,WAAU;EAAU,CAAA,GAC5E,oBAAC,YAAD;GACE,OAAO,KAAK,MAAM;GAClB,aAAa,EAAE,kBAAkB;GACjC,OAAO,EAAE,kBAAkB;GAC3B,UAAU,CAAC,OAAO;GAClB,WAAU;GACV,WAAU,UAAS,iBAAiB,EAAE,MAAM,CAAC;EAC9C,CAAA,CACc;;AAErB"}

package/dist/features/media/react/FileView.js

@@ -0,0 +1,61 @@
+import { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { cn } from "../../../react/ui/utils.js";
+import { Icon } from "../../../react/Icon.js";
+import { Button } from "../../../react/ui/button.js";
+import { formatBytes } from "../upload.js";
+import { TitleField } from "./TitleField.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { NodeViewWrapper } from "@tiptap/react";
+//#region src/features/media/react/FileView.tsx
+/** The file block: icon, name field, size and „Öffnen“ link; PDFs are embedded below. */
+function FileView({ node, selected, editor, updateAttributes }) {
+	const { t } = useEditorI18n();
+	const isPdf = node.attrs.mimeType === "application/pdf";
+	return /* @__PURE__ */ jsxs(NodeViewWrapper, {
+		as: "figure",
+		className: cn("media-block flex flex-col gap-1", selected && "is-selected"),
+		"data-id": node.attrs.id || void 0,
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-2",
+			contentEditable: false,
+			children: [
+				/* @__PURE__ */ jsx(Icon, {
+					name: isPdf ? "i-lucide-file-text" : "i-lucide-file",
+					className: "size-5 text-muted-foreground"
+				}),
+				/* @__PURE__ */ jsx(TitleField, {
+					value: node.attrs.title,
+					placeholder: t("media.view.fileName"),
+					label: t("media.view.fileName"),
+					readOnly: !editor.isEditable,
+					className: "min-w-0 flex-1",
+					onChange: (title) => updateAttributes({ title })
+				}),
+				node.attrs.size ? /* @__PURE__ */ jsx("span", {
+					className: "shrink-0 text-xs text-muted-foreground/60",
+					children: formatBytes(node.attrs.size)
+				}) : null,
+				/* @__PURE__ */ jsx(Button, {
+					asChild: true,
+					size: "xs",
+					variant: "secondary",
+					children: /* @__PURE__ */ jsxs("a", {
+						href: node.attrs.src,
+						target: "_blank",
+						rel: "noopener noreferrer",
+						children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-external-link" }), t("media.view.open")]
+					})
+				})
+			]
+		}), isPdf && node.attrs.src ? /* @__PURE__ */ jsx("object", {
+			data: node.attrs.src,
+			type: "application/pdf",
+			contentEditable: false,
+			className: "mt-2 h-[480px] w-full rounded-md border border-border"
+		}) : null]
+	});
+}
+//#endregion
+export { FileView };
+
+//# sourceMappingURL=FileView.js.map

package/dist/features/media/react/FileView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileView.js","names":[],"sources":["../../../../src/features/media/react/FileView.tsx"],"sourcesContent":["import { NodeViewWrapper, type NodeViewProps } from '@tiptap/react'\nimport { Icon } from '../../../react/Icon'\nimport { Button } from '../../../react/ui/button'\nimport { cn } from '../../../react/ui/utils'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { formatBytes } from '../upload'\nimport { TitleField } from './TitleField'\n\n/** The file block: icon, name field, size and „Öffnen“ link; PDFs are embedded below. */\nexport function FileView({ node, selected, editor, updateAttributes }: NodeViewProps) {\n  const { t } = useEditorI18n()\n  const isPdf = node.attrs.mimeType === 'application/pdf'\n  return (\n    <NodeViewWrapper\n      as=\"figure\"\n      className={cn('media-block flex flex-col gap-1', selected && 'is-selected')}\n      data-id={node.attrs.id || undefined}\n    >\n      <div className=\"flex items-center gap-2\" contentEditable={false}>\n        <Icon name={isPdf ? 'i-lucide-file-text' : 'i-lucide-file'} className=\"size-5 text-muted-foreground\" />\n        <TitleField\n          value={node.attrs.title}\n          placeholder={t('media.view.fileName')}\n          label={t('media.view.fileName')}\n          readOnly={!editor.isEditable}\n          className=\"min-w-0 flex-1\"\n          onChange={title => updateAttributes({ title })}\n        />\n        {node.attrs.size ? <span className=\"shrink-0 text-xs text-muted-foreground/60\">{formatBytes(node.attrs.size)}</span> : null}\n        <Button asChild size=\"xs\" variant=\"secondary\">\n          <a href={node.attrs.src} target=\"_blank\" rel=\"noopener noreferrer\">\n            <Icon name=\"i-lucide-external-link\" />\n            {t('media.view.open')}\n          </a>\n        </Button>\n      </div>\n      {isPdf && node.attrs.src\n        ? <object data={node.attrs.src} type=\"application/pdf\" contentEditable={false} className=\"mt-2 h-[480px] w-full rounded-md border border-border\" />\n        : null}\n    </NodeViewWrapper>\n  )\n}\n"],"mappings":";;;;;;;;;;AASA,SAAgB,SAAS,EAAE,MAAM,UAAU,QAAQ,oBAAmC;CACpF,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,QAAQ,KAAK,MAAM,aAAa;CACtC,OACE,qBAAC,iBAAD;EACE,IAAG;EACH,WAAW,GAAG,mCAAmC,YAAY,aAAa;EAC1E,WAAS,KAAK,MAAM,MAAM,KAAA;EAH5B,UAAA,CAKE,qBAAC,OAAD;GAAK,WAAU;GAA0B,iBAAiB;GAA1D,UAAA;IACE,oBAAC,MAAD;KAAM,MAAM,QAAQ,uBAAuB;KAAiB,WAAU;IAAgC,CAAA;IACtG,oBAAC,YAAD;KACE,OAAO,KAAK,MAAM;KAClB,aAAa,EAAE,qBAAqB;KACpC,OAAO,EAAE,qBAAqB;KAC9B,UAAU,CAAC,OAAO;KAClB,WAAU;KACV,WAAU,UAAS,iBAAiB,EAAE,MAAM,CAAC;IAC9C,CAAA;IACA,KAAK,MAAM,OAAO,oBAAC,QAAD;KAAM,WAAU;KAA6C,UAAA,YAAY,KAAK,MAAM,IAAI;IAAQ,CAAA,IAAI;IACvH,oBAAC,QAAD;KAAQ,SAAA;KAAQ,MAAK;KAAK,SAAQ;KAChC,UAAA,qBAAC,KAAD;MAAG,MAAM,KAAK,MAAM;MAAK,QAAO;MAAS,KAAI;MAA7C,UAAA,CACE,oBAAC,MAAD,EAAM,MAAK,yBAA0B,CAAA,GACpC,EAAE,iBAAiB,CACnB;;IACG,CAAA;GACL;EACJ,CAAA,GAAA,SAAS,KAAK,MAAM,MACjB,oBAAC,UAAD;GAAQ,MAAM,KAAK,MAAM;GAAK,MAAK;GAAkB,iBAAiB;GAAO,WAAU;EAAyD,CAAA,IAChJ,IACW;;AAErB"}

package/dist/features/media/react/TitleField.js

@@ -0,0 +1,30 @@
+import { cn } from "../../../react/ui/utils.js";
+import { useEffect, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/features/media/react/TitleField.tsx
+/**
+* The editable caption of a media block (`AudioView`, `VideoView`, `FileView`): a plain input that writes the node
+* attribute on every keystroke. It keeps the typed text locally, so the caret does not jump while the node view
+* re-renders from the changed attribute, and follows the attribute when it changes from outside (collaboration, undo).
+*/
+function TitleField({ value, placeholder, label, readOnly, className, onChange }) {
+	const [text, setText] = useState(value ?? "");
+	useEffect(() => setText(value ?? ""), [value]);
+	return /* @__PURE__ */ jsx("input", {
+		value: text,
+		contentEditable: false,
+		placeholder,
+		"aria-label": label,
+		autoComplete: "off",
+		readOnly,
+		className: cn("rounded bg-transparent px-1 text-sm text-muted-foreground outline-none placeholder:text-muted-foreground/60 focus:bg-muted focus:text-foreground", className),
+		onChange: (event) => {
+			setText(event.target.value);
+			onChange(event.target.value);
+		}
+	});
+}
+//#endregion
+export { TitleField };
+
+//# sourceMappingURL=TitleField.js.map

package/dist/features/media/react/TitleField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleField.js","names":[],"sources":["../../../../src/features/media/react/TitleField.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { cn } from '../../../react/ui/utils'\n\n/**\n * The editable caption of a media block (`AudioView`, `VideoView`, `FileView`): a plain input that writes the node\n * attribute on every keystroke. It keeps the typed text locally, so the caret does not jump while the node view\n * re-renders from the changed attribute, and follows the attribute when it changes from outside (collaboration, undo).\n */\nexport function TitleField({ value, placeholder, label, readOnly, className, onChange }: {\n  value: string | undefined\n  placeholder: string\n  label: string\n  readOnly: boolean\n  className?: string\n  onChange: (value: string) => void\n}) {\n  const [text, setText] = useState(value ?? '')\n  useEffect(() => setText(value ?? ''), [value])\n  return (\n    <input\n      value={text}\n      contentEditable={false}\n      placeholder={placeholder}\n      aria-label={label}\n      autoComplete=\"off\"\n      readOnly={readOnly}\n      className={cn('rounded bg-transparent px-1 text-sm text-muted-foreground outline-none placeholder:text-muted-foreground/60 focus:bg-muted focus:text-foreground', className)}\n      onChange={(event) => {\n        setText(event.target.value)\n        onChange(event.target.value)\n      }}\n    />\n  )\n}\n"],"mappings":";;;;;;;;;AAQA,SAAgB,WAAW,EAAE,OAAO,aAAa,OAAO,UAAU,WAAW,YAO1E;CACD,MAAM,CAAC,MAAM,WAAW,SAAS,SAAS,EAAE;CAC5C,gBAAgB,QAAQ,SAAS,EAAE,GAAG,CAAC,KAAK,CAAC;CAC7C,OACE,oBAAC,SAAD;EACE,OAAO;EACP,iBAAiB;EACJ;EACb,cAAY;EACZ,cAAa;EACH;EACV,WAAW,GAAG,oJAAoJ,SAAS;EAC3K,WAAW,UAAU;GACnB,QAAQ,MAAM,OAAO,KAAK;GAC1B,SAAS,MAAM,OAAO,KAAK;EAC7B;CACD,CAAA;AAEL"}

package/dist/features/media/react/VideoView.js

@@ -0,0 +1,33 @@
+import { useEditorI18n } from "../../../react/use-editor-i18n.js";
+import { cn } from "../../../react/ui/utils.js";
+import { TitleField } from "./TitleField.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { NodeViewWrapper } from "@tiptap/react";
+//#region src/features/media/react/VideoView.tsx
+/** The video block: player plus caption field. Same events as the Vue view (`playerOptions` keeps the player's own). */
+function VideoView({ node, selected, editor, updateAttributes }) {
+	const { t } = useEditorI18n();
+	return /* @__PURE__ */ jsxs(NodeViewWrapper, {
+		as: "figure",
+		className: cn("media-block flex flex-col gap-1", selected && "is-selected"),
+		"data-id": node.attrs.id || void 0,
+		children: [/* @__PURE__ */ jsx("video", {
+			controls: true,
+			preload: "metadata",
+			playsInline: true,
+			src: node.attrs.src,
+			className: "max-w-full rounded-md"
+		}), /* @__PURE__ */ jsx(TitleField, {
+			value: node.attrs.title,
+			placeholder: t("media.view.title"),
+			label: t("media.view.title"),
+			readOnly: !editor.isEditable,
+			className: "w-full",
+			onChange: (title) => updateAttributes({ title })
+		})]
+	});
+}
+//#endregion
+export { VideoView };
+
+//# sourceMappingURL=VideoView.js.map

package/dist/features/media/react/VideoView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VideoView.js","names":[],"sources":["../../../../src/features/media/react/VideoView.tsx"],"sourcesContent":["import { NodeViewWrapper, type NodeViewProps } from '@tiptap/react'\nimport { useEditorI18n } from '../../../react/use-editor-i18n'\nimport { cn } from '../../../react/ui/utils'\nimport { TitleField } from './TitleField'\n\n/** The video block: player plus caption field. Same events as the Vue view (`playerOptions` keeps the player's own). */\nexport function VideoView({ node, selected, editor, updateAttributes }: NodeViewProps) {\n  const { t } = useEditorI18n()\n  return (\n    <NodeViewWrapper\n      as=\"figure\"\n      className={cn('media-block flex flex-col gap-1', selected && 'is-selected')}\n      data-id={node.attrs.id || undefined}\n    >\n      <video controls preload=\"metadata\" playsInline src={node.attrs.src} className=\"max-w-full rounded-md\" />\n      <TitleField\n        value={node.attrs.title}\n        placeholder={t('media.view.title')}\n        label={t('media.view.title')}\n        readOnly={!editor.isEditable}\n        className=\"w-full\"\n        onChange={title => updateAttributes({ title })}\n      />\n    </NodeViewWrapper>\n  )\n}\n"],"mappings":";;;;;;;AAMA,SAAgB,UAAU,EAAE,MAAM,UAAU,QAAQ,oBAAmC;CACrF,MAAM,EAAE,MAAM,cAAc;CAC5B,OACE,qBAAC,iBAAD;EACE,IAAG;EACH,WAAW,GAAG,mCAAmC,YAAY,aAAa;EAC1E,WAAS,KAAK,MAAM,MAAM,KAAA;EAH5B,UAAA,CAKE,oBAAC,SAAD;GAAO,UAAA;GAAS,SAAQ;GAAW,aAAA;GAAY,KAAK,KAAK,MAAM;GAAK,WAAU;EAAyB,CAAA,GACvG,oBAAC,YAAD;GACE,OAAO,KAAK,MAAM;GAClB,aAAa,EAAE,kBAAkB;GACjC,OAAO,EAAE,kBAAkB;GAC3B,UAAU,CAAC,OAAO;GAClB,WAAU;GACV,WAAU,UAAS,iBAAiB,EAAE,MAAM,CAAC;EAC9C,CAAA,CACc;;AAErB"}

package/dist/features/media/react/use-audio-recorder.d.ts

@@ -0,0 +1,11 @@
+import { AudioRecorder, AudioRecorderStatus } from "../audio-recorder.js";
+//#region src/features/media/react/use-audio-recorder.d.ts
+export interface ReactAudioRecorder extends Pick<AudioRecorder, 'start' | 'stop' | 'cancel'> {
+  state: AudioRecorderStatus;
+  /** Whole seconds recorded so far. */
+  seconds: number;
+}
+/** The audio recorder model (`createAudioRecorder`) as component state; the microphone is released when the component unmounts. */
+export declare function useAudioRecorder(): ReactAudioRecorder;
+//#endregion
+//# sourceMappingURL=use-audio-recorder.d.ts.map

package/dist/features/media/react/use-audio-recorder.js

@@ -0,0 +1,21 @@
+import { useStore } from "../../../react/use-store.js";
+import { createAudioRecorder } from "../audio-recorder.js";
+import { useEffect, useState } from "react";
+//#region src/features/media/react/use-audio-recorder.ts
+/** The audio recorder model (`createAudioRecorder`) as component state; the microphone is released when the component unmounts. */
+function useAudioRecorder() {
+	const [recorder] = useState(createAudioRecorder);
+	const { status, seconds } = useStore(recorder.state);
+	useEffect(() => () => recorder.dispose(), [recorder]);
+	return {
+		state: status,
+		seconds,
+		start: recorder.start,
+		stop: recorder.stop,
+		cancel: recorder.cancel
+	};
+}
+//#endregion
+export { useAudioRecorder };
+
+//# sourceMappingURL=use-audio-recorder.js.map

package/dist/features/media/react/use-audio-recorder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-audio-recorder.js","names":[],"sources":["../../../../src/features/media/react/use-audio-recorder.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { useStore } from '../../../react/use-store'\nimport { type AudioRecorder, type AudioRecorderStatus, createAudioRecorder } from '../audio-recorder'\n\nexport interface ReactAudioRecorder extends Pick<AudioRecorder, 'start' | 'stop' | 'cancel'> {\n  state: AudioRecorderStatus\n  /** Whole seconds recorded so far. */\n  seconds: number\n}\n\n/** The audio recorder model (`createAudioRecorder`) as component state; the microphone is released when the component unmounts. */\nexport function useAudioRecorder(): ReactAudioRecorder {\n  const [recorder] = useState(createAudioRecorder)\n  const { status, seconds } = useStore(recorder.state)\n  // `dispose` is a `cancel`: idempotent, so StrictMode's mount, cleanup, mount leaves a usable recorder.\n  useEffect(() => () => recorder.dispose(), [recorder])\n  return { state: status, seconds, start: recorder.start, stop: recorder.stop, cancel: recorder.cancel }\n}\n"],"mappings":";;;;;AAWA,SAAgB,mBAAuC;CACrD,MAAM,CAAC,YAAY,SAAS,mBAAmB;CAC/C,MAAM,EAAE,QAAQ,YAAY,SAAS,SAAS,KAAK;CAEnD,sBAAsB,SAAS,QAAQ,GAAG,CAAC,QAAQ,CAAC;CACpD,OAAO;EAAE,OAAO;EAAQ;EAAS,OAAO,SAAS;EAAO,MAAM,SAAS;EAAM,QAAQ,SAAS;CAAO;AACvG"}

package/dist/features/media/react.d.ts

@@ -0,0 +1,19 @@
+import { ReactFeature } from "../../react/EditorSurface.js";
+import "../../react/index.js";
+import { ImportFilesFn } from "./upload.js";
+import { AudioRecorderModal } from "./react/AudioRecorderModal.js";
+import { ReactAudioRecorder, useAudioRecorder } from "./react/use-audio-recorder.js";
+import { Editor } from "@tiptap/core";
+//#region src/features/media/react.d.ts
+/**
+ * `importFiles` with the failures sent to `editor`'s surface notifier, else the app's (see `fileImport`, `useNotifier`),
+ * for your own buttons; stable across renders.
+ */
+export declare function useFileImport(editor?: Editor): {
+  importFiles: ImportFilesFn;
+};
+/** The React media feature: React node views for audio, video and file blocks and the shadcn recorder modal. */
+export declare function mediaFeature(): ReactFeature;
+//#endregion
+export { AudioRecorderModal, type ReactAudioRecorder, useAudioRecorder };
+//# sourceMappingURL=react.d.ts.map

package/dist/features/media/react.js

@@ -0,0 +1,37 @@
+import { useEditorI18n } from "../../react/use-editor-i18n.js";
+import { fileImport } from "./file-import.js";
+import { playerOptions } from "./node-views.js";
+import { mediaFeatureCore } from "./feature.js";
+import { useNotifier } from "../../react/use-notifier.js";
+import { useAudioRecorder } from "./react/use-audio-recorder.js";
+import { AudioRecorderModal } from "./react/AudioRecorderModal.js";
+import { AudioView } from "./react/AudioView.js";
+import { FileView } from "./react/FileView.js";
+import { VideoView } from "./react/VideoView.js";
+import { useMemo } from "react";
+import { ReactNodeViewRenderer } from "@tiptap/react";
+//#region src/features/media/react.ts
+/**
+* `importFiles` with the failures sent to `editor`'s surface notifier, else the app's (see `fileImport`, `useNotifier`),
+* for your own buttons; stable across renders.
+*/
+function useFileImport(editor) {
+	const notify = useNotifier(editor);
+	const { t } = useEditorI18n();
+	return useMemo(() => fileImport(notify, t), [notify, t]);
+}
+/** The React media feature: React node views for audio, video and file blocks and the shadcn recorder modal. */
+function mediaFeature() {
+	return mediaFeatureCore({
+		recorderModal: AudioRecorderModal,
+		nodeViews: {
+			audio: ReactNodeViewRenderer(AudioView, playerOptions),
+			video: ReactNodeViewRenderer(VideoView, playerOptions),
+			file: ReactNodeViewRenderer(FileView, playerOptions)
+		}
+	});
+}
+//#endregion
+export { AudioRecorderModal, mediaFeature, useAudioRecorder, useFileImport };
+
+//# sourceMappingURL=react.js.map

package/dist/features/media/react.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react.js","names":[],"sources":["../../../src/features/media/react.ts"],"sourcesContent":["import { ReactNodeViewRenderer } from '@tiptap/react'\nimport { type ComponentType, useMemo } from 'react'\nimport type { Editor } from '@tiptap/core'\nimport type { ReactFeature } from '../../react'\nimport { useEditorI18n } from '../../react/use-editor-i18n'\nimport { useNotifier } from '../../react/use-notifier'\nimport { mediaFeatureCore } from './feature'\nimport { fileImport } from './file-import'\nimport { playerOptions } from './node-views'\nimport { AudioRecorderModal } from './react/AudioRecorderModal'\nimport { AudioView } from './react/AudioView'\nimport { FileView } from './react/FileView'\nimport { VideoView } from './react/VideoView'\nimport type { ImportFilesFn } from './upload'\n\nexport { AudioRecorderModal } from './react/AudioRecorderModal'\nexport { useAudioRecorder, type ReactAudioRecorder } from './react/use-audio-recorder'\n\n/**\n * `importFiles` with the failures sent to `editor`'s surface notifier, else the app's (see `fileImport`, `useNotifier`),\n * for your own buttons; stable across renders.\n */\nexport function useFileImport(editor?: Editor): { importFiles: ImportFilesFn } {\n  const notify = useNotifier(editor)\n  const { t } = useEditorI18n()\n  return useMemo(() => fileImport(notify, t), [notify, t])\n}\n\n/** The React media feature: React node views for audio, video and file blocks and the shadcn recorder modal. */\nexport function mediaFeature(): ReactFeature {\n  return mediaFeatureCore<ComponentType<{ editor: Editor }>>({\n    recorderModal: AudioRecorderModal,\n    nodeViews: {\n      audio: ReactNodeViewRenderer(AudioView, playerOptions),\n      video: ReactNodeViewRenderer(VideoView, playerOptions),\n      file: ReactNodeViewRenderer(FileView, playerOptions),\n    },\n  })\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAsBA,SAAgB,cAAc,QAAiD;CAC7E,MAAM,SAAS,YAAY,MAAM;CACjC,MAAM,EAAE,MAAM,cAAc;CAC5B,OAAO,cAAc,WAAW,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;AACzD;;AAGA,SAAgB,eAA6B;CAC3C,OAAO,iBAAoD;EACzD,eAAe;EACf,WAAW;GACT,OAAO,sBAAsB,WAAW,aAAa;GACrD,OAAO,sBAAsB,WAAW,aAAa;GACrD,MAAM,sBAAsB,UAAU,aAAa;EACrD;CACF,CAAC;AACH"}

package/dist/features/media/schema.d.ts

@@ -0,0 +1,59 @@
+import { ASSET_DOCUMENT_ID, ASSET_NAME, AssetManifest, AssetRecord, SCRATCH_DOCUMENT_ID, assetRefOf, assetUrl } from "./assets.js";
+import { AnyExtension, Node } from "@tiptap/core";
+//#region src/features/media/schema.d.ts
+/** The media nodes (image, audio, video, file) of the document schema. */
+export declare const mediaSchemaExtensions: () => AnyExtension[];
+export type MediaKind = 'image' | 'audio' | 'video' | 'file';
+/** Uploadable MIME types → file extension on disk and media kind. `<uuid>.<ext>` asset names derive from this. */
+export declare const MEDIA_TYPES: Readonly<Record<string, {
+  ext: string;
+  kind: MediaKind;
+}>>;
+/** Upload size limit per kind. */
+export declare const MAX_MEDIA_BYTES: Readonly<Record<MediaKind, number>>;
+/** `type` without parameters, lowercased (`audio/webm;codecs=opus` → `audio/webm`): the key into `MEDIA_TYPES`. */
+export declare const mediaMime: (type: string) => string;
+/** Kind of an uploadable MIME type (parameters such as `;codecs=…` ignored); null when uploads do not accept it. */
+export declare function mediaKindOf(mime: string): MediaKind | null;
+/** `accept` value of a file input for one kind: its MIME types, comma-joined. */
+export declare function acceptFor(kind: MediaKind): string;
+/** Attributes of an audio/video node; `title` is the editable caption, `mimeType` the uploaded file's base type. */
+export interface MediaAttrs {
+  src: string;
+  title?: string;
+  mimeType?: string;
+}
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    audio: {
+      /** Inserts an audio block at the selection. */
+      insertAudio: (attrs: MediaAttrs) => ReturnType;
+    };
+    video: {
+      /** Inserts a video block at the selection. */
+      insertVideo: (attrs: MediaAttrs) => ReturnType;
+    };
+  }
+}
+export declare const AudioNode: Node<any, any>;
+export declare const VideoNode: Node<any, any>;
+declare module '@tiptap/core' {
+  interface Commands<ReturnType> {
+    file: {
+      /** Inserts a file block (download link, PDF preview) at the selection. */
+      insertFile: (attrs: FileAttrs) => ReturnType;
+    };
+  }
+}
+/** Attributes of a file block; `title` is the editable file name, `size` the byte count. */
+export interface FileAttrs {
+  src: string;
+  title?: string;
+  mimeType?: string;
+  size?: number;
+}
+/** A generic uploaded file (PDF, office document, …) that has no player: shown as a card with an open button. */
+export declare const FileNode: Node<any, any>;
+//#endregion
+export { ASSET_DOCUMENT_ID, ASSET_NAME, AssetManifest, AssetRecord, SCRATCH_DOCUMENT_ID, assetRefOf, assetUrl };
+//# sourceMappingURL=schema.d.ts.map