@ecsplico/editor 2.1.2 → 3.1.0

package/dist/markdown/MarkdownSurface2.js

@@ -24,9 +24,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		abilities: {},
 		extensions: {},
 		blockActions: {},
-		slashCommands: {},
+		commands: {},
 		documentId: {},
-		upload: {},
 		editable: {
 			type: Boolean,
 			default: true
@@ -169,9 +168,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				abilities: __props.abilities,
 				extensions: extensionsWithClipboard.value,
 				"block-actions": __props.blockActions,
-				"slash-commands": __props.slashCommands,
+				commands: __props.commands,
 				"document-id": __props.documentId,
-				upload: __props.upload,
 				editable: __props.editable,
 				"settings-ui": __props.settingsUi,
 				onReady,
@@ -191,9 +189,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"abilities",
 				"extensions",
 				"block-actions",
-				"slash-commands",
+				"commands",
 				"document-id",
-				"upload",
 				"editable",
 				"settings-ui"
 			])], 512), [[vShow, !inSource.value]]), __props.sourceMode && sourceState.value && inSource.value ? (openBlock(), createElementBlock("section", _hoisted_2, [

package/dist/markdown/MarkdownSurface2.js.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownSurface2.js","names":["$slots","_useModel","_openBlock","_createElementBlock","_Fragment","_withDirectives","_createElementVNode","_createVNode","EditorSurface","_createSlots","_renderList","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps","_vShow","_unref","_createBlock","_createCommentVNode"],"sources":["../../src/markdown/MarkdownSurface.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor as CoreEditor } from '@tiptap/core'\nimport type { AnyExtension, Editor, JSONContent } from '@tiptap/vue-3'\nimport { computed, onBeforeUnmount, ref, shallowRef, watch } from 'vue'\nimport { useUiKit } from '../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../vue/use-editor-i18n'\nimport type { AbilitiesOptions, BlockAction, SlashCommandItem } from '../core/extension-points'\nimport type { CollaborationSession, EditorPreset, UploadFn } from '../core/feature'\nimport type { EditorMetadata, MetadataItem } from '../core/metadata-types'\nimport EditorSurface from '../vue/components/EditorSurface.vue'\nimport { MarkdownClipboard } from './clipboard'\nimport { contentToMarkdown, markdownToContent } from './document'\nimport { joinFrontmatter, splitFrontmatter } from './frontmatter'\nimport type { MarkdownDiagnostic, MarkdownPolicy } from './policy'\nimport type { SourceMode, SourceModeState } from './source-mode'\n\ndefineOptions({ inheritAttrs: false })\n\n// The props, emits and slots of `EditorSurface` are forwarded as they are (see there for their meaning); the\n// document is not its JSON `modelValue` but a Markdown string.\nconst props = withDefaults(defineProps<{\n  /** The document as Markdown text, YAML frontmatter included (kept verbatim and never shown in the editor). */\n  modelValue?: string\n  preset: EditorPreset\n  collaboration?: CollaborationSession\n  metadata?: EditorMetadata\n  abilities?: Partial<AbilitiesOptions>\n  extensions?: AnyExtension[]\n  blockActions?: BlockAction[]\n  slashCommands?: (defaults: SlashCommandItem[]) => SlashCommandItem[]\n  documentId?: string\n  upload?: UploadFn\n  editable?: boolean\n  settingsUi?: 'internal' | 'external'\n  /** What Markdown text may carry in, for loaded text and pasted text alike (see `MarkdownPolicy`). Default: no raw HTML, no data-URL images, safe link schemes only. */\n  policy?: MarkdownPolicy\n  /**\n   * Source mode (`createSourceMode`): while its state is `source`, the surface shows the draft in a plain text area\n   * instead of the editor, with the diagnostics of a rejected commit and Apply / Cancel buttons; the editor is kept\n   * alive underneath. The mode is entered by the host (`sourceMode.enter()`).\n   */\n  sourceMode?: SourceMode\n}>(), { modelValue: '', editable: true, settingsUi: 'internal' })\n\nconst { Button: UButton, Textarea: UTextarea, Alert: UAlert } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst emit = defineEmits<{\n  /** The whole text (frontmatter and Markdown body) after every edit, in collaborative mode after every update of the shared document, remote ones included. */\n  'update:modelValue': [markdown: string]\n  /** The frontmatter block the incoming `modelValue` carries changed (null: it has none); the verbatim block, fences included. */\n  'frontmatter': [frontmatter: string | null]\n  'ready': [editor: Editor]\n  'metadataCreate': [list: string, item: MetadataItem]\n  /** The Markdown handed in does not fit this editor's schema; the last valid document stays. */\n  'contentError': [error: Error]\n  /** What parsing the text handed in dropped or could not understand (raw HTML, unsafe URLs, unknown fences, broken fences); emitted after each load. */\n  'diagnostics': [diagnostics: MarkdownDiagnostic[]]\n  'settingsOpen': [tab?: string]\n}>()\n\nconst sidebarOpen = defineModel<boolean>('sidebarOpen', { default: false })\nconst commentsOpen = defineModel<boolean>('commentsOpen', { default: false })\n\nconst surface = ref<{ settingsOpen: boolean, settingsTab: string | undefined } | null>(null)\nconst editor = shallowRef<Editor>()\n\nconst sourceState = shallowRef<SourceModeState>()\nwatch(() => props.sourceMode, (mode, _previous, onCleanup) => {\n  sourceState.value = mode?.state.get()\n  if (mode) onCleanup(mode.state.subscribe((state) => { sourceState.value = state }))\n}, { immediate: true })\nconst inSource = computed(() => sourceState.value?.mode === 'source')\n// A policy change takes effect with the next editor: the clipboard extension is built with the editor.\nconst extensionsWithClipboard = computed(() => props.extensions?.some(extension => extension.name === 'markdownClipboard')\n  ? props.extensions\n  : [...(props.extensions ?? []), MarkdownClipboard.configure({ policy: props.policy ?? {} })])\n\n/** The frontmatter block of the text last handed in (or emitted): it is written back unchanged. */\nlet frontmatter: string | null = null\n/** Whether the text ended with a line break: the emitted text then does too, so saving a file does not flip it. */\nlet finalBreak = false\n/** The body (text after the frontmatter) the editor's document stands for; an incoming text with this body only changes the frontmatter. */\nlet loadedBody: string | null = null\n/** The text last sent through `update:modelValue`; the host handing it back is not an external change. */\nlet lastEmitted: string | undefined\n\n/** `body` as document JSON, migrated by the preset and checked against the editor's schema; an error is reported through `contentError`, not thrown. */\nfunction parsed(instance: Editor, body: string): JSONContent | undefined {\n  try {\n    const { content, diagnostics } = markdownToContent(instance, body, { policy: props.policy, t })\n    instance.schema.nodeFromJSON(content).check()\n    emit('diagnostics', diagnostics)\n    return content\n  }\n  catch (error) {\n    emit('contentError', error instanceof Error ? error : new Error(String(error)))\n    return undefined\n  }\n}\n\n/** Replaces the document without an update event and outside the undo history: loading a text is not an edit. */\nfunction load(instance: Editor, body: string): boolean {\n  const json = parsed(instance, body)\n  if (!json) return false\n  const { state } = instance\n  const doc = instance.schema.nodeFromJSON(json)\n  instance.view.dispatch(state.tr.replaceWith(0, state.doc.content.size, doc.content).setMeta('addToHistory', false).setMeta('preventUpdate', true))\n  return true\n}\n\n/** Takes in a text from the host: the frontmatter always, the body into the document unless this is a collaborative editor (its document is the shared one). */\nfunction adopt(instance: Editor, text: string) {\n  const split = splitFrontmatter(text)\n  if (split.frontmatter !== frontmatter) {\n    frontmatter = split.frontmatter\n    emit('frontmatter', frontmatter)\n  }\n  finalBreak = split.body.endsWith('\\n')\n  if (props.collaboration || split.body === loadedBody) return\n  if (load(instance, split.body)) loadedBody = split.body\n}\n\nfunction emitCurrent(instance: CoreEditor) {\n  const markdown = contentToMarkdown(instance)\n  const body = markdown && finalBreak ? `${markdown}\\n` : markdown\n  loadedBody = body\n  lastEmitted = joinFrontmatter(frontmatter, body)\n  emit('update:modelValue', lastEmitted)\n}\n\nfunction onUpdate({ editor: instance }: { editor: CoreEditor }) {\n  emitCurrent(instance)\n}\n\nfunction onReady(instance: Editor) {\n  editor.value = instance\n  // The editor and its pipeline exist only now, so the text is parsed now (first load: no `frontmatter` event for a block that was always there).\n  frontmatter = splitFrontmatter(props.modelValue).frontmatter\n  adopt(instance, props.modelValue)\n  instance.on('update', onUpdate)\n  emit('ready', instance)\n}\n\nwatch(() => props.modelValue, (text) => {\n  const instance = editor.value\n  if (!instance || instance.isDestroyed || text === lastEmitted) return\n  lastEmitted = undefined\n  adopt(instance, text)\n})\n\nonBeforeUnmount(() => editor.value?.off('update', onUpdate))\n\ndefineExpose({\n  editor,\n  settingsOpen: computed({ get: () => surface.value?.settingsOpen ?? false, set: (open: boolean) => { if (surface.value) surface.value.settingsOpen = open } }),\n  settingsTab: computed({ get: () => surface.value?.settingsTab, set: (tab: string | undefined) => { if (surface.value) surface.value.settingsTab = tab } }),\n})\n</script>\n\n<template>\n  <div v-show=\"!inSource\" class=\"contents\">\n    <EditorSurface\n      ref=\"surface\"\n      v-model:sidebar-open=\"sidebarOpen\"\n      v-model:comments-open=\"commentsOpen\"\n      :preset=\"preset\"\n      :collaboration=\"collaboration\"\n      :metadata=\"metadata\"\n      :abilities=\"abilities\"\n      :extensions=\"extensionsWithClipboard\"\n      :block-actions=\"blockActions\"\n      :slash-commands=\"slashCommands\"\n      :document-id=\"documentId\"\n      :upload=\"upload\"\n      :editable=\"editable\"\n      :settings-ui=\"settingsUi\"\n      @ready=\"onReady\"\n      @metadata-create=\"(list, item) => emit('metadataCreate', list, item)\"\n      @settings-open=\"tab => emit('settingsOpen', tab)\"\n    >\n      <template v-for=\"(_, name) in $slots\" :key=\"name\" #[name]=\"slotProps\">\n        <slot :name=\"name\" v-bind=\"slotProps ?? {}\" />\n      </template>\n    </EditorSurface>\n  </div>\n  <section v-if=\"sourceMode && sourceState && inSource\" class=\"flex flex-col gap-3\" data-testid=\"markdown-source\">\n    <UTextarea\n      :model-value=\"sourceState.source\"\n      :aria-label=\"t('markdown.source.label')\"\n      class=\"w-full font-mono\"\n      :rows=\"16\"\n      autoresize\n      autofocus\n      data-testid=\"markdown-source-input\"\n      @update:model-value=\"sourceMode.edit($event ?? '')\"\n    />\n    <UAlert\n      v-for=\"(diagnostic, index) in sourceState.diagnostics\"\n      :key=\"index\"\n      :color=\"diagnostic.severity === 'error' ? 'error' : diagnostic.severity === 'warning' ? 'warning' : 'info'\"\n      variant=\"subtle\"\n      :title=\"diagnostic.line ? `${diagnostic.line}: ${diagnostic.message}` : diagnostic.message\"\n      data-testid=\"markdown-source-diagnostic\"\n    />\n    <div class=\"flex justify-end gap-2\">\n      <UButton :label=\"t('markdown.source.cancel')\" color=\"neutral\" variant=\"ghost\" data-testid=\"markdown-source-cancel\" @click=\"sourceMode.cancel()\" />\n      <UButton :label=\"t('markdown.source.apply')\" data-testid=\"markdown-source-apply\" @click=\"sourceMode.commit()\" />\n    </div>\n  </section>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"MarkdownSurface2.js","names":["$slots","_useModel","_openBlock","_createElementBlock","_Fragment","_withDirectives","_createElementVNode","_createVNode","EditorSurface","_createSlots","_renderList","_withCtx","_renderSlot","_normalizeProps","_guardReactiveProps","_vShow","_unref","_createBlock","_createCommentVNode"],"sources":["../../src/markdown/MarkdownSurface.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor as CoreEditor } from '@tiptap/core'\nimport type { AnyExtension, Editor, JSONContent } from '@tiptap/vue-3'\nimport { computed, onBeforeUnmount, ref, shallowRef, watch } from 'vue'\nimport { useUiKit } from '../vue/kit/use-ui-kit'\nimport { useEditorI18n } from '../vue/use-editor-i18n'\nimport type { CommandDef } from '../core/commands'\nimport type { AbilitiesOptions, BlockAction } from '../core/extension-points'\nimport type { CollaborationSession, EditorPreset } from '../core/feature'\nimport type { EditorMetadata, MetadataItem } from '../core/metadata-types'\nimport EditorSurface from '../vue/components/EditorSurface.vue'\nimport { MarkdownClipboard } from './clipboard'\nimport { contentToMarkdown, markdownToContent } from './document'\nimport { joinFrontmatter, splitFrontmatter } from './frontmatter'\nimport type { MarkdownDiagnostic, MarkdownPolicy } from './policy'\nimport type { SourceMode, SourceModeState } from './source-mode'\n\ndefineOptions({ inheritAttrs: false })\n\n// The props, emits and slots of `EditorSurface` are forwarded as they are (see there for their meaning); the\n// document is not its JSON `modelValue` but a Markdown string.\nconst props = withDefaults(defineProps<{\n  /** The document as Markdown text, YAML frontmatter included (kept verbatim and never shown in the editor). */\n  modelValue?: string\n  preset: EditorPreset\n  collaboration?: CollaborationSession\n  metadata?: EditorMetadata\n  abilities?: Partial<AbilitiesOptions>\n  extensions?: AnyExtension[]\n  blockActions?: BlockAction[]\n  commands?: (defaults: CommandDef[]) => CommandDef[]\n  documentId?: string\n  editable?: boolean\n  settingsUi?: 'internal' | 'external'\n  /** What Markdown text may carry in, for loaded text and pasted text alike (see `MarkdownPolicy`). Default: no raw HTML, no data-URL images, safe link schemes only. */\n  policy?: MarkdownPolicy\n  /**\n   * Source mode (`createSourceMode`): while its state is `source`, the surface shows the draft in a plain text area\n   * instead of the editor, with the diagnostics of a rejected commit and Apply / Cancel buttons; the editor is kept\n   * alive underneath. The mode is entered by the host (`sourceMode.enter()`).\n   */\n  sourceMode?: SourceMode\n}>(), { modelValue: '', editable: true, settingsUi: 'internal' })\n\nconst { Button: UButton, Textarea: UTextarea, Alert: UAlert } = useUiKit()\nconst { t } = useEditorI18n()\n\nconst emit = defineEmits<{\n  /** The whole text (frontmatter and Markdown body) after every edit, in collaborative mode after every update of the shared document, remote ones included. */\n  'update:modelValue': [markdown: string]\n  /** The frontmatter block the incoming `modelValue` carries changed (null: it has none); the verbatim block, fences included. */\n  'frontmatter': [frontmatter: string | null]\n  'ready': [editor: Editor]\n  'metadataCreate': [list: string, item: MetadataItem]\n  /** The Markdown handed in does not fit this editor's schema; the last valid document stays. */\n  'contentError': [error: Error]\n  /** What parsing the text handed in dropped or could not understand (raw HTML, unsafe URLs, unknown fences, broken fences); emitted after each load. */\n  'diagnostics': [diagnostics: MarkdownDiagnostic[]]\n  'settingsOpen': [tab?: string]\n}>()\n\nconst sidebarOpen = defineModel<boolean>('sidebarOpen', { default: false })\nconst commentsOpen = defineModel<boolean>('commentsOpen', { default: false })\n\nconst surface = ref<{ settingsOpen: boolean, settingsTab: string | undefined } | null>(null)\nconst editor = shallowRef<Editor>()\n\nconst sourceState = shallowRef<SourceModeState>()\nwatch(() => props.sourceMode, (mode, _previous, onCleanup) => {\n  sourceState.value = mode?.state.get()\n  if (mode) onCleanup(mode.state.subscribe((state) => { sourceState.value = state }))\n}, { immediate: true })\nconst inSource = computed(() => sourceState.value?.mode === 'source')\n// A policy change takes effect with the next editor: the clipboard extension is built with the editor.\nconst extensionsWithClipboard = computed(() => props.extensions?.some(extension => extension.name === 'markdownClipboard')\n  ? props.extensions\n  : [...(props.extensions ?? []), MarkdownClipboard.configure({ policy: props.policy ?? {} })])\n\n/** The frontmatter block of the text last handed in (or emitted): it is written back unchanged. */\nlet frontmatter: string | null = null\n/** Whether the text ended with a line break: the emitted text then does too, so saving a file does not flip it. */\nlet finalBreak = false\n/** The body (text after the frontmatter) the editor's document stands for; an incoming text with this body only changes the frontmatter. */\nlet loadedBody: string | null = null\n/** The text last sent through `update:modelValue`; the host handing it back is not an external change. */\nlet lastEmitted: string | undefined\n\n/** `body` as document JSON, migrated by the preset and checked against the editor's schema; an error is reported through `contentError`, not thrown. */\nfunction parsed(instance: Editor, body: string): JSONContent | undefined {\n  try {\n    const { content, diagnostics } = markdownToContent(instance, body, { policy: props.policy, t })\n    instance.schema.nodeFromJSON(content).check()\n    emit('diagnostics', diagnostics)\n    return content\n  }\n  catch (error) {\n    emit('contentError', error instanceof Error ? error : new Error(String(error)))\n    return undefined\n  }\n}\n\n/** Replaces the document without an update event and outside the undo history: loading a text is not an edit. */\nfunction load(instance: Editor, body: string): boolean {\n  const json = parsed(instance, body)\n  if (!json) return false\n  const { state } = instance\n  const doc = instance.schema.nodeFromJSON(json)\n  instance.view.dispatch(state.tr.replaceWith(0, state.doc.content.size, doc.content).setMeta('addToHistory', false).setMeta('preventUpdate', true))\n  return true\n}\n\n/** Takes in a text from the host: the frontmatter always, the body into the document unless this is a collaborative editor (its document is the shared one). */\nfunction adopt(instance: Editor, text: string) {\n  const split = splitFrontmatter(text)\n  if (split.frontmatter !== frontmatter) {\n    frontmatter = split.frontmatter\n    emit('frontmatter', frontmatter)\n  }\n  finalBreak = split.body.endsWith('\\n')\n  if (props.collaboration || split.body === loadedBody) return\n  if (load(instance, split.body)) loadedBody = split.body\n}\n\nfunction emitCurrent(instance: CoreEditor) {\n  const markdown = contentToMarkdown(instance)\n  const body = markdown && finalBreak ? `${markdown}\\n` : markdown\n  loadedBody = body\n  lastEmitted = joinFrontmatter(frontmatter, body)\n  emit('update:modelValue', lastEmitted)\n}\n\nfunction onUpdate({ editor: instance }: { editor: CoreEditor }) {\n  emitCurrent(instance)\n}\n\nfunction onReady(instance: Editor) {\n  editor.value = instance\n  // The editor and its pipeline exist only now, so the text is parsed now (first load: no `frontmatter` event for a block that was always there).\n  frontmatter = splitFrontmatter(props.modelValue).frontmatter\n  adopt(instance, props.modelValue)\n  instance.on('update', onUpdate)\n  emit('ready', instance)\n}\n\nwatch(() => props.modelValue, (text) => {\n  const instance = editor.value\n  if (!instance || instance.isDestroyed || text === lastEmitted) return\n  lastEmitted = undefined\n  adopt(instance, text)\n})\n\nonBeforeUnmount(() => editor.value?.off('update', onUpdate))\n\ndefineExpose({\n  editor,\n  settingsOpen: computed({ get: () => surface.value?.settingsOpen ?? false, set: (open: boolean) => { if (surface.value) surface.value.settingsOpen = open } }),\n  settingsTab: computed({ get: () => surface.value?.settingsTab, set: (tab: string | undefined) => { if (surface.value) surface.value.settingsTab = tab } }),\n})\n</script>\n\n<template>\n  <div v-show=\"!inSource\" class=\"contents\">\n    <EditorSurface\n      ref=\"surface\"\n      v-model:sidebar-open=\"sidebarOpen\"\n      v-model:comments-open=\"commentsOpen\"\n      :preset=\"preset\"\n      :collaboration=\"collaboration\"\n      :metadata=\"metadata\"\n      :abilities=\"abilities\"\n      :extensions=\"extensionsWithClipboard\"\n      :block-actions=\"blockActions\"\n      :commands=\"commands\"\n      :document-id=\"documentId\"\n      :editable=\"editable\"\n      :settings-ui=\"settingsUi\"\n      @ready=\"onReady\"\n      @metadata-create=\"(list, item) => emit('metadataCreate', list, item)\"\n      @settings-open=\"tab => emit('settingsOpen', tab)\"\n    >\n      <template v-for=\"(_, name) in $slots\" :key=\"name\" #[name]=\"slotProps\">\n        <slot :name=\"name\" v-bind=\"slotProps ?? {}\" />\n      </template>\n    </EditorSurface>\n  </div>\n  <section v-if=\"sourceMode && sourceState && inSource\" class=\"flex flex-col gap-3\" data-testid=\"markdown-source\">\n    <UTextarea\n      :model-value=\"sourceState.source\"\n      :aria-label=\"t('markdown.source.label')\"\n      class=\"w-full font-mono\"\n      :rows=\"16\"\n      autoresize\n      autofocus\n      data-testid=\"markdown-source-input\"\n      @update:model-value=\"sourceMode.edit($event ?? '')\"\n    />\n    <UAlert\n      v-for=\"(diagnostic, index) in sourceState.diagnostics\"\n      :key=\"index\"\n      :color=\"diagnostic.severity === 'error' ? 'error' : diagnostic.severity === 'warning' ? 'warning' : 'info'\"\n      variant=\"subtle\"\n      :title=\"diagnostic.line ? `${diagnostic.line}: ${diagnostic.message}` : diagnostic.message\"\n      data-testid=\"markdown-source-diagnostic\"\n    />\n    <div class=\"flex justify-end gap-2\">\n      <UButton :label=\"t('markdown.source.cancel')\" color=\"neutral\" variant=\"ghost\" data-testid=\"markdown-source-cancel\" @click=\"sourceMode.cancel()\" />\n      <UButton :label=\"t('markdown.source.apply')\" data-testid=\"markdown-source-apply\" @click=\"sourceMode.commit()\" />\n    </div>\n  </section>\n</template>\n"],"mappings":"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"}

package/dist/markdown/document.js

@@ -1,7 +1,7 @@
 import { splitFences } from "../core/fences.js";
 import { parseBlocks, pipelineOf } from "../core/pipeline.js";
-import { createTranslator } from "../i18n/index.js";
 import { editorEntryOf } from "../core/editor-ui.js";
+import { createTranslator } from "../i18n/index.js";
 import { EMPTY_EDITOR_CONTENT } from "../core/schema/index.js";
 import { enforceUrlPolicy, locate } from "./policy.js";
 //#region src/markdown/document.ts

package/dist/markdown/source-mode.d.ts

@@ -1,5 +1,5 @@
-import { Translate } from "../i18n/index.js";
 import { ReadonlyStore } from "../core/store.js";
+import { Translate } from "../i18n/index.js";
 import { MarkdownDiagnostic, MarkdownPolicy } from "./policy.js";
 import { MarkdownContent } from "./document.js";
 import { Editor } from "@tiptap/core";