@ecsplico/editor 3.1.1 → 3.3.0

package/dist/tree/DocumentTree.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentTree.js","names":["_useModel","_openBlock","_createElementBlock","_createVNode","_unref","_withKeys","_createSlots","_withCtx","_createElementVNode","_createCommentVNode","_toDisplayString","_createBlock","_normalizeClass","_withModifiers","_Fragment","_createTextVNode","_renderSlot"],"sources":["../../src/tree/DocumentTree.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { computed } from 'vue'\nimport type { DropdownItem } from '../vue/kit/types'\nimport { useUiKit } from '../vue/kit/use-ui-kit'\nimport { useEditorSettings } from '../vue/settings'\nimport { useEditorI18n } from '../vue/use-editor-i18n'\nimport type { DocumentStore } from './store'\nimport { DRAG_MIME, type TreeItem } from './tree-items'\nimport { rowOf } from './tree-model'\nimport { useTreeModel } from './use-tree-model'\n\n// File browser of a document store: a „Dokumente“ root with folders and documents. It only renders the `TreeModel` (see\n// `tree-model.ts`), which owns what is open, filtered, selected, dragged and renamed; the React twin renders the same model.\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 { t } = useEditorI18n()\nconst { Button: UButton, DropdownMenu: UDropdownMenu, Icon: UIcon, Input: UInput, Tooltip: UTooltip, Tree: UTree } = useUiKit()\nconst { model, state } = useTreeModel({ store: () => props.store, editor: () => props.editor, selectedFolder })\nconst { settings } = useEditorSettings()\n\n// Mirrors the model's `isVirtual` rule: the file root only takes effect for a composite document that is open. Without\n// it the button is disabled (and says why) instead of letting the setting silently fall back to the folders.\nconst canUseFileRoot = computed(() => state.value.hasEditor && state.value.structure === 'composite')\n\nfunction toggleTreeRoot() {\n  settings.value.blocks.treeRoot = settings.value.blocks.treeRoot === 'file' ? 'folders' : 'file'\n}\n\nconst row = (item: TreeItem) => rowOf(state.value, item, t)\n\n/** Why dropping the drag on `item` is refused, while the pointer is over it. */\nfunction refusal(item: TreeItem): string | null {\n  const drop = row(item).drop\n  return drop && !drop.ok ? drop.reason : null\n}\n\n/** UTree reports the keys of the rows it wants open; the model decides what that changes. */\nfunction onExpanded(next: string[]) {\n  const wanted = new Set(next)\n  const open = new Set(state.value.view.open)\n  for (const key of wanted) if (!open.has(key)) model.value.setOpen(key, true)\n  for (const key of open) if (!wanted.has(key)) model.value.setOpen(key, false)\n}\n\n/** The label split around the part the title filter matched, `null` when it did not match here. */\nfunction labelParts(item: TreeItem): [string, string, string] | null {\n  const match = row(item).match\n  if (!match) return null\n  const [at, length] = match\n  return [item.label.slice(0, at), item.label.slice(at, at + length), item.label.slice(at + length)]\n}\n\n// Folders and the root toggle through the tree's own row click; documents and outline entries (whose row click opens or\n// reveals) toggle through their chevron.\nfunction onChevronClick(event: Event, item: TreeItem) {\n  if (item.type === 'root' || item.type === 'folder') return\n  event.stopPropagation()\n  model.value.toggle(item.key)\n}\n\nfunction filterMenu(item: TreeItem): DropdownItem[][] {\n  const { filterKinds, hiddenKinds } = row(item)\n  const groups: DropdownItem[][] = [[\n    { type: 'label', label: t('tree.filter.show') },\n    ...filterKinds.map<DropdownItem>(kind => ({\n      label: kind.label,\n      icon: kind.icon,\n      type: 'checkbox',\n      checked: !hiddenKinds.includes(kind.id),\n      onUpdateChecked: visible => model.value.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 (hiddenKinds.length) groups.push([{ label: t('tree.filter.reset'), icon: 'i-lucide-filter-x', onSelect: () => model.value.clearFilter(item.key) }])\n  return groups\n}\n\nfunction addMenu(item: TreeItem): DropdownItem[][] {\n  return model.value.addMenu(item).map(group => group.map(entry => ({ label: entry.label, icon: entry.icon, onSelect: entry.run })))\n}\n\n// --- drag & drop -----------------------------------------------------------------------------------------------\n\nfunction onDragStart(event: DragEvent, item: TreeItem) {\n  const payload = model.value.dragStart(item)\n  if (!payload) return event.preventDefault()\n  if (!event.dataTransfer) return model.value.dragEnd()\n  event.dataTransfer.setData(DRAG_MIME, JSON.stringify(payload))\n  event.dataTransfer.effectAllowed = 'move'\n}\n\nfunction onDragOver(event: DragEvent, item: TreeItem) {\n  const verdict = model.value.dragOver(item)\n  if (!verdict) return\n  // Only an allowed target takes the drop; over a refused one the browser shows „not allowed“ and the row shows why.\n  if (verdict.ok) event.preventDefault()\n  if (event.dataTransfer) event.dataTransfer.dropEffect = verdict.ok ? 'move' : 'none'\n}\n\nfunction onDragLeave(event: DragEvent, item: TreeItem) {\n  if (!(event.currentTarget as Node).contains(event.relatedTarget as Node | null)) model.value.dragLeave(item)\n}\n\nfunction onDrop(event: DragEvent, item: TreeItem) {\n  if (!state.value.drag) return\n  event.preventDefault()\n  return model.value.drop(item)\n}\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-2\">\n    <UInput\n      :model-value=\"state.filterText\"\n      icon=\"i-lucide-search\"\n      size=\"sm\"\n      :placeholder=\"t('tree.filterText.placeholder')\"\n      :aria-label=\"t('tree.filterText.placeholder')\"\n      @update:model-value=\"model.setFilterText($event)\"\n      @keydown.esc=\"model.setFilterText('')\"\n    >\n      <template v-if=\"state.filterText\" #trailing>\n        <UButton\n          icon=\"i-lucide-x\"\n          size=\"xs\"\n          color=\"neutral\"\n          variant=\"link\"\n          :aria-label=\"t('tree.filterText.clear')\"\n          @click=\"model.setFilterText('')\"\n        />\n      </template>\n    </UInput>\n\n    <div class=\"flex items-center justify-end\">\n      <UTooltip :text=\"canUseFileRoot ? '' : t('tree.root.unavailable')\">\n        <!-- A disabled button swallows pointer events, so the tooltip hangs on the wrapper. -->\n        <span class=\"inline-flex\">\n          <UButton\n            :icon=\"state.virtual ? 'i-lucide-file-stack' : 'i-lucide-folder-tree'\"\n            :label=\"t(state.virtual ? 'tree.root.file' : 'tree.root.folders')\"\n            size=\"xs\"\n            color=\"neutral\"\n            :variant=\"state.virtual ? 'soft' : 'ghost'\"\n            :disabled=\"!canUseFileRoot\"\n            :aria-pressed=\"state.virtual\"\n            @click=\"toggleTreeRoot\"\n          />\n        </span>\n      </UTooltip>\n    </div>\n\n    <div v-if=\"state.view.hasKindFilters\" 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=\"state.creatingFolder\" class=\"flex flex-col gap-1\">\n      <UInput\n        :model-value=\"state.creatingFolder.draft\"\n        size=\"sm\"\n        autofocus\n        :color=\"state.creatingFolder.error ? 'error' : undefined\"\n        :highlight=\"!!state.creatingFolder.error\"\n        :placeholder=\"state.creatingFolder.parent ? t('tree.folder.placeholderIn', { parent: state.creatingFolder.parent }) : t('tree.folder.placeholder')\"\n        :aria-label=\"t('tree.folder.name')\"\n        :aria-invalid=\"!!state.creatingFolder.error\"\n        @update:model-value=\"model.setFolderDraft($event)\"\n        @keydown.enter=\"model.commitCreateFolder\"\n        @keydown.esc=\"model.cancelCreateFolder\"\n        @blur=\"model.cancelCreateFolder\"\n      />\n      <p v-if=\"state.creatingFolder.error\" class=\"px-0.5 text-xs text-[var(--sk-danger)]\" role=\"alert\">\n        {{ state.creatingFolder.error }}\n      </p>\n    </div>\n\n    <p v-if=\"!state.tree && !state.virtual\" class=\"px-2.5 py-1.5 text-sm text-[var(--sk-muted)]\">\n      {{ state.tree === null ? t('tree.loadFailed') : t('tree.loading') }}\n    </p>\n\n    <UTree\n      v-else\n      :expanded=\"state.view.open\"\n      :items=\"state.view.items\"\n      :get-key=\"(item: TreeItem) => item.key\"\n      size=\"sm\"\n      :aria-label=\"t('tree.aria')\"\n      @update:expanded=\"onExpanded\"\n    >\n      <template #item-wrapper=\"{ item }: { item: TreeItem }\">\n        <div class=\"w-full\">\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              row(item).active && 'bg-[color-mix(in_oklab,var(--sk-primary)_10%,transparent)] font-medium text-[var(--sk-primary)]',\n              row(item).selected && 'bg-[var(--sk-bg-elevated)]',\n              row(item).drop?.ok && 'ring-1 ring-[var(--sk-primary)]',\n              refusal(item) && 'bg-[color-mix(in_oklab,var(--sk-danger)_10%,transparent)] ring-1 ring-[var(--sk-danger)]',\n            ]\"\n            :draggable=\"model.isDraggable(item)\"\n            @dragstart=\"onDragStart($event, item)\"\n            @dragover=\"onDragOver($event, item)\"\n            @dragleave=\"onDragLeave($event, item)\"\n            @drop=\"onDrop($event, item)\"\n            @dragend=\"model.dragEnd\"\n          >\n            <UIcon\n              v-if=\"row(item).expandable\"\n              name=\"i-lucide-chevron-right\"\n              class=\"size-3.5 shrink-0 text-[var(--sk-muted)] transition-transform\"\n              :class=\"row(item).open && '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=\"row(item).renaming\" class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n              <UInput\n                :model-value=\"row(item).renaming!.draft\"\n                size=\"xs\"\n                class=\"min-w-0\"\n                autofocus\n                :color=\"row(item).renaming!.error ? 'error' : undefined\"\n                :highlight=\"!!row(item).renaming!.error\"\n                :aria-label=\"t('tree.folder.name')\"\n                :aria-invalid=\"!!row(item).renaming!.error\"\n                @update:model-value=\"model.setRenameDraft($event)\"\n                @focus=\"($event.target as HTMLInputElement).select()\"\n                @click.stop\n                @keydown.stop\n                @keydown.enter=\"model.commitRename\"\n                @keydown.esc=\"model.cancelRename\"\n                @blur=\"model.blurRename\"\n              />\n              <p v-if=\"row(item).renaming!.error\" class=\"text-xs text-[var(--sk-danger)]\" role=\"alert\" @click.stop>\n                {{ row(item).renaming!.error }}\n              </p>\n            </div>\n            <template v-else>\n              <span class=\"min-w-0 flex-1 truncate\" :title=\"item.label\">\n                <template v-if=\"labelParts(item)\">{{ labelParts(item)![0] }}<mark class=\"rounded-sm bg-[color-mix(in_oklab,var(--sk-primary)_20%,transparent)] text-inherit\">{{ labelParts(item)![1] }}</mark>{{ labelParts(item)![2] }}</template>\n                <template v-else>{{ item.label }}</template>\n              </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=\"row(item).showFilter\" :items=\"filterMenu(item)\" :content=\"{ align: 'start' }\">\n                  <UButton\n                    icon=\"i-lucide-filter\"\n                    size=\"xs\"\n                    :color=\"row(item).hiddenKinds.length ? 'primary' : 'neutral'\"\n                    :variant=\"row(item).hiddenKinds.length ? 'soft' : 'ghost'\"\n                    :class=\"!row(item).hiddenKinds.length && '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=\"model.remove(item)\"\n                  />\n                </div>\n              </div>\n            </template>\n          </div>\n          <p v-if=\"refusal(item)\" class=\"px-2 pt-0.5 text-xs text-[var(--sk-danger)]\" role=\"status\">\n            {{ refusal(item) }}\n          </p>\n        </div>\n      </template>\n    </UTree>\n\n    <p v-if=\"state.view.noMatches\" class=\"px-2.5 py-1.5 text-sm text-[var(--sk-muted)]\">\n      {{ t('tree.noMatches') }}\n    </p>\n    <p v-if=\"state.view.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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"}
+{"version":3,"file":"DocumentTree.js","names":["_useModel","_openBlock","_createElementBlock","_createElementVNode","_createVNode","_unref","_withKeys","_createSlots","_withCtx","_createCommentVNode","_createBlock","_Fragment","_renderList","_normalizeClass","_normalizeStyle","_toDisplayString","_withModifiers","_createTextVNode","_renderSlot"],"sources":["../../src/tree/DocumentTree.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { Editor } from '@tiptap/core'\nimport { computed } from 'vue'\nimport { BLOCK_MIME, blockTransferOf, readBlockTransfer, writeBlockTransfer } from '../core/block-transfer'\nimport { findBlockById } from '../core/schema/block-ids'\nimport type { DropdownItem } from '../vue/kit/types'\nimport { useUiKit } from '../vue/kit/use-ui-kit'\nimport { useEditorSettings } from '../vue/settings'\nimport { useEditorI18n } from '../vue/use-editor-i18n'\nimport type { DocumentStore } from './store'\nimport { basketById } from '../features/composites'\nimport { DRAG_MIME, focusCrumbs, itemBasket, type TreeItem } from './tree-items'\nimport { rowOf } from './tree-model'\nimport { useTreeModel } from './use-tree-model'\n\n// File browser of a document store: a „Dokumente“ root with folders and documents. It only renders the `TreeModel` (see\n// `tree-model.ts`), which owns what is open, filtered, selected, dragged and renamed; the React twin renders the same model.\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 { t } = useEditorI18n()\nconst { Button: UButton, DropdownMenu: UDropdownMenu, Icon: UIcon, Input: UInput, Popover: UPopover, Tooltip: UTooltip, Tree: UTree } = useUiKit()\nconst { model, state } = useTreeModel({ store: () => props.store, editor: () => props.editor, selectedFolder })\nconst { settings } = useEditorSettings()\n\n// Mirrors the model's `isVirtual` rule: the file root only takes effect for a composite document that is open. Without\n// it the button is disabled (and says why) instead of letting the setting silently fall back to the folders.\nconst canUseFileRoot = computed(() => state.value.hasEditor && state.value.structure === 'composite')\n\nfunction toggleTreeRoot() {\n  settings.value.blocks.treeRoot = settings.value.blocks.treeRoot === 'file' ? 'folders' : 'file'\n}\n\nconst row = (item: TreeItem) => rowOf(state.value, item, t)\n\n/** The basket `item` is in, when the open editor offers it (the row shows its colour as a dot). */\nconst basketOf = (item: TreeItem) => itemBasket(item, state.value.baskets)\n\n/** The basket filter button needs a live editor that offers baskets. */\nconst showBasketFilter = computed(() => state.value.hasEditor && state.value.baskets.length > 0)\n/** The chosen baskets the open editor offers (an unknown id never filters, see `TreeModel`). */\nconst shownBaskets = computed(() => state.value.basketFilter.filter(id => basketById(state.value.baskets, id)))\nconst basketOption = 'flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm text-[var(--sk-fg)] transition-colors duration-150 hover:bg-[var(--sk-bg-elevated)] focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-[var(--sk-primary)]'\n\n/** The breadcrumb of the focus: the document (first crumb, leaves focus) and the Bausteine down to the focused one. */\nconst breadcrumb = computed(() => focusCrumbs(state.value.focusPath))\n\n/** Why dropping the drag on `item` is refused, while the pointer is over it. */\nfunction refusal(item: TreeItem): string | null {\n  const drop = row(item).drop\n  return drop && !drop.ok ? drop.reason : null\n}\n\n/** UTree reports the keys of the rows it wants open; the model decides what that changes. */\nfunction onExpanded(next: string[]) {\n  const wanted = new Set(next)\n  const open = new Set(state.value.view.open)\n  for (const key of wanted) if (!open.has(key)) model.value.setOpen(key, true)\n  for (const key of open) if (!wanted.has(key)) model.value.setOpen(key, false)\n}\n\n/** The label split around the part the title filter matched, `null` when it did not match here. */\nfunction labelParts(item: TreeItem): [string, string, string] | null {\n  const match = row(item).match\n  if (!match) return null\n  const [at, length] = match\n  return [item.label.slice(0, at), item.label.slice(at, at + length), item.label.slice(at + length)]\n}\n\n// Folders and the root toggle through the tree's own row click; documents and outline entries (whose row click opens or\n// reveals) toggle through their chevron.\nfunction onChevronClick(event: Event, item: TreeItem) {\n  if (item.type === 'root' || item.type === 'folder') return\n  event.stopPropagation()\n  model.value.toggle(item.key)\n}\n\nfunction filterMenu(item: TreeItem): DropdownItem[][] {\n  const { filterKinds, hiddenKinds } = row(item)\n  const groups: DropdownItem[][] = [[\n    { type: 'label', label: t('tree.filter.show') },\n    ...filterKinds.map<DropdownItem>(kind => ({\n      label: kind.label,\n      icon: kind.icon,\n      type: 'checkbox',\n      checked: !hiddenKinds.includes(kind.id),\n      onUpdateChecked: visible => model.value.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 (hiddenKinds.length) groups.push([{ label: t('tree.filter.reset'), icon: 'i-lucide-filter-x', onSelect: () => model.value.clearFilter(item.key) }])\n  return groups\n}\n\nfunction addMenu(item: TreeItem): DropdownItem[][] {\n  return model.value.addMenu(item).map(group => group.map(entry => ({ label: entry.label, icon: entry.icon, onSelect: entry.run })))\n}\n\n// --- drag & drop -----------------------------------------------------------------------------------------------\n\nfunction onDragStart(event: DragEvent, item: TreeItem) {\n  const payload = model.value.dragStart(item)\n  if (!payload) return event.preventDefault()\n  if (!event.dataTransfer) return model.value.dragEnd()\n  event.dataTransfer.setData(DRAG_MIME, JSON.stringify(payload))\n  // A Baustein row also carries the block itself, so another surface or tree can take a copy.\n  const editor = props.editor\n  const found = payload.type === 'composite' && editor && !editor.isDestroyed ? findBlockById(editor.state.doc, payload.blockId) : null\n  const transfer = found && editor ? blockTransferOf(editor, found.pos) : null\n  if (transfer) writeBlockTransfer(event.dataTransfer, transfer)\n  event.dataTransfer.effectAllowed = transfer ? 'copyMove' : 'move'\n}\n\n/** A drag of this tree's own rows is running (a foreign drag is not). */\nconst ownDrag = () => !!state.value.drag && state.value.drag.source.type !== 'foreign-block'\n\nfunction onDragOver(event: DragEvent, item: TreeItem) {\n  const foreign = !ownDrag() && !!event.dataTransfer?.types.includes(BLOCK_MIME)\n  const verdict = foreign ? model.value.foreignDragOver(item) : model.value.dragOver(item)\n  if (!verdict) return\n  // Only an allowed target takes the drop; over a refused one the browser shows „not allowed“ and the row shows why.\n  if (verdict.ok) event.preventDefault()\n  if (event.dataTransfer) event.dataTransfer.dropEffect = verdict.ok ? (foreign ? 'copy' : 'move') : 'none'\n}\n\nfunction onDragLeave(event: DragEvent, item: TreeItem) {\n  if (!(event.currentTarget as Node).contains(event.relatedTarget as Node | null)) model.value.dragLeave(item)\n}\n\nfunction onDrop(event: DragEvent, item: TreeItem) {\n  if (ownDrag()) {\n    event.preventDefault()\n    return model.value.drop(item)\n  }\n  const payload = event.dataTransfer ? readBlockTransfer(event.dataTransfer) : null\n  if (!payload) return\n  event.preventDefault()\n  return model.value.dropForeign(item, payload, event.shiftKey, event.clientX, event.clientY)\n}\n</script>\n\n<template>\n  <div class=\"flex flex-col gap-2\">\n    <div class=\"flex items-center gap-1\">\n      <UInput\n        :model-value=\"state.filterText\"\n        class=\"min-w-0 flex-1\"\n        icon=\"i-lucide-search\"\n        size=\"sm\"\n        :placeholder=\"t('tree.filterText.placeholder')\"\n        :aria-label=\"t('tree.filterText.placeholder')\"\n        @update:model-value=\"model.setFilterText($event)\"\n        @keydown.esc=\"model.setFilterText('')\"\n      >\n        <template v-if=\"state.filterText\" #trailing>\n          <UButton\n            icon=\"i-lucide-x\"\n            size=\"xs\"\n            color=\"neutral\"\n            variant=\"link\"\n            :aria-label=\"t('tree.filterText.clear')\"\n            @click=\"model.setFilterText('')\"\n          />\n        </template>\n      </UInput>\n      <!-- A popover, not a dropdown menu: a menu item cannot show a dot in an arbitrary CSS colour. -->\n      <UPopover\n        v-if=\"showBasketFilter\"\n        :content=\"{ side: 'bottom', align: 'end', sideOffset: 4, onCloseAutoFocus: (event: Event) => event.preventDefault() }\"\n        :ui=\"{ content: 'w-44 p-1' }\"\n      >\n        <UButton\n          icon=\"i-lucide-paint-bucket\"\n          size=\"xs\"\n          :color=\"shownBaskets.length ? 'primary' : 'neutral'\"\n          :variant=\"shownBaskets.length ? 'soft' : 'ghost'\"\n          :title=\"t('tree.basketFilter.label')\"\n          :aria-label=\"t('tree.basketFilter.label')\"\n        />\n        <template #content>\n          <div role=\"menu\" :aria-label=\"t('tree.basketFilter.label')\">\n            <button\n              v-for=\"basket in state.baskets\"\n              :key=\"basket.id\"\n              type=\"button\"\n              role=\"menuitemcheckbox\"\n              :aria-checked=\"shownBaskets.includes(basket.id)\"\n              :class=\"basketOption\"\n              @click=\"model.setBasketShown(basket.id, !shownBaskets.includes(basket.id))\"\n            >\n              <span class=\"size-2.5 shrink-0 rounded-full\" :style=\"{ backgroundColor: basket.color }\" />\n              <span class=\"truncate\">{{ basket.label }}</span>\n              <UIcon v-if=\"shownBaskets.includes(basket.id)\" name=\"i-lucide-check\" class=\"ml-auto size-3.5 shrink-0\" />\n            </button>\n            <button v-if=\"shownBaskets.length\" type=\"button\" role=\"menuitem\" :class=\"basketOption\" @click=\"model.clearBasketFilter()\">\n              <UIcon name=\"i-lucide-filter-x\" class=\"size-3.5 shrink-0 text-[var(--sk-muted)]\" />\n              <span class=\"truncate\">{{ t('tree.basketFilter.reset') }}</span>\n            </button>\n          </div>\n        </template>\n      </UPopover>\n    </div>\n\n    <div class=\"flex items-center justify-end\">\n      <UTooltip :text=\"canUseFileRoot ? '' : t('tree.root.unavailable')\">\n        <!-- A disabled button swallows pointer events, so the tooltip hangs on the wrapper. -->\n        <span class=\"inline-flex\">\n          <UButton\n            :icon=\"state.virtual ? 'i-lucide-file-stack' : 'i-lucide-folder-tree'\"\n            :label=\"t(state.virtual ? 'tree.root.file' : 'tree.root.folders')\"\n            size=\"xs\"\n            color=\"neutral\"\n            :variant=\"state.virtual ? 'soft' : 'ghost'\"\n            :disabled=\"!canUseFileRoot\"\n            :aria-pressed=\"state.virtual\"\n            @click=\"toggleTreeRoot\"\n          />\n        </span>\n      </UTooltip>\n    </div>\n\n    <div v-if=\"state.view.hasKindFilters\" 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=\"state.creatingFolder\" class=\"flex flex-col gap-1\">\n      <UInput\n        :model-value=\"state.creatingFolder.draft\"\n        size=\"sm\"\n        autofocus\n        :color=\"state.creatingFolder.error ? 'error' : undefined\"\n        :highlight=\"!!state.creatingFolder.error\"\n        :placeholder=\"state.creatingFolder.parent ? t('tree.folder.placeholderIn', { parent: state.creatingFolder.parent }) : t('tree.folder.placeholder')\"\n        :aria-label=\"t('tree.folder.name')\"\n        :aria-invalid=\"!!state.creatingFolder.error\"\n        @update:model-value=\"model.setFolderDraft($event)\"\n        @keydown.enter=\"model.commitCreateFolder\"\n        @keydown.esc=\"model.cancelCreateFolder\"\n        @blur=\"model.cancelCreateFolder\"\n      />\n      <p v-if=\"state.creatingFolder.error\" class=\"px-0.5 text-xs text-[var(--sk-danger)]\" role=\"alert\">\n        {{ state.creatingFolder.error }}\n      </p>\n    </div>\n\n    <div v-if=\"breadcrumb.crumbs.length\" class=\"flex flex-wrap items-center gap-0.5 text-xs\">\n      <UButton\n        icon=\"i-lucide-corner-up-left\"\n        :label=\"breadcrumb.document?.label ?? t('tree.focus.root')\"\n        size=\"xs\"\n        color=\"neutral\"\n        variant=\"ghost\"\n        :title=\"t('tree.focus.leave')\"\n        :aria-label=\"t('tree.focus.leave')\"\n        @click=\"model.defocus()\"\n      />\n      <template v-for=\"(crumb, index) in breadcrumb.crumbs\" :key=\"crumb.key\">\n        <UIcon name=\"i-lucide-chevron-right\" class=\"size-3 shrink-0 text-[var(--sk-muted)]\" />\n        <span v-if=\"index === breadcrumb.crumbs.length - 1\" class=\"min-w-0 truncate px-1.5 font-medium\" aria-current=\"location\">{{ crumb.label }}</span>\n        <UButton v-else :label=\"crumb.label\" size=\"xs\" color=\"neutral\" variant=\"ghost\" @click=\"model.focus(crumb.key)\" />\n      </template>\n    </div>\n\n    <p v-if=\"!state.tree && !state.virtual\" class=\"px-2.5 py-1.5 text-sm text-[var(--sk-muted)]\">\n      {{ state.tree === null ? t('tree.loadFailed') : t('tree.loading') }}\n    </p>\n\n    <UTree\n      v-else\n      :expanded=\"state.view.open\"\n      :items=\"state.view.items\"\n      :get-key=\"(item: TreeItem) => item.key\"\n      size=\"sm\"\n      :aria-label=\"t('tree.aria')\"\n      @update:expanded=\"onExpanded\"\n    >\n      <template #item-wrapper=\"{ item }: { item: TreeItem }\">\n        <div class=\"w-full\">\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              row(item).active && 'bg-[color-mix(in_oklab,var(--sk-primary)_10%,transparent)] font-medium text-[var(--sk-primary)]',\n              row(item).selected && 'bg-[var(--sk-bg-elevated)]',\n              row(item).drop?.ok && 'ring-1 ring-[var(--sk-primary)]',\n              refusal(item) && 'bg-[color-mix(in_oklab,var(--sk-danger)_10%,transparent)] ring-1 ring-[var(--sk-danger)]',\n              row(item).dimmed && 'opacity-60',\n            ]\"\n            :draggable=\"model.isDraggable(item)\"\n            @dragstart=\"onDragStart($event, item)\"\n            @dragover=\"onDragOver($event, item)\"\n            @dragleave=\"onDragLeave($event, item)\"\n            @drop=\"onDrop($event, item)\"\n            @dragend=\"model.dragEnd\"\n          >\n            <UIcon\n              v-if=\"row(item).expandable\"\n              name=\"i-lucide-chevron-right\"\n              class=\"size-3.5 shrink-0 text-[var(--sk-muted)] transition-transform\"\n              :class=\"row(item).open && '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\" :style=\"item.tone ? { color: item.tone } : undefined\" />\n\n            <div v-if=\"row(item).renaming\" class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n              <UInput\n                :model-value=\"row(item).renaming!.draft\"\n                size=\"xs\"\n                class=\"min-w-0\"\n                autofocus\n                :color=\"row(item).renaming!.error ? 'error' : undefined\"\n                :highlight=\"!!row(item).renaming!.error\"\n                :aria-label=\"t('tree.folder.name')\"\n                :aria-invalid=\"!!row(item).renaming!.error\"\n                @update:model-value=\"model.setRenameDraft($event)\"\n                @focus=\"($event.target as HTMLInputElement).select()\"\n                @click.stop\n                @keydown.stop\n                @keydown.enter=\"model.commitRename\"\n                @keydown.esc=\"model.cancelRename\"\n                @blur=\"model.blurRename\"\n              />\n              <p v-if=\"row(item).renaming!.error\" class=\"text-xs text-[var(--sk-danger)]\" role=\"alert\" @click.stop>\n                {{ row(item).renaming!.error }}\n              </p>\n            </div>\n            <template v-else>\n              <span\n                v-if=\"basketOf(item)\"\n                class=\"size-2 shrink-0 rounded-full\"\n                :style=\"{ backgroundColor: basketOf(item)!.color }\"\n                :title=\"basketOf(item)!.label\"\n                :aria-label=\"basketOf(item)!.label\"\n                role=\"img\"\n                data-basket-dot\n              />\n              <span class=\"min-w-0 flex-1 truncate\" :title=\"item.label\">\n                <template v-if=\"labelParts(item)\">{{ labelParts(item)![0] }}<mark class=\"rounded-sm bg-[color-mix(in_oklab,var(--sk-primary)_20%,transparent)] text-inherit\">{{ labelParts(item)![1] }}</mark>{{ labelParts(item)![2] }}</template>\n                <template v-else>{{ item.label }}</template>\n              </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=\"row(item).showFilter\" :items=\"filterMenu(item)\" :content=\"{ align: 'start' }\">\n                  <UButton\n                    icon=\"i-lucide-filter\"\n                    size=\"xs\"\n                    :color=\"row(item).hiddenKinds.length ? 'primary' : 'neutral'\"\n                    :variant=\"row(item).hiddenKinds.length ? 'soft' : 'ghost'\"\n                    :class=\"!row(item).hiddenKinds.length && '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                  <UButton\n                    v-if=\"item.type === 'composite' && item.blockId\"\n                    icon=\"i-lucide-focus\"\n                    size=\"xs\"\n                    color=\"neutral\"\n                    variant=\"ghost\"\n                    :title=\"t('tree.focus.enter')\"\n                    :aria-label=\"t('tree.focus.enter')\"\n                    @click=\"model.focus(item.key)\"\n                  />\n                  <UButton\n                    v-if=\"model.canMerge(item)\"\n                    icon=\"i-lucide-merge\"\n                    size=\"xs\"\n                    color=\"neutral\"\n                    variant=\"ghost\"\n                    :title=\"t('tree.merge')\"\n                    :aria-label=\"t('tree.merge')\"\n                    @click=\"model.merge(item)\"\n                  />\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=\"model.remove(item)\"\n                  />\n                </div>\n              </div>\n            </template>\n          </div>\n          <p v-if=\"refusal(item)\" class=\"px-2 pt-0.5 text-xs text-[var(--sk-danger)]\" role=\"status\">\n            {{ refusal(item) }}\n          </p>\n        </div>\n      </template>\n    </UTree>\n\n    <p v-if=\"state.view.noMatches\" class=\"px-2.5 py-1.5 text-sm text-[var(--sk-muted)]\">\n      {{ t('tree.noMatches') }}\n    </p>\n    <p v-if=\"state.view.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/drop-rules.js

@@ -8,6 +8,8 @@ const refuse = (reason) => ({
 /**
 * Whether `source` may be dropped on `target`.
 * - A Baustein (virtual mode) goes on the document root or on a Baustein: the Baustein kinds' accepted children decide.
+* - A Baustein from outside (`foreign-block`, virtual mode) goes on the document root or on a Baustein with an ID, if the
+*   open editor takes blocks from outside (`canTransfer`); the insert guards are judged when it is dropped.
 * - A document goes on the root or a folder of the store, unless it lives there already.
 * - A folder goes on the root or a folder, unless that is itself, one of its sub-folders or its current parent.
 */
@@ -15,6 +17,7 @@ function dropVerdict(source, target, env) {
 	const { t } = env;
 	if (!source) return refuse(t("tree.drop.nothing"));
 	if (source.type === "composite") return blockVerdict(source.blockId, target, env);
+	if (source.type === "foreign-block") return foreignBlockVerdict(target, env);
 	if (env.virtual) return refuse(t("tree.drop.noDocumentMove"));
 	if (target.type !== "root" && target.type !== "folder") return refuse(t("tree.drop.foldersOnly"));
 	const targetPath = target.path;
@@ -31,6 +34,11 @@ function blockVerdict(blockId, target, env) {
 	if (!target.blockId) return refuse(t("tree.drop.blockWithoutId"));
 	return env.moveVerdict(blockId, target.blockId);
 }
+function foreignBlockVerdict(target, env) {
+	if (env.virtual && !env.canTransfer) return refuse(env.t("tree.drop.noTransfer"));
+	if (env.virtual && (target.key === "vroot" || target.type === "composite" && target.blockId)) return ok;
+	return refuse(env.t("tree.drop.noBlocksHere"));
+}
 //#endregion
 export { dropVerdict };
 

package/dist/tree/drop-rules.js.map

@@ -1 +1 @@
-{"version":3,"file":"drop-rules.js","names":[],"sources":["../../src/tree/drop-rules.ts"],"sourcesContent":["import type { MoveVerdict } from '../features/composites'\nimport type { Translate } from '../i18n'\nimport { type DragPayload, parentPath, type TreeItem, VIRTUAL_ROOT } from './tree-items'\n\n// The drop rules of the document tree as one pure function: no state, no editor, no store. Where the open document\n// decides (the Baustein kinds' accepted children), the caller passes that rule in.\n\n/** Whether a drop may happen; a refusal carries a short sentence (in the language of the `t` that judged it) the tree shows under the target. */\nexport type DropVerdict = { ok: true } | { ok: false, reason: string }\n\n/** What `dropVerdict` needs from the outside. */\nexport interface DropEnv {\n  /** The tree shows the open document as its root (Bausteine can be moved); otherwise it shows the store's folders. */\n  virtual: boolean\n  /**\n   * Whether block `id` may move into the Baustein `targetId` (`null` = the end of the document), judged on the live\n   * editor (`moveIntoVerdict`). `undefined` while no editor is mounted.\n   */\n  moveVerdict: ((id: string, targetId: string | null) => MoveVerdict) | undefined\n  /** Words the refusals of this file's rules; the reasons of `moveVerdict` come already worded. */\n  t: Translate\n}\n\nconst ok: DropVerdict = { ok: true }\nconst refuse = (reason: string): DropVerdict => ({ ok: false, reason })\n\n/**\n * Whether `source` may be dropped on `target`.\n * - A Baustein (virtual mode) goes on the document root or on a Baustein: the Baustein kinds' accepted children decide.\n * - A document goes on the root or a folder of the store, unless it lives there already.\n * - A folder goes on the root or a folder, unless that is itself, one of its sub-folders or its current parent.\n */\nexport function dropVerdict(source: DragPayload | null, target: TreeItem, env: DropEnv): DropVerdict {\n  const { t } = env\n  if (!source) return refuse(t('tree.drop.nothing'))\n  if (source.type === 'composite') return blockVerdict(source.blockId, target, env)\n  if (env.virtual) return refuse(t('tree.drop.noDocumentMove'))\n  if (target.type !== 'root' && target.type !== 'folder') return refuse(t('tree.drop.foldersOnly'))\n  const targetPath = target.path!\n  if (source.type === 'document') return source.path === targetPath ? refuse(t('tree.drop.documentInFolder')) : ok\n  if (targetPath === source.path || targetPath.startsWith(`${source.path}/`)) return refuse(t('tree.drop.folderIntoSelf'))\n  if (parentPath(source.path) === targetPath) return refuse(t('tree.drop.folderInFolder'))\n  return ok\n}\n\nfunction blockVerdict(blockId: string, target: TreeItem, env: DropEnv): DropVerdict {\n  const { t } = env\n  if (!env.virtual || !env.moveVerdict) return refuse(t('tree.drop.blocksOnlyInDocument'))\n  if (target.key === VIRTUAL_ROOT) return env.moveVerdict(blockId, null)\n  if (target.type !== 'composite') return refuse(t('tree.drop.noBlocksHere'))\n  if (!target.blockId) return refuse(t('tree.drop.blockWithoutId'))\n  return env.moveVerdict(blockId, target.blockId)\n}\n"],"mappings":";;AAuBA,MAAM,KAAkB,EAAE,IAAI,KAAK;AACnC,MAAM,UAAU,YAAiC;CAAE,IAAI;CAAO;AAAO;;;;;;;AAQrE,SAAgB,YAAY,QAA4B,QAAkB,KAA2B;CACnG,MAAM,EAAE,MAAM;CACd,IAAI,CAAC,QAAQ,OAAO,OAAO,EAAE,mBAAmB,CAAC;CACjD,IAAI,OAAO,SAAS,aAAa,OAAO,aAAa,OAAO,SAAS,QAAQ,GAAG;CAChF,IAAI,IAAI,SAAS,OAAO,OAAO,EAAE,0BAA0B,CAAC;CAC5D,IAAI,OAAO,SAAS,UAAU,OAAO,SAAS,UAAU,OAAO,OAAO,EAAE,uBAAuB,CAAC;CAChG,MAAM,aAAa,OAAO;CAC1B,IAAI,OAAO,SAAS,YAAY,OAAO,OAAO,SAAS,aAAa,OAAO,EAAE,4BAA4B,CAAC,IAAI;CAC9G,IAAI,eAAe,OAAO,QAAQ,WAAW,WAAW,GAAG,OAAO,KAAK,EAAE,GAAG,OAAO,OAAO,EAAE,0BAA0B,CAAC;CACvH,IAAI,WAAW,OAAO,IAAI,MAAM,YAAY,OAAO,OAAO,EAAE,0BAA0B,CAAC;CACvF,OAAO;AACT;AAEA,SAAS,aAAa,SAAiB,QAAkB,KAA2B;CAClF,MAAM,EAAE,MAAM;CACd,IAAI,CAAC,IAAI,WAAW,CAAC,IAAI,aAAa,OAAO,OAAO,EAAE,gCAAgC,CAAC;CACvF,IAAI,OAAO,QAAA,SAAsB,OAAO,IAAI,YAAY,SAAS,IAAI;CACrE,IAAI,OAAO,SAAS,aAAa,OAAO,OAAO,EAAE,wBAAwB,CAAC;CAC1E,IAAI,CAAC,OAAO,SAAS,OAAO,OAAO,EAAE,0BAA0B,CAAC;CAChE,OAAO,IAAI,YAAY,SAAS,OAAO,OAAO;AAChD"}
+{"version":3,"file":"drop-rules.js","names":[],"sources":["../../src/tree/drop-rules.ts"],"sourcesContent":["import type { MoveVerdict } from '../features/composites'\nimport type { Translate } from '../i18n'\nimport { type DragPayload, parentPath, type TreeItem, VIRTUAL_ROOT } from './tree-items'\n\n// The drop rules of the document tree as one pure function: no state, no editor, no store. Where the open document\n// decides (the Baustein kinds' accepted children), the caller passes that rule in.\n\n/** Whether a drop may happen; a refusal carries a short sentence (in the language of the `t` that judged it) the tree shows under the target. */\nexport type DropVerdict = { ok: true } | { ok: false, reason: string }\n\n/** What `dropVerdict` needs from the outside. */\nexport interface DropEnv {\n  /** The tree shows the open document as its root (Bausteine can be moved); otherwise it shows the store's folders. */\n  virtual: boolean\n  /**\n   * Whether block `id` may move into the Baustein `targetId` (`null` = the end of the document), judged on the live\n   * editor (`moveIntoVerdict`). `undefined` while no editor is mounted.\n   */\n  moveVerdict: ((id: string, targetId: string | null) => MoveVerdict) | undefined\n  /** Whether the open editor takes blocks from outside (it has the transfer feature); `false` while no editor is mounted. */\n  canTransfer: boolean\n  /** Words the refusals of this file's rules; the reasons of `moveVerdict` come already worded. */\n  t: Translate\n}\n\nconst ok: DropVerdict = { ok: true }\nconst refuse = (reason: string): DropVerdict => ({ ok: false, reason })\n\n/**\n * Whether `source` may be dropped on `target`.\n * - A Baustein (virtual mode) goes on the document root or on a Baustein: the Baustein kinds' accepted children decide.\n * - A Baustein from outside (`foreign-block`, virtual mode) goes on the document root or on a Baustein with an ID, if the\n *   open editor takes blocks from outside (`canTransfer`); the insert guards are judged when it is dropped.\n * - A document goes on the root or a folder of the store, unless it lives there already.\n * - A folder goes on the root or a folder, unless that is itself, one of its sub-folders or its current parent.\n */\nexport function dropVerdict(source: DragPayload | null, target: TreeItem, env: DropEnv): DropVerdict {\n  const { t } = env\n  if (!source) return refuse(t('tree.drop.nothing'))\n  if (source.type === 'composite') return blockVerdict(source.blockId, target, env)\n  if (source.type === 'foreign-block') return foreignBlockVerdict(target, env)\n  if (env.virtual) return refuse(t('tree.drop.noDocumentMove'))\n  if (target.type !== 'root' && target.type !== 'folder') return refuse(t('tree.drop.foldersOnly'))\n  const targetPath = target.path!\n  if (source.type === 'document') return source.path === targetPath ? refuse(t('tree.drop.documentInFolder')) : ok\n  if (targetPath === source.path || targetPath.startsWith(`${source.path}/`)) return refuse(t('tree.drop.folderIntoSelf'))\n  if (parentPath(source.path) === targetPath) return refuse(t('tree.drop.folderInFolder'))\n  return ok\n}\n\nfunction blockVerdict(blockId: string, target: TreeItem, env: DropEnv): DropVerdict {\n  const { t } = env\n  if (!env.virtual || !env.moveVerdict) return refuse(t('tree.drop.blocksOnlyInDocument'))\n  if (target.key === VIRTUAL_ROOT) return env.moveVerdict(blockId, null)\n  if (target.type !== 'composite') return refuse(t('tree.drop.noBlocksHere'))\n  if (!target.blockId) return refuse(t('tree.drop.blockWithoutId'))\n  return env.moveVerdict(blockId, target.blockId)\n}\n\nfunction foreignBlockVerdict(target: TreeItem, env: DropEnv): DropVerdict {\n  if (env.virtual && !env.canTransfer) return refuse(env.t('tree.drop.noTransfer'))\n  if (env.virtual && (target.key === VIRTUAL_ROOT || (target.type === 'composite' && target.blockId))) return ok\n  return refuse(env.t('tree.drop.noBlocksHere'))\n}\n"],"mappings":";;AAyBA,MAAM,KAAkB,EAAE,IAAI,KAAK;AACnC,MAAM,UAAU,YAAiC;CAAE,IAAI;CAAO;AAAO;;;;;;;;;AAUrE,SAAgB,YAAY,QAA4B,QAAkB,KAA2B;CACnG,MAAM,EAAE,MAAM;CACd,IAAI,CAAC,QAAQ,OAAO,OAAO,EAAE,mBAAmB,CAAC;CACjD,IAAI,OAAO,SAAS,aAAa,OAAO,aAAa,OAAO,SAAS,QAAQ,GAAG;CAChF,IAAI,OAAO,SAAS,iBAAiB,OAAO,oBAAoB,QAAQ,GAAG;CAC3E,IAAI,IAAI,SAAS,OAAO,OAAO,EAAE,0BAA0B,CAAC;CAC5D,IAAI,OAAO,SAAS,UAAU,OAAO,SAAS,UAAU,OAAO,OAAO,EAAE,uBAAuB,CAAC;CAChG,MAAM,aAAa,OAAO;CAC1B,IAAI,OAAO,SAAS,YAAY,OAAO,OAAO,SAAS,aAAa,OAAO,EAAE,4BAA4B,CAAC,IAAI;CAC9G,IAAI,eAAe,OAAO,QAAQ,WAAW,WAAW,GAAG,OAAO,KAAK,EAAE,GAAG,OAAO,OAAO,EAAE,0BAA0B,CAAC;CACvH,IAAI,WAAW,OAAO,IAAI,MAAM,YAAY,OAAO,OAAO,EAAE,0BAA0B,CAAC;CACvF,OAAO;AACT;AAEA,SAAS,aAAa,SAAiB,QAAkB,KAA2B;CAClF,MAAM,EAAE,MAAM;CACd,IAAI,CAAC,IAAI,WAAW,CAAC,IAAI,aAAa,OAAO,OAAO,EAAE,gCAAgC,CAAC;CACvF,IAAI,OAAO,QAAA,SAAsB,OAAO,IAAI,YAAY,SAAS,IAAI;CACrE,IAAI,OAAO,SAAS,aAAa,OAAO,OAAO,EAAE,wBAAwB,CAAC;CAC1E,IAAI,CAAC,OAAO,SAAS,OAAO,OAAO,EAAE,0BAA0B,CAAC;CAChE,OAAO,IAAI,YAAY,SAAS,OAAO,OAAO;AAChD;AAEA,SAAS,oBAAoB,QAAkB,KAA2B;CACxE,IAAI,IAAI,WAAW,CAAC,IAAI,aAAa,OAAO,OAAO,IAAI,EAAE,sBAAsB,CAAC;CAChF,IAAI,IAAI,YAAY,OAAO,QAAA,WAAyB,OAAO,SAAS,eAAe,OAAO,UAAW,OAAO;CAC5G,OAAO,OAAO,IAAI,EAAE,wBAAwB,CAAC;AAC/C"}

package/dist/tree/react/DocumentTree.js

@@ -1,18 +1,23 @@
+import { findBlockById } from "../../core/schema/block-ids.js";
+import { blockTransferOf, readBlockTransfer, writeBlockTransfer } from "../../core/block-transfer.js";
+import { basketById } from "../../features/composites/baskets.js";
 import { useEditorI18n } from "../../react/use-editor-i18n.js";
 import { cn } from "../../react/ui/utils.js";
 import { Icon } from "../../react/Icon.js";
 import { useEditorSettings } from "../../react/settings.js";
 import { Button } from "../../react/ui/button.js";
 import { Input } from "../../react/ui/input.js";
+import { Popover, PopoverContent, PopoverTrigger } from "../../react/ui/popover.js";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../react/ui/tooltip.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "../../react/ui/dropdown-menu.js";
 import { Collapsible, CollapsibleContent } from "../../react/ui/collapsible.js";
-import { DRAG_MIME } from "../tree-items.js";
+import { DRAG_MIME, focusCrumbs, itemBasket } from "../tree-items.js";
 import { rowOf } from "../tree-model.js";
 import { useTreeModel } from "./use-tree-model.js";
-import { useRef } from "react";
+import { Fragment, useRef } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 //#region src/tree/react/DocumentTree.tsx
+const BASKET_OPTION = "flex w-full items-center gap-2 rounded-sm px-2 py-1.5 text-left text-sm text-foreground transition-colors duration-150 hover:bg-muted focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-primary";
 const REVEAL_ON_HOVER = "opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 data-[state=open]:opacity-100";
 const isOutlineItem = (item) => item.type === "composite" || item.type === "heading";
 /** The label with the part the title filter matched highlighted. */
@@ -43,6 +48,12 @@ function DocumentTree({ store, editor, selectedFolder, onSelectedFolderChange, d
 	const { model, state } = binding;
 	const canUseFileRoot = state.hasEditor && state.structure === "composite";
 	const { view, creatingFolder } = state;
+	/** The basket filter button needs a live editor that offers baskets. */
+	const showBasketFilter = state.hasEditor && state.baskets.length > 0;
+	/** The chosen baskets the open editor offers (an unknown id never filters, see `TreeModel`). */
+	const shownBaskets = state.basketFilter.filter((id) => basketById(state.baskets, id));
+	/** The breadcrumb of the focus: the document (first crumb, leaves focus) and the Bausteine down to the focused one. */
+	const { document: focusDocument, crumbs } = focusCrumbs(state.focusPath);
 	function onChevronClick(event, item) {
 		if (item.type === "root" || item.type === "folder") return;
 		event.stopPropagation();
@@ -64,21 +75,33 @@ function DocumentTree({ store, editor, selectedFolder, onSelectedFolderChange, d
 		const payload = model.dragStart(item);
 		if (!payload) return event.preventDefault();
 		event.dataTransfer.setData(DRAG_MIME, JSON.stringify(payload));
-		event.dataTransfer.effectAllowed = "move";
+		const found = payload.type === "composite" && editor && !editor.isDestroyed ? findBlockById(editor.state.doc, payload.blockId) : null;
+		const transfer = found && editor ? blockTransferOf(editor, found.pos) : null;
+		if (transfer) writeBlockTransfer(event.dataTransfer, transfer);
+		event.dataTransfer.effectAllowed = transfer ? "copyMove" : "move";
 	}
+	/** A drag of this tree's own rows is running (a foreign drag is not). */
+	const ownDrag = !!state.drag && state.drag.source.type !== "foreign-block";
 	function onDragOver(event, item) {
-		const verdict = model.dragOver(item);
+		const foreign = !ownDrag && event.dataTransfer.types.includes("application/x-tip-block");
+		const verdict = foreign ? model.foreignDragOver(item) : model.dragOver(item);
 		if (!verdict) return;
 		if (verdict.ok) event.preventDefault();
-		event.dataTransfer.dropEffect = verdict.ok ? "move" : "none";
+		event.dataTransfer.dropEffect = verdict.ok ? foreign ? "copy" : "move" : "none";
 	}
 	function onDragLeave(event, item) {
 		if (!event.currentTarget.contains(event.relatedTarget)) model.dragLeave(item);
 	}
 	function onDrop(event, item) {
-		if (!state.drag) return;
+		if (ownDrag) {
+			event.preventDefault();
+			model.drop(item);
+			return;
+		}
+		const payload = readBlockTransfer(event.dataTransfer);
+		if (!payload) return;
 		event.preventDefault();
-		model.drop(item);
+		model.dropForeign(item, payload, event.shiftKey, event.clientX, event.clientY);
 	}
 	const filterMenu = (item) => {
 		const { filterKinds, hiddenKinds } = rowOf(state, item, t);
@@ -105,13 +128,14 @@ function DocumentTree({ store, editor, selectedFolder, onSelectedFolderChange, d
 		const add = model.addMenu(item);
 		const filtered = row.hiddenKinds.length > 0;
 		const refused = row.drop && !row.drop.ok ? row.drop.reason : null;
+		const basket = itemBasket(item, state.baskets);
 		return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
 			role: "treeitem",
 			tabIndex: 0,
 			"aria-level": level + 1,
 			"aria-expanded": row.expandable ? row.open : void 0,
 			"aria-selected": row.active ? true : void 0,
-			className: cn("group flex w-full cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-sm select-none outline-none hover:bg-muted/60 focus-visible:ring-1 focus-visible:ring-ring", row.active && "bg-primary/10 font-medium text-primary", row.selected && "bg-muted", row.drop?.ok && "ring-1 ring-primary", refused && "bg-destructive/10 ring-1 ring-destructive"),
+			className: cn("group flex w-full cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-sm select-none outline-none hover:bg-muted/60 focus-visible:ring-1 focus-visible:ring-ring", row.active && "bg-primary/10 font-medium text-primary", row.selected && "bg-muted", row.drop?.ok && "ring-1 ring-primary", refused && "bg-destructive/10 ring-1 ring-destructive", row.dimmed && "opacity-60"),
 			draggable: model.isDraggable(item),
 			onClick: () => model.activate(item),
 			onKeyDown: (event) => onRowKeyDown(event, item),
@@ -129,7 +153,10 @@ function DocumentTree({ store, editor, selectedFolder, onSelectedFolderChange, d
 						className: cn("size-3.5 text-muted-foreground transition-transform", row.open && "rotate-90")
 					})
 				}) : isOutlineItem(item) && /* @__PURE__ */ jsx("span", { className: "size-3.5 shrink-0" }),
-				/* @__PURE__ */ jsx(Icon, { name: item.icon }),
+				/* @__PURE__ */ jsx(Icon, {
+					name: item.icon,
+					style: item.tone ? { color: item.tone } : void 0
+				}),
 				row.renaming ? /* @__PURE__ */ jsxs("div", {
 					className: "flex min-w-0 flex-1 flex-col gap-0.5",
 					children: [/* @__PURE__ */ jsx(Input, {
@@ -154,6 +181,14 @@ function DocumentTree({ store, editor, selectedFolder, onSelectedFolderChange, d
 						children: row.renaming.error
 					})]
 				}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					basket && /* @__PURE__ */ jsx("span", {
+						className: "size-2 shrink-0 rounded-full",
+						style: { backgroundColor: basket.color },
+						title: basket.label,
+						"aria-label": basket.label,
+						role: "img",
+						"data-basket-dot": true
+					}),
 					/* @__PURE__ */ jsx("span", {
 						className: "min-w-0 flex-1 truncate",
 						title: item.label,
@@ -182,6 +217,22 @@ function DocumentTree({ store, editor, selectedFolder, onSelectedFolderChange, d
 						}), filterMenu(item)] }), /* @__PURE__ */ jsxs("div", {
 							className: "flex opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 has-data-[state=open]:opacity-100",
 							children: [
+								item.type === "composite" && item.blockId && /* @__PURE__ */ jsx(Button, {
+									size: "icon-xs",
+									variant: "ghost",
+									title: t("tree.focus.enter"),
+									"aria-label": t("tree.focus.enter"),
+									onClick: () => model.focus(item.key),
+									children: /* @__PURE__ */ jsx(Icon, { name: "i-lucide-focus" })
+								}),
+								model.canMerge(item) && /* @__PURE__ */ jsx(Button, {
+									size: "icon-xs",
+									variant: "ghost",
+									title: t("tree.merge"),
+									"aria-label": t("tree.merge"),
+									onClick: () => model.merge(item),
+									children: /* @__PURE__ */ jsx(Icon, { name: "i-lucide-merge" })
+								}),
 								add.length > 0 && /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
 									asChild: true,
 									children: /* @__PURE__ */ jsx(Button, {
@@ -244,31 +295,89 @@ function DocumentTree({ store, editor, selectedFolder, onSelectedFolderChange, d
 		className: cn("flex flex-col gap-2", className),
 		children: [
 			/* @__PURE__ */ jsxs("div", {
-				className: "relative",
-				children: [
-					/* @__PURE__ */ jsx(Icon, {
-						name: "i-lucide-search",
-						className: "pointer-events-none absolute top-1/2 left-2 size-3.5 -translate-y-1/2 text-muted-foreground"
-					}),
-					/* @__PURE__ */ jsx(Input, {
-						value: state.filterText,
-						className: "h-7 pr-7 pl-7 text-sm md:text-sm",
-						placeholder: t("tree.filterText.placeholder"),
-						"aria-label": t("tree.filterText.placeholder"),
-						onChange: (event) => model.setFilterText(event.target.value),
-						onKeyDown: (event) => {
-							if (event.key === "Escape") model.setFilterText("");
-						}
-					}),
-					state.filterText && /* @__PURE__ */ jsx(Button, {
+				className: "flex items-center gap-1",
+				children: [/* @__PURE__ */ jsxs("div", {
+					className: "relative min-w-0 flex-1",
+					children: [
+						/* @__PURE__ */ jsx(Icon, {
+							name: "i-lucide-search",
+							className: "pointer-events-none absolute top-1/2 left-2 size-3.5 -translate-y-1/2 text-muted-foreground"
+						}),
+						/* @__PURE__ */ jsx(Input, {
+							value: state.filterText,
+							className: "h-7 pr-7 pl-7 text-sm md:text-sm",
+							placeholder: t("tree.filterText.placeholder"),
+							"aria-label": t("tree.filterText.placeholder"),
+							onChange: (event) => model.setFilterText(event.target.value),
+							onKeyDown: (event) => {
+								if (event.key === "Escape") model.setFilterText("");
+							}
+						}),
+						state.filterText && /* @__PURE__ */ jsx(Button, {
+							size: "icon-xs",
+							variant: "ghost",
+							className: "absolute top-1/2 right-1 -translate-y-1/2",
+							"aria-label": t("tree.filterText.clear"),
+							onClick: () => model.setFilterText(""),
+							children: /* @__PURE__ */ jsx(Icon, { name: "i-lucide-x" })
+						})
+					]
+				}), showBasketFilter && /* @__PURE__ */ jsxs(Popover, { children: [/* @__PURE__ */ jsx(PopoverTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(Button, {
 						size: "icon-xs",
-						variant: "ghost",
-						className: "absolute top-1/2 right-1 -translate-y-1/2",
-						"aria-label": t("tree.filterText.clear"),
-						onClick: () => model.setFilterText(""),
-						children: /* @__PURE__ */ jsx(Icon, { name: "i-lucide-x" })
+						variant: shownBaskets.length ? "secondary" : "ghost",
+						title: t("tree.basketFilter.label"),
+						"aria-label": t("tree.basketFilter.label"),
+						children: /* @__PURE__ */ jsx(Icon, { name: "i-lucide-paint-bucket" })
 					})
-				]
+				}), /* @__PURE__ */ jsx(PopoverContent, {
+					side: "bottom",
+					align: "end",
+					sideOffset: 4,
+					className: "w-44 gap-0 p-1",
+					onCloseAutoFocus: (event) => event.preventDefault(),
+					children: /* @__PURE__ */ jsxs("div", {
+						role: "menu",
+						"aria-label": t("tree.basketFilter.label"),
+						children: [state.baskets.map((basket) => {
+							const shown = shownBaskets.includes(basket.id);
+							return /* @__PURE__ */ jsxs("button", {
+								type: "button",
+								role: "menuitemcheckbox",
+								"aria-checked": shown,
+								className: BASKET_OPTION,
+								onClick: () => model.setBasketShown(basket.id, !shown),
+								children: [
+									/* @__PURE__ */ jsx("span", {
+										className: "size-2.5 shrink-0 rounded-full",
+										style: { backgroundColor: basket.color }
+									}),
+									/* @__PURE__ */ jsx("span", {
+										className: "truncate",
+										children: basket.label
+									}),
+									shown && /* @__PURE__ */ jsx(Icon, {
+										name: "i-lucide-check",
+										className: "ml-auto size-3.5 shrink-0"
+									})
+								]
+							}, basket.id);
+						}), shownBaskets.length > 0 && /* @__PURE__ */ jsxs("button", {
+							type: "button",
+							role: "menuitem",
+							className: BASKET_OPTION,
+							onClick: () => model.clearBasketFilter(),
+							children: [/* @__PURE__ */ jsx(Icon, {
+								name: "i-lucide-filter-x",
+								className: "size-3.5 shrink-0 text-muted-foreground"
+							}), /* @__PURE__ */ jsx("span", {
+								className: "truncate",
+								children: t("tree.basketFilter.reset")
+							})]
+						})]
+					})
+				})] })]
 			}),
 			/* @__PURE__ */ jsx("div", {
 				className: "flex items-center justify-end",
@@ -319,6 +428,29 @@ function DocumentTree({ store, editor, selectedFolder, onSelectedFolderChange, d
 					children: creatingFolder.error
 				})]
 			}),
+			crumbs.length > 0 && /* @__PURE__ */ jsxs("div", {
+				className: "flex flex-wrap items-center gap-0.5 text-xs",
+				children: [/* @__PURE__ */ jsxs(Button, {
+					size: "xs",
+					variant: "ghost",
+					title: t("tree.focus.leave"),
+					"aria-label": t("tree.focus.leave"),
+					onClick: () => model.defocus(),
+					children: [/* @__PURE__ */ jsx(Icon, { name: "i-lucide-corner-up-left" }), focusDocument?.label ?? t("tree.focus.root")]
+				}), crumbs.map((crumb, index) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Icon, {
+					name: "i-lucide-chevron-right",
+					className: "size-3 shrink-0 text-muted-foreground"
+				}), index === crumbs.length - 1 ? /* @__PURE__ */ jsx("span", {
+					className: "min-w-0 truncate px-1.5 font-medium",
+					"aria-current": "location",
+					children: crumb.label
+				}) : /* @__PURE__ */ jsx(Button, {
+					size: "xs",
+					variant: "ghost",
+					onClick: () => model.focus(crumb.key),
+					children: crumb.label
+				})] }, crumb.key))]
+			}),
 			!state.tree && !state.virtual ? /* @__PURE__ */ jsx("p", {
 				className: "px-2.5 py-1.5 text-sm text-muted-foreground",
 				children: state.tree === null ? t("tree.loadFailed") : t("tree.loading")