@ecsplico/editor 0.0.0-stage → 2.0.0

package/dist/tree/DocumentTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentTree.js","names":["_useModel","outlineItems","buildOutlineItems","filterKinds","filterKindsFor","isDraggable","isDraggableItem","_openBlock","_createElementBlock","_createVNode","_unref","_createCommentVNode","_withKeys","_toDisplayString","_createBlock","_withCtx","_createElementVNode","_normalizeClass","_withModifiers","_Fragment","_renderSlot"],"sources":["../../src/tree/DocumentTree.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { DropdownItem } from '../vue/kit/types'\nimport { useUiKit } from '../vue/kit/use-ui-kit'\nimport type { Editor } from '@tiptap/core'\nimport { computed, ref, shallowRef, watch } from 'vue'\nimport { useEditorSettings } from '../vue/settings'\nimport { compositeJSON, type CompositeKind, compositeKindsOf, moveBlockInto } from '../features/composites'\nimport { pickFiles } from '../features/media'\nimport { useFileImport } from '../features/media/vue'\nimport { revealBlockInEditor } from '../outline'\nimport type { DocumentStore } from './store'\nimport {\n  ancestorKeys,\n  applyNodeFilters,\n  canDrop,\n  collectFolderPaths,\n  collectKeys,\n  collectParentKeys,\n  compositeInsertPos,\n  DRAG_MIME,\n  type DragPayload,\n  dragPayloadOf,\n  EMPTY_OUTLINE,\n  filterKinds as filterKindsFor,\n  folderItem,\n  folderNamesIn,\n  holdsComposites,\n  isDraggable as isDraggableItem,\n  joinPath,\n  type Outline,\n  outlineItems as buildOutlineItems,\n  parentPath,\n  readOutline,\n  type TreeItem,\n  VIRTUAL_ROOT,\n  virtualRootItem,\n} from './tree-items'\nimport { remapFolderPath } from './folder-paths'\nimport { useStoreRef } from '../vue/store-ref'\nimport { useEditorI18n } from '../vue/use-editor-i18n'\nimport { useTreeView } from './tree-view'\n\n// File browser of a document store: a „Dokumente“ root with folders and documents. Every `store` method reports its own\n// failure before it rejects, so the `.catch(() => undefined)`s below only stop the flow.\n\nconst props = defineProps<{\n  /** Where documents and folders live; the host implements it (see `DocumentStore`). */\n  store: DocumentStore\n  /** Editor of the open document (its outline is listed under the document); `undefined` while none is mounted. */\n  editor: Editor | undefined\n}>()\n\ndefineSlots<{\n  /** Host actions on a document row, rendered next to its delete button (e.g. a download link). */\n  'document-actions'?: (props: { id: string, title: string }) => unknown\n}>()\n\n/** The folder new documents, folders and host imports go to. Reset to `''` when it is deleted or moved away. */\nconst selectedFolder = defineModel<string>('selectedFolder', { default: '' })\n\nconst { expanded, nodeFilters, model } = useTreeView()\nconst { expand } = model\nconst { t } = useEditorI18n()\nconst { importFiles } = useFileImport(() => props.editor)\nconst { settings } = useEditorSettings()\nconst { Button: UButton, DropdownMenu: UDropdownMenu, Icon: UIcon, Input: UInput, Tree: UTree, notifier } = useUiKit()\nconst notify = notifier()\n\nconst tree = useStoreRef(() => props.store.tree)\nconst storedDocuments = useStoreRef(() => props.store.documents)\nconst documents = computed(() => storedDocuments.value ?? [])\nconst activeId = useStoreRef(() => props.store.activeId)\nconst editor = computed(() => props.editor)\n\n// --- items -----------------------------------------------------------------------------------------------------\n\n/** Virtual mode: block ID of the selected `folder`/`document` composite; `null` = the document itself. */\nconst virtualTarget = ref<string | null>(null)\n\nfunction selectItem(item: TreeItem) {\n  if (renamingKey.value === item.key) return\n  if (item.key === VIRTUAL_ROOT) {\n    virtualTarget.value = null\n    return\n  }\n  if (item.type === 'document') {\n    selectedFolder.value = item.folder ?? ''\n    void props.store.open(item.id!).catch(() => undefined)\n  } else {\n    selectedFolder.value = item.path ?? ''\n  }\n}\n\nconst fsItems = computed<TreeItem[]>(() => (tree.value ? [folderItem(tree.value, activeId.value, outlineItems.value, selectItem)] : []))\nconst isEmpty = computed(() => !virtual.value && !!tree.value && !tree.value.folders.length && !tree.value.documents.length)\n\n// Virtual mode: the open document is the root, its `folder`/`document` composites (and all others) the tree below it.\nconst virtualRoot = computed<TreeItem>(() => virtualRootItem(documents.value.find(d => d.id === activeId.value)?.title ?? t('tree.rootFallback'), outlineItems.value, selectItem))\nconst unfilteredItems = computed<TreeItem[]>(() => (virtual.value ? [virtualRoot.value] : fsItems.value))\nconst items = computed<TreeItem[]>(() => applyNodeFilters(unfilteredItems.value, nodeFilters.value))\n\n// --- outline of the open document ------------------------------------------------------------------------------\n\nconst showKindToolbar = computed(() => settings.value.blocks.structure === 'composite' && !!editor.value)\nconst kinds = computed(() => (editor.value ? compositeKindsOf(editor.value) : []))\n/**\n * What is loaded decides the view: a composite file (open document, composite structure) is the drawer's single root\n * when the `blocks.treeRoot` setting says so; otherwise (no document open, headings structure, or nesting files in\n * folders allowed) the drawer shows the folders of the store.\n */\nconst virtual = computed(() => settings.value.blocks.treeRoot === 'file' && settings.value.blocks.structure === 'composite' && !!editor.value)\nwatch(virtual, isVirtual => isVirtual && expand([VIRTUAL_ROOT]), { immediate: true })\n\n// Read from the editor on demand (not inside a computed: the editor's state is reactive and would re-run it on every\n// selection change) and refreshed, debounced, when the document changes.\nconst outline = shallowRef<Outline>(EMPTY_OUTLINE)\n\nfunction refreshOutline() {\n  outline.value = readOutline(editor.value, settings.value.blocks.structure, t)\n}\n\nconst OUTLINE_DEBOUNCE_MS = 150\nlet outlineTimer: ReturnType<typeof setTimeout> | undefined\n\nwatch(editor, (instance, _previous, onCleanup) => {\n  refreshOutline()\n  if (!instance) return\n  const onUpdate = () => {\n    clearTimeout(outlineTimer)\n    outlineTimer = setTimeout(refreshOutline, OUTLINE_DEBOUNCE_MS)\n  }\n  instance.on('update', onUpdate)\n  onCleanup(() => {\n    clearTimeout(outlineTimer)\n    instance.off('update', onUpdate)\n  })\n}, { immediate: true })\nwatch(() => settings.value.blocks.structure, refreshOutline)\n\nfunction selectOutline(item: TreeItem) {\n  revealOutlineItem(item)\n  if (virtual.value && item.blockId && (item.kind === 'folder' || item.kind === 'document')) virtualTarget.value = item.blockId\n}\n\nfunction revealOutlineItem(item: TreeItem) {\n  if (editor.value && !editor.value.isDestroyed) revealBlockInEditor(editor.value, { id: item.blockId ?? null, pos: item.pos! })\n}\n\nconst outlineItems = computed<TreeItem[]>(() => buildOutlineItems(outline.value.nodes as Parameters<typeof buildOutlineItems>[0], kinds.value, selectOutline))\n\n// Outline entries start open: only the ones the user closed are remembered (session only), the rest of the open state\n// is the shared `expanded` list.\nconst collapsedOutline = ref<string[]>([])\nconst outlineParentKeys = computed(() => collectParentKeys(outlineItems.value, []))\n\nconst treeExpanded = computed({\n  get: () => [...expanded.value, ...outlineParentKeys.value.filter(key => !collapsedOutline.value.includes(key))],\n  set: (value) => {\n    const open = new Set(value)\n    expanded.value = value.filter(key => !outlineParentKeys.value.includes(key))\n    collapsedOutline.value = outlineParentKeys.value.filter(key => !open.has(key))\n  },\n})\n\n// Folders and the root toggle through the tree's own row click; documents and outline entries (whose row click opens\n// or reveals) toggle through their chevron.\nfunction onChevronClick(event: Event, item: TreeItem) {\n  if (item.type === 'root' || item.type === 'folder') return\n  event.stopPropagation()\n  if (item.type === 'composite' || item.type === 'heading') {\n    collapsedOutline.value = collapsedOutline.value.includes(item.key)\n      ? collapsedOutline.value.filter(key => key !== item.key)\n      : [...collapsedOutline.value, item.key]\n    return\n  }\n  expanded.value = expanded.value.includes(item.key)\n    ? expanded.value.filter(key => key !== item.key)\n    : [...expanded.value, item.key]\n}\n\n// --- filters ---------------------------------------------------------------------------------------------------\n\n/** The kinds `item`'s filter can hide below it. */\nconst filterKinds = (item: TreeItem): readonly CompositeKind[] =>\n  filterKindsFor(item, { structure: settings.value.blocks.structure, activeId: activeId.value, kinds: kinds.value, t })\n\nconst hiddenBelow = (item: TreeItem) => nodeFilters.value[item.key] ?? []\nconst isFiltered = (item: TreeItem) => hiddenBelow(item).length > 0\nconst showFilter = (item: TreeItem) =>\n  filterKinds(item).length > 0 && (item.type === 'root' || item.type === 'folder' || !!item.children?.length || isFiltered(item))\n\nfunction filterMenu(item: TreeItem): DropdownItem[][] {\n  const hidden = hiddenBelow(item)\n  const groups: DropdownItem[][] = [[\n    { type: 'label', label: t('tree.filter.show') },\n    ...filterKinds(item).map<DropdownItem>(kind => ({\n      label: kind.label,\n      icon: kind.icon,\n      type: 'checkbox',\n      checked: !hidden.includes(kind.id),\n      onUpdateChecked: visible => model.setKindHidden(item.key, kind.id, !visible),\n      // Stay open: several kinds are usually toggled in one go.\n      onSelect: event => event.preventDefault(),\n    })),\n  ]]\n  if (hidden.length) groups.push([{ label: t('tree.filter.reset'), icon: 'i-lucide-filter-x', onSelect: () => model.clearFilter(item.key) }])\n  return groups\n}\n\n// Filters of items that no longer exist (deleted documents, Bausteine) are ignored, so „Filter zurücksetzen“ only shows\n// while something visible is filtered.\nconst hasFilters = computed(() => {\n  const keys = collectKeys(unfilteredItems.value, new Set())\n  return Object.entries(nodeFilters.value).some(([key, hidden]) => hidden.length > 0 && keys.has(key))\n})\n\n// A selected folder that was deleted or moved away falls back to the root.\nwatch(tree, (value) => {\n  if (!value) return\n  const paths = new Set<string>()\n  collectFolderPaths(value, paths)\n  if (!paths.has(selectedFolder.value)) selectedFolder.value = ''\n})\n\n// --- expansion -------------------------------------------------------------------------------------------------\n\n// Opening a document (also by URL, or after a move) shows it: its folders open and its folder becomes the selected one.\nconst activeFolder = computed(() => documents.value.find(d => d.id === activeId.value)?.folder)\nwatch(activeFolder, (folder) => {\n  expand(ancestorKeys(folder ?? ''))\n  if (folder !== undefined) selectedFolder.value = folder\n}, { immediate: true })\n// The open document shows its outline.\nwatch(activeId, id => id && expand([`doc:${id}`]), { immediate: true })\n\n/** A folder moved from `from` to `to`: its open/selected state follows it. */\nfunction followFolderMove(from: string, to: string) {\n  model.followFolderMove(from, to)\n  selectedFolder.value = remapFolderPath(selectedFolder.value, from, to)\n  expand(ancestorKeys(parentPath(to)))\n}\n\n// --- creating ----------------------------------------------------------------------------------------------------\n\n/** Makes a composite's children visible in the outline again. */\nfunction openOutline(blockId: string) {\n  collapsedOutline.value = collapsedOutline.value.filter(key => key !== `outline:${blockId}`)\n}\n\nasync function importIntoComposite(blockId: string | null) {\n  const files = await pickFiles('*/*')\n  const instance = editor.value\n  if (!files.length || !instance || instance.isDestroyed) return\n  await importFiles(instance, files, compositeInsertPos(instance, blockId))\n  if (blockId) openOutline(blockId)\n}\n\nfunction createCompositeFolder(blockId: string | null) {\n  const instance = editor.value\n  if (!instance || instance.isDestroyed) return\n  const pos = compositeInsertPos(instance, blockId)\n  // The caret goes into the new composite's title: one level in, then the text inside it.\n  instance.chain().insertContentAt(pos, compositeJSON('folder')).setTextSelection(pos + 2).focus().scrollIntoView().run()\n  if (blockId) openOutline(blockId)\n}\n\nasync function createDocumentIn(folder: string) {\n  selectedFolder.value = folder\n  const doc = await props.store.create(undefined, folder).catch(() => undefined)\n  if (!doc) return\n  expand(ancestorKeys(folder))\n  await props.store.open(doc.id).catch(() => undefined)\n}\n\nconst creatingFolder = ref(false)\nconst folderDraft = ref('')\n/** Folder path the folder being named is created in. */\nconst folderParent = ref('')\n\nconst folderError = computed(() => (folderDraft.value.trim() ? props.store.validateName(folderDraft.value, folderNamesIn(tree.value, folderParent.value)) : null))\n\nfunction startCreateFolder(parent: string) {\n  selectedFolder.value = parent\n  folderParent.value = parent\n  folderDraft.value = ''\n  creatingFolder.value = true\n}\n\nasync function commitCreateFolder() {\n  if (!creatingFolder.value) return\n  if (!folderDraft.value.trim()) {\n    creatingFolder.value = false\n    return\n  }\n  // An invalid name keeps the field open with its inline error.\n  if (folderError.value) return\n  creatingFolder.value = false\n  const parent = folderParent.value\n  const created = await props.store.createFolder(joinPath(parent, folderDraft.value.trim())).then(() => true, () => false)\n  if (created) expand(ancestorKeys(parent))\n}\n\n// --- + menu ----------------------------------------------------------------------------------------------------\n\n/**\n * What can be created below `item`: folders of the store take documents and sub-folders, the open file (as the root or\n * as a document row) and its Ordner/Dokument composites take Ordner and imported Dokument Bausteine. Other rows take\n * nothing. Folders also list „Umbenennen“ here: renaming a document happens in the editor's title field.\n */\nfunction addMenu(item: TreeItem): DropdownItem[][] {\n  const groups: DropdownItem[][] = []\n  if (item.key !== VIRTUAL_ROOT && (item.type === 'root' || item.type === 'folder')) {\n    const path = item.path!\n    groups.push([\n      { label: t('tree.menu.newDocument'), icon: 'i-lucide-file-plus', onSelect: () => void createDocumentIn(path) },\n      { label: item.type === 'root' ? t('tree.menu.newFolder') : t('tree.menu.newSubfolder'), icon: 'i-lucide-folder-plus', onSelect: () => startCreateFolder(path) },\n    ])\n  } else if (holdsComposites(item, { structure: settings.value.blocks.structure, editor: editor.value, activeId: activeId.value })) {\n    const blockId = item.blockId ?? null\n    groups.push([\n      { label: t('tree.menu.newCompositeFolder'), icon: 'i-lucide-folder-plus', onSelect: () => { createCompositeFolder(blockId); if (!blockId) expand([item.key]) } },\n      { label: t('tree.menu.importFile'), icon: 'i-lucide-file-up', onSelect: () => { void importIntoComposite(blockId); if (!blockId) expand([item.key]) } },\n    ])\n  }\n  if (item.type === 'folder') groups.push([{ label: t('tree.menu.rename'), icon: 'i-lucide-pencil', onSelect: () => startRename(item) }])\n  return groups\n}\n\n// --- rename (folders; a document is renamed in the editor's title field) ---------------------------------------------\n\nconst renamingKey = ref<string | null>(null)\nconst renamingItem = shallowRef<TreeItem | null>(null)\nconst renameDraft = ref('')\n\nfunction startRename(item: TreeItem) {\n  renamingItem.value = item\n  renamingKey.value = item.key\n  renameDraft.value = item.label\n}\n\nconst renameError = computed(() => {\n  const item = renamingItem.value\n  if (!item || renamingKey.value === null || renameDraft.value.trim() === item.label) return null\n  return props.store.validateName(renameDraft.value, folderNamesIn(tree.value, parentPath(item.path!), item.path))\n})\n\nfunction cancelRename() {\n  renamingKey.value = null\n  renamingItem.value = null\n}\n\nfunction onRenameBlur() {\n  if (renamingKey.value === null) return\n  if (renameError.value) {\n    notify({ title: t('tree.folder.renameFailed'), description: renameError.value, kind: 'warning', icon: 'i-lucide-circle-alert' })\n    cancelRename()\n    return\n  }\n  return commitRename()\n}\n\nasync function commitRename() {\n  const item = renamingItem.value\n  if (!item || renamingKey.value === null) return\n  // An invalid name keeps the field open with its inline error.\n  if (renameError.value) return\n  const name = renameDraft.value.trim()\n  cancelRename()\n  if (name === item.label) return\n  const to = joinPath(parentPath(item.path!), name)\n  const moved = await props.store.moveFolder(item.path!, to).then(() => true, () => false)\n  if (moved) followFolderMove(item.path!, to)\n}\n\n// --- delete ----------------------------------------------------------------------------------------------------\n\nasync function removeWithUndo(id: string, folder: string) {\n  // The store leaves an open document and waits for its page teardown (which destroys its collaboration provider)\n  // before it deletes.\n  const removed = await props.store.remove(id, folder).catch(() => undefined)\n  if (!removed) return\n  notify({\n    title: t('tree.removed'),\n    description: removed.title,\n    icon: 'i-lucide-trash-2',\n    action: { label: t('tree.undo'), onClick: () => restore(removed) },\n  })\n}\n\nasync function restore(removed: { restore: () => Promise<{ id: string }> }) {\n  const restored = await removed.restore().catch(() => undefined)\n  if (restored) await props.store.open(restored.id).catch(() => undefined)\n}\n\nfunction removeItem(item: TreeItem) {\n  if (item.type === 'document') return removeWithUndo(item.id!, item.folder ?? '')\n  // The server refuses non-empty folders; the toast then reads „Ordner ist nicht leer“.\n  return props.store.removeFolder(item.path!).catch(() => undefined)\n}\n\n// --- drag & drop -----------------------------------------------------------------------------------------------\n\nconst dragging = ref<DragPayload | null>(null)\nconst dropKey = ref<string | null>(null)\n\nfunction isDraggable(item: TreeItem) {\n  return renamingKey.value !== item.key && isDraggableItem(item, virtual.value)\n}\n\nfunction onDragStart(event: DragEvent, item: TreeItem) {\n  if (!isDraggable(item) || !event.dataTransfer) return event.preventDefault()\n  const payload = dragPayloadOf(item)\n  dragging.value = payload\n  event.dataTransfer.setData(DRAG_MIME, JSON.stringify(payload))\n  event.dataTransfer.effectAllowed = 'move'\n}\n\nfunction onDragOver(event: DragEvent, item: TreeItem) {\n  if (!canDrop(dragging.value, item, { virtual: virtual.value, editor: editor.value })) return\n  event.preventDefault()\n  if (event.dataTransfer) event.dataTransfer.dropEffect = 'move'\n  dropKey.value = item.key\n}\n\nfunction onDragLeave(event: DragEvent, item: TreeItem) {\n  if (dropKey.value === item.key && !(event.currentTarget as Node).contains(event.relatedTarget as Node | null)) dropKey.value = null\n}\n\nfunction endDrag() {\n  dragging.value = null\n  dropKey.value = null\n}\n\nasync function onDrop(event: DragEvent, target: TreeItem) {\n  const raw = event.dataTransfer?.getData(DRAG_MIME)\n  endDrag()\n  if (!raw) return\n  event.preventDefault()\n  const source = JSON.parse(raw) as DragPayload\n  if (!canDrop(source, target, { virtual: virtual.value, editor: editor.value })) return\n  if (source.type === 'composite') {\n    const instance = editor.value\n    const targetId = target.key === VIRTUAL_ROOT ? null : target.blockId!\n    if (instance && moveBlockInto(instance, source.blockId, targetId) && targetId) openOutline(targetId)\n    return\n  }\n  const targetPath = target.path!\n  if (source.type === 'document') {\n    const moved = await props.store.move(source.id!, targetPath).then(() => true, () => false)\n    if (moved) expand(ancestorKeys(targetPath))\n    return\n  }\n  const to = joinPath(targetPath, source.path.slice(source.path.lastIndexOf('/') + 1))\n  const moved = await props.store.moveFolder(source.path, to).then(() => true, () => false)\n  if (moved) followFolderMove(source.path, to)\n}\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-2\">\n    <div v-if=\"hasFilters\" class=\"flex items-center\">\n      <UButton\n        icon=\"i-lucide-filter-x\"\n        :label=\"t('tree.filter.reset')\"\n        size=\"xs\"\n        color=\"neutral\"\n        variant=\"subtle\"\n        @click=\"model.clearAllFilters\"\n      />\n    </div>\n\n    <div v-if=\"creatingFolder\" class=\"flex flex-col gap-1\">\n      <UInput\n        v-model=\"folderDraft\"\n        size=\"sm\"\n        autofocus\n        :color=\"folderError ? 'error' : undefined\"\n        :highlight=\"!!folderError\"\n        :placeholder=\"folderParent ? t('tree.folder.placeholderIn', { parent: folderParent }) : t('tree.folder.placeholder')\"\n        :aria-label=\"t('tree.folder.name')\"\n        :aria-invalid=\"!!folderError\"\n        @keydown.enter=\"commitCreateFolder\"\n        @keydown.esc=\"creatingFolder = false\"\n        @blur=\"creatingFolder = false\"\n      />\n      <p v-if=\"folderError\" class=\"px-0.5 text-xs text-[var(--sk-danger)]\" role=\"alert\">\n        {{ folderError }}\n      </p>\n    </div>\n\n    <p v-if=\"!tree && !virtual\" class=\"px-2.5 py-1.5 text-sm text-[var(--sk-muted)]\">\n      {{ tree === null ? t('tree.loadFailed') : t('tree.loading') }}\n    </p>\n\n    <UTree\n      v-else\n      v-model:expanded=\"treeExpanded\"\n      :items=\"items\"\n      :get-key=\"(item: TreeItem) => item.key\"\n      size=\"sm\"\n      :aria-label=\"t('tree.aria')\"\n    >\n      <template #item-wrapper=\"{ item, expanded: isOpen }: { item: TreeItem, expanded: boolean }\">\n        <div\n          class=\"group flex w-full cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-sm select-none hover:bg-[color-mix(in_oklab,var(--sk-bg-elevated)_60%,transparent)]\"\n          :class=\"[\n            item.id !== undefined && item.id === activeId && 'bg-[color-mix(in_oklab,var(--sk-primary)_10%,transparent)] font-medium text-[var(--sk-primary)]',\n            item.type !== 'document' && item.path === selectedFolder && 'bg-[var(--sk-bg-elevated)]',\n            virtual && (item.key === VIRTUAL_ROOT ? virtualTarget === null : !!item.blockId && item.blockId === virtualTarget) && 'bg-[var(--sk-bg-elevated)]',\n            dropKey === item.key && 'ring-1 ring-[var(--sk-primary)]',\n          ]\"\n          :draggable=\"isDraggable(item)\"\n          @dragstart=\"onDragStart($event, item)\"\n          @dragover=\"onDragOver($event, item)\"\n          @dragleave=\"onDragLeave($event, item)\"\n          @drop=\"onDrop($event, item)\"\n          @dragend=\"endDrag\"\n        >\n          <UIcon\n            v-if=\"item.type === 'root' || item.type === 'folder' || item.children?.length\"\n            name=\"i-lucide-chevron-right\"\n            class=\"size-3.5 shrink-0 text-[var(--sk-muted)] transition-transform\"\n            :class=\"isOpen && 'rotate-90'\"\n            @click=\"onChevronClick($event, item)\"\n          />\n          <span v-else-if=\"item.type === 'composite' || item.type === 'heading'\" class=\"size-3.5 shrink-0\" />\n          <UIcon :name=\"item.icon\" class=\"size-4 shrink-0\" />\n\n          <div v-if=\"renamingKey === item.key\" class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n            <UInput\n              v-model=\"renameDraft\"\n              size=\"xs\"\n              class=\"min-w-0\"\n              autofocus\n              :color=\"renameError ? 'error' : undefined\"\n              :highlight=\"!!renameError\"\n              :aria-label=\"t('tree.folder.name')\"\n              :aria-invalid=\"!!renameError\"\n              @focus=\"($event.target as HTMLInputElement).select()\"\n              @click.stop\n              @keydown.stop\n              @keydown.enter=\"commitRename\"\n              @keydown.esc=\"cancelRename\"\n              @blur=\"onRenameBlur\"\n            />\n            <p v-if=\"renameError\" class=\"text-xs text-[var(--sk-danger)]\" role=\"alert\" @click.stop>\n              {{ renameError }}\n            </p>\n          </div>\n          <template v-else>\n            <span class=\"min-w-0 flex-1 truncate\" :title=\"item.label\">{{ item.label }}</span>\n            <UIcon\n              v-if=\"item.hasSummary\"\n              name=\"i-lucide-text-quote\"\n              class=\"size-3.5 shrink-0 text-[var(--sk-muted)]\"\n              :title=\"t('tree.summary')\"\n            />\n            <div class=\"flex shrink-0\" @click.stop>\n              <UDropdownMenu v-if=\"showFilter(item)\" :items=\"filterMenu(item)\" :content=\"{ align: 'start' }\">\n                <UButton\n                  icon=\"i-lucide-filter\"\n                  size=\"xs\"\n                  :color=\"isFiltered(item) ? 'primary' : 'neutral'\"\n                  :variant=\"isFiltered(item) ? 'soft' : 'ghost'\"\n                  :class=\"!isFiltered(item) && 'opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 data-[state=open]:opacity-100'\"\n                  :title=\"t('tree.filter.title')\"\n                  :aria-label=\"t('tree.filter.title')\"\n                />\n              </UDropdownMenu>\n              <div class=\"flex opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 has-data-[state=open]:opacity-100\">\n                <UDropdownMenu v-if=\"addMenu(item).length\" :items=\"addMenu(item)\" :content=\"{ align: 'start', onCloseAutoFocus: (event: Event) => event.preventDefault() }\">\n                  <UButton\n                    icon=\"i-lucide-plus\"\n                    size=\"xs\"\n                    color=\"neutral\"\n                    variant=\"ghost\"\n                    :title=\"t('tree.add')\"\n                    :aria-label=\"t('tree.add')\"\n                  />\n                </UDropdownMenu>\n                <slot v-if=\"item.type === 'document'\" name=\"document-actions\" :id=\"item.id!\" :title=\"item.label\" />\n                <UButton\n                  v-if=\"item.type === 'document' || item.type === 'folder'\"\n                  icon=\"i-lucide-trash-2\"\n                  size=\"xs\"\n                  color=\"error\"\n                  variant=\"ghost\"\n                  :aria-label=\"t('tree.delete')\"\n                  loading-auto\n                  @click=\"removeItem(item)\"\n                />\n              </div>\n            </div>\n          </template>\n        </div>\n      </template>\n    </UTree>\n\n    <p v-if=\"isEmpty\" class=\"px-2.5 py-1.5 text-sm text-[var(--sk-muted)]\">\n      {{ t('tree.empty') }}\n    </p>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/tree/DocumentTree.vue.d.ts

@@ -0,0 +1,36 @@
+import { DocumentStore } from "./store.js";
+import { Editor } from "@tiptap/core";
+//#region src/tree/DocumentTree.vue.d.ts
+type __VLS_Props = {
+  /** Where documents and folders live; the host implements it (see `DocumentStore`). */
+  store: DocumentStore;
+  /** Editor of the open document (its outline is listed under the document); `undefined` while none is mounted. */
+  editor: Editor | undefined;
+};
+type __VLS_Slots = {
+  /** Host actions on a document row, rendered next to its delete button (e.g. a download link). */
+  'document-actions'?: (props: {
+    id: string;
+    title: string;
+  }) => unknown;
+};
+type __VLS_ModelProps = {
+  /** The folder new documents, folders and host imports go to. Reset to `''` when it is deleted or moved away. */
+  'selectedFolder'?: string;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:selectedFolder": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+  "onUpdate:selectedFolder"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };
+//# sourceMappingURL=DocumentTree.vue.d.ts.map

package/dist/tree/folder-paths.js

@@ -0,0 +1,11 @@
+//#region src/tree/folder-paths.ts
+/** Prefix of a folder item's key (`folder:<path>`). */
+const FOLDER_KEY_PREFIX = "folder:";
+/** The item key of the folder at `path`. */
+const folderKey = (path) => `${FOLDER_KEY_PREFIX}${path}`;
+/** `path` after the folder at `from` moved to `to` (paths outside `from` are returned unchanged). */
+const remapFolderPath = (path, from, to) => path === from || path.startsWith(`${from}/`) ? to + path.slice(from.length) : path;
+//#endregion
+export { FOLDER_KEY_PREFIX, folderKey, remapFolderPath };
+
+//# sourceMappingURL=folder-paths.js.map

package/dist/tree/folder-paths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"folder-paths.js","names":[],"sources":["../../src/tree/folder-paths.ts"],"sourcesContent":["// Folder path arithmetic shared by the tree items and the view model; kept free of composites so the view model's entry stays small.\n\n/** Prefix of a folder item's key (`folder:<path>`). */\nexport const FOLDER_KEY_PREFIX = 'folder:'\n\n/** The item key of the folder at `path`. */\nexport const folderKey = (path: string) => `${FOLDER_KEY_PREFIX}${path}`\n\n/** `path` after the folder at `from` moved to `to` (paths outside `from` are returned unchanged). */\nexport const remapFolderPath = (path: string, from: string, to: string) =>\n  (path === from || path.startsWith(`${from}/`) ? to + path.slice(from.length) : path)\n"],"mappings":";;AAGA,MAAa,oBAAoB;;AAGjC,MAAa,aAAa,SAAiB,GAAG,oBAAoB;;AAGlE,MAAa,mBAAmB,MAAc,MAAc,OACzD,SAAS,QAAQ,KAAK,WAAW,GAAG,KAAK,EAAE,IAAI,KAAK,KAAK,MAAM,KAAK,MAAM,IAAI"}

package/dist/tree/index.d.ts

@@ -0,0 +1,4 @@
+import { DocumentSummary, TreeFolder } from "./types.js";
+import { DocumentStore } from "./store.js";
+import { NodeFilters, TreeViewModel, createTreeView, treeView } from "./tree-view-model.js";
+export { type DocumentStore, type DocumentSummary, type NodeFilters, type TreeFolder, type TreeViewModel, createTreeView, treeView };

package/dist/tree/index.js

@@ -0,0 +1 @@
+export { createTreeView, treeView } from "./tree-view-model.js";

package/dist/tree/react/DocumentTree.d.ts

@@ -0,0 +1,24 @@
+import { DocumentStore } from "../store.js";
+import { ReactNode } from "react";
+import { Editor } from "@tiptap/core";
+//#region src/tree/react/DocumentTree.d.ts
+/** Props of `DocumentTree`. */
+export interface DocumentTreeProps {
+  /** Where documents and folders live; the host implements it (see `DocumentStore`). */
+  store: DocumentStore;
+  /** Editor of the open document (its outline is listed under the document); `undefined` while none is mounted. */
+  editor: Editor | undefined;
+  /** The folder new documents, folders and host imports go to (controlled). Omit it to let the tree keep it. Reset to `''` when it is deleted or moved away. */
+  selectedFolder?: string;
+  onSelectedFolderChange?: (folder: string) => void;
+  /** Host actions on a document row, rendered next to its delete button (e.g. a download link). */
+  documentActions?: (document: {
+    id: string;
+    title: string;
+  }) => ReactNode;
+  className?: string;
+}
+/** The file browser of a document store: folders and documents with their drag and drop, the open document's outline below it. */
+export declare function DocumentTree({ store, editor, selectedFolder: controlledFolder, onSelectedFolderChange, documentActions, className }: DocumentTreeProps): import("react").JSX.Element;
+//#endregion
+//# sourceMappingURL=DocumentTree.d.ts.map