@dou-ui/editor 0.0.0-stage → 0.1.0-alpha.1

package/dist/editor2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"editor2.js","names":["_sfc_main"],"sources":["../src/editor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { isApplePlatform, useGlobalConfig, useNamespace } from 'dou-ui'\nimport { keymap } from 'prosemirror-keymap'\nimport { Plugin, type EditorState, type Transaction } from 'prosemirror-state'\nimport type { EditorView } from 'prosemirror-view'\nimport {\n  computed,\n  getCurrentInstance,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  provide,\n  ref,\n  shallowRef,\n  toRaw,\n  useTemplateRef,\n  watch,\n  h,\n  useId,\n  type Component,\n} from 'vue'\nimport BlockHandle from './components/block-handle.vue'\nimport BubbleToolbar from './components/bubble-toolbar.vue'\nimport SearchBar from './components/search-bar.vue'\nimport CommentButton from './components/comment-button.vue'\nimport CommentCard from './components/comment-card.vue'\nimport SlashMenu from './components/slash-menu.vue'\nimport { setFallbackHighlighter, type CodeHighlighter } from './core/highlight'\nimport { comparePlugin, compareKey } from './core/compare'\nimport {\n  createEditorView,\n  getBlocks,\n  historyCommands,\n  originKey,\n  replaceBlocks,\n  restoreBlocks,\n  runCommand,\n  setEditable,\n} from './core/editor'\nimport { diffBlocks } from './core/changes'\nimport { isRemote } from './core/plugins'\nimport { selectionOf, sameSelection } from './core/selection'\nimport { selectBlocks } from './core/block-selection'\nimport { applyEditorTransaction, EditorTransaction } from './core/transaction'\nimport {\n  blocksToDoc,\n  docToBlocks,\n  type Block,\n  type EditorDocument,\n  type PartialBlock,\n} from './core/model'\nimport { resolveEditorExtensions } from './core/extension'\nimport {\n  previewMatch,\n  searchKey,\n  searchPlugin,\n  setSearch,\n  type EditorSearchQuery,\n} from './core/search'\nimport { slashPlugin, type SlashState } from './core/slash'\nimport { writeHTML } from './core/output'\nimport { parseHTML } from './core/prepare'\nimport { componentMounter, vueNodeView } from './define-block'\nimport { editorKit } from './extensions/editor-kit'\nimport { readBlocks } from './document'\nimport {\n  editorKey,\n  type EditorEmits,\n  type EditorExpose,\n  type EditorProps,\n  type EditorOrigin,\n  type EditorLinkOpenEvent,\n  type EditorSelection,\n  type EditorTransactionResult,\n} from './editor'\nimport { useEditorMessages } from './locale'\nimport { useEditorComments } from './use-comments'\n\ndefineOptions({ name: 'DouEditor' })\n\nconst props = withDefaults(defineProps<EditorProps>(), {\n  modelValue: undefined,\n  extensions: undefined,\n  readonly: false,\n  searchable: true,\n  placeholder: undefined,\n  messages: undefined,\n  ariaLabel: undefined,\n  autofocus: false,\n  plugins: undefined,\n  history: true,\n  undo: undefined,\n  redo: undefined,\n  selection: undefined,\n  comments: undefined,\n  author: undefined,\n  activeComment: undefined,\n  commentable: true,\n  compare: undefined,\n})\nconst emit = defineEmits<EditorEmits>()\n\n// read once: changing the schema of a live editor would invalidate its document\nconst kit = resolveEditorExtensions(props.extensions ?? [editorKit()])\n// say so once, instead of silently keeping the old extensions\nconst stopWatchingExtensions = watch(\n  () => props.extensions,\n  () => {\n    console.warn(\n      '[@dou-ui/editor] `extensions` changed after mount and is ignored: it is read once. Create the list once outside the template, or give the editor a new `key` to rebuild it.',\n    )\n    stopWatchingExtensions()\n  },\n)\n\nconst ns = useNamespace('editor')\nconst messages = useEditorMessages(() => props.messages)\nconst config = useGlobalConfig()\nconst root = useTemplateRef<HTMLElement>('root')\nconst mount = useTemplateRef<HTMLElement>('mount')\nconst view = shallowRef<EditorView | null>(null)\nconst state = shallowRef<EditorState | null>(null)\nconst focused = shallowRef(false)\nconst dragging = shallowRef(false)\n/** Showing what changed since an older version: read-only, without comments. */\nconst comparing = computed(() => !!props.compare)\n/**\n * The older version as whole blocks, matched to the current ones by id. A\n * block saved without an id gets a new one, so it shows as removed.\n */\nconst compareBlocks = computed(() => {\n  const blocks = props.compare?.blocks\n  return Array.isArray(blocks) ? docToBlocks(blocksToDoc(kit.schema, blocks)) : null\n})\nconst editable = computed(() => !props.readonly && !comparing.value)\n\nconst {\n  comments,\n  plugin: commentPlugin,\n  anchors,\n} = useEditorComments({\n  props,\n  emit,\n  view,\n  provider: kit.comments,\n})\n\nconst context = { view, state, focused, dragging, editable, messages, root, kit, comments }\nprovide(editorKey, context)\n\n// block components render outside this component's tree: hand them the context\nconst appContext = getCurrentInstance()?.appContext ?? null\nconst mountComponent = componentMounter(appContext, [[editorKey, context]])\nconst componentViews = {\n  ...Object.fromEntries(\n    Object.entries(kit.schema.nodes)\n      .filter(([, type]) => type.spec.component)\n      .map(([name, type]) => [\n        name,\n        vueNodeView(type.spec.component as Component, appContext, [[editorKey, context]]),\n      ]),\n  ),\n  ...Object.fromEntries(\n    Object.entries(kit.componentViews).map(([name, create]) => [name, create(mountComponent)]),\n  ),\n}\n\n// find and replace: the panel over the text, the matches marked in it\nconst searchOpen = ref(false)\nconst searchReplacing = ref(false)\nconst searchBar = useTemplateRef<InstanceType<typeof SearchBar>>('searchBar')\n/** Blocks that draw their own text, such as a code block in the code editor, are not searched. */\nconst searchSkip = (node: { type: { name: string } }) => node.type.name in kit.componentViews\n\n/** Opens the panel, with the replace box for `replace`. A selection on one line becomes the search. */\nfunction openSearch(replace = false, given?: Partial<EditorSearchQuery>) {\n  const v = view.value\n  if (!v || !props.searchable) return false\n  const old = searchKey.getState(v.state)?.query ?? { search: '' }\n  const query = { ...old, ...given }\n  const { from, to, empty } = v.state.selection\n  if (given?.search === undefined && !empty) {\n    const text = v.state.doc.textBetween(from, to, '\\n')\n    if (text && !text.includes('\\n')) query.search = text\n  }\n  if ((replace || given?.replace !== undefined) && editable.value) searchReplacing.value = true\n  searchOpen.value = true\n  v.dispatch(setSearch(v.state.tr, { query, active: true }))\n  const preview = previewMatch(v.state)\n  if (preview) v.dispatch(preview)\n  void nextTick(() => searchBar.value?.focus(replace && editable.value ? 'replace' : 'find'))\n  return true\n}\n\nfunction closeSearch() {\n  const v = view.value\n  if (!searchOpen.value || !v) return false\n  searchOpen.value = false\n  v.dispatch(setSearch(v.state.tr, { active: false }))\n  v.focus()\n  return true\n}\n\n/** Goes to the next (or previous) match; with the panel shut, opens it on the last search. */\nfunction findAgain(step: 1 | -1) {\n  if (!searchOpen.value) {\n    const v = view.value\n    if (!v || !searchKey.getState(v.state)?.query.search || !openSearch()) return false\n  }\n  void nextTick(() => (step > 0 ? searchBar.value?.next() : searchBar.value?.previous()))\n  return true\n}\n\nconst replaceKey = isApplePlatform() ? 'Mod-Alt-f' : 'Mod-h'\nconst searchKeys = keymap({\n  'Mod-f': () => openSearch(),\n  [replaceKey]: () => openSearch(true),\n  F3: () => findAgain(1),\n  'Mod-g': () => findAgain(1),\n  'Shift-F3': () => findAgain(-1),\n  'Mod-Shift-g': () => findAgain(-1),\n  Escape: () => closeSearch(),\n})\n\nconst slash = shallowRef<SlashState | null>(null)\nconst slashMenu = useTemplateRef<InstanceType<typeof SlashMenu>>('slashMenu')\nconst bubble = useTemplateRef<InstanceType<typeof BubbleToolbar>>('bubble')\n\n// The document last sent through `v-model`: when the same object comes back,\n// it is not loaded again (that would move the cursor).\nlet emitted: EditorDocument | undefined\n\n// the result of the last change, for `transact` to hand back\nlet lastResult: EditorTransactionResult | null = null\n\nfunction onChange(current: EditorView, tr: Transaction, before: EditorState) {\n  const blocks = getBlocks(current)\n  const doc: EditorDocument = { version: 1, blocks }\n  emitted = doc\n  const history = tr.getMeta('history$') as { redo: boolean } | undefined\n  const origin =\n    (tr.getMeta(originKey) as EditorOrigin | undefined) ??\n    (history ? (history.redo ? 'redo' : 'undo') : isRemote(tr) ? 'remote' : undefined)\n  const meta: EditorTransactionResult['meta'] = {\n    history:\n      tr.getMeta('addToHistory') !== false &&\n      origin !== 'remote' &&\n      origin !== 'undo' &&\n      origin !== 'redo',\n  }\n  if (origin !== undefined) meta.origin = origin\n  lastResult = { blocks, changes: diffBlocks(before.doc, current.state.doc), meta }\n  emit('transaction', lastResult)\n  emit('update:modelValue', doc)\n  emit('change', doc)\n}\n\nlet selection: EditorSelection = { block: null, blocks: [] }\n\nconst warn = (message: string) => {\n  if (process.env.NODE_ENV !== 'production') console.warn(`[@dou-ui/editor] ${message}`)\n}\n\nconst lacksId = (blocks: PartialBlock[]): boolean =>\n  blocks.some((block) => !block.id || lacksId(block.children ?? []))\n// until the editor is focused (or a block is, by the program) its selection is no cursor\nlet cursorKnown = false\n\nfunction onUpdate(current: EditorView) {\n  state.value = current.state\n  if (!cursorKnown) {\n    if (!focused.value) return\n    cursorKnown = true\n  }\n  const next = selectionOf(current.state)\n  if (sameSelection(next, selection)) return\n  selection = next\n  emit('update:selection', next)\n}\n\n// a click on a link places the cursor; with Ctrl or ⌘ held, or while read-only, it opens the link\nconst openLinks = new Plugin({\n  props: {\n    handleDOMEvents: {\n      click(clicked, event) {\n        const link = (event.target as HTMLElement).closest<HTMLAnchorElement>('a.dou-editor__link')\n        if (!link?.href || !(event.metaKey || event.ctrlKey || !clicked.editable)) return false\n        event.preventDefault()\n        const $pos = clicked.state.doc.resolve(clicked.posAtDOM(link, 0))\n        let block = ''\n        for (let depth = $pos.depth; depth > 0; depth--)\n          if ($pos.node(depth).type.name === 'block') {\n            block = $pos.node(depth).attrs.id as string\n            break\n          }\n        const opening: EditorLinkOpenEvent = {\n          link: link.getAttribute('href') ?? link.href,\n          block,\n          defaultPrevented: false,\n          preventDefault() {\n            this.defaultPrevented = true\n          },\n        }\n        emit('linkOpen', opening)\n        if (!opening.defaultPrevented) window.open(link.href, '_blank', 'noopener,noreferrer')\n        return true\n      },\n    },\n  },\n})\n\nonMounted(() => {\n  const instance = createEditorView({\n    element: mount.value!,\n    kit,\n    nodeViews: componentViews,\n    // with collaboration the document comes from the shared document\n    blocks: kit.externalDocument ? [] : readBlocks(props.modelValue),\n    editable: editable.value,\n    placeholder: {\n      text: () => props.placeholder ?? messages.value.placeholder,\n      heading: () => messages.value.headingPlaceholder,\n      empty: () => props.placeholder ?? messages.value.emptyPlaceholder,\n    },\n    plugins: [\n      ...(props.plugins ?? []),\n      slashPlugin({\n        onChange: (value) => (slash.value = value),\n        onKey: (event) => slashMenu.value?.onKey(event) ?? false,\n      }),\n      keymap({\n        'Mod-k': () => bubble.value?.editLink() ?? false,\n        'Mod-Alt-m': () => comments.start(),\n        // with the thread card open, Escape in the text closes it, and only that\n        Escape: () => {\n          if (!comments.pending.value && !comments.active.value) return false\n          comments.close()\n          return true\n        },\n      }),\n      commentPlugin,\n      comparePlugin({\n        before: () => compareBlocks.value,\n        label: () => messages.value.removedBlock,\n      }),\n      openLinks,\n      searchPlugin({ skip: searchSkip }),\n    ],\n    keymaps: [searchKeys],\n    history: props.history,\n    undo: props.undo,\n    redo: props.redo,\n    attributes: () => {\n      const attrs: Record<string, string> = {}\n      if (props.ariaLabel) attrs['aria-label'] = props.ariaLabel\n      if (!editable.value) attrs['aria-readonly'] = 'true'\n      return attrs\n    },\n    onChange,\n    onUpdate,\n  })\n  view.value = instance\n  state.value = instance.state\n  // code blocks without their own highlighter use the one DouCodeBlock uses\n  watch(\n    () =>\n      (config.value.defaults as { DouCodeBlock?: { highlight?: CodeHighlighter } }).DouCodeBlock\n        ?.highlight ?? null,\n    (highlight) => setFallbackHighlighter(instance, highlight),\n    { immediate: true },\n  )\n  instance.dom.addEventListener('focus', onFocus)\n  instance.dom.addEventListener('blur', onBlur)\n  if (props.autofocus) instance.focus()\n  // blocks given without ids got them now: hand those back, so events' ids can be looked up\n  const given = kit.externalDocument ? undefined : readBlocks(props.modelValue)\n  if (given && lacksId(given)) {\n    const doc: EditorDocument = { version: 1, blocks: getBlocks(instance) }\n    emitted = doc\n    emit('update:modelValue', doc)\n  }\n})\n\nfunction onFocus(event: FocusEvent) {\n  focused.value = true\n  if (!cursorKnown && view.value) {\n    cursorKnown = true\n    const next = selectionOf(view.value.state)\n    if (!sameSelection(next, selection)) {\n      selection = next\n      emit('update:selection', next)\n    }\n  }\n  emit('focus', event)\n}\n\nfunction onBlur(event: FocusEvent) {\n  focused.value = false\n  emit('blur', event)\n}\n\nonBeforeUnmount(() => {\n  view.value?.destroy()\n  view.value = null\n})\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    const current = view.value\n    if (!current || value === undefined || kit.externalDocument || toRaw(value) === emitted) return\n    replaceBlocks(current, readBlocks(value) ?? [])\n  },\n)\n\nwatch(editable, (value) => view.value && setEditable(view.value, value))\nwatch(compareBlocks, () => view.value?.dispatch(view.value.state.tr.setMeta(compareKey, true)))\n\n/** The change last scrolled to, by its place among them. */\nlet changeIndex = -1\nwatch(\n  () => props.compare,\n  () => (changeIndex = -1),\n)\nfunction goToChange(step: 1 | -1) {\n  const dom = view.value?.dom\n  if (!dom || !props.compare) return false\n  // a block's own mark, or the first piece of text changed in it\n  const marks = [\n    ...dom.querySelectorAll<HTMLElement>(\n      '.dou-editor__diff-added, .dou-editor__diff-changed, .dou-editor__diff-removed-block, .dou-editor__diff-added-text, .dou-editor__diff-removed',\n    ),\n  ].filter((el, index, list) => {\n    const block = el.closest('[data-block-id]')\n    const previous = list[index - 1]\n    return !previous || previous.closest('[data-block-id]') !== block || !block\n  })\n  const next = changeIndex + step\n  const target = marks[next]\n  if (!target) return false\n  changeIndex = next\n  target.scrollIntoView({ block: 'center' })\n  const m = messages.value\n  // a block added or removed, or one whose text or kind changed\n  const kind = target.matches('.dou-editor__diff-added')\n    ? m.changeAdded\n    : target.matches('.dou-editor__diff-removed-block')\n      ? m.changeRemoved\n      : m.changeChanged\n  announce(`${kind} ${changeText(target)}`)\n  return true\n}\n\n/** The text of a change: what was removed, or its block as it is now. */\nfunction changeText(target: HTMLElement) {\n  if (target.matches('.dou-editor__diff-removed-block')) return target.textContent ?? ''\n  const block = (target.closest('[data-block-id]') ?? target).cloneNode(true) as HTMLElement\n  for (const el of block.querySelectorAll('[data-diff=\"removed\"]')) el.remove()\n  return block.textContent ?? ''\n}\n\n/** What the live region reads out: a version restored, the change gone to. */\nconst spoken = ref('')\nfunction announce(text: string) {\n  // the same words twice still get read\n  spoken.value = ''\n  void nextTick(() => (spoken.value = text))\n}\n\nfunction restore(doc: EditorDocument<PartialBlock>) {\n  // like the other methods it works while `readonly`, and it is the change comparing allows\n  if (!view.value || !restoreBlocks(view.value, readBlocks(doc) ?? [])) return false\n  announce(messages.value.restored)\n  return true\n}\n\n// a selection from outside: the cursor goes to the block, or the blocks are selected\nwatch(\n  () => props.selection,\n  (value) => {\n    const current = view.value\n    if (!current || !value || sameSelection(value, selection)) return\n    const known = cursorKnown\n    cursorKnown = true\n    let applied = false\n    if (value.blocks.length > 1) {\n      applied = selectBlocks(value.blocks[0]!, value.blocks.at(-1)!)(\n        current.state,\n        current.dispatch,\n      )\n      if (!applied) warn('`selection.blocks` must be sibling blocks that exist in the document')\n    } else {\n      const id = value.block ?? value.blocks[0]\n      const transaction = new EditorTransaction(current.state)\n      if (id && transaction.focusBlock(id)) {\n        current.dispatch(transaction.tr)\n        applied = true\n      } else if (!id) warn('a selection without blocks cannot be set; the cursor stays where it is')\n    }\n    if (applied) return\n    cursorKnown = known\n    // hand back where the selection really is, so the binding doesn't keep a value that never applied\n    emit('update:selection', { ...selection, blocks: [...selection.blocks] })\n  },\n)\n\nfunction transact(\n  fn: (tr: EditorTransaction) => void,\n  meta?: EditorTransaction['meta'],\n): EditorTransactionResult | null {\n  const current = view.value\n  // comparing shows a version: nothing changes it but `restore`\n  if (!current || props.compare) return null\n  const transaction = new EditorTransaction(current.state, meta, cursorKnown)\n  fn(transaction)\n  lastResult = null\n  // `focusBlock` places the cursor\n  if (transaction.focused) cursorKnown = true\n  applyEditorTransaction(current, transaction)\n  if (transaction.focused) current.focus()\n  const result = lastResult\n  lastResult = null\n  return result\n}\n\nconst history = (action: 'undo' | 'redo', dispatch: boolean) => {\n  const current = view.value\n  if (!current || props.compare) return false\n  const command = historyCommands(current.state)[action]\n  return dispatch ? runCommand(current, command) : command(current.state)\n}\n\ndefineExpose<EditorExpose>({\n  get view() {\n    return view.value\n  },\n  focus: () => view.value?.focus(),\n  blur: () => (view.value?.dom as HTMLElement | undefined)?.blur(),\n  getBlocks: () => (view.value ? getBlocks(view.value) : []),\n  setBlocks: (blocks: PartialBlock[]) => view.value && replaceBlocks(view.value, blocks),\n  getHTML: () => (view.value ? writeHTML(getBlocks(view.value), kit) : ''),\n  setHTML: (html: string) => view.value && replaceBlocks(view.value, parseHTML(html, kit)),\n  run: (command) => (view.value ? runCommand(view.value, command) : false),\n  openSearch: (query) => openSearch(query?.replace !== undefined, query),\n  closeSearch,\n  transact,\n  getBlock: (id) => (view.value ? new EditorTransaction(view.value.state).getBlock(id) : null),\n  insertBlocks: (blocks, placement) => {\n    let ids: string[] = []\n    transact((tr) => (ids = tr.insertBlocks(blocks, placement)))\n    return ids\n  },\n  updateBlock: (id, patch) => {\n    let ok = false\n    transact((tr) => (ok = tr.updateBlock(id, patch)))\n    return ok\n  },\n  removeBlocks: (ids) => {\n    let ok = false\n    transact((tr) => (ok = tr.removeBlocks(ids)))\n    return ok\n  },\n  moveBlocks: (ids, placement) => {\n    let ok = false\n    transact((tr) => (ok = tr.moveBlocks(ids, placement)))\n    return ok\n  },\n  focusBlock: (id, edge) => {\n    let ok = false\n    transact((tr) => (ok = tr.focusBlock(id, edge)))\n    return ok\n  },\n  getSelection: () => ({ ...selection, blocks: [...selection.blocks] }),\n  undo: () => history('undo', true),\n  redo: () => history('redo', true),\n  get canUndo() {\n    return !!state.value && history('undo', false)\n  },\n  get canRedo() {\n    return !!state.value && history('redo', false)\n  },\n  comment: () => comments.start(),\n  getCommentAnchors: anchors,\n  restore,\n  nextChange: () => goToChange(1),\n  previousChange: () => goToChange(-1),\n})\n\n/*\n * Highlights for the threads that are open: by thread id, in one rule,\n * so a thread resolved or opened restyles its text without redrawing it.\n */\nconst scope = useId()\n/** An id as a CSS identifier: no quotes or `<`, which server rendering would escape. */\nconst ident = (id: string) =>\n  id.replace(/[^a-zA-Z0-9_]|^[\\d-]/gu, (char) => `\\\\${char.codePointAt(0)!.toString(16)} `)\nconst highlighted = (id: string) => `[data-dou-editor=${ident(scope)}] [data-comment=${ident(id)}]`\nconst highlightCSS = computed(() => {\n  if (!comments.enabled.value) return ''\n  const open = comments.threads.value.filter((thread) => !thread.resolved)\n  if (!open.length) return ''\n  let css = `${open.map((thread) => highlighted(thread.id)).join(',')}{background-color:var(--dou-editor-comment-bg);border-bottom-color:var(--dou-editor-comment-line)}`\n  const active = comments.active.value\n  if (active && open.some((thread) => thread.id === active))\n    css += `${highlighted(active)}{background-color:var(--dou-editor-comment-bg-active)}`\n  return css\n})\nconst HighlightStyle = () => (highlightCSS.value ? h('style', highlightCSS.value) : null)\n</script>\n\n<template>\n  <div\n    ref=\"root\"\n    :class=\"[\n      ns.b(),\n      {\n        // comparing keeps the editor's own gutter, so the text doesn't move\n        'is-readonly': readonly,\n        'is-comparing': comparing,\n        'is-focused': focused,\n        'is-dragging': dragging,\n      },\n    ]\"\n    :data-dou-editor=\"scope\"\n  >\n    <div v-if=\"searchOpen && view\" :class=\"ns.e('search')\">\n      <SearchBar\n        ref=\"searchBar\"\n        v-model:replacing=\"searchReplacing\"\n        :readonly=\"!editable\"\n        :skip=\"searchSkip\"\n        @close=\"closeSearch\"\n      />\n    </div>\n    <HighlightStyle />\n    <div ref=\"mount\" :class=\"ns.e('mount')\" />\n    <template v-if=\"editable && view\">\n      <BlockHandle />\n      <SlashMenu ref=\"slashMenu\" :slash=\"slash\" />\n      <BubbleToolbar ref=\"bubble\" />\n      <component :is=\"overlay\" v-for=\"(overlay, index) in kit.overlays\" :key=\"index\" />\n    </template>\n    <div :class=\"ns.e('live')\" aria-live=\"polite\">{{ spoken }}</div>\n    <template v-if=\"view && comments.enabled.value && !comparing\">\n      <CommentButton v-if=\"readonly\" />\n      <CommentCard />\n    </template>\n  </div>\n</template>\n"],"mappings":""}

package/dist/extensions/align/align-menu.js

@@ -0,0 +1,6 @@
+import align_menu_vue_vue_type_script_setup_true_lang_default from "./align-menu.vue_vue_type_script_setup_true_lang.js";
+// src/extensions/align/align-menu.vue
+var align_menu_default = align_menu_vue_vue_type_script_setup_true_lang_default;
+export { align_menu_default as default };
+
+//# sourceMappingURL=align-menu.js.map

package/dist/extensions/align/align-menu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"align-menu.js","names":["_sfc_main"],"sources":["../../../src/extensions/align/align-menu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TextAlignCenterIcon, TextAlignLeftIcon, TextAlignRightIcon } from '@dou-ui/icons'\nimport { DouButton, DouDropdown, DouDropdownItem, DouDropdownRadioGroup, DouTooltip } from 'dou-ui'\nimport { computed } from 'vue'\nimport type { BlockAlign } from '../../core/align'\nimport { useEditor, useToolbarMenu } from '../../editor'\nimport { currentAlign, setAlign } from './commands'\n\nconst { view, state, messages } = useEditor()\n\nconst icons = { left: TextAlignLeftIcon, center: TextAlignCenterIcon, right: TextAlignRightIcon }\nconst shortcuts = { left: 'mod+shift+l', center: 'mod+shift+e', right: 'mod+shift+r' }\nconst aligns = ['left', 'center', 'right'] as const\n\nconst align = computed(() => (state.value ? currentAlign(state.value) : undefined))\n\nfunction choose(value: unknown) {\n  const current = view.value\n  if (!current) return\n  // left is the reading direction: store nothing\n  const next = value === 'left' ? null : (value as BlockAlign)\n  setAlign(next)(current.state, current.dispatch)\n  current.focus()\n}\n\nconst open = useToolbarMenu()\n</script>\n\n<template>\n  <DouTooltip\n    v-if=\"align !== undefined\"\n    :content=\"messages.align.label\"\n    :disabled=\"open\"\n    placement=\"bottom\"\n  >\n    <span class=\"dou-editor-bubble__trigger\">\n      <DouDropdown v-model:open=\"open\" placement=\"bottom-start\" class=\"dou-editor-menu\">\n        <DouButton size=\"sm\" variant=\"ghost\" :aria-label=\"messages.align.label\">\n          <component :is=\"icons[align === 'mixed' || !align ? 'left' : align]\" />\n        </DouButton>\n        <template #menu>\n          <DouDropdownRadioGroup\n            :model-value=\"align === 'mixed' ? undefined : (align ?? 'left')\"\n            @update:model-value=\"choose\"\n          >\n            <DouDropdownItem\n              v-for=\"name in aligns\"\n              :key=\"name\"\n              :value=\"name\"\n              :shortcut=\"shortcuts[name]\"\n            >\n              <template #prefix><component :is=\"icons[name]\" /></template>\n              {{ messages.align[name] }}\n            </DouDropdownItem>\n          </DouDropdownRadioGroup>\n        </template>\n      </DouDropdown>\n    </span>\n  </DouTooltip>\n</template>\n"],"mappings":""}

package/dist/extensions/align/align-menu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,82 @@
+import { useEditor, useToolbarMenu } from "../../editor.js";
+import { currentAlign, setAlign } from "./commands.js";
+import { DouButton, DouDropdown, DouDropdownItem, DouDropdownRadioGroup, DouTooltip } from "dou-ui";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, isRef, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { TextAlignCenterIcon, TextAlignLeftIcon, TextAlignRightIcon } from "@dou-ui/icons";
+// src/extensions/align/align-menu.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "dou-editor-bubble__trigger" };
+var align_menu_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "align-menu",
+	setup(__props) {
+		const { view, state, messages } = useEditor();
+		const icons = {
+			left: TextAlignLeftIcon,
+			center: TextAlignCenterIcon,
+			right: TextAlignRightIcon
+		};
+		const shortcuts = {
+			left: "mod+shift+l",
+			center: "mod+shift+e",
+			right: "mod+shift+r"
+		};
+		const aligns = [
+			"left",
+			"center",
+			"right"
+		];
+		const align = computed(() => state.value ? currentAlign(state.value) : void 0);
+		function choose(value) {
+			const current = view.value;
+			if (!current) return;
+			setAlign(value === "left" ? null : value)(current.state, current.dispatch);
+			current.focus();
+		}
+		const open = useToolbarMenu();
+		return (_ctx, _cache) => {
+			return align.value !== void 0 ? (openBlock(), createBlock(unref(DouTooltip), {
+				key: 0,
+				content: unref(messages).align.label,
+				disabled: unref(open),
+				placement: "bottom"
+			}, {
+				default: withCtx(() => [createElementVNode("span", _hoisted_1, [createVNode(unref(DouDropdown), {
+					open: unref(open),
+					"onUpdate:open": _cache[0] || (_cache[0] = ($event) => isRef(open) ? open.value = $event : null),
+					placement: "bottom-start",
+					class: "dou-editor-menu"
+				}, {
+					menu: withCtx(() => [createVNode(unref(DouDropdownRadioGroup), {
+						"model-value": align.value === "mixed" ? void 0 : align.value ?? "left",
+						"onUpdate:modelValue": choose
+					}, {
+						default: withCtx(() => [(openBlock(), createElementBlock(Fragment, null, renderList(aligns, (name) => {
+							return createVNode(unref(DouDropdownItem), {
+								key: name,
+								value: name,
+								shortcut: shortcuts[name]
+							}, {
+								prefix: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(icons[name])))]),
+								default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(messages).align[name]), 1)]),
+								_: 2
+							}, 1032, ["value", "shortcut"]);
+						}), 64))]),
+						_: 1
+					}, 8, ["model-value"])]),
+					default: withCtx(() => [createVNode(unref(DouButton), {
+						size: "sm",
+						variant: "ghost",
+						"aria-label": unref(messages).align.label
+					}, {
+						default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(icons[align.value === "mixed" || !align.value ? "left" : align.value])))]),
+						_: 1
+					}, 8, ["aria-label"])]),
+					_: 1
+				}, 8, ["open"])])]),
+				_: 1
+			}, 8, ["content", "disabled"])) : createCommentVNode("", true);
+		};
+	}
+});
+export { align_menu_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=align-menu.vue_vue_type_script_setup_true_lang.js.map

package/dist/extensions/align/align-menu.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"align-menu.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_withCtx","_createElementVNode","_createVNode","_isRef","_createElementBlock","_Fragment","_renderList","_resolveDynamicComponent","_createTextVNode","_toDisplayString","_createCommentVNode"],"sources":["../../../src/extensions/align/align-menu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TextAlignCenterIcon, TextAlignLeftIcon, TextAlignRightIcon } from '@dou-ui/icons'\nimport { DouButton, DouDropdown, DouDropdownItem, DouDropdownRadioGroup, DouTooltip } from 'dou-ui'\nimport { computed } from 'vue'\nimport type { BlockAlign } from '../../core/align'\nimport { useEditor, useToolbarMenu } from '../../editor'\nimport { currentAlign, setAlign } from './commands'\n\nconst { view, state, messages } = useEditor()\n\nconst icons = { left: TextAlignLeftIcon, center: TextAlignCenterIcon, right: TextAlignRightIcon }\nconst shortcuts = { left: 'mod+shift+l', center: 'mod+shift+e', right: 'mod+shift+r' }\nconst aligns = ['left', 'center', 'right'] as const\n\nconst align = computed(() => (state.value ? currentAlign(state.value) : undefined))\n\nfunction choose(value: unknown) {\n  const current = view.value\n  if (!current) return\n  // left is the reading direction: store nothing\n  const next = value === 'left' ? null : (value as BlockAlign)\n  setAlign(next)(current.state, current.dispatch)\n  current.focus()\n}\n\nconst open = useToolbarMenu()\n</script>\n\n<template>\n  <DouTooltip\n    v-if=\"align !== undefined\"\n    :content=\"messages.align.label\"\n    :disabled=\"open\"\n    placement=\"bottom\"\n  >\n    <span class=\"dou-editor-bubble__trigger\">\n      <DouDropdown v-model:open=\"open\" placement=\"bottom-start\" class=\"dou-editor-menu\">\n        <DouButton size=\"sm\" variant=\"ghost\" :aria-label=\"messages.align.label\">\n          <component :is=\"icons[align === 'mixed' || !align ? 'left' : align]\" />\n        </DouButton>\n        <template #menu>\n          <DouDropdownRadioGroup\n            :model-value=\"align === 'mixed' ? undefined : (align ?? 'left')\"\n            @update:model-value=\"choose\"\n          >\n            <DouDropdownItem\n              v-for=\"name in aligns\"\n              :key=\"name\"\n              :value=\"name\"\n              :shortcut=\"shortcuts[name]\"\n            >\n              <template #prefix><component :is=\"icons[name]\" /></template>\n              {{ messages.align[name] }}\n            </DouDropdownItem>\n          </DouDropdownRadioGroup>\n        </template>\n      </DouDropdown>\n    </span>\n  </DouTooltip>\n</template>\n"],"mappings":";;;;;;;;;;EAQA,MAAM,EAAE,MAAM,OAAO,aAAa,UAAU;EAE5C,MAAM,QAAQ;GAAE,MAAM;GAAmB,QAAQ;GAAqB,OAAO;EAAmB;EAChG,MAAM,YAAY;GAAE,MAAM;GAAe,QAAQ;GAAe,OAAO;EAAc;EACrF,MAAM,SAAS;GAAC;GAAQ;GAAU;EAAO;EAEzC,MAAM,QAAQ,eAAgB,MAAM,QAAQ,aAAa,MAAM,KAAK,IAAI,KAAA,CAAU;EAElF,SAAS,OAAO,OAAgB;GAC9B,MAAM,UAAU,KAAK;GACrB,IAAI,CAAC,SAAS;GAGd,SADa,UAAU,SAAS,OAAQ,KAC3B,CAAC,CAAC,QAAQ,OAAO,QAAQ,QAAQ;GAC9C,QAAQ,MAAM;EAChB;EAEA,MAAM,OAAO,eAAe;;GAKlB,OAAA,MAAA,UAAU,KAAA,KADlBA,UAAA,GAAAC,YA6BaC,MAAA,UAAA,GAAA;;IA3BV,SAASA,MAAA,QAAA,CAAQ,CAAC,MAAM;IACxB,UAAUA,MAAA,IAAA;IACX,WAAU;;IAEV,SAAAC,cAsBO,CAtBPC,mBAsBO,QAtBP,YAsBO,CArBLC,YAoBcH,MAAA,WAAA,GAAA;KApBO,MAAMA,MAAA,IAAA;KAAA,iBAAA,OAAA,OAAA,OAAA,MAAA,WAAAI,MAAA,IAAA,IAAA,KAAI,QAAA,SAAA;KAAE,WAAU;KAAe,OAAM;;KAInD,MAAIH,cAcW,CAbxBE,YAawBH,MAAA,qBAAA,GAAA;MAZrB,eAAa,MAAA,UAAK,UAAe,KAAA,IAAa,MAAA,SAAK;MACnD,uBAAoB;;MAGnB,SAAAC,cAAsB,EADxBH,UAAA,GAAAO,mBAQkBC,UAAA,MAAAC,WAPD,SAAR,SAAI;OADb,OAAAJ,YAQkBH,MAAA,eAAA,GAAA;QANf,KAAK;QACL,OAAO;QACP,UAAU,UAAU;;QAEV,QAAMC,cAAgC,EAA/BH,UAAA,GAAAC,YAA+BS,wBAAf,MAAM,KAAI,CAAA,E;QAAgB,SAAAP,cAC5D,CAD4DQ,gBAAA,MAC5DC,gBAAGV,MAAA,QAAA,CAAQ,CAAC,MAAM,KAAI,GAAA,CAAA,C;;;;;;KAf5B,SAAAC,cAEY,CAFZE,YAEYH,MAAA,SAAA,GAAA;MAFD,MAAK;MAAK,SAAQ;MAAS,cAAYA,MAAA,QAAA,CAAQ,CAAC,MAAM;;MAC/D,SAAAC,cAAuE,EAAvEH,UAAA,GAAAC,YAAuES,wBAAvD,MAAM,MAAA,UAAK,WAAA,CAAiB,MAAA,QAAK,SAAY,MAAA,MAAK,CAAA,E"}

package/dist/extensions/align/align-sub.js

@@ -0,0 +1,6 @@
+import align_sub_vue_vue_type_script_setup_true_lang_default from "./align-sub.vue_vue_type_script_setup_true_lang.js";
+// src/extensions/align/align-sub.vue
+var align_sub_default = align_sub_vue_vue_type_script_setup_true_lang_default;
+export { align_sub_default as default };
+
+//# sourceMappingURL=align-sub.js.map

package/dist/extensions/align/align-sub.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"align-sub.js","names":["_sfc_main"],"sources":["../../../src/extensions/align/align-sub.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TextAlignCenterIcon, TextAlignLeftIcon, TextAlignRightIcon } from '@dou-ui/icons'\nimport { DouDropdownItem, DouDropdownRadioGroup, DouDropdownSub } from 'dou-ui'\nimport { computed } from 'vue'\nimport type { BlockAlign } from '../../core/align'\nimport type { Block } from '../../core/model'\nimport { useEditor } from '../../editor'\nimport { setAlign } from './commands'\n\nconst props = defineProps<{ block: Block }>()\nconst { view, kit, messages } = useEditor()\n\nconst icons = { left: TextAlignLeftIcon, center: TextAlignCenterIcon, right: TextAlignRightIcon }\nconst aligns = ['left', 'center', 'right'] as const\n\nconst alignable = computed(() => !!kit.schema.nodes[props.block.type]?.spec.attrs?.align)\n\nfunction choose(value: unknown) {\n  const current = view.value\n  if (!current) return\n  setAlign(value === 'left' ? null : (value as BlockAlign), props.block.id)(\n    current.state,\n    current.dispatch,\n  )\n}\n</script>\n\n<template>\n  <DouDropdownSub v-if=\"alignable\" :title=\"messages.align.label\">\n    <DouDropdownRadioGroup :model-value=\"block.props.align ?? 'left'\" @update:model-value=\"choose\">\n      <DouDropdownItem v-for=\"name in aligns\" :key=\"name\" :value=\"name\">\n        <template #prefix><component :is=\"icons[name]\" /></template>\n        {{ messages.align[name] }}\n      </DouDropdownItem>\n    </DouDropdownRadioGroup>\n  </DouDropdownSub>\n</template>\n"],"mappings":""}

package/dist/extensions/align/align-sub.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,57 @@
+import { useEditor } from "../../editor.js";
+import { setAlign } from "./commands.js";
+import { DouDropdownItem, DouDropdownRadioGroup, DouDropdownSub } from "dou-ui";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, openBlock, renderList, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { TextAlignCenterIcon, TextAlignLeftIcon, TextAlignRightIcon } from "@dou-ui/icons";
+// src/extensions/align/align-sub.vue?vue&type=script&setup=true&lang.ts
+var align_sub_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "align-sub",
+	props: { block: {} },
+	setup(__props) {
+		const props = __props;
+		const { view, kit, messages } = useEditor();
+		const icons = {
+			left: TextAlignLeftIcon,
+			center: TextAlignCenterIcon,
+			right: TextAlignRightIcon
+		};
+		const aligns = [
+			"left",
+			"center",
+			"right"
+		];
+		const alignable = computed(() => !!kit.schema.nodes[props.block.type]?.spec.attrs?.align);
+		function choose(value) {
+			const current = view.value;
+			if (!current) return;
+			setAlign(value === "left" ? null : value, props.block.id)(current.state, current.dispatch);
+		}
+		return (_ctx, _cache) => {
+			return alignable.value ? (openBlock(), createBlock(unref(DouDropdownSub), {
+				key: 0,
+				title: unref(messages).align.label
+			}, {
+				default: withCtx(() => [createVNode(unref(DouDropdownRadioGroup), {
+					"model-value": __props.block.props.align ?? "left",
+					"onUpdate:modelValue": choose
+				}, {
+					default: withCtx(() => [(openBlock(), createElementBlock(Fragment, null, renderList(aligns, (name) => {
+						return createVNode(unref(DouDropdownItem), {
+							key: name,
+							value: name
+						}, {
+							prefix: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(icons[name])))]),
+							default: withCtx(() => [createTextVNode(" " + toDisplayString(unref(messages).align[name]), 1)]),
+							_: 2
+						}, 1032, ["value"]);
+					}), 64))]),
+					_: 1
+				}, 8, ["model-value"])]),
+				_: 1
+			}, 8, ["title"])) : createCommentVNode("", true);
+		};
+	}
+});
+export { align_sub_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=align-sub.vue_vue_type_script_setup_true_lang.js.map

package/dist/extensions/align/align-sub.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"align-sub.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_withCtx","_createVNode","_createElementBlock","_Fragment","_renderList","_resolveDynamicComponent","_createTextVNode","_toDisplayString","_createCommentVNode"],"sources":["../../../src/extensions/align/align-sub.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { TextAlignCenterIcon, TextAlignLeftIcon, TextAlignRightIcon } from '@dou-ui/icons'\nimport { DouDropdownItem, DouDropdownRadioGroup, DouDropdownSub } from 'dou-ui'\nimport { computed } from 'vue'\nimport type { BlockAlign } from '../../core/align'\nimport type { Block } from '../../core/model'\nimport { useEditor } from '../../editor'\nimport { setAlign } from './commands'\n\nconst props = defineProps<{ block: Block }>()\nconst { view, kit, messages } = useEditor()\n\nconst icons = { left: TextAlignLeftIcon, center: TextAlignCenterIcon, right: TextAlignRightIcon }\nconst aligns = ['left', 'center', 'right'] as const\n\nconst alignable = computed(() => !!kit.schema.nodes[props.block.type]?.spec.attrs?.align)\n\nfunction choose(value: unknown) {\n  const current = view.value\n  if (!current) return\n  setAlign(value === 'left' ? null : (value as BlockAlign), props.block.id)(\n    current.state,\n    current.dispatch,\n  )\n}\n</script>\n\n<template>\n  <DouDropdownSub v-if=\"alignable\" :title=\"messages.align.label\">\n    <DouDropdownRadioGroup :model-value=\"block.props.align ?? 'left'\" @update:model-value=\"choose\">\n      <DouDropdownItem v-for=\"name in aligns\" :key=\"name\" :value=\"name\">\n        <template #prefix><component :is=\"icons[name]\" /></template>\n        {{ messages.align[name] }}\n      </DouDropdownItem>\n    </DouDropdownRadioGroup>\n  </DouDropdownSub>\n</template>\n"],"mappings":";;;;;;;;;;EASA,MAAM,QAAQ;EACd,MAAM,EAAE,MAAM,KAAK,aAAa,UAAU;EAE1C,MAAM,QAAQ;GAAE,MAAM;GAAmB,QAAQ;GAAqB,OAAO;EAAmB;EAChG,MAAM,SAAS;GAAC;GAAQ;GAAU;EAAO;EAEzC,MAAM,YAAY,eAAe,CAAC,CAAC,IAAI,OAAO,MAAM,MAAM,MAAM,KAAK,EAAE,KAAK,OAAO,KAAK;EAExF,SAAS,OAAO,OAAgB;GAC9B,MAAM,UAAU,KAAK;GACrB,IAAI,CAAC,SAAS;GACd,SAAS,UAAU,SAAS,OAAQ,OAAsB,MAAM,MAAM,EAAE,CAAC,CACvE,QAAQ,OACR,QAAQ,QACV;EACF;;GAIwB,OAAA,UAAA,SAAtBA,UAAA,GAAAC,YAOiBC,MAAA,cAAA,GAAA;;IAPiB,OAAOA,MAAA,QAAA,CAAQ,CAAC,MAAM;;IACtD,SAAAC,cAKwB,CALxBC,YAKwBF,MAAA,qBAAA,GAAA;KALA,eAAa,QAAA,MAAM,MAAM,SAAK;KAAa,uBAAoB;;KACpE,SAAAC,cAAsB,EAAvCH,UAAA,GAAAK,mBAGkBC,UAAA,MAAAC,WAHc,SAAR,SAAI;MAA5B,OAAAH,YAGkBF,MAAA,eAAA,GAAA;OAHuB,KAAK;OAAO,OAAO;;OAC/C,QAAMC,cAAgC,EAA/BH,UAAA,GAAAC,YAA+BO,wBAAf,MAAM,KAAI,CAAA,E;OAAgB,SAAAL,cAC5D,CAD4DM,gBAAA,MAC5DC,gBAAGR,MAAA,QAAA,CAAQ,CAAC,MAAM,KAAI,GAAA,CAAA,C"}

package/dist/extensions/align/commands.js

@@ -0,0 +1,40 @@
+import { blocksIn, findBlockById, selectedRange } from "../../core/blocks.js";
+import { blockSelectionRange } from "../../core/block-selection.js";
+// src/extensions/align/commands.ts
+/** Whether a content node can be aligned. */
+var alignable = (state, name) => !!state.schema.nodes[name]?.spec.attrs?.align;
+/**
+* Align the selected blocks (or the block with `id`). `'left'` and `null`
+* both go back to the reading direction, stored as no `align` at all.
+* Blocks that can't be aligned are left alone.
+*/
+function setAlign(align, id) {
+	const value = align === "left" ? null : align;
+	return (state, dispatch) => {
+		const targets = (id ? [findBlockById(state.doc, id)].filter((info) => !!info) : (() => {
+			const range = blockSelectionRange(state) ?? selectedRange(state);
+			return range ? blocksIn(range) : [];
+		})()).filter((info) => alignable(state, info.content.type.name));
+		if (!targets.length) return false;
+		if (dispatch) {
+			const tr = state.tr;
+			for (const info of targets) tr.setNodeAttribute(info.contentPos, "align", value);
+			dispatch(tr);
+		}
+		return true;
+	};
+}
+/**
+* The alignment the selected blocks share: `null` for none set, `'mixed'`
+* when they differ, `undefined` when none can be aligned.
+*/
+function currentAlign(state) {
+	const range = blockSelectionRange(state) ?? selectedRange(state);
+	const blocks = range ? blocksIn(range).filter((info) => alignable(state, info.content.type.name)) : [];
+	if (!blocks.length) return void 0;
+	const first = blocks[0].content.attrs.align ?? null;
+	return blocks.every((info) => (info.content.attrs.align ?? null) === first) ? first : "mixed";
+}
+export { currentAlign, setAlign };
+
+//# sourceMappingURL=commands.js.map

package/dist/extensions/align/commands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commands.js","names":[],"sources":["../../../src/extensions/align/commands.ts"],"sourcesContent":["import type { Command, EditorState } from 'prosemirror-state'\nimport type { BlockAlign } from '../../core/align'\nimport { blockSelectionRange } from '../../core/block-selection'\nimport { blocksIn, findBlockById, selectedRange } from '../../core/blocks'\n\n/** Whether a content node can be aligned. */\nconst alignable = (state: EditorState, name: string) =>\n  !!state.schema.nodes[name]?.spec.attrs?.align\n\n/**\n * Align the selected blocks (or the block with `id`). `'left'` and `null`\n * both go back to the reading direction, stored as no `align` at all.\n * Blocks that can't be aligned are left alone.\n */\nexport function setAlign(align: BlockAlign | null, id?: string): Command {\n  const value = align === 'left' ? null : align\n  return (state, dispatch) => {\n    const blocks = id\n      ? [findBlockById(state.doc, id)].filter((info) => !!info)\n      : (() => {\n          const range = blockSelectionRange(state) ?? selectedRange(state)\n          return range ? blocksIn(range) : []\n        })()\n    const targets = blocks.filter((info) => alignable(state, info.content.type.name))\n    if (!targets.length) return false\n    if (dispatch) {\n      const tr = state.tr\n      for (const info of targets) tr.setNodeAttribute(info.contentPos, 'align', value)\n      dispatch(tr)\n    }\n    return true\n  }\n}\n\n/**\n * The alignment the selected blocks share: `null` for none set, `'mixed'`\n * when they differ, `undefined` when none can be aligned.\n */\nexport function currentAlign(state: EditorState): BlockAlign | 'mixed' | null | undefined {\n  const range = blockSelectionRange(state) ?? selectedRange(state)\n  const blocks = range\n    ? blocksIn(range).filter((info) => alignable(state, info.content.type.name))\n    : []\n  if (!blocks.length) return undefined\n  const first = (blocks[0]!.content.attrs.align as BlockAlign | null) ?? null\n  return blocks.every((info) => (info.content.attrs.align ?? null) === first) ? first : 'mixed'\n}\n"],"mappings":";;;;AAMA,IAAM,aAAa,OAAoB,SACrC,CAAC,CAAC,MAAM,OAAO,MAAM,KAAK,EAAE,KAAK,OAAO;;;;;;AAO1C,SAAgB,SAAS,OAA0B,IAAsB;CACvE,MAAM,QAAQ,UAAU,SAAS,OAAO;CACxC,QAAQ,OAAO,aAAa;EAO1B,MAAM,WANS,KACX,CAAC,cAAc,MAAM,KAAK,EAAE,CAAC,CAAC,CAAC,QAAQ,SAAS,CAAC,CAAC,IAAI,WAC/C;GACL,MAAM,QAAQ,oBAAoB,KAAK,KAAK,cAAc,KAAK;GAC/D,OAAO,QAAQ,SAAS,KAAK,IAAI,CAAC;EACpC,EAAA,CAAG,EAAA,CACgB,QAAQ,SAAS,UAAU,OAAO,KAAK,QAAQ,KAAK,IAAI,CAAC;EAChF,IAAI,CAAC,QAAQ,QAAQ,OAAO;EAC5B,IAAI,UAAU;GACZ,MAAM,KAAK,MAAM;GACjB,KAAK,MAAM,QAAQ,SAAS,GAAG,iBAAiB,KAAK,YAAY,SAAS,KAAK;GAC/E,SAAS,EAAE;EACb;EACA,OAAO;CACT;AACF;;;;;AAMA,SAAgB,aAAa,OAA6D;CACxF,MAAM,QAAQ,oBAAoB,KAAK,KAAK,cAAc,KAAK;CAC/D,MAAM,SAAS,QACX,SAAS,KAAK,CAAC,CAAC,QAAQ,SAAS,UAAU,OAAO,KAAK,QAAQ,KAAK,IAAI,CAAC,IACzE,CAAC;CACL,IAAI,CAAC,OAAO,QAAQ,OAAO,KAAA;CAC3B,MAAM,QAAS,OAAO,EAAE,CAAE,QAAQ,MAAM,SAA+B;CACvE,OAAO,OAAO,OAAO,UAAU,KAAK,QAAQ,MAAM,SAAS,UAAU,KAAK,IAAI,QAAQ;AACxF"}

package/dist/extensions/align/index.js

@@ -0,0 +1,27 @@
+import { defineEditorExtension } from "../../core/extension.js";
+import { currentAlign, setAlign } from "./commands.js";
+import align_menu_default from "./align-menu.js";
+import align_sub_default from "./align-sub.js";
+// src/extensions/align/index.ts
+var always = (command) => (state, dispatch, view) => {
+	command(state, dispatch, view);
+	return true;
+};
+/**
+* Aligning paragraphs, headings and quotes left, centered or right: a menu
+* in the formatting toolbar and in the block menu, and `Mod+Shift+L/E/R`.
+* The blocks keep it as `props.align`.
+*/
+var align = defineEditorExtension({
+	name: "align",
+	keymap: () => ({
+		"mod+shift+l": always(setAlign(null)),
+		"mod+shift+e": always(setAlign("center")),
+		"mod+shift+r": always(setAlign("right"))
+	}),
+	toolbar: [align_menu_default],
+	blockMenu: [align_sub_default]
+});
+export { align, currentAlign, setAlign };
+
+//# sourceMappingURL=index.js.map

package/dist/extensions/align/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["AlignMenu","AlignSub"],"sources":["../../../src/extensions/align/index.ts"],"sourcesContent":["import type { Command } from 'prosemirror-state'\nimport { defineEditorExtension } from '../../core/extension'\nimport AlignMenu from './align-menu.vue'\nimport AlignSub from './align-sub.vue'\nimport { setAlign } from './commands'\n\nexport { currentAlign, setAlign } from './commands'\n\nconst always =\n  (command: Command): Command =>\n  (state, dispatch, view) => {\n    command(state, dispatch, view)\n    return true\n  }\n\n/**\n * Aligning paragraphs, headings and quotes left, centered or right: a menu\n * in the formatting toolbar and in the block menu, and `Mod+Shift+L/E/R`.\n * The blocks keep it as `props.align`.\n */\nexport const align = defineEditorExtension({\n  name: 'align',\n  // taken in the editor even where nothing can be aligned: Mod+Shift+R would reload the page\n  keymap: () => ({\n    'mod+shift+l': always(setAlign(null)),\n    'mod+shift+e': always(setAlign('center')),\n    'mod+shift+r': always(setAlign('right')),\n  }),\n  toolbar: [AlignMenu],\n  blockMenu: [AlignSub],\n})\n"],"mappings":";;;;;AAQA,IAAM,UACH,aACA,OAAO,UAAU,SAAS;CACzB,QAAQ,OAAO,UAAU,IAAI;CAC7B,OAAO;AACT;;;;;;AAOF,IAAa,QAAQ,sBAAsB;CACzC,MAAM;CAEN,eAAe;EACb,eAAe,OAAO,SAAS,IAAI,CAAC;EACpC,eAAe,OAAO,SAAS,QAAQ,CAAC;EACxC,eAAe,OAAO,SAAS,OAAO,CAAC;CACzC;CACA,SAAS,CAACA,kBAAS;CACnB,WAAW,CAACC,iBAAQ;AACtB,CAAC"}

package/dist/extensions/attachment/attachment-block.js

@@ -0,0 +1,6 @@
+import attachment_block_vue_vue_type_script_setup_true_lang_default from "./attachment-block.vue_vue_type_script_setup_true_lang.js";
+// src/extensions/attachment/attachment-block.vue
+var attachment_block_default = attachment_block_vue_vue_type_script_setup_true_lang_default;
+export { attachment_block_default as default };
+
+//# sourceMappingURL=attachment-block.js.map

package/dist/extensions/attachment/attachment-block.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment-block.js","names":["_sfc_main"],"sources":["../../../src/extensions/attachment/attachment-block.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DownloadIcon,\n  FileArchiveIcon,\n  FileAudioIcon,\n  FileIcon,\n  FileImageIcon,\n  FileSpreadsheetIcon,\n  FileTextIcon,\n  FileVideoIcon,\n  PaperclipIcon,\n  UploadIcon,\n} from '@dou-ui/icons'\nimport { DouButton, DouSpinner, DouTooltip } from 'dou-ui'\nimport { computed, useTemplateRef } from 'vue'\nimport type { BlockProps } from '../../core/model'\nimport { useEditor } from '../../editor'\nimport type { Uploads } from '../image/uploads'\nimport { fileKind, formatFileSize, isSafeFileSrc } from './files'\n\nconst props = defineProps<{\n  block: { id: string; type: string; props: BlockProps }\n  updateProps: (props: BlockProps) => void\n  selected: boolean\n  editable: boolean\n  uploads: Uploads\n  accept?: string\n}>()\n\nconst { messages, view } = useEditor()\nconst text = computed(() => messages.value.attachment)\n\nconst src = computed(() => {\n  const value = String(props.block.props.src ?? '')\n  return value && isSafeFileSrc(value) ? value : ''\n})\nconst name = computed(\n  () =>\n    String(props.block.props.name ?? '') || src.value.split(/[/?#]/).filter(Boolean).at(-1) || '',\n)\nconst size = computed(() => formatFileSize(props.block.props.size ?? ''))\nconst upload = computed(() => props.uploads.items.get(props.block.id))\nconst icons = {\n  image: FileImageIcon,\n  video: FileVideoIcon,\n  audio: FileAudioIcon,\n  archive: FileArchiveIcon,\n  spreadsheet: FileSpreadsheetIcon,\n  text: FileTextIcon,\n  other: FileIcon,\n}\nconst icon = computed(() => icons[fileKind(String(props.block.props.mime ?? ''), name.value)])\n\nconst fileInput = useTemplateRef<HTMLInputElement>('fileInput')\n\nfunction pick() {\n  fileInput.value?.click()\n}\n\nfunction onFile(event: Event) {\n  const input = event.target as HTMLInputElement\n  const file = input.files?.[0]\n  input.value = ''\n  if (file && view.value) props.uploads.start(view.value, props.block.id, file)\n}\n</script>\n\n<template>\n  <div class=\"dou-editor-attachment\" :class=\"{ 'is-selected': selected }\">\n    <div v-if=\"src || upload || name\" class=\"dou-editor-attachment__card\">\n      <component :is=\"icon\" class=\"dou-editor-attachment__icon\" />\n      <div class=\"dou-editor-attachment__text\">\n        <span class=\"dou-editor-attachment__name\">{{ name }}</span>\n        <span class=\"dou-editor-attachment__meta\">\n          <template v-if=\"upload && !upload.failed\">\n            <DouSpinner size=\"sm\" />\n            {{ text.uploading }}\n          </template>\n          <template v-else-if=\"upload?.failed\">{{ text.failed }}</template>\n          <template v-else>{{ size }}</template>\n        </span>\n      </div>\n      <DouButton v-if=\"upload?.failed && editable\" size=\"sm\" variant=\"outline\" @click=\"pick\">\n        {{ text.retry }}\n      </DouButton>\n      <DouTooltip v-else-if=\"src\" :content=\"text.download\">\n        <a\n          class=\"dou-editor-attachment__download\"\n          :href=\"src\"\n          :download=\"name || ''\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          :aria-label=\"`${text.download} ${name}`\"\n          data-editor-control\n        >\n          <DownloadIcon />\n        </a>\n      </DouTooltip>\n    </div>\n\n    <div v-else-if=\"editable\" class=\"dou-editor-image__empty\">\n      <PaperclipIcon class=\"dou-editor-image__empty-icon\" />\n      <span class=\"dou-editor-image__empty-text\">{{ text.empty }}</span>\n      <DouButton size=\"sm\" variant=\"outline\" @click=\"pick\">\n        <template #leading><UploadIcon /></template>\n        {{ text.upload }}\n      </DouButton>\n    </div>\n\n    <input v-if=\"editable\" ref=\"fileInput\" type=\"file\" :accept=\"accept\" hidden @change=\"onFile\" />\n  </div>\n</template>\n"],"mappings":""}

package/dist/extensions/attachment/attachment-block.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,119 @@
+import { useEditor } from "../../editor.js";
+import { fileKind, formatFileSize, isSafeFileSrc } from "./files.js";
+import { DouButton, DouSpinner, DouTooltip } from "dou-ui";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, useTemplateRef, withCtx } from "vue";
+import { DownloadIcon, FileArchiveIcon, FileAudioIcon, FileIcon, FileImageIcon, FileSpreadsheetIcon, FileTextIcon, FileVideoIcon, PaperclipIcon, UploadIcon } from "@dou-ui/icons";
+// src/extensions/attachment/attachment-block.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	class: "dou-editor-attachment__card"
+};
+var _hoisted_2 = { class: "dou-editor-attachment__text" };
+var _hoisted_3 = { class: "dou-editor-attachment__name" };
+var _hoisted_4 = { class: "dou-editor-attachment__meta" };
+var _hoisted_5 = [
+	"href",
+	"download",
+	"aria-label"
+];
+var _hoisted_6 = {
+	key: 1,
+	class: "dou-editor-image__empty"
+};
+var _hoisted_7 = { class: "dou-editor-image__empty-text" };
+var _hoisted_8 = ["accept"];
+var attachment_block_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "attachment-block",
+	props: {
+		block: {},
+		updateProps: { type: Function },
+		selected: { type: Boolean },
+		editable: { type: Boolean },
+		uploads: {},
+		accept: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const { messages, view } = useEditor();
+		const text = computed(() => messages.value.attachment);
+		const src = computed(() => {
+			const value = String(props.block.props.src ?? "");
+			return value && isSafeFileSrc(value) ? value : "";
+		});
+		const name = computed(() => String(props.block.props.name ?? "") || src.value.split(/[/?#]/).filter(Boolean).at(-1) || "");
+		const size = computed(() => formatFileSize(props.block.props.size ?? ""));
+		const upload = computed(() => props.uploads.items.get(props.block.id));
+		const icons = {
+			image: FileImageIcon,
+			video: FileVideoIcon,
+			audio: FileAudioIcon,
+			archive: FileArchiveIcon,
+			spreadsheet: FileSpreadsheetIcon,
+			text: FileTextIcon,
+			other: FileIcon
+		};
+		const icon = computed(() => icons[fileKind(String(props.block.props.mime ?? ""), name.value)]);
+		const fileInput = useTemplateRef("fileInput");
+		function pick() {
+			fileInput.value?.click();
+		}
+		function onFile(event) {
+			const input = event.target;
+			const file = input.files?.[0];
+			input.value = "";
+			if (file && view.value) props.uploads.start(view.value, props.block.id, file);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(["dou-editor-attachment", { "is-selected": __props.selected }]) }, [src.value || upload.value || name.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+				(openBlock(), createBlock(resolveDynamicComponent(icon.value), { class: "dou-editor-attachment__icon" })),
+				createElementVNode("div", _hoisted_2, [createElementVNode("span", _hoisted_3, toDisplayString(name.value), 1), createElementVNode("span", _hoisted_4, [upload.value && !upload.value.failed ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createVNode(unref(DouSpinner), { size: "sm" }), createTextVNode(" " + toDisplayString(text.value.uploading), 1)], 64)) : upload.value?.failed ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(text.value.failed), 1)], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(size.value), 1)], 64))])]),
+				upload.value?.failed && __props.editable ? (openBlock(), createBlock(unref(DouButton), {
+					key: 0,
+					size: "sm",
+					variant: "outline",
+					onClick: pick
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(text.value.retry), 1)]),
+					_: 1
+				})) : src.value ? (openBlock(), createBlock(unref(DouTooltip), {
+					key: 1,
+					content: text.value.download
+				}, {
+					default: withCtx(() => [createElementVNode("a", {
+						class: "dou-editor-attachment__download",
+						href: src.value,
+						download: name.value || "",
+						target: "_blank",
+						rel: "noopener noreferrer",
+						"aria-label": `${text.value.download} ${name.value}`,
+						"data-editor-control": ""
+					}, [createVNode(unref(DownloadIcon))], 8, _hoisted_5)]),
+					_: 1
+				}, 8, ["content"])) : createCommentVNode("", true)
+			])) : __props.editable ? (openBlock(), createElementBlock("div", _hoisted_6, [
+				createVNode(unref(PaperclipIcon), { class: "dou-editor-image__empty-icon" }),
+				createElementVNode("span", _hoisted_7, toDisplayString(text.value.empty), 1),
+				createVNode(unref(DouButton), {
+					size: "sm",
+					variant: "outline",
+					onClick: pick
+				}, {
+					leading: withCtx(() => [createVNode(unref(UploadIcon))]),
+					default: withCtx(() => [createTextVNode(" " + toDisplayString(text.value.upload), 1)]),
+					_: 1
+				})
+			])) : createCommentVNode("", true), __props.editable ? (openBlock(), createElementBlock("input", {
+				key: 2,
+				ref_key: "fileInput",
+				ref: fileInput,
+				type: "file",
+				accept: __props.accept,
+				hidden: "",
+				onChange: onFile
+			}, null, 40, _hoisted_8)) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+export { attachment_block_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=attachment-block.vue_vue_type_script_setup_true_lang.js.map

package/dist/extensions/attachment/attachment-block.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment-block.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_createBlock","_resolveDynamicComponent","_createElementVNode","_toDisplayString","_Fragment","_createVNode","_unref","_createTextVNode","_withCtx","_createCommentVNode"],"sources":["../../../src/extensions/attachment/attachment-block.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  DownloadIcon,\n  FileArchiveIcon,\n  FileAudioIcon,\n  FileIcon,\n  FileImageIcon,\n  FileSpreadsheetIcon,\n  FileTextIcon,\n  FileVideoIcon,\n  PaperclipIcon,\n  UploadIcon,\n} from '@dou-ui/icons'\nimport { DouButton, DouSpinner, DouTooltip } from 'dou-ui'\nimport { computed, useTemplateRef } from 'vue'\nimport type { BlockProps } from '../../core/model'\nimport { useEditor } from '../../editor'\nimport type { Uploads } from '../image/uploads'\nimport { fileKind, formatFileSize, isSafeFileSrc } from './files'\n\nconst props = defineProps<{\n  block: { id: string; type: string; props: BlockProps }\n  updateProps: (props: BlockProps) => void\n  selected: boolean\n  editable: boolean\n  uploads: Uploads\n  accept?: string\n}>()\n\nconst { messages, view } = useEditor()\nconst text = computed(() => messages.value.attachment)\n\nconst src = computed(() => {\n  const value = String(props.block.props.src ?? '')\n  return value && isSafeFileSrc(value) ? value : ''\n})\nconst name = computed(\n  () =>\n    String(props.block.props.name ?? '') || src.value.split(/[/?#]/).filter(Boolean).at(-1) || '',\n)\nconst size = computed(() => formatFileSize(props.block.props.size ?? ''))\nconst upload = computed(() => props.uploads.items.get(props.block.id))\nconst icons = {\n  image: FileImageIcon,\n  video: FileVideoIcon,\n  audio: FileAudioIcon,\n  archive: FileArchiveIcon,\n  spreadsheet: FileSpreadsheetIcon,\n  text: FileTextIcon,\n  other: FileIcon,\n}\nconst icon = computed(() => icons[fileKind(String(props.block.props.mime ?? ''), name.value)])\n\nconst fileInput = useTemplateRef<HTMLInputElement>('fileInput')\n\nfunction pick() {\n  fileInput.value?.click()\n}\n\nfunction onFile(event: Event) {\n  const input = event.target as HTMLInputElement\n  const file = input.files?.[0]\n  input.value = ''\n  if (file && view.value) props.uploads.start(view.value, props.block.id, file)\n}\n</script>\n\n<template>\n  <div class=\"dou-editor-attachment\" :class=\"{ 'is-selected': selected }\">\n    <div v-if=\"src || upload || name\" class=\"dou-editor-attachment__card\">\n      <component :is=\"icon\" class=\"dou-editor-attachment__icon\" />\n      <div class=\"dou-editor-attachment__text\">\n        <span class=\"dou-editor-attachment__name\">{{ name }}</span>\n        <span class=\"dou-editor-attachment__meta\">\n          <template v-if=\"upload && !upload.failed\">\n            <DouSpinner size=\"sm\" />\n            {{ text.uploading }}\n          </template>\n          <template v-else-if=\"upload?.failed\">{{ text.failed }}</template>\n          <template v-else>{{ size }}</template>\n        </span>\n      </div>\n      <DouButton v-if=\"upload?.failed && editable\" size=\"sm\" variant=\"outline\" @click=\"pick\">\n        {{ text.retry }}\n      </DouButton>\n      <DouTooltip v-else-if=\"src\" :content=\"text.download\">\n        <a\n          class=\"dou-editor-attachment__download\"\n          :href=\"src\"\n          :download=\"name || ''\"\n          target=\"_blank\"\n          rel=\"noopener noreferrer\"\n          :aria-label=\"`${text.download} ${name}`\"\n          data-editor-control\n        >\n          <DownloadIcon />\n        </a>\n      </DouTooltip>\n    </div>\n\n    <div v-else-if=\"editable\" class=\"dou-editor-image__empty\">\n      <PaperclipIcon class=\"dou-editor-image__empty-icon\" />\n      <span class=\"dou-editor-image__empty-text\">{{ text.empty }}</span>\n      <DouButton size=\"sm\" variant=\"outline\" @click=\"pick\">\n        <template #leading><UploadIcon /></template>\n        {{ text.upload }}\n      </DouButton>\n    </div>\n\n    <input v-if=\"editable\" ref=\"fileInput\" type=\"file\" :accept=\"accept\" hidden @change=\"onFile\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBA,MAAM,QAAQ;EASd,MAAM,EAAE,UAAU,SAAS,UAAU;EACrC,MAAM,OAAO,eAAe,SAAS,MAAM,UAAU;EAErD,MAAM,MAAM,eAAe;GACzB,MAAM,QAAQ,OAAO,MAAM,MAAM,MAAM,OAAO,EAAE;GAChD,OAAO,SAAS,cAAc,KAAK,IAAI,QAAQ;EACjD,CAAC;EACD,MAAM,OAAO,eAET,OAAO,MAAM,MAAM,MAAM,QAAQ,EAAE,KAAK,IAAI,MAAM,MAAM,OAAO,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,EAC/F;EACA,MAAM,OAAO,eAAe,eAAe,MAAM,MAAM,MAAM,QAAQ,EAAE,CAAC;EACxE,MAAM,SAAS,eAAe,MAAM,QAAQ,MAAM,IAAI,MAAM,MAAM,EAAE,CAAC;EACrE,MAAM,QAAQ;GACZ,OAAO;GACP,OAAO;GACP,OAAO;GACP,SAAS;GACT,aAAa;GACb,MAAM;GACN,OAAO;EACT;EACA,MAAM,OAAO,eAAe,MAAM,SAAS,OAAO,MAAM,MAAM,MAAM,QAAQ,EAAE,GAAG,KAAK,KAAK,EAAE;EAE7F,MAAM,YAAY,eAAiC,WAAW;EAE9D,SAAS,OAAO;GACd,UAAU,OAAO,MAAM;EACzB;EAEA,SAAS,OAAO,OAAc;GAC5B,MAAM,QAAQ,MAAM;GACpB,MAAM,OAAO,MAAM,QAAQ;GAC3B,MAAM,QAAQ;GACd,IAAI,QAAQ,KAAK,OAAO,MAAM,QAAQ,MAAM,KAAK,OAAO,MAAM,MAAM,IAAI,IAAI;EAC9E;;GAIE,OAAAA,UAAA,GAAAC,mBA0CM,OAAA,EA1CD,OAAKC,eAAA,CAAC,yBAAuB,EAAA,eAA0B,QAAA,SAAQ,CAAA,CAAA,E,IACvD,IAAA,SAAO,OAAA,SAAU,KAAA,SAA5BF,UAAA,GAAAC,mBA6BM,OA7BN,YA6BM;KA5BJD,UAAA,GAAAG,YAA4DC,wBAA5C,KAAA,KAAI,GAAA,EAAE,OAAM,8BAA6B,CAAA;IACzDC,mBAUM,OAVN,YAUM,CATJA,mBAA2D,QAA3D,YAA2DC,gBAAd,KAAA,KAAI,GAAA,CAAA,GACjDD,mBAOO,QAPP,YAOO,CANW,OAAA,SAAM,CAAK,OAAA,MAAO,UAAlCL,UAAA,GAAAC,mBAGWM,UAAA,EAAA,KAAA,EAAA,GAAA,CAFTC,YAAwBC,MAAA,UAAA,GAAA,EAAZ,MAAK,KAAI,CAAA,GAAGC,gBAAA,MACxBJ,gBAAG,KAAA,MAAK,SAAS,GAAA,CAAA,C,UAEE,OAAA,OAAQ,UAA7BN,UAAA,GAAAC,mBAAiEM,UAAA,EAAA,KAAA,EAAA,GAAA,CAAzBG,gBAAAJ,gBAAA,KAAA,MAAK,MAAM,GAAA,CAAA,C,WACnDN,UAAA,GAAAC,mBAAsCM,UAAA,EAAA,KAAA,EAAA,GAAA,CAAlBG,gBAAAJ,gBAAA,KAAA,KAAI,GAAA,CAAA,C;IAGX,OAAA,OAAQ,UAAU,QAAA,YAAnCN,UAAA,GAAAG,YAEYM,MAAA,SAAA,GAAA;;KAFiC,MAAK;KAAK,SAAQ;KAAW,SAAO;;KAC/E,SAAAE,cAAgB,CAAbD,gBAAAJ,gBAAA,KAAA,MAAK,KAAK,GAAA,CAAA,C;;I,MAEQ,IAAA,SAAvBN,UAAA,GAAAG,YAYaM,MAAA,UAAA,GAAA;;KAZgB,SAAS,KAAA,MAAK;;KACzC,SAAAE,cAUI,CAVJN,mBAUI,KAAA;MATF,OAAM;MACL,MAAM,IAAA;MACN,UAAU,KAAA,SAAI;MACf,QAAO;MACP,KAAI;MACH,cAAU,GAAK,KAAA,MAAK,SAAQ,GAAI,KAAA;MACjC,uBAAA;K,IAEAG,YAAgBC,MAAA,YAAA,CAAA,C;;;G,MAKN,QAAA,YAAhBT,UAAA,GAAAC,mBAOM,OAPN,YAOM;IANJO,YAAsDC,MAAA,aAAA,GAAA,EAAvC,OAAM,+BAA8B,CAAA;IACnDJ,mBAAkE,QAAlE,YAAkEC,gBAApB,KAAA,MAAK,KAAK,GAAA,CAAA;IACxDE,YAGYC,MAAA,SAAA,GAAA;KAHD,MAAK;KAAK,SAAQ;KAAW,SAAO;;KAClC,SAAOE,cAAe,CAAdH,YAAcC,MAAA,UAAA,CAAA,C;KAAW,SAAAE,cAC5C,CAD4CD,gBAAA,MAC5CJ,gBAAG,KAAA,MAAK,MAAM,GAAA,CAAA,C;;;G,oCAIL,QAAA,YAAbN,UAAA,GAAAC,mBAA8F,SAAA;;IAAnE,SAAA;IAAJ,KAAI;IAAY,MAAK;IAAQ,QAAQ,QAAA;IAAQ,QAAA;IAAQ,UAAQ"}

package/dist/extensions/attachment/files.js

@@ -0,0 +1,66 @@
+// src/extensions/attachment/files.ts
+/** Addresses an attachment may link to: web, relative, and files held in the page. */
+function isSafeFileSrc(src) {
+	const value = src.replace(/[\u0000- ]/g, "");
+	const scheme = /^([a-z][a-z0-9+.-]*):/i.exec(value)?.[1]?.toLowerCase();
+	if (!scheme) return true;
+	return [
+		"http",
+		"https",
+		"blob",
+		"data"
+	].includes(scheme);
+}
+/** `1.2 MB`, `340 KB`, `12 B`. */
+function formatFileSize(size) {
+	if (size === "" || size == null) return "";
+	const bytes = Number(size);
+	if (!Number.isFinite(bytes) || bytes < 0) return "";
+	const units = [
+		"B",
+		"KB",
+		"MB",
+		"GB",
+		"TB"
+	];
+	let value = bytes;
+	let unit = 0;
+	while (value >= 1024 && unit < units.length - 1) {
+		value /= 1024;
+		unit++;
+	}
+	const digits = unit === 0 || value >= 10 ? 0 : 1;
+	return `${value.toFixed(digits)} ${units[unit]}`;
+}
+/** The kind of file, for its icon. */
+function fileKind(mime, name) {
+	const ext = /\.([a-z0-9]+)$/i.exec(name)?.[1]?.toLowerCase() ?? "";
+	if (mime.startsWith("image/")) return "image";
+	if (mime.startsWith("video/")) return "video";
+	if (mime.startsWith("audio/")) return "audio";
+	if (/zip|compressed|tar|rar|7z/.test(mime) || [
+		"zip",
+		"rar",
+		"7z",
+		"gz",
+		"tar"
+	].includes(ext)) return "archive";
+	if (/sheet|excel|csv/.test(mime) || [
+		"xlsx",
+		"xls",
+		"csv"
+	].includes(ext)) return "spreadsheet";
+	if (mime.startsWith("text/") || /pdf|word|document|presentation/.test(mime) || [
+		"pdf",
+		"doc",
+		"docx",
+		"txt",
+		"md",
+		"ppt",
+		"pptx"
+	].includes(ext)) return "text";
+	return "other";
+}
+export { fileKind, formatFileSize, isSafeFileSrc };
+
+//# sourceMappingURL=files.js.map

package/dist/extensions/attachment/files.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"files.js","names":[],"sources":["../../../src/extensions/attachment/files.ts"],"sourcesContent":["/** Addresses an attachment may link to: web, relative, and files held in the page. */\nexport function isSafeFileSrc(src: string): boolean {\n  // eslint-disable-next-line no-control-regex\n  const value = src.replace(/[\\u0000- ]/g, '')\n  const scheme = /^([a-z][a-z0-9+.-]*):/i.exec(value)?.[1]?.toLowerCase()\n  if (!scheme) return true\n  // a data URL is only ever downloaded (the link has `download`), never opened\n  return ['http', 'https', 'blob', 'data'].includes(scheme)\n}\n\n/** `1.2 MB`, `340 KB`, `12 B`. */\nexport function formatFileSize(size: unknown): string {\n  if (size === '' || size == null) return ''\n  const bytes = Number(size)\n  if (!Number.isFinite(bytes) || bytes < 0) return ''\n  const units = ['B', 'KB', 'MB', 'GB', 'TB']\n  let value = bytes\n  let unit = 0\n  while (value >= 1024 && unit < units.length - 1) {\n    value /= 1024\n    unit++\n  }\n  const digits = unit === 0 || value >= 10 ? 0 : 1\n  return `${value.toFixed(digits)} ${units[unit]}`\n}\n\n/** The kind of file, for its icon. */\nexport function fileKind(\n  mime: string,\n  name: string,\n): 'image' | 'video' | 'audio' | 'archive' | 'text' | 'spreadsheet' | 'other' {\n  const ext = /\\.([a-z0-9]+)$/i.exec(name)?.[1]?.toLowerCase() ?? ''\n  if (mime.startsWith('image/')) return 'image'\n  if (mime.startsWith('video/')) return 'video'\n  if (mime.startsWith('audio/')) return 'audio'\n  if (/zip|compressed|tar|rar|7z/.test(mime) || ['zip', 'rar', '7z', 'gz', 'tar'].includes(ext))\n    return 'archive'\n  if (/sheet|excel|csv/.test(mime) || ['xlsx', 'xls', 'csv'].includes(ext)) return 'spreadsheet'\n  if (\n    mime.startsWith('text/') ||\n    /pdf|word|document|presentation/.test(mime) ||\n    ['pdf', 'doc', 'docx', 'txt', 'md', 'ppt', 'pptx'].includes(ext)\n  )\n    return 'text'\n  return 'other'\n}\n"],"mappings":";;AACA,SAAgB,cAAc,KAAsB;CAElD,MAAM,QAAQ,IAAI,QAAQ,eAAe,EAAE;CAC3C,MAAM,SAAS,yBAAyB,KAAK,KAAK,CAAC,GAAG,EAAE,EAAE,YAAY;CACtE,IAAI,CAAC,QAAQ,OAAO;CAEpB,OAAO;EAAC;EAAQ;EAAS;EAAQ;CAAM,CAAC,CAAC,SAAS,MAAM;AAC1D;;AAGA,SAAgB,eAAe,MAAuB;CACpD,IAAI,SAAS,MAAM,QAAQ,MAAM,OAAO;CACxC,MAAM,QAAQ,OAAO,IAAI;CACzB,IAAI,CAAC,OAAO,SAAS,KAAK,KAAK,QAAQ,GAAG,OAAO;CACjD,MAAM,QAAQ;EAAC;EAAK;EAAM;EAAM;EAAM;CAAI;CAC1C,IAAI,QAAQ;CACZ,IAAI,OAAO;CACX,OAAO,SAAS,QAAQ,OAAO,MAAM,SAAS,GAAG;EAC/C,SAAS;EACT;CACF;CACA,MAAM,SAAS,SAAS,KAAK,SAAS,KAAK,IAAI;CAC/C,OAAO,GAAG,MAAM,QAAQ,MAAM,EAAE,GAAG,MAAM;AAC3C;;AAGA,SAAgB,SACd,MACA,MAC4E;CAC5E,MAAM,MAAM,kBAAkB,KAAK,IAAI,CAAC,GAAG,EAAE,EAAE,YAAY,KAAK;CAChE,IAAI,KAAK,WAAW,QAAQ,GAAG,OAAO;CACtC,IAAI,KAAK,WAAW,QAAQ,GAAG,OAAO;CACtC,IAAI,KAAK,WAAW,QAAQ,GAAG,OAAO;CACtC,IAAI,4BAA4B,KAAK,IAAI,KAAK;EAAC;EAAO;EAAO;EAAM;EAAM;CAAK,CAAC,CAAC,SAAS,GAAG,GAC1F,OAAO;CACT,IAAI,kBAAkB,KAAK,IAAI,KAAK;EAAC;EAAQ;EAAO;CAAK,CAAC,CAAC,SAAS,GAAG,GAAG,OAAO;CACjF,IACE,KAAK,WAAW,OAAO,KACvB,iCAAiC,KAAK,IAAI,KAC1C;EAAC;EAAO;EAAO;EAAQ;EAAO;EAAM;EAAO;CAAM,CAAC,CAAC,SAAS,GAAG,GAE/D,OAAO;CACT,OAAO;AACT"}