@ecsplico/editor 2.1.2 → 3.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"feature.js","names":[],"sources":["../../../src/features/media/feature.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { FileHandler } from '@tiptap/extension-file-handler'\nimport { Image } from '@tiptap/extension-image'\nimport type { EditorFeature, SlashCommandItem, ToolbarItem } from '../../core'\nimport { ABILITY } from '../../core/schema'\nimport type { MessageKey } from '../../i18n'\nimport { fileImport } from './file-import'\nimport { type MediaNodeViews, mediaBlocks } from './node-views'\nimport { acceptFor, type MediaKind } from './schema'\nimport { Media, openAudioRecorder, pickFiles, uploadOf } from './upload'\n\n/** What a framework binding supplies to the media feature. */\nexport interface MediaUi<C> {\n  /** The „Audio aufnehmen“ modal; mounted as an overlay, opened by `openAudioRecorder(editor)`. */\n  recorderModal: C\n  /** The audio, video and file block views of the framework. */\n  nodeViews: MediaNodeViews\n}\n\nconst PICKERS: readonly { id: string, labelKey: MessageKey, icon: string, kind: MediaKind }[] = [\n  { id: 'bild', labelKey: 'media.picker.image', icon: 'i-lucide-image', kind: 'image' },\n  { id: 'audio', labelKey: 'media.picker.audio', icon: 'i-lucide-file-audio', kind: 'audio' },\n  { id: 'video', labelKey: 'media.picker.video', icon: 'i-lucide-video', kind: 'video' },\n]\n\n/**\n * Image, audio, video and file blocks with their views, upload (the surface's `upload` prop, else the document's asset\n * endpoint), drop/paste of files, the audio recorder, and the toolbar and `/` entries that open the file picker or\n * recorder. Files import through the pipeline: text and Markdown files are parsed into blocks, everything else is\n * uploaded; the `wrapImport` stage (identity by default) may wrap the blocks, which are then inserted as they are.\n * Import problems reach the user through the surface's notice seam (`ctx.notify`).\n * Needs a backend (or an `upload` function) only when a file is uploaded.\n */\nexport function mediaFeatureCore<C>(ui: MediaUi<C>): EditorFeature<C> {\n  const { AudioBlock, VideoBlock, FileBlock } = mediaBlocks(ui.nodeViews)\n  return {\n    id: 'media',\n    extensions: (ctx) => {\n      const { importFiles } = fileImport(ctx.notify, ctx.t)\n      return [\n        Image,\n        AudioBlock,\n        VideoBlock,\n        FileBlock,\n        Media.configure({ upload: uploadOf(ctx), importFiles }),\n        FileHandler.configure({\n          consumePasteEvent: true,\n          onDrop: (editor, files, pos) => importFiles(editor, files, pos),\n          onPaste: (editor, files) => importFiles(editor, files),\n        }),\n      ]\n    },\n    toolbar: ctx => [{\n      id: 'inserts',\n      order: 50,\n      items: [\n        ...PICKERS.map((picker, index): ToolbarItem<C> => ({\n          id: picker.id,\n          order: 20 + index * 10,\n          icon: picker.icon,\n          label: ctx.t(picker.labelKey),\n          ability: ABILITY.media,\n          run: editor => void pickAndImport(editor, acceptFor(picker.kind)),\n        })),\n        { id: 'aufnahme', order: 50, icon: 'i-lucide-mic', label: ctx.t('media.toolbar.record'), ability: ABILITY.record, run: openAudioRecorder },\n      ],\n    }],\n    slashCommands: (ctx): SlashCommandItem[] => [\n      ...PICKERS.map((picker): SlashCommandItem => ({\n        id: picker.id,\n        label: ctx.t(picker.labelKey),\n        icon: picker.icon,\n        ability: ABILITY.media,\n        run: editor => void pickAndImport(editor, acceptFor(picker.kind), editor.state.selection.from),\n      })),\n      { id: 'aufnahme', label: ctx.t('media.slash.record'), icon: 'i-lucide-mic', ability: ABILITY.record, run: openAudioRecorder },\n    ],\n    overlays: [ui.recorderModal],\n  }\n}\n\nasync function pickAndImport(editor: Editor, accept: string, pos?: number): Promise<void> {\n  const files = await pickFiles(accept)\n  if (files.length && !editor.isDestroyed) await editor.storage.media.importFiles(editor, files, pos)\n}\n"],"mappings":";;;;;;;;AAmBA,MAAM,UAA0F;CAC9F;EAAE,IAAI;EAAQ,UAAU;EAAsB,MAAM;EAAkB,MAAM;CAAQ;CACpF;EAAE,IAAI;EAAS,UAAU;EAAsB,MAAM;EAAuB,MAAM;CAAQ;CAC1F;EAAE,IAAI;EAAS,UAAU;EAAsB,MAAM;EAAkB,MAAM;CAAQ;AACvF;;;;;;;;;AAUA,SAAgB,iBAAoB,IAAkC;CACpE,MAAM,EAAE,YAAY,YAAY,cAAc,YAAY,GAAG,SAAS;CACtE,OAAO;EACL,IAAI;EACJ,aAAa,QAAQ;GACnB,MAAM,EAAE,gBAAgB,WAAW,IAAI,QAAQ,IAAI,CAAC;GACpD,OAAO;IACL;IACA;IACA;IACA;IACA,MAAM,UAAU;KAAE,QAAQ,SAAS,GAAG;KAAG;IAAY,CAAC;IACtD,YAAY,UAAU;KACpB,mBAAmB;KACnB,SAAS,QAAQ,OAAO,QAAQ,YAAY,QAAQ,OAAO,GAAG;KAC9D,UAAU,QAAQ,UAAU,YAAY,QAAQ,KAAK;IACvD,CAAC;GACH;EACF;EACA,UAAS,QAAO,CAAC;GACf,IAAI;GACJ,OAAO;GACP,OAAO,CACL,GAAG,QAAQ,KAAK,QAAQ,WAA2B;IACjD,IAAI,OAAO;IACX,OAAO,KAAK,QAAQ;IACpB,MAAM,OAAO;IACb,OAAO,IAAI,EAAE,OAAO,QAAQ;IAC5B,SAAS,QAAQ;IACjB,MAAK,WAAU,KAAK,cAAc,QAAQ,UAAU,OAAO,IAAI,CAAC;GAClE,EAAE,GACF;IAAE,IAAI;IAAY,OAAO;IAAI,MAAM;IAAgB,OAAO,IAAI,EAAE,sBAAsB;IAAG,SAAS,QAAQ;IAAQ,KAAK;GAAkB,CAC3I;EACF,CAAC;EACD,gBAAgB,QAA4B,CAC1C,GAAG,QAAQ,KAAK,YAA8B;GAC5C,IAAI,OAAO;GACX,OAAO,IAAI,EAAE,OAAO,QAAQ;GAC5B,MAAM,OAAO;GACb,SAAS,QAAQ;GACjB,MAAK,WAAU,KAAK,cAAc,QAAQ,UAAU,OAAO,IAAI,GAAG,OAAO,MAAM,UAAU,IAAI;EAC/F,EAAE,GACF;GAAE,IAAI;GAAY,OAAO,IAAI,EAAE,oBAAoB;GAAG,MAAM;GAAgB,SAAS,QAAQ;GAAQ,KAAK;EAAkB,CAC9H;EACA,UAAU,CAAC,GAAG,aAAa;CAC7B;AACF;AAEA,eAAe,cAAc,QAAgB,QAAgB,KAA6B;CACxF,MAAM,QAAQ,MAAM,UAAU,MAAM;CACpC,IAAI,MAAM,UAAU,CAAC,OAAO,aAAa,MAAM,OAAO,QAAQ,MAAM,YAAY,QAAQ,OAAO,GAAG;AACpG"}
+{"version":3,"file":"feature.js","names":[],"sources":["../../../src/features/media/feature.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { FileHandler } from '@tiptap/extension-file-handler'\nimport type { CommandDef, EditorFeature } from '../../core'\nimport { ABILITY } from '../../core/schema'\nimport type { MessageKey } from '../../i18n'\nimport { fileImport } from './file-import'\nimport { type MediaNodeViews, mediaBlocks } from './node-views'\nimport { acceptFor, ImageNode, mediaSchemaExtensions, type MediaKind } from './schema'\nimport { Media, openAudioRecorder, pickFiles, uploadOf } from './upload'\n\n/** What a framework binding supplies to the media feature. */\nexport interface MediaUi<C> {\n  /** The „Audio aufnehmen“ modal; mounted as an overlay, opened by `openAudioRecorder(editor)`. */\n  recorderModal: C\n  /** The audio, video and file block views of the framework. */\n  nodeViews: MediaNodeViews\n}\n\nconst PICKERS: readonly { id: string, labelKey: MessageKey, icon: string, kind: MediaKind }[] = [\n  { id: 'bild', labelKey: 'media.picker.image', icon: 'i-lucide-image', kind: 'image' },\n  { id: 'audio', labelKey: 'media.picker.audio', icon: 'i-lucide-file-audio', kind: 'audio' },\n  { id: 'video', labelKey: 'media.picker.video', icon: 'i-lucide-video', kind: 'video' },\n]\n\n/**\n * Image, audio, video and file blocks with their views, upload (`backend.assets`, filed under the surface's `documentId`),\n * drop/paste of files, the audio recorder, and the toolbar and `/` entries that open the file picker or\n * recorder. Files import through the pipeline: text and Markdown files are parsed into blocks, everything else is\n * uploaded; the `wrapImport` stage (identity by default) may wrap the blocks, which are then inserted as they are.\n * Import problems reach the user through the surface's notice seam (`ctx.notify`).\n * Needs a backend with the `assets` capability.\n */\nexport function mediaFeatureCore<C>(ui: MediaUi<C>): EditorFeature<C> {\n  const { AudioBlock, VideoBlock, FileBlock } = mediaBlocks(ui.nodeViews)\n  return {\n    id: 'media',\n    dimension: 'content',\n    backend: ['assets'],\n    schemaExtensions: mediaSchemaExtensions,\n    extensions: (ctx) => {\n      const { importFiles } = fileImport(ctx.notify, ctx.t)\n      return [\n        ImageNode,\n        AudioBlock,\n        VideoBlock,\n        FileBlock,\n        Media.configure({ upload: uploadOf(ctx), importFiles }),\n        FileHandler.configure({\n          consumePasteEvent: true,\n          onDrop: (editor, files, pos) => importFiles(editor, files, pos),\n          onPaste: (editor, files) => importFiles(editor, files),\n        }),\n      ]\n    },\n    commands: (ctx): CommandDef<C>[] => [\n      ...PICKERS.map((picker, index): CommandDef<C> => ({\n        id: picker.id,\n        toolbar: { group: 'inserts', order: 20 + index * 10 },\n        slash: {},\n        icon: picker.icon,\n        label: ctx.t(picker.labelKey),\n        ability: ABILITY.media,\n        // The caret at the click: the picker takes a while and the document may change meanwhile.\n        run: editor => void pickAndImport(editor, acceptFor(picker.kind), editor.state.selection.from),\n      })),\n      { id: 'aufnahme', toolbar: { group: 'inserts', order: 50 }, slash: {}, icon: 'i-lucide-mic', label: ctx.t('media.slash.record'), ability: ABILITY.record, run: openAudioRecorder },\n    ],\n    overlays: [ui.recorderModal],\n  }\n}\n\nasync function pickAndImport(editor: Editor, accept: string, pos?: number): Promise<void> {\n  const files = await pickFiles(accept)\n  if (files.length && !editor.isDestroyed) await editor.storage.media.importFiles(editor, files, pos)\n}\n"],"mappings":";;;;;;;AAkBA,MAAM,UAA0F;CAC9F;EAAE,IAAI;EAAQ,UAAU;EAAsB,MAAM;EAAkB,MAAM;CAAQ;CACpF;EAAE,IAAI;EAAS,UAAU;EAAsB,MAAM;EAAuB,MAAM;CAAQ;CAC1F;EAAE,IAAI;EAAS,UAAU;EAAsB,MAAM;EAAkB,MAAM;CAAQ;AACvF;;;;;;;;;AAUA,SAAgB,iBAAoB,IAAkC;CACpE,MAAM,EAAE,YAAY,YAAY,cAAc,YAAY,GAAG,SAAS;CACtE,OAAO;EACL,IAAI;EACJ,WAAW;EACX,SAAS,CAAC,QAAQ;EAClB,kBAAkB;EAClB,aAAa,QAAQ;GACnB,MAAM,EAAE,gBAAgB,WAAW,IAAI,QAAQ,IAAI,CAAC;GACpD,OAAO;IACL;IACA;IACA;IACA;IACA,MAAM,UAAU;KAAE,QAAQ,SAAS,GAAG;KAAG;IAAY,CAAC;IACtD,YAAY,UAAU;KACpB,mBAAmB;KACnB,SAAS,QAAQ,OAAO,QAAQ,YAAY,QAAQ,OAAO,GAAG;KAC9D,UAAU,QAAQ,UAAU,YAAY,QAAQ,KAAK;IACvD,CAAC;GACH;EACF;EACA,WAAW,QAAyB,CAClC,GAAG,QAAQ,KAAK,QAAQ,WAA0B;GAChD,IAAI,OAAO;GACX,SAAS;IAAE,OAAO;IAAW,OAAO,KAAK,QAAQ;GAAG;GACpD,OAAO,CAAC;GACR,MAAM,OAAO;GACb,OAAO,IAAI,EAAE,OAAO,QAAQ;GAC5B,SAAS,QAAQ;GAEjB,MAAK,WAAU,KAAK,cAAc,QAAQ,UAAU,OAAO,IAAI,GAAG,OAAO,MAAM,UAAU,IAAI;EAC/F,EAAE,GACF;GAAE,IAAI;GAAY,SAAS;IAAE,OAAO;IAAW,OAAO;GAAG;GAAG,OAAO,CAAC;GAAG,MAAM;GAAgB,OAAO,IAAI,EAAE,oBAAoB;GAAG,SAAS,QAAQ;GAAQ,KAAK;EAAkB,CACnL;EACA,UAAU,CAAC,GAAG,aAAa;CAC7B;AACF;AAEA,eAAe,cAAc,QAAgB,QAAgB,KAA6B;CACxF,MAAM,QAAQ,MAAM,UAAU,MAAM;CACpC,IAAI,MAAM,UAAU,CAAC,OAAO,aAAa,MAAM,OAAO,QAAQ,MAAM,YAAY,QAAQ,OAAO,GAAG;AACpG"}

package/dist/features/media/file-import.js

@@ -19,8 +19,8 @@ async function blocksOf(editor, file) {
 		const blocks = structureBlocks(editor, parseBlocks(editor, await file.text()).blocks);
 		return blocks.length ? blocks : [{ type: "paragraph" }];
 	}
-	const { url } = await editor.storage.media.upload(file);
-	return [mediaNodeFor(file, url) ?? fileNodeFor(file, url)];
+	const { url, sha256 } = await editor.storage.media.upload(file);
+	return [mediaNodeFor(file, url, sha256) ?? fileNodeFor(file, url, sha256)];
 }
 /**
 * Imports files into the editor. Text and Markdown files are parsed through the editor's block pipeline into blocks;

package/dist/features/media/file-import.js.map

@@ -1 +1 @@
-{"version":3,"file":"file-import.js","names":[],"sources":["../../../src/features/media/file-import.ts"],"sourcesContent":["import type { Editor, JSONContent } from '@tiptap/core'\nimport type { Translate } from '../../i18n'\nimport { captureRange, fetchErrorMessage, type Notifier, parseBlocks, releaseRanges, resolveRange, structureBlocks, wrapImportBlocks } from '../../core'\nimport { mediaMime } from './schema'\nimport { fileNodeFor, type ImportFilesFn, mediaNodeFor } from './upload'\n\n/** Text files are read into the document, bigger ones are refused. */\nexport const MAX_TEXT_BYTES = 2 * 1024 * 1024\n/** Browsers report `''` (or something else) as the type of `.md` files, so the name decides too. */\nconst TEXT_EXTENSION = /\\.(md|markdown|txt)$/i\n\n/** Whether `file` is imported as text (parsed Markdown) rather than uploaded. */\nexport function isTextFile(file: File): boolean {\n  const mime = mediaMime(file.type)\n  return mime === 'text/markdown' || mime === 'text/plain' || TEXT_EXTENSION.test(file.name)\n}\n\n/** Blocks for `file`: its text parsed through the editor's block pipeline (parse, normalize, segment, structure), or the uploaded media/file block. */\nasync function blocksOf(editor: Editor, file: File): Promise<JSONContent[]> {\n  if (isTextFile(file)) {\n    const blocks = structureBlocks(editor, parseBlocks(editor, await file.text()).blocks)\n    return blocks.length ? blocks : [{ type: 'paragraph' }]\n  }\n  const { url } = await editor.storage.media.upload(file)\n  return [mediaNodeFor(file, url) ?? fileNodeFor(file, url)]\n}\n\n/**\n * Imports files into the editor. Text and Markdown files are parsed through the editor's block pipeline into blocks;\n * all other files are uploaded through `editor.storage.media.upload` and appear as their media or file block. The\n * blocks go through the pipeline's `wrapImport` stage (identity unless an installed feature wraps imports) and are\n * inserted as they are. Problems (an oversized text file, a failed upload) are reported through `notify` and the file\n * is skipped. Framework-free: the Vue and React bindings pass their notifier and translator (`useFileImport()`), the feature passes `ctx.notify` and `ctx.t`.\n */\nexport function fileImport(notify: Notifier, t: Translate): { importFiles: ImportFilesFn } {\n  // Sequential so files land in selection order; a failed file is reported and skipped. A drop position is anchored,\n  // since uploads take a while and the document may change meanwhile; later files follow the first one, because\n  // `insertContentAt` leaves the selection right after what it inserted. Resolves whether every file was imported.\n  async function importFiles(editor: Editor, files: File[] | FileList, pos?: number): Promise<boolean> {\n    let anchor = pos === undefined ? null : captureRange(editor, { from: pos, to: pos })\n    let allImported = true\n    try {\n      for (const file of Array.from(files)) {\n        if (isTextFile(file) && file.size > MAX_TEXT_BYTES) {\n          notify({ title: t('media.import.tooLarge.title'), description: t('media.import.tooLarge.description', { name: file.name }), kind: 'error' })\n          allImported = false\n          continue\n        }\n        try {\n          const blocks = wrapImportBlocks(editor, file, await blocksOf(editor, file))\n          if (editor.isDestroyed) return false\n          const at = (anchor && resolveRange(editor.state, anchor)?.from) ?? editor.state.selection.to\n          editor.chain().focus().insertContentAt(at, blocks).run()\n          if (anchor) releaseRanges(editor, [anchor])\n          anchor = null\n        }\n        catch (error) {\n          notify({ title: t('media.import.failed'), description: fetchErrorMessage(error), kind: 'error' })\n          allImported = false\n        }\n      }\n    }\n    finally {\n      if (anchor) releaseRanges(editor, [anchor])\n    }\n    return allImported\n  }\n\n  return { importFiles }\n}\n"],"mappings":";;;;;;;AAOA,MAAa,iBAAiB;;AAE9B,MAAM,iBAAiB;;AAGvB,SAAgB,WAAW,MAAqB;CAC9C,MAAM,OAAO,UAAU,KAAK,IAAI;CAChC,OAAO,SAAS,mBAAmB,SAAS,gBAAgB,eAAe,KAAK,KAAK,IAAI;AAC3F;;AAGA,eAAe,SAAS,QAAgB,MAAoC;CAC1E,IAAI,WAAW,IAAI,GAAG;EACpB,MAAM,SAAS,gBAAgB,QAAQ,YAAY,QAAQ,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM;EACpF,OAAO,OAAO,SAAS,SAAS,CAAC,EAAE,MAAM,YAAY,CAAC;CACxD;CACA,MAAM,EAAE,QAAQ,MAAM,OAAO,QAAQ,MAAM,OAAO,IAAI;CACtD,OAAO,CAAC,aAAa,MAAM,GAAG,KAAK,YAAY,MAAM,GAAG,CAAC;AAC3D;;;;;;;;AASA,SAAgB,WAAW,QAAkB,GAA8C;CAIzF,eAAe,YAAY,QAAgB,OAA0B,KAAgC;EACnG,IAAI,SAAS,QAAQ,KAAA,IAAY,OAAO,aAAa,QAAQ;GAAE,MAAM;GAAK,IAAI;EAAI,CAAC;EACnF,IAAI,cAAc;EAClB,IAAI;GACF,KAAK,MAAM,QAAQ,MAAM,KAAK,KAAK,GAAG;IACpC,IAAI,WAAW,IAAI,KAAK,KAAK,OAAA,SAAuB;KAClD,OAAO;MAAE,OAAO,EAAE,6BAA6B;MAAG,aAAa,EAAE,qCAAqC,EAAE,MAAM,KAAK,KAAK,CAAC;MAAG,MAAM;KAAQ,CAAC;KAC3I,cAAc;KACd;IACF;IACA,IAAI;KACF,MAAM,SAAS,iBAAiB,QAAQ,MAAM,MAAM,SAAS,QAAQ,IAAI,CAAC;KAC1E,IAAI,OAAO,aAAa,OAAO;KAC/B,MAAM,MAAM,UAAU,aAAa,OAAO,OAAO,MAAM,CAAC,EAAE,SAAS,OAAO,MAAM,UAAU;KAC1F,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,gBAAgB,IAAI,MAAM,CAAC,CAAC,IAAI;KACvD,IAAI,QAAQ,cAAc,QAAQ,CAAC,MAAM,CAAC;KAC1C,SAAS;IACX,SACO,OAAO;KACZ,OAAO;MAAE,OAAO,EAAE,qBAAqB;MAAG,aAAa,kBAAkB,KAAK;MAAG,MAAM;KAAQ,CAAC;KAChG,cAAc;IAChB;GACF;EACF,UACQ;GACN,IAAI,QAAQ,cAAc,QAAQ,CAAC,MAAM,CAAC;EAC5C;EACA,OAAO;CACT;CAEA,OAAO,EAAE,YAAY;AACvB"}
+{"version":3,"file":"file-import.js","names":[],"sources":["../../../src/features/media/file-import.ts"],"sourcesContent":["import type { Editor, JSONContent } from '@tiptap/core'\nimport type { Translate } from '../../i18n'\nimport { captureRange, fetchErrorMessage, type Notifier, parseBlocks, releaseRanges, resolveRange, structureBlocks, wrapImportBlocks } from '../../core'\nimport { mediaMime } from './schema'\nimport { fileNodeFor, type ImportFilesFn, mediaNodeFor } from './upload'\n\n/** Text files are read into the document, bigger ones are refused. */\nexport const MAX_TEXT_BYTES = 2 * 1024 * 1024\n/** Browsers report `''` (or something else) as the type of `.md` files, so the name decides too. */\nconst TEXT_EXTENSION = /\\.(md|markdown|txt)$/i\n\n/** Whether `file` is imported as text (parsed Markdown) rather than uploaded. */\nexport function isTextFile(file: File): boolean {\n  const mime = mediaMime(file.type)\n  return mime === 'text/markdown' || mime === 'text/plain' || TEXT_EXTENSION.test(file.name)\n}\n\n/** Blocks for `file`: its text parsed through the editor's block pipeline (parse, normalize, segment, structure), or the uploaded media/file block. */\nasync function blocksOf(editor: Editor, file: File): Promise<JSONContent[]> {\n  if (isTextFile(file)) {\n    const blocks = structureBlocks(editor, parseBlocks(editor, await file.text()).blocks)\n    return blocks.length ? blocks : [{ type: 'paragraph' }]\n  }\n  const { url, sha256 } = await editor.storage.media.upload(file)\n  return [mediaNodeFor(file, url, sha256) ?? fileNodeFor(file, url, sha256)]\n}\n\n/**\n * Imports files into the editor. Text and Markdown files are parsed through the editor's block pipeline into blocks;\n * all other files are uploaded through `editor.storage.media.upload` and appear as their media or file block. The\n * blocks go through the pipeline's `wrapImport` stage (identity unless an installed feature wraps imports) and are\n * inserted as they are. Problems (an oversized text file, a failed upload) are reported through `notify` and the file\n * is skipped. Framework-free: the Vue and React bindings pass their notifier and translator (`useFileImport()`), the feature passes `ctx.notify` and `ctx.t`.\n */\nexport function fileImport(notify: Notifier, t: Translate): { importFiles: ImportFilesFn } {\n  // Sequential so files land in selection order; a failed file is reported and skipped. A drop position is anchored,\n  // since uploads take a while and the document may change meanwhile; later files follow the first one, because\n  // `insertContentAt` leaves the selection right after what it inserted. Resolves whether every file was imported.\n  async function importFiles(editor: Editor, files: File[] | FileList, pos?: number): Promise<boolean> {\n    let anchor = pos === undefined ? null : captureRange(editor, { from: pos, to: pos })\n    let allImported = true\n    try {\n      for (const file of Array.from(files)) {\n        if (isTextFile(file) && file.size > MAX_TEXT_BYTES) {\n          notify({ title: t('media.import.tooLarge.title'), description: t('media.import.tooLarge.description', { name: file.name }), kind: 'error' })\n          allImported = false\n          continue\n        }\n        try {\n          const blocks = wrapImportBlocks(editor, file, await blocksOf(editor, file))\n          if (editor.isDestroyed) return false\n          const at = (anchor && resolveRange(editor.state, anchor)?.from) ?? editor.state.selection.to\n          editor.chain().focus().insertContentAt(at, blocks).run()\n          if (anchor) releaseRanges(editor, [anchor])\n          anchor = null\n        }\n        catch (error) {\n          notify({ title: t('media.import.failed'), description: fetchErrorMessage(error), kind: 'error' })\n          allImported = false\n        }\n      }\n    }\n    finally {\n      if (anchor) releaseRanges(editor, [anchor])\n    }\n    return allImported\n  }\n\n  return { importFiles }\n}\n"],"mappings":";;;;;;;AAOA,MAAa,iBAAiB;;AAE9B,MAAM,iBAAiB;;AAGvB,SAAgB,WAAW,MAAqB;CAC9C,MAAM,OAAO,UAAU,KAAK,IAAI;CAChC,OAAO,SAAS,mBAAmB,SAAS,gBAAgB,eAAe,KAAK,KAAK,IAAI;AAC3F;;AAGA,eAAe,SAAS,QAAgB,MAAoC;CAC1E,IAAI,WAAW,IAAI,GAAG;EACpB,MAAM,SAAS,gBAAgB,QAAQ,YAAY,QAAQ,MAAM,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM;EACpF,OAAO,OAAO,SAAS,SAAS,CAAC,EAAE,MAAM,YAAY,CAAC;CACxD;CACA,MAAM,EAAE,KAAK,WAAW,MAAM,OAAO,QAAQ,MAAM,OAAO,IAAI;CAC9D,OAAO,CAAC,aAAa,MAAM,KAAK,MAAM,KAAK,YAAY,MAAM,KAAK,MAAM,CAAC;AAC3E;;;;;;;;AASA,SAAgB,WAAW,QAAkB,GAA8C;CAIzF,eAAe,YAAY,QAAgB,OAA0B,KAAgC;EACnG,IAAI,SAAS,QAAQ,KAAA,IAAY,OAAO,aAAa,QAAQ;GAAE,MAAM;GAAK,IAAI;EAAI,CAAC;EACnF,IAAI,cAAc;EAClB,IAAI;GACF,KAAK,MAAM,QAAQ,MAAM,KAAK,KAAK,GAAG;IACpC,IAAI,WAAW,IAAI,KAAK,KAAK,OAAA,SAAuB;KAClD,OAAO;MAAE,OAAO,EAAE,6BAA6B;MAAG,aAAa,EAAE,qCAAqC,EAAE,MAAM,KAAK,KAAK,CAAC;MAAG,MAAM;KAAQ,CAAC;KAC3I,cAAc;KACd;IACF;IACA,IAAI;KACF,MAAM,SAAS,iBAAiB,QAAQ,MAAM,MAAM,SAAS,QAAQ,IAAI,CAAC;KAC1E,IAAI,OAAO,aAAa,OAAO;KAC/B,MAAM,MAAM,UAAU,aAAa,OAAO,OAAO,MAAM,CAAC,EAAE,SAAS,OAAO,MAAM,UAAU;KAC1F,OAAO,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,gBAAgB,IAAI,MAAM,CAAC,CAAC,IAAI;KACvD,IAAI,QAAQ,cAAc,QAAQ,CAAC,MAAM,CAAC;KAC1C,SAAS;IACX,SACO,OAAO;KACZ,OAAO;MAAE,OAAO,EAAE,qBAAqB;MAAG,aAAa,kBAAkB,KAAK;MAAG,MAAM;KAAQ,CAAC;KAChG,cAAc;IAChB;GACF;EACF,UACQ;GACN,IAAI,QAAQ,cAAc,QAAQ,CAAC,MAAM,CAAC;EAC5C;EACA,OAAO;CACT;CAEA,OAAO,EAAE,YAAY;AACvB"}

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

@@ -1,7 +1,7 @@
 import { MAX_MEDIA_BYTES, MEDIA_TYPES, MediaKind, acceptFor, mediaKindOf, mediaMime } from "./schema.js";
 import { AudioRecorder, AudioRecorderState, AudioRecorderStatus, createAudioRecorder } from "./audio-recorder.js";
-import { AUDIO_RECORDER_OPEN, ImportFilesFn, Media, fileNodeFor, formatBytes, mediaNodeFor, openAudioRecorder, pickFiles, postUpload, uploadOf } from "./upload.js";
+import { AUDIO_RECORDER_OPEN, ImportFilesFn, Media, fileNodeFor, formatBytes, mediaNodeFor, openAudioRecorder, pickFiles, uploadOf } from "./upload.js";
 import { MAX_TEXT_BYTES, fileImport, isTextFile } from "./file-import.js";
 import { MediaNodeViews, mediaBlocks, playerOptions } from "./node-views.js";
 import { MediaUi, mediaFeatureCore } from "./feature.js";
-export { AUDIO_RECORDER_OPEN, type AudioRecorder, type AudioRecorderState, type AudioRecorderStatus, type ImportFilesFn, MAX_MEDIA_BYTES, MAX_TEXT_BYTES, MEDIA_TYPES, Media, type MediaKind, type MediaNodeViews, type MediaUi, acceptFor, createAudioRecorder, fileImport, fileNodeFor, formatBytes, isTextFile, mediaBlocks, mediaFeatureCore, mediaKindOf, mediaMime, mediaNodeFor, openAudioRecorder, pickFiles, playerOptions, postUpload, uploadOf };
+export { AUDIO_RECORDER_OPEN, type AudioRecorder, type AudioRecorderState, type AudioRecorderStatus, type ImportFilesFn, MAX_MEDIA_BYTES, MAX_TEXT_BYTES, MEDIA_TYPES, Media, type MediaKind, type MediaNodeViews, type MediaUi, acceptFor, createAudioRecorder, fileImport, fileNodeFor, formatBytes, isTextFile, mediaBlocks, mediaFeatureCore, mediaKindOf, mediaMime, mediaNodeFor, openAudioRecorder, pickFiles, playerOptions, uploadOf };

package/dist/features/media/index.js

@@ -1,7 +1,7 @@
 import { MAX_MEDIA_BYTES, MEDIA_TYPES, acceptFor, mediaKindOf, mediaMime } from "./schema.js";
 import { createAudioRecorder } from "./audio-recorder.js";
-import { AUDIO_RECORDER_OPEN, Media, fileNodeFor, formatBytes, mediaNodeFor, openAudioRecorder, pickFiles, postUpload, uploadOf } from "./upload.js";
+import { AUDIO_RECORDER_OPEN, Media, fileNodeFor, formatBytes, mediaNodeFor, openAudioRecorder, pickFiles, uploadOf } from "./upload.js";
 import { MAX_TEXT_BYTES, fileImport, isTextFile } from "./file-import.js";
 import { mediaBlocks, playerOptions } from "./node-views.js";
 import { mediaFeatureCore } from "./feature.js";
-export { AUDIO_RECORDER_OPEN, MAX_MEDIA_BYTES, MAX_TEXT_BYTES, MEDIA_TYPES, Media, acceptFor, createAudioRecorder, fileImport, fileNodeFor, formatBytes, isTextFile, mediaBlocks, mediaFeatureCore, mediaKindOf, mediaMime, mediaNodeFor, openAudioRecorder, pickFiles, playerOptions, postUpload, uploadOf };
+export { AUDIO_RECORDER_OPEN, MAX_MEDIA_BYTES, MAX_TEXT_BYTES, MEDIA_TYPES, Media, acceptFor, createAudioRecorder, fileImport, fileNodeFor, formatBytes, isTextFile, mediaBlocks, mediaFeatureCore, mediaKindOf, mediaMime, mediaNodeFor, openAudioRecorder, pickFiles, playerOptions, uploadOf };

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

@@ -4,6 +4,7 @@ import { Icon } from "../../../react/Icon.js";
 import { Button } from "../../../react/ui/button.js";
 import { formatBytes } from "../upload.js";
 import { TitleField } from "./TitleField.js";
+import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { NodeViewWrapper } from "@tiptap/react";
 //#region src/features/media/react/FileView.tsx
@@ -11,7 +12,23 @@ import { NodeViewWrapper } from "@tiptap/react";
 function FileView({ node, selected, editor, updateAttributes }) {
 	const { t } = useEditorI18n();
 	const isPdf = node.attrs.mimeType === "application/pdf";
+	const [reveal, setReveal] = useState(null);
+	const figure = useRef(null);
+	useEffect(() => {
+		const el = figure.current;
+		if (!el) return;
+		const onReveal = (event) => {
+			const detail = event.detail;
+			if (typeof detail === "number" && detail > 0) setReveal((prev) => ({
+				page: detail,
+				n: (prev?.n ?? 0) + 1
+			}));
+		};
+		el.addEventListener("sk-reveal-page", onReveal);
+		return () => el.removeEventListener("sk-reveal-page", onReveal);
+	}, []);
 	return /* @__PURE__ */ jsxs(NodeViewWrapper, {
+		ref: figure,
 		as: "figure",
 		className: cn("media-block flex flex-col gap-1", selected && "is-selected"),
 		"data-id": node.attrs.id || void 0,
@@ -48,11 +65,11 @@ function FileView({ node, selected, editor, updateAttributes }) {
 				})
 			]
 		}), isPdf && node.attrs.src ? /* @__PURE__ */ jsx("object", {
-			data: node.attrs.src,
+			data: reveal ? `${node.attrs.src}#page=${reveal.page}` : node.attrs.src,
 			type: "application/pdf",
 			contentEditable: false,
 			className: "mt-2 h-[480px] w-full rounded-md border border-border"
-		}) : null]
+		}, reveal?.n ?? 0) : null]
 	});
 }
 //#endregion

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

@@ -1 +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"}
+{"version":3,"file":"FileView.js","names":[],"sources":["../../../../src/features/media/react/FileView.tsx"],"sourcesContent":["import { NodeViewWrapper, type NodeViewProps } from '@tiptap/react'\nimport { useEffect, useRef, useState } from '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  // Page the PDF viewer was asked to open at (`revealSource`, locator „S. 3“). `n` counts the requests: the viewer is\n  // remounted on every one, so asking for the same page again jumps back after the user scrolled away.\n  const [reveal, setReveal] = useState<{ page: number, n: number } | null>(null)\n  const figure = useRef<HTMLElement>(null)\n  useEffect(() => {\n    const el = figure.current\n    if (!el) return\n    const onReveal = (event: Event) => {\n      const detail = (event as CustomEvent<unknown>).detail\n      if (typeof detail === 'number' && detail > 0) setReveal(prev => ({ page: detail, n: (prev?.n ?? 0) + 1 }))\n    }\n    // Event name of `revealSource` in features/composites/reveal-source.ts (media must not import composites).\n    el.addEventListener('sk-reveal-page', onReveal)\n    return () => el.removeEventListener('sk-reveal-page', onReveal)\n  }, [])\n\n  return (\n    <NodeViewWrapper\n      ref={figure}\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 key={reveal?.n ?? 0} data={reveal ? `${node.attrs.src}#page=${reveal.page}` : 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":";;;;;;;;;;;AAUA,SAAgB,SAAS,EAAE,MAAM,UAAU,QAAQ,oBAAmC;CACpF,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,QAAQ,KAAK,MAAM,aAAa;CAGtC,MAAM,CAAC,QAAQ,aAAa,SAA6C,IAAI;CAC7E,MAAM,SAAS,OAAoB,IAAI;CACvC,gBAAgB;EACd,MAAM,KAAK,OAAO;EAClB,IAAI,CAAC,IAAI;EACT,MAAM,YAAY,UAAiB;GACjC,MAAM,SAAU,MAA+B;GAC/C,IAAI,OAAO,WAAW,YAAY,SAAS,GAAG,WAAU,UAAS;IAAE,MAAM;IAAQ,IAAI,MAAM,KAAK,KAAK;GAAE,EAAE;EAC3G;EAEA,GAAG,iBAAiB,kBAAkB,QAAQ;EAC9C,aAAa,GAAG,oBAAoB,kBAAkB,QAAQ;CAChE,GAAG,CAAC,CAAC;CAEL,OACE,qBAAC,iBAAD;EACE,KAAK;EACL,IAAG;EACH,WAAW,GAAG,mCAAmC,YAAY,aAAa;EAC1E,WAAS,KAAK,MAAM,MAAM,KAAA;EAJ5B,UAAA,CAME,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;GAA6B,MAAM,SAAS,GAAG,KAAK,MAAM,IAAI,QAAQ,OAAO,SAAS,KAAK,MAAM;GAAK,MAAK;GAAkB,iBAAiB;GAAO,WAAU;EAAyD,GAA3M,QAAQ,KAAK,CAA8L,IACxN,IACW;;AAErB"}

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

@@ -3,6 +3,12 @@ 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[];
+/**
+ * The image node with a `hash` attribute. Markdown: `![alt](src "title")`, followed by ` <!-- {"hash":"…"} -->` when the
+ * block has a hash; only that form is claimed by `imageBlockTokenizer` (a block-level token that still yields an `image`
+ * token), a plain image keeps the stock inline parse.
+ */
+export declare const ImageNode: Node<import("@tiptap/extension-image").ImageOptions, any>;
 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, {
@@ -22,6 +28,7 @@ export interface MediaAttrs {
   src: string;
   title?: string;
   mimeType?: string;
+  hash?: string | null;
 }
 declare module '@tiptap/core' {
   interface Commands<ReturnType> {
@@ -51,6 +58,7 @@ export interface FileAttrs {
   title?: string;
   mimeType?: string;
   size?: number;
+  hash?: string | null;
 }
 /** 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>;

package/dist/features/media/schema.js

@@ -3,13 +3,97 @@ import { ASSET_DOCUMENT_ID, ASSET_NAME, SCRATCH_DOCUMENT_ID, assetRefOf, assetUr
 import { Node, mergeAttributes } from "@tiptap/core";
 import { Image } from "@tiptap/extension-image";
 //#region src/features/media/schema.ts
+/** SHA-256 (hex) of the uploaded bytes, kept on media blocks so derived content can tell when its source changed; null when unknown (memory backend, older documents). */
+const hashAttribute = {
+	default: null,
+	parseHTML: (el) => el.getAttribute("data-hash"),
+	renderHTML: (attrs) => attrs.hash ? { "data-hash": attrs.hash } : {}
+};
 /** The media nodes (image, audio, video, file) of the document schema. */
 const mediaSchemaExtensions = () => [
-	Image,
+	ImageNode,
 	AudioNode,
 	VideoNode,
 	FileNode
 ];
+/**
+* The image node with a `hash` attribute. Markdown: `![alt](src "title")`, followed by ` <!-- {"hash":"…"} -->` when the
+* block has a hash; only that form is claimed by `imageBlockTokenizer` (a block-level token that still yields an `image`
+* token), a plain image keeps the stock inline parse.
+*/
+const ImageNode = Image.extend({
+	addAttributes() {
+		return {
+			...this.parent?.(),
+			hash: hashAttribute
+		};
+	},
+	markdownTokenizer: {
+		name: "imageBlock",
+		level: "block",
+		start: (src) => src.search(new RegExp(IMAGE_BLOCK_PATTERN, "m")),
+		tokenize: (src) => {
+			const match = new RegExp(IMAGE_BLOCK_PATTERN).exec(src);
+			if (!match) return void 0;
+			return {
+				type: "image",
+				raw: match[0],
+				text: match[1] ?? "",
+				href: match[2] ?? "",
+				title: match[3],
+				attrs: parseAttrComment(match[4])
+			};
+		}
+	},
+	parseMarkdown: (token, helpers) => helpers.createNode("image", {
+		src: token.href,
+		title: token.title,
+		alt: token.text,
+		hash: typeof token.attrs?.hash === "string" ? token.attrs.hash : null
+	}),
+	renderMarkdown: (node) => {
+		const { src = "", alt = "", title = "" } = node.attrs ?? {};
+		return `![${alt}](${src}${title ? ` "${title}"` : ""})${attrComment({ hash: node.attrs?.hash })}`;
+	}
+});
+const ATTR_COMMENT_PATTERN = "(?: <!-- (\\{.*?\\}) -->)?[ \\t]*(?:\\n|$)";
+const IMAGE_BLOCK_PATTERN = `^!\\[([^\\]\\n]*)\\]\\(([^)\\s]*)(?: "([^"\\n]*)")?\\) <!-- (\\{.*?\\}) -->[ \\t]*(?:\\n|$)`;
+/** ` <!-- {"hash":"…"} -->` for the attributes that are set (empty string when none); `>` is escaped so the JSON cannot end the comment. */
+function attrComment(attrs) {
+	const set = Object.fromEntries(Object.entries(attrs).filter(([, value]) => value !== null && value !== void 0 && value !== "" && value !== 0));
+	return Object.keys(set).length ? ` <!-- ${JSON.stringify(set).replace(/>/g, "\\u003e")} -->` : "";
+}
+/** The attributes of an `attrComment`; empty for a missing or malformed one. */
+function parseAttrComment(json) {
+	if (!json) return {};
+	try {
+		const value = JSON.parse(json);
+		return value && typeof value === "object" && !Array.isArray(value) ? value : {};
+	} catch {
+		return {};
+	}
+}
+/** Block tokenizer for `[<label>: title](src)` lines of one media node; `labels` are the accepted labels (regex alternatives). */
+function mediaTokenizer(name, labels) {
+	const pattern = `^\\[(?:${labels})(?:: ((?:\\\\.|[^\\]\\\\\\n])*))?\\]\\(([^)\\s]*)\\)${ATTR_COMMENT_PATTERN}`;
+	return {
+		name,
+		level: "block",
+		start: (src) => src.search(new RegExp(pattern, "m")),
+		tokenize: (src) => {
+			const match = new RegExp(pattern).exec(src);
+			if (!match) return void 0;
+			return {
+				type: name,
+				raw: match[0],
+				title: (match[1] ?? "").replace(/\\(.)/g, "$1"),
+				href: match[2] ?? "",
+				attrs: parseAttrComment(match[3])
+			};
+		}
+	};
+}
+const stringAttr = (value) => typeof value === "string" ? value : "";
 /** Uploadable MIME types → file extension on disk and media kind. `<uuid>.<ext>` asset names derive from this. */
 const MEDIA_TYPES = {
 	"image/png": {
@@ -97,11 +181,25 @@ const mediaAttributes = {
 		default: "",
 		parseHTML: (el) => el.getAttribute("data-mime") ?? "",
 		renderHTML: (attrs) => ({ "data-mime": attrs.mimeType })
-	}
+	},
+	hash: hashAttribute
 };
-/** Markdown export (AI context, `getMarkdown()`): a link labelled with the kind and, when there is one, the title. */
-function mediaMarkdown(label, title, src) {
-	return `[${title ? `${label}: ${String(title).replace(/[[\]\\]/g, "\\$&")}` : label}](${String(src ?? "")})`;
+/** Markdown export (AI context, `getMarkdown()`, source mode): a link labelled with the kind and, when there is one, the title; `extra` and the hash go into the trailing attribute comment. */
+function mediaMarkdown(label, attrs, extra) {
+	const title = attrs?.title;
+	return `[${title ? `${label}: ${String(title).replace(/[[\]\\]/g, "\\$&")}` : label}](${String(attrs?.src ?? "")})${attrComment({
+		...extra,
+		hash: attrs?.hash
+	})}`;
+}
+/** Node attributes of an audio/video Markdown token. */
+function mediaAttrsOfToken(token) {
+	return {
+		src: token.href,
+		title: token.title,
+		mimeType: stringAttr(token.attrs?.mimeType),
+		hash: stringAttr(token.attrs?.hash) || null
+	};
 }
 const AudioNode = Node.create({
 	name: "audio",
@@ -115,7 +213,9 @@ const AudioNode = Node.create({
 		controls: "true",
 		preload: "metadata"
 	})],
-	renderMarkdown: (node) => mediaMarkdown("Audio", node.attrs?.title || "Aufnahme", node.attrs?.src),
+	markdownTokenizer: mediaTokenizer("audio", "Audio"),
+	parseMarkdown: (token, helpers) => helpers.createNode("audio", mediaAttrsOfToken(token)),
+	renderMarkdown: (node) => mediaMarkdown("Audio", node.attrs, { mimeType: node.attrs?.mimeType }),
 	addCommands() {
 		return { insertAudio: (attrs) => ({ commands }) => commands.insertContent({
 			type: this.name,
@@ -135,7 +235,9 @@ const VideoNode = Node.create({
 		controls: "true",
 		preload: "metadata"
 	})],
-	renderMarkdown: (node) => mediaMarkdown("Video", node.attrs?.title, node.attrs?.src),
+	markdownTokenizer: mediaTokenizer("video", "Video"),
+	parseMarkdown: (token, helpers) => helpers.createNode("video", mediaAttrsOfToken(token)),
+	renderMarkdown: (node) => mediaMarkdown("Video", node.attrs, { mimeType: node.attrs?.mimeType }),
 	addCommands() {
 		return { insertVideo: (attrs) => ({ commands }) => commands.insertContent({
 			type: this.name,
@@ -166,7 +268,8 @@ const FileNode = Node.create({
 		size: {
 			default: 0,
 			parseHTML: (el) => Number(el.getAttribute("data-size")) || 0
-		}
+		},
+		hash: hashAttribute
 	}),
 	parseHTML: () => [{ tag: "a[data-type=\"file\"]" }],
 	renderHTML: ({ node }) => [
@@ -176,11 +279,23 @@ const FileNode = Node.create({
 			"href": node.attrs.src,
 			"download": node.attrs.title,
 			"data-mime": node.attrs.mimeType,
-			"data-size": String(node.attrs.size)
+			"data-size": String(node.attrs.size),
+			...node.attrs.hash ? { "data-hash": node.attrs.hash } : {}
 		},
 		node.attrs.title || "Datei"
 	],
-	renderMarkdown: (node) => `[Datei: ${String(node.attrs?.title || "Datei").replace(/[[\]\\]/g, "\\$&")}](${String(node.attrs?.src ?? "")})`,
+	markdownTokenizer: mediaTokenizer("file", "Datei|File"),
+	parseMarkdown: (token, helpers) => helpers.createNode("file", {
+		src: token.href,
+		title: token.title,
+		mimeType: stringAttr(token.attrs?.mimeType),
+		size: typeof token.attrs?.size === "number" ? token.attrs.size : 0,
+		hash: stringAttr(token.attrs?.hash) || null
+	}),
+	renderMarkdown: (node) => mediaMarkdown("Datei", node.attrs, {
+		mimeType: node.attrs?.mimeType,
+		size: node.attrs?.size
+	}),
 	addCommands() {
 		return { insertFile: (attrs) => ({ commands }) => commands.insertContent({
 			type: this.name,
@@ -189,6 +304,6 @@ const FileNode = Node.create({
 	}
 });
 //#endregion
-export { ASSET_DOCUMENT_ID, ASSET_NAME, AudioNode, FileNode, MAX_MEDIA_BYTES, MEDIA_TYPES, SCRATCH_DOCUMENT_ID, VideoNode, acceptFor, assetRefOf, assetUrl, mediaKindOf, mediaMime, mediaSchemaExtensions };
+export { ASSET_DOCUMENT_ID, ASSET_NAME, AudioNode, FileNode, ImageNode, MAX_MEDIA_BYTES, MEDIA_TYPES, SCRATCH_DOCUMENT_ID, VideoNode, acceptFor, assetRefOf, assetUrl, mediaKindOf, mediaMime, mediaSchemaExtensions };
 
 //# sourceMappingURL=schema.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","names":[],"sources":["../../../src/features/media/schema.ts"],"sourcesContent":["import { type Attributes, type AnyExtension, mergeAttributes, Node } from '@tiptap/core'\nimport { Image } from '@tiptap/extension-image'\nimport { TEXT_ABILITIES } from '../../core/schema'\n\nexport * from './assets'\n\n// Vue-free and server-importable (`@ecsplico/editor/media/schema`): the upload API validates against these types, the\n// schema has the nodes. The client adds the node views in node-views.ts.\n\n/** The media nodes (image, audio, video, file) of the document schema. */\nexport const mediaSchemaExtensions = (): AnyExtension[] => [Image, AudioNode, VideoNode, FileNode]\n\nexport type MediaKind = 'image' | 'audio' | 'video' | 'file'\n\n/** Uploadable MIME types → file extension on disk and media kind. `<uuid>.<ext>` asset names derive from this. */\nexport const MEDIA_TYPES: Readonly<Record<string, { ext: string, kind: MediaKind }>> = {\n  'image/png': { ext: 'png', kind: 'image' },\n  'image/jpeg': { ext: 'jpg', kind: 'image' },\n  'image/gif': { ext: 'gif', kind: 'image' },\n  'image/webp': { ext: 'webp', kind: 'image' },\n  'audio/webm': { ext: 'weba', kind: 'audio' },\n  'audio/mp4': { ext: 'm4a', kind: 'audio' },\n  // What Chrome on macOS reports for `.m4a` files picked from disk.\n  'audio/x-m4a': { ext: 'm4a', kind: 'audio' },\n  'audio/mpeg': { ext: 'mp3', kind: 'audio' },\n  'audio/wav': { ext: 'wav', kind: 'audio' },\n  'audio/x-wav': { ext: 'wav', kind: 'audio' },\n  'audio/ogg': { ext: 'ogg', kind: 'audio' },\n  'video/mp4': { ext: 'mp4', kind: 'video' },\n  'video/webm': { ext: 'webm', kind: 'video' },\n  'video/quicktime': { ext: 'mov', kind: 'video' },\n}\n\n/** Upload size limit per kind. */\nexport const MAX_MEDIA_BYTES: Readonly<Record<MediaKind, number>> = {\n  image: 5 * 1024 * 1024,\n  audio: 50 * 1024 * 1024,\n  video: 200 * 1024 * 1024,\n  // Generic files (PDF, office documents, …): anything the media kinds do not cover.\n  file: 50 * 1024 * 1024,\n}\n\n/** `type` without parameters, lowercased (`audio/webm;codecs=opus` → `audio/webm`): the key into `MEDIA_TYPES`. */\nexport const mediaMime = (type: string): string => (type.split(';')[0] ?? '').trim().toLowerCase()\n\n/** Kind of an uploadable MIME type (parameters such as `;codecs=…` ignored); null when uploads do not accept it. */\nexport function mediaKindOf(mime: string): MediaKind | null {\n  return MEDIA_TYPES[mediaMime(mime)]?.kind ?? null\n}\n\n/** `accept` value of a file input for one kind: its MIME types, comma-joined. */\nexport function acceptFor(kind: MediaKind): string {\n  return Object.keys(MEDIA_TYPES).filter(mime => MEDIA_TYPES[mime]?.kind === kind).join(',')\n}\n\n/** Attributes of an audio/video node; `title` is the editable caption, `mimeType` the uploaded file's base type. */\nexport interface MediaAttrs {\n  src: string\n  title?: string\n  mimeType?: string\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    audio: {\n      /** Inserts an audio block at the selection. */\n      insertAudio: (attrs: MediaAttrs) => ReturnType\n    }\n    video: {\n      /** Inserts a video block at the selection. */\n      insertVideo: (attrs: MediaAttrs) => ReturnType\n    }\n  }\n}\n\nconst mediaAttributes: Attributes = {\n  src: { default: '' },\n  title: {\n    default: '',\n    parseHTML: el => el.getAttribute('data-title') ?? '',\n    renderHTML: attrs => ({ 'data-title': attrs.title }),\n  },\n  mimeType: {\n    default: '',\n    parseHTML: el => el.getAttribute('data-mime') ?? '',\n    renderHTML: attrs => ({ 'data-mime': attrs.mimeType }),\n  },\n}\n\n/** Markdown export (AI context, `getMarkdown()`): a link labelled with the kind and, when there is one, the title. */\nfunction mediaMarkdown(label: string, title: unknown, src: unknown): string {\n  const text = title ? `${label}: ${String(title).replace(/[[\\]\\\\]/g, '\\\\$&')}` : label\n  return `[${text}](${String(src ?? '')})`\n}\n\nexport const AudioNode = Node.create({\n  name: 'audio',\n  group: 'block',\n  atom: true,\n  draggable: true,\n  // A player block holds no text: nothing text-related applies inside it.\n  abilities: { revokes: TEXT_ABILITIES },\n  addAttributes: () => mediaAttributes,\n  parseHTML: () => [{ tag: 'audio[src]' }],\n  renderHTML: ({ HTMLAttributes }) => ['audio', mergeAttributes(HTMLAttributes, { controls: 'true', preload: 'metadata' })],\n  renderMarkdown: node => mediaMarkdown('Audio', node.attrs?.title || 'Aufnahme', node.attrs?.src),\n  addCommands() {\n    return {\n      insertAudio: attrs => ({ commands }) => commands.insertContent({ type: this.name, attrs }),\n    }\n  },\n})\n\nexport const VideoNode = Node.create({\n  name: 'video',\n  group: 'block',\n  atom: true,\n  draggable: true,\n  abilities: { revokes: TEXT_ABILITIES },\n  addAttributes: () => mediaAttributes,\n  parseHTML: () => [{ tag: 'video[src]' }],\n  renderHTML: ({ HTMLAttributes }) => ['video', mergeAttributes(HTMLAttributes, { controls: 'true', preload: 'metadata' })],\n  renderMarkdown: node => mediaMarkdown('Video', node.attrs?.title, node.attrs?.src),\n  addCommands() {\n    return {\n      insertVideo: attrs => ({ commands }) => commands.insertContent({ type: this.name, attrs }),\n    }\n  },\n})\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    file: {\n      /** Inserts a file block (download link, PDF preview) at the selection. */\n      insertFile: (attrs: FileAttrs) => ReturnType\n    }\n  }\n}\n\n/** Attributes of a file block; `title` is the editable file name, `size` the byte count. */\nexport interface FileAttrs {\n  src: string\n  title?: string\n  mimeType?: string\n  size?: number\n}\n\n/** A generic uploaded file (PDF, office document, …) that has no player: shown as a card with an open button. */\nexport const FileNode = Node.create({\n  name: 'file',\n  group: 'block',\n  atom: true,\n  draggable: true,\n  abilities: { revokes: TEXT_ABILITIES },\n  addAttributes: () => ({\n    src: { default: '', parseHTML: el => el.getAttribute('href') ?? '' },\n    title: { default: '', parseHTML: el => el.getAttribute('download') ?? '' },\n    mimeType: { default: '', parseHTML: el => el.getAttribute('data-mime') ?? '' },\n    size: { default: 0, parseHTML: el => Number(el.getAttribute('data-size')) || 0 },\n  }),\n  parseHTML: () => [{ tag: 'a[data-type=\"file\"]' }],\n  renderHTML: ({ node }) => ['a', {\n    'data-type': 'file',\n    'href': node.attrs.src,\n    'download': node.attrs.title,\n    'data-mime': node.attrs.mimeType,\n    'data-size': String(node.attrs.size),\n  }, node.attrs.title || 'Datei'],\n  renderMarkdown: node => `[Datei: ${String(node.attrs?.title || 'Datei').replace(/[[\\]\\\\]/g, '\\\\$&')}](${String(node.attrs?.src ?? '')})`,\n  addCommands() {\n    return {\n      insertFile: attrs => ({ commands }) => commands.insertContent({ type: this.name, attrs }),\n    }\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"schema.js","names":[],"sources":["../../../src/features/media/schema.ts"],"sourcesContent":["import { type Attributes, type AnyExtension, type MarkdownToken, type MarkdownTokenizer, mergeAttributes, Node } from '@tiptap/core'\nimport { Image } from '@tiptap/extension-image'\nimport { TEXT_ABILITIES } from '../../core/schema'\n\nexport * from './assets'\n\n// Vue-free and server-importable (`@ecsplico/editor/media/schema`): the upload API validates against these types, the\n// schema has the nodes. The client adds the node views in node-views.ts.\n\n/** SHA-256 (hex) of the uploaded bytes, kept on media blocks so derived content can tell when its source changed; null when unknown (memory backend, older documents). */\nconst hashAttribute: Attributes[string] = {\n  default: null,\n  parseHTML: el => el.getAttribute('data-hash'),\n  renderHTML: attrs => (attrs.hash ? { 'data-hash': attrs.hash } : {}),\n}\n\n/** The media nodes (image, audio, video, file) of the document schema. */\nexport const mediaSchemaExtensions = (): AnyExtension[] => [ImageNode, AudioNode, VideoNode, FileNode]\n\n/**\n * The image node with a `hash` attribute. Markdown: `![alt](src \"title\")`, followed by ` <!-- {\"hash\":\"…\"} -->` when the\n * block has a hash; only that form is claimed by `imageBlockTokenizer` (a block-level token that still yields an `image`\n * token), a plain image keeps the stock inline parse.\n */\nexport const ImageNode = Image.extend({\n  addAttributes() {\n    return { ...this.parent?.(), hash: hashAttribute }\n  },\n  markdownTokenizer: {\n    name: 'imageBlock',\n    level: 'block',\n    start: src => src.search(new RegExp(IMAGE_BLOCK_PATTERN, 'm')),\n    tokenize: (src) => {\n      const match = new RegExp(IMAGE_BLOCK_PATTERN).exec(src)\n      if (!match) return undefined\n      return { type: 'image', raw: match[0], text: match[1] ?? '', href: match[2] ?? '', title: match[3], attrs: parseAttrComment(match[4]) }\n    },\n  },\n  parseMarkdown: (token, helpers) => helpers.createNode('image', {\n    src: token.href,\n    title: token.title,\n    alt: token.text,\n    hash: typeof token.attrs?.hash === 'string' ? token.attrs.hash : null,\n  }),\n  renderMarkdown: (node) => {\n    const { src = '', alt = '', title = '' } = node.attrs ?? {}\n    return `![${alt}](${src}${title ? ` \"${title}\"` : ''})${attrComment({ hash: node.attrs?.hash })}`\n  },\n})\n\n// Markdown form of the text-less media blocks. Audio, video and file are a paragraph of nothing but a link\n// (`[Audio: name](url)`), optionally followed by an HTML comment holding the attributes the link cannot carry\n// (`hash`, `mimeType`, `size`) as JSON, the way composite fences hold their meta. The block-level tokenizers below parse\n// that line back into the node; labels of every UI language are accepted, the export always writes the German one.\nconst ATTR_COMMENT_PATTERN = '(?: <!-- (\\\\{.*?\\\\}) -->)?[ \\\\t]*(?:\\\\n|$)'\nconst IMAGE_BLOCK_PATTERN = `^!\\\\[([^\\\\]\\\\n]*)\\\\]\\\\(([^)\\\\s]*)(?: \"([^\"\\\\n]*)\")?\\\\) <!-- (\\\\{.*?\\\\}) -->[ \\\\t]*(?:\\\\n|$)`\n\n/** ` <!-- {\"hash\":\"…\"} -->` for the attributes that are set (empty string when none); `>` is escaped so the JSON cannot end the comment. */\nfunction attrComment(attrs: Record<string, unknown>): string {\n  const set = Object.fromEntries(Object.entries(attrs).filter(([, value]) => value !== null && value !== undefined && value !== '' && value !== 0))\n  return Object.keys(set).length ? ` <!-- ${JSON.stringify(set).replace(/>/g, '\\\\u003e')} -->` : ''\n}\n\n/** The attributes of an `attrComment`; empty for a missing or malformed one. */\nfunction parseAttrComment(json: string | undefined): Record<string, unknown> {\n  if (!json) return {}\n  try {\n    const value: unknown = JSON.parse(json)\n    return value && typeof value === 'object' && !Array.isArray(value) ? value as Record<string, unknown> : {}\n  }\n  catch {\n    return {}\n  }\n}\n\n/** Block tokenizer for `[<label>: title](src)` lines of one media node; `labels` are the accepted labels (regex alternatives). */\nfunction mediaTokenizer(name: string, labels: string): MarkdownTokenizer {\n  const pattern = `^\\\\[(?:${labels})(?:: ((?:\\\\\\\\.|[^\\\\]\\\\\\\\\\\\n])*))?\\\\]\\\\(([^)\\\\s]*)\\\\)${ATTR_COMMENT_PATTERN}`\n  return {\n    name,\n    level: 'block',\n    start: src => src.search(new RegExp(pattern, 'm')),\n    tokenize: (src) => {\n      const match = new RegExp(pattern).exec(src)\n      if (!match) return undefined\n      return { type: name, raw: match[0], title: (match[1] ?? '').replace(/\\\\(.)/g, '$1'), href: match[2] ?? '', attrs: parseAttrComment(match[3]) }\n    },\n  }\n}\n\nconst stringAttr = (value: unknown): string => typeof value === 'string' ? value : ''\n\nexport type MediaKind = 'image' | 'audio' | 'video' | 'file'\n\n/** Uploadable MIME types → file extension on disk and media kind. `<uuid>.<ext>` asset names derive from this. */\nexport const MEDIA_TYPES: Readonly<Record<string, { ext: string, kind: MediaKind }>> = {\n  'image/png': { ext: 'png', kind: 'image' },\n  'image/jpeg': { ext: 'jpg', kind: 'image' },\n  'image/gif': { ext: 'gif', kind: 'image' },\n  'image/webp': { ext: 'webp', kind: 'image' },\n  'audio/webm': { ext: 'weba', kind: 'audio' },\n  'audio/mp4': { ext: 'm4a', kind: 'audio' },\n  // What Chrome on macOS reports for `.m4a` files picked from disk.\n  'audio/x-m4a': { ext: 'm4a', kind: 'audio' },\n  'audio/mpeg': { ext: 'mp3', kind: 'audio' },\n  'audio/wav': { ext: 'wav', kind: 'audio' },\n  'audio/x-wav': { ext: 'wav', kind: 'audio' },\n  'audio/ogg': { ext: 'ogg', kind: 'audio' },\n  'video/mp4': { ext: 'mp4', kind: 'video' },\n  'video/webm': { ext: 'webm', kind: 'video' },\n  'video/quicktime': { ext: 'mov', kind: 'video' },\n}\n\n/** Upload size limit per kind. */\nexport const MAX_MEDIA_BYTES: Readonly<Record<MediaKind, number>> = {\n  image: 5 * 1024 * 1024,\n  audio: 50 * 1024 * 1024,\n  video: 200 * 1024 * 1024,\n  // Generic files (PDF, office documents, …): anything the media kinds do not cover.\n  file: 50 * 1024 * 1024,\n}\n\n/** `type` without parameters, lowercased (`audio/webm;codecs=opus` → `audio/webm`): the key into `MEDIA_TYPES`. */\nexport const mediaMime = (type: string): string => (type.split(';')[0] ?? '').trim().toLowerCase()\n\n/** Kind of an uploadable MIME type (parameters such as `;codecs=…` ignored); null when uploads do not accept it. */\nexport function mediaKindOf(mime: string): MediaKind | null {\n  return MEDIA_TYPES[mediaMime(mime)]?.kind ?? null\n}\n\n/** `accept` value of a file input for one kind: its MIME types, comma-joined. */\nexport function acceptFor(kind: MediaKind): string {\n  return Object.keys(MEDIA_TYPES).filter(mime => MEDIA_TYPES[mime]?.kind === kind).join(',')\n}\n\n/** Attributes of an audio/video node; `title` is the editable caption, `mimeType` the uploaded file's base type. */\nexport interface MediaAttrs {\n  src: string\n  title?: string\n  mimeType?: string\n  hash?: string | null\n}\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    audio: {\n      /** Inserts an audio block at the selection. */\n      insertAudio: (attrs: MediaAttrs) => ReturnType\n    }\n    video: {\n      /** Inserts a video block at the selection. */\n      insertVideo: (attrs: MediaAttrs) => ReturnType\n    }\n  }\n}\n\nconst mediaAttributes: Attributes = {\n  src: { default: '' },\n  title: {\n    default: '',\n    parseHTML: el => el.getAttribute('data-title') ?? '',\n    renderHTML: attrs => ({ 'data-title': attrs.title }),\n  },\n  mimeType: {\n    default: '',\n    parseHTML: el => el.getAttribute('data-mime') ?? '',\n    renderHTML: attrs => ({ 'data-mime': attrs.mimeType }),\n  },\n  hash: hashAttribute,\n}\n\n/** Markdown export (AI context, `getMarkdown()`, source mode): a link labelled with the kind and, when there is one, the title; `extra` and the hash go into the trailing attribute comment. */\nfunction mediaMarkdown(label: string, attrs: Record<string, unknown> | undefined, extra: Record<string, unknown>): string {\n  const title = attrs?.title\n  const text = title ? `${label}: ${String(title).replace(/[[\\]\\\\]/g, '\\\\$&')}` : label\n  return `[${text}](${String(attrs?.src ?? '')})${attrComment({ ...extra, hash: attrs?.hash })}`\n}\n\n/** Node attributes of an audio/video Markdown token. */\nfunction mediaAttrsOfToken(token: MarkdownToken) {\n  return { src: token.href, title: token.title, mimeType: stringAttr(token.attrs?.mimeType), hash: stringAttr(token.attrs?.hash) || null }\n}\n\nexport const AudioNode = Node.create({\n  name: 'audio',\n  group: 'block',\n  atom: true,\n  draggable: true,\n  // A player block holds no text: nothing text-related applies inside it.\n  abilities: { revokes: TEXT_ABILITIES },\n  addAttributes: () => mediaAttributes,\n  parseHTML: () => [{ tag: 'audio[src]' }],\n  renderHTML: ({ HTMLAttributes }) => ['audio', mergeAttributes(HTMLAttributes, { controls: 'true', preload: 'metadata' })],\n  markdownTokenizer: mediaTokenizer('audio', 'Audio'),\n  parseMarkdown: (token, helpers) => helpers.createNode('audio', mediaAttrsOfToken(token)),\n  renderMarkdown: node => mediaMarkdown('Audio', node.attrs, { mimeType: node.attrs?.mimeType }),\n  addCommands() {\n    return {\n      insertAudio: attrs => ({ commands }) => commands.insertContent({ type: this.name, attrs }),\n    }\n  },\n})\n\nexport const VideoNode = Node.create({\n  name: 'video',\n  group: 'block',\n  atom: true,\n  draggable: true,\n  abilities: { revokes: TEXT_ABILITIES },\n  addAttributes: () => mediaAttributes,\n  parseHTML: () => [{ tag: 'video[src]' }],\n  renderHTML: ({ HTMLAttributes }) => ['video', mergeAttributes(HTMLAttributes, { controls: 'true', preload: 'metadata' })],\n  markdownTokenizer: mediaTokenizer('video', 'Video'),\n  parseMarkdown: (token, helpers) => helpers.createNode('video', mediaAttrsOfToken(token)),\n  renderMarkdown: node => mediaMarkdown('Video', node.attrs, { mimeType: node.attrs?.mimeType }),\n  addCommands() {\n    return {\n      insertVideo: attrs => ({ commands }) => commands.insertContent({ type: this.name, attrs }),\n    }\n  },\n})\n\ndeclare module '@tiptap/core' {\n  interface Commands<ReturnType> {\n    file: {\n      /** Inserts a file block (download link, PDF preview) at the selection. */\n      insertFile: (attrs: FileAttrs) => ReturnType\n    }\n  }\n}\n\n/** Attributes of a file block; `title` is the editable file name, `size` the byte count. */\nexport interface FileAttrs {\n  src: string\n  title?: string\n  mimeType?: string\n  size?: number\n  hash?: string | null\n}\n\n/** A generic uploaded file (PDF, office document, …) that has no player: shown as a card with an open button. */\nexport const FileNode = Node.create({\n  name: 'file',\n  group: 'block',\n  atom: true,\n  draggable: true,\n  abilities: { revokes: TEXT_ABILITIES },\n  addAttributes: () => ({\n    src: { default: '', parseHTML: el => el.getAttribute('href') ?? '' },\n    title: { default: '', parseHTML: el => el.getAttribute('download') ?? '' },\n    mimeType: { default: '', parseHTML: el => el.getAttribute('data-mime') ?? '' },\n    size: { default: 0, parseHTML: el => Number(el.getAttribute('data-size')) || 0 },\n    hash: hashAttribute,\n  }),\n  parseHTML: () => [{ tag: 'a[data-type=\"file\"]' }],\n  renderHTML: ({ node }) => ['a', {\n    'data-type': 'file',\n    'href': node.attrs.src,\n    'download': node.attrs.title,\n    'data-mime': node.attrs.mimeType,\n    'data-size': String(node.attrs.size),\n    ...(node.attrs.hash ? { 'data-hash': node.attrs.hash } : {}),\n  }, node.attrs.title || 'Datei'],\n  markdownTokenizer: mediaTokenizer('file', 'Datei|File'),\n  parseMarkdown: (token, helpers) => helpers.createNode('file', {\n    src: token.href,\n    title: token.title,\n    mimeType: stringAttr(token.attrs?.mimeType),\n    size: typeof token.attrs?.size === 'number' ? token.attrs.size : 0,\n    hash: stringAttr(token.attrs?.hash) || null,\n  }),\n  renderMarkdown: node => mediaMarkdown('Datei', node.attrs, { mimeType: node.attrs?.mimeType, size: node.attrs?.size }),\n  addCommands() {\n    return {\n      insertFile: attrs => ({ commands }) => commands.insertContent({ type: this.name, attrs }),\n    }\n  },\n})\n"],"mappings":"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"}

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

@@ -1,35 +1,36 @@
-import { FeatureContext, UploadFn } from "../../core/feature.js";
+import { FeatureContext } from "../../core/feature.js";
 import "../../core/index.js";
 import { Editor, Extension, JSONContent } from "@tiptap/core";
 //#region src/features/media/upload.d.ts
-/** `importFiles` of the media feature: imports `files` at `pos` (default: the selection), toasting failures; resolves whether every file was imported. */
-export type ImportFilesFn = (editor: Editor, files: File[] | FileList, pos?: number) => Promise<boolean>;
-/** Default upload: POSTs `file` to the asset endpoint of document `documentId` through the context's HTTP client (size limits per kind, see schema.ts). */
-export declare function postUpload(fetch: FeatureContext['fetch'], documentId: string, file: File): Promise<{
+/** Stores a file and resolves with the URL it is addressed by. */
+type UploadFile = (file: File) => Promise<{
   url: string;
+  sha256?: string;
 }>;
-/** The upload of a surface: the host's `upload` prop, else the asset endpoint of its `documentId` (default: the shared `scratch` owner). */
-export declare const uploadOf: (ctx: FeatureContext) => UploadFn;
+/** `importFiles` of the media feature: imports `files` at `pos` (default: the selection), toasting failures; resolves whether every file was imported. */
+export type ImportFilesFn = (editor: Editor, files: File[] | FileList, pos?: number) => Promise<boolean>;
+/** The upload of a surface: the backend's asset store for its `documentId` (default: the shared `scratch` owner; size limits per kind, see schema.ts). */
+export declare const uploadOf: (ctx: FeatureContext) => UploadFile;
 /** Makes the upload and the file import reachable as `editor.storage.media` (drop/paste, toolbar, slash menu, recorder). */
 export declare const Media: Extension<{
-  upload: UploadFn;
+  upload: UploadFile;
   importFiles: ImportFilesFn;
 }, {
-  upload: UploadFn;
+  upload: UploadFile;
   importFiles: ImportFilesFn;
 }>;
 declare module '@tiptap/core' {
   interface Storage {
     media: {
-      upload: UploadFn;
+      upload: UploadFile;
       importFiles: ImportFilesFn;
     };
   }
 }
-/** The node that embeds uploaded `file` from `url`; null for files uploads do not accept. */
-export declare function mediaNodeFor(file: File, url: string): JSONContent | null;
-/** The file block for an uploaded `file` that has no player or image node (PDF, office documents, …). */
-export declare function fileNodeFor(file: File, url: string): JSONContent;
+/** The node that embeds uploaded `file` from `url`, remembering the upload's `hash` (SHA-256 hex; none when the backend did not report one); null for files uploads do not accept. */
+export declare function mediaNodeFor(file: File, url: string, hash?: string): JSONContent | null;
+/** The file block for an uploaded `file` that has no player or image node (PDF, office documents, …); `hash` as in `mediaNodeFor`. */
+export declare function fileNodeFor(file: File, url: string, hash?: string): JSONContent;
 /** Human-readable byte count: 1024-based, one decimal (`1536` → `1.5 KB`), units B/KB/MB/GB. */
 export declare function formatBytes(bytes: number): string;
 /** Transaction meta the recorder modal (AudioRecorderModal) listens for: open it, inserting at the current caret. */
@@ -38,4 +39,5 @@ export declare function openAudioRecorder(editor: Editor): void;
 /** Opens the browser's file picker; resolves the chosen files, `[]` when the picker is cancelled. */
 export declare function pickFiles(accept: string, multiple?: boolean): Promise<File[]>;
 //#endregion
+export {};
 //# sourceMappingURL=upload.d.ts.map

package/dist/features/media/upload.js

@@ -2,17 +2,8 @@ import "./assets.js";
 import { mediaKindOf, mediaMime } from "./schema.js";
 import { Extension } from "@tiptap/core";
 //#region src/features/media/upload.ts
-/** Default upload: POSTs `file` to the asset endpoint of document `documentId` through the context's HTTP client (size limits per kind, see schema.ts). */
-async function postUpload(fetch, documentId, file) {
-	const body = new FormData();
-	body.append("file", file);
-	return await fetch(`/api/editor/assets/${documentId}`, {
-		method: "POST",
-		body
-	});
-}
-/** The upload of a surface: the host's `upload` prop, else the asset endpoint of its `documentId` (default: the shared `scratch` owner). */
-const uploadOf = (ctx) => ctx.upload ?? ((file) => postUpload(ctx.fetch, ctx.documentId ?? "scratch", file));
+/** The upload of a surface: the backend's asset store for its `documentId` (default: the shared `scratch` owner; size limits per kind, see schema.ts). */
+const uploadOf = (ctx) => (file) => ctx.backend.assets ? ctx.backend.assets.upload(ctx.documentId ?? "scratch", file) : Promise.reject(/* @__PURE__ */ new Error(`@ecsplico/editor: backend "${ctx.backend.name}" has no assets capability`));
 /** Makes the upload and the file import reachable as `editor.storage.media` (drop/paste, toolbar, slash menu, recorder). */
 const Media = Extension.create({
 	name: "media",
@@ -29,15 +20,16 @@ const Media = Extension.create({
 		};
 	}
 });
-/** The node that embeds uploaded `file` from `url`; null for files uploads do not accept. */
-function mediaNodeFor(file, url) {
+/** The node that embeds uploaded `file` from `url`, remembering the upload's `hash` (SHA-256 hex; none when the backend did not report one); null for files uploads do not accept. */
+function mediaNodeFor(file, url, hash) {
 	const kind = mediaKindOf(file.type);
 	if (!kind) return null;
 	if (kind === "image") return {
 		type: "image",
 		attrs: {
 			src: url,
-			alt: file.name
+			alt: file.name,
+			hash: hash ?? null
 		}
 	};
 	return {
@@ -45,19 +37,21 @@ function mediaNodeFor(file, url) {
 		attrs: {
 			src: url,
 			title: file.name,
-			mimeType: mediaMime(file.type)
+			mimeType: mediaMime(file.type),
+			hash: hash ?? null
 		}
 	};
 }
-/** The file block for an uploaded `file` that has no player or image node (PDF, office documents, …). */
-function fileNodeFor(file, url) {
+/** The file block for an uploaded `file` that has no player or image node (PDF, office documents, …); `hash` as in `mediaNodeFor`. */
+function fileNodeFor(file, url, hash) {
 	return {
 		type: "file",
 		attrs: {
 			src: url,
 			title: file.name,
 			mimeType: mediaMime(file.type) || "application/octet-stream",
-			size: file.size
+			size: file.size,
+			hash: hash ?? null
 		}
 	};
 }
@@ -101,6 +95,6 @@ function pickFiles(accept, multiple = true) {
 	return promise;
 }
 //#endregion
-export { AUDIO_RECORDER_OPEN, Media, fileNodeFor, formatBytes, mediaNodeFor, openAudioRecorder, pickFiles, postUpload, uploadOf };
+export { AUDIO_RECORDER_OPEN, Media, fileNodeFor, formatBytes, mediaNodeFor, openAudioRecorder, pickFiles, uploadOf };
 
 //# sourceMappingURL=upload.js.map