@ecsplico/editor 0.0.0-stage → 2.0.0

package/dist/tree/react/DocumentTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DocumentTree.js","names":["buildOutlineItems","isDraggable","isDraggableItem"],"sources":["../../../src/tree/react/DocumentTree.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { type DragEvent, type KeyboardEvent, type ReactNode, useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport { toast } from 'sonner'\nimport { compositeJSON, type CompositeKind, compositeKindsOf, moveBlockInto } from '../../features/composites'\nimport { pickFiles } from '../../features/media'\nimport { useFileImport } from '../../features/media/react'\nimport { revealBlockInEditor } from '../../outline'\nimport { Icon } from '../../react/Icon'\nimport { useEditorSettings } from '../../react/settings'\nimport { useEditorI18n } from '../../react/use-editor-i18n'\nimport { useNotifier } from '../../react/use-notifier'\nimport { useStore } from '../../react/use-store'\nimport { Button } from '../../react/ui/button'\nimport { Collapsible, CollapsibleContent } from '../../react/ui/collapsible'\nimport { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from '../../react/ui/dropdown-menu'\nimport { Input } from '../../react/ui/input'\nimport { cn } from '../../react/ui/utils'\nimport type { DocumentStore } from '../store'\nimport {\n  ancestorKeys,\n  applyNodeFilters,\n  canDrop,\n  collectFolderPaths,\n  collectKeys,\n  compositeInsertPos,\n  DRAG_MIME,\n  type DragPayload,\n  dragPayloadOf,\n  EMPTY_OUTLINE,\n  filterKinds,\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 { useTreeView } from './use-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\n/** Props of `DocumentTree`. */\nexport interface DocumentTreeProps {\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  /** 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. */\n  selectedFolder?: string\n  onSelectedFolderChange?: (folder: string) => void\n  /** Host actions on a document row, rendered next to its delete button (e.g. a download link). */\n  documentActions?: (document: { id: string, title: string }) => ReactNode\n  className?: string\n}\n\ninterface Renaming {\n  item: TreeItem\n  draft: string\n}\n\ninterface CreatingFolder {\n  /** Folder path the folder being named is created in. */\n  parent: string\n  draft: string\n}\n\nconst OUTLINE_DEBOUNCE_MS = 150\nconst EMPTY_DOCUMENTS: readonly never[] = []\nconst EMPTY_KINDS: readonly CompositeKind[] = []\nconst REVEAL_ON_HOVER = 'opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 data-[state=open]:opacity-100'\nconst isOutlineItem = (item: TreeItem) => item.type === 'composite' || item.type === 'heading'\n\n/** The file browser of a document store: folders and documents with their drag and drop, the open document's outline below it. */\nexport function DocumentTree({ store, editor, selectedFolder: controlledFolder, onSelectedFolderChange, documentActions, className }: DocumentTreeProps) {\n  const { t } = useEditorI18n()\n  const { nodeFilters, expanded, model } = useTreeView()\n  const { settings } = useEditorSettings()\n  const { importFiles } = useFileImport(editor)\n  const notify = useNotifier(editor)\n  const tree = useStore(store.tree)\n  const documents = useStore(store.documents) ?? EMPTY_DOCUMENTS\n  const activeId = useStore(store.activeId)\n  const structure = settings.blocks.structure\n  const virtual = settings.blocks.treeRoot === 'file' && structure === 'composite' && !!editor\n\n  const treeElement = useRef<HTMLUListElement>(null)\n\n  // --- selected folder (controlled or kept here) -----------------------------------------------------------------\n\n  const [ownFolder, setOwnFolder] = useState('')\n  const selectedFolder = controlledFolder ?? ownFolder\n  const selectedFolderRef = useRef(selectedFolder)\n  selectedFolderRef.current = selectedFolder\n  const onSelectedFolderChangeRef = useRef(onSelectedFolderChange)\n  onSelectedFolderChangeRef.current = onSelectedFolderChange\n  const setSelectedFolder = useCallback((folder: string) => {\n    selectedFolderRef.current = folder\n    setOwnFolder(folder)\n    onSelectedFolderChangeRef.current?.(folder)\n  }, [])\n\n  // --- view state ------------------------------------------------------------------------------------------------\n\n  /** Virtual mode: block ID of the selected `folder`/`document` composite; `null` = the document itself. */\n  const [virtualTarget, setVirtualTarget] = useState<string | null>(null)\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.\n  const [collapsedOutline, setCollapsedOutline] = useState<string[]>([])\n  const [dropKey, setDropKey] = useState<string | null>(null)\n  const dragging = useRef<DragPayload | null>(null)\n  const [removing, setRemoving] = useState<string | null>(null)\n\n  const [renaming, setRenamingState] = useState<Renaming | null>(null)\n  const renamingRef = useRef<Renaming | null>(null)\n  const setRenaming = (next: Renaming | null) => {\n    renamingRef.current = next\n    setRenamingState(next)\n  }\n  const [creatingFolder, setCreatingFolderState] = useState<CreatingFolder | null>(null)\n  const creatingFolderRef = useRef<CreatingFolder | null>(null)\n  const setCreatingFolder = (next: CreatingFolder | null) => {\n    creatingFolderRef.current = next\n    setCreatingFolderState(next)\n  }\n\n  // --- outline of the open document ------------------------------------------------------------------------------\n\n  const kinds = useMemo(() => (editor ? compositeKindsOf(editor) : EMPTY_KINDS), [editor])\n\n  // Read from the editor on demand and refreshed, debounced, when the document changes.\n  const [outline, setOutline] = useState<Outline>(EMPTY_OUTLINE)\n  useEffect(() => {\n    setOutline(readOutline(editor, structure, t))\n    if (!editor) return\n    let timer: ReturnType<typeof setTimeout> | undefined\n    const onUpdate = () => {\n      clearTimeout(timer)\n      timer = setTimeout(() => setOutline(readOutline(editor, structure, t)), OUTLINE_DEBOUNCE_MS)\n    }\n    editor.on('update', onUpdate)\n    return () => {\n      clearTimeout(timer)\n      editor.off('update', onUpdate)\n    }\n  }, [editor, structure, t])\n\n  // --- expansion -------------------------------------------------------------------------------------------------\n\n  const activeFolder = documents.find(d => d.id === activeId)?.folder\n\n  useEffect(() => {\n    if (virtual) model.expand([VIRTUAL_ROOT])\n  }, [virtual, model])\n\n  // Opening a document (also by URL, or after a move) shows it: its folders open and its folder becomes the selected one.\n  useEffect(() => {\n    model.expand(ancestorKeys(activeFolder ?? ''))\n    if (activeFolder !== undefined) setSelectedFolder(activeFolder)\n  }, [activeFolder, model, setSelectedFolder])\n\n  // The open document shows its outline.\n  useEffect(() => {\n    if (activeId) model.expand([`doc:${activeId}`])\n  }, [activeId, model])\n\n  // A selected folder that was deleted or moved away falls back to the root.\n  useEffect(() => {\n    if (!tree) return\n    const paths = new Set<string>()\n    collectFolderPaths(tree, paths)\n    if (!paths.has(selectedFolderRef.current)) setSelectedFolder('')\n  }, [tree, setSelectedFolder])\n\n  /** A folder moved from `from` to `to`: its open/selected state follows it. */\n  function followFolderMove(from: string, to: string) {\n    model.followFolderMove(from, to)\n    setSelectedFolder(remapFolderPath(selectedFolderRef.current, from, to))\n    model.expand(ancestorKeys(parentPath(to)))\n  }\n\n  /** Makes a composite's children visible in the outline again. */\n  function openOutline(blockId: string) {\n    setCollapsedOutline(current => current.filter(key => key !== `outline:${blockId}`))\n  }\n\n  // --- items -----------------------------------------------------------------------------------------------------\n\n  function selectItem(item: TreeItem) {\n    if (renamingRef.current?.item.key === item.key) return\n    if (item.key === VIRTUAL_ROOT) {\n      setVirtualTarget(null)\n      return\n    }\n    if (item.type === 'document') {\n      setSelectedFolder(item.folder ?? '')\n      void store.open(item.id!).catch(() => undefined)\n    } else {\n      setSelectedFolder(item.path ?? '')\n    }\n  }\n\n  function selectOutline(item: TreeItem) {\n    if (editor && !editor.isDestroyed) revealBlockInEditor(editor, { id: item.blockId ?? null, pos: item.pos! })\n    if (virtual && item.blockId && (item.kind === 'folder' || item.kind === 'document')) setVirtualTarget(item.blockId)\n  }\n\n  const outlineList = buildOutlineItems(outline.nodes as Parameters<typeof buildOutlineItems>[0], kinds, selectOutline)\n  const unfilteredItems: TreeItem[] = virtual\n    ? [virtualRootItem(documents.find(d => d.id === activeId)?.title ?? t('tree.rootFallback'), outlineList, selectItem)]\n    : tree ? [folderItem(tree, activeId, outlineList, selectItem)] : []\n  const items = applyNodeFilters(unfilteredItems, nodeFilters)\n  const isEmpty = !virtual && !!tree && !tree.folders.length && !tree.documents.length\n\n  const isOpen = (item: TreeItem) => (isOutlineItem(item) ? !collapsedOutline.includes(item.key) : expanded.includes(item.key))\n\n  function setOpen(item: TreeItem, open: boolean) {\n    if (isOutlineItem(item)) {\n      setCollapsedOutline(current => (open ? current.filter(key => key !== item.key) : current.includes(item.key) ? current : [...current, item.key]))\n    } else if (open) {\n      model.expand([item.key])\n    } else {\n      model.expanded.set(model.expanded.get().filter(key => key !== item.key))\n    }\n  }\n\n  // Folders and the root toggle through the row click; documents and outline entries (whose row click opens or reveals)\n  // toggle through their chevron.\n  function onChevronClick(event: { stopPropagation: () => void }, item: TreeItem) {\n    if (item.type === 'root' || item.type === 'folder') return\n    event.stopPropagation()\n    setOpen(item, !isOpen(item))\n  }\n\n  function activate(item: TreeItem) {\n    item.onSelect?.()\n    if (item.type === 'root' || item.type === 'folder') setOpen(item, !isOpen(item))\n  }\n\n  function onRowKeyDown(event: KeyboardEvent<HTMLDivElement>, item: TreeItem) {\n    if (event.target !== event.currentTarget) return\n    const expandable = item.type === 'root' || item.type === 'folder' || !!item.children?.length\n    if (event.key === 'Enter' || event.key === ' ') activate(item)\n    else if (event.key === 'ArrowRight' && expandable && !isOpen(item)) setOpen(item, true)\n    else if (event.key === 'ArrowLeft' && expandable && isOpen(item)) setOpen(item, false)\n    else if (event.key === 'ArrowDown' || event.key === 'ArrowUp') {\n      const rows = [...(treeElement.current?.querySelectorAll<HTMLElement>('[role=\"treeitem\"]') ?? [])]\n      rows[rows.indexOf(event.currentTarget) + (event.key === 'ArrowDown' ? 1 : -1)]?.focus()\n    } else return\n    event.preventDefault()\n  }\n\n  // --- filters ---------------------------------------------------------------------------------------------------\n\n  const kindsOf = (item: TreeItem) => filterKinds(item, { structure, activeId, kinds, t })\n  const hiddenBelow = (item: TreeItem) => nodeFilters[item.key] ?? []\n  const isFiltered = (item: TreeItem) => hiddenBelow(item).length > 0\n  const showFilter = (item: TreeItem) =>\n    kindsOf(item).length > 0 && (item.type === 'root' || item.type === 'folder' || !!item.children?.length || isFiltered(item))\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.\n  const visibleKeys = collectKeys(unfilteredItems, new Set())\n  const hasFilters = Object.entries(nodeFilters).some(([key, hidden]) => hidden.length > 0 && visibleKeys.has(key))\n\n  // --- creating ----------------------------------------------------------------------------------------------------\n\n  async function importIntoComposite(blockId: string | null) {\n    const files = await pickFiles('*/*')\n    if (!files.length || !editor || editor.isDestroyed) return\n    await importFiles(editor, files, compositeInsertPos(editor, blockId))\n    if (blockId) openOutline(blockId)\n  }\n\n  function createCompositeFolder(blockId: string | null) {\n    if (!editor || editor.isDestroyed) return\n    const pos = compositeInsertPos(editor, blockId)\n    // The caret goes into the new composite's title: one level in, then the text inside it.\n    editor.chain().insertContentAt(pos, compositeJSON('folder')).setTextSelection(pos + 2).focus().scrollIntoView().run()\n    if (blockId) openOutline(blockId)\n  }\n\n  async function createDocumentIn(folder: string) {\n    setSelectedFolder(folder)\n    const doc = await store.create(undefined, folder).catch(() => undefined)\n    if (!doc) return\n    model.expand(ancestorKeys(folder))\n    await store.open(doc.id).catch(() => undefined)\n  }\n\n  const folderError = creatingFolder?.draft.trim() ? store.validateName(creatingFolder.draft, folderNamesIn(tree, creatingFolder.parent)) : null\n\n  function startCreateFolder(parent: string) {\n    setSelectedFolder(parent)\n    setCreatingFolder({ parent, draft: '' })\n  }\n\n  async function commitCreateFolder() {\n    const current = creatingFolderRef.current\n    if (!current) return\n    if (!current.draft.trim()) {\n      setCreatingFolder(null)\n      return\n    }\n    // An invalid name keeps the field open with its inline error.\n    if (folderError) return\n    setCreatingFolder(null)\n    const created = await store.createFolder(joinPath(current.parent, current.draft.trim())).then(() => true, () => false)\n    if (created) model.expand(ancestorKeys(current.parent))\n  }\n\n  // --- rename (folders; a document is renamed in the editor's title field) ---------------------------------------------\n\n  const renameErrorOf = (current: Renaming | null) =>\n    !current || current.draft.trim() === current.item.label\n      ? null\n      : store.validateName(current.draft, folderNamesIn(tree, parentPath(current.item.path!), current.item.path))\n  const renameError = renameErrorOf(renaming)\n\n  async function commitRename() {\n    const current = renamingRef.current\n    if (!current) return\n    // An invalid name keeps the field open with its inline error.\n    if (renameErrorOf(current)) return\n    const name = current.draft.trim()\n    setRenaming(null)\n    if (name === current.item.label) return\n    const to = joinPath(parentPath(current.item.path!), name)\n    const moved = await store.moveFolder(current.item.path!, to).then(() => true, () => false)\n    if (moved) followFolderMove(current.item.path!, to)\n  }\n\n  function onRenameBlur() {\n    const current = renamingRef.current\n    if (!current) return\n    const error = renameErrorOf(current)\n    if (error) {\n      notify({ kind: 'warning', title: t('tree.folder.renameFailed'), description: error })\n      setRenaming(null)\n      return\n    }\n    return commitRename()\n  }\n\n  // --- delete ----------------------------------------------------------------------------------------------------\n\n  async function restore(removed: { restore: () => Promise<{ id: string }> }) {\n    const restored = await removed.restore().catch(() => undefined)\n    if (restored) await store.open(restored.id).catch(() => undefined)\n  }\n\n  async 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 store.remove(id, folder).catch(() => undefined)\n    if (!removed) return\n    toast(t('tree.removed'), {\n      description: removed.title,\n      icon: <Icon name=\"i-lucide-trash-2\" />,\n      action: { label: t('tree.undo'), onClick: () => { void restore(removed) } },\n    })\n  }\n\n  async function removeItem(item: TreeItem) {\n    setRemoving(item.key)\n    try {\n      if (item.type === 'document') await removeWithUndo(item.id!, item.folder ?? '')\n      // The server refuses non-empty folders; the toast then reads „Ordner ist nicht leer“.\n      else await store.removeFolder(item.path!).catch(() => undefined)\n    } finally {\n      setRemoving(null)\n    }\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   */\n  function addMenu(item: TreeItem): { label: string, icon: string, onSelect: () => void }[][] {\n    const groups: { label: string, icon: string, onSelect: () => void }[][] = []\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, editor, activeId })) {\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) model.expand([item.key]) } },\n        { label: t('tree.menu.importFile'), icon: 'i-lucide-file-up', onSelect: () => { void importIntoComposite(blockId); if (!blockId) model.expand([item.key]) } },\n      ])\n    }\n    if (item.type === 'folder') groups.push([{ label: t('tree.menu.rename'), icon: 'i-lucide-pencil', onSelect: () => setRenaming({ item, draft: item.label }) }])\n    return groups\n  }\n\n  // --- drag & drop -----------------------------------------------------------------------------------------------\n\n  const isDraggable = (item: TreeItem) => renaming?.item.key !== item.key && isDraggableItem(item, virtual)\n\n  function onDragStart(event: DragEvent<HTMLDivElement>, item: TreeItem) {\n    if (!isDraggable(item)) return event.preventDefault()\n    const payload = dragPayloadOf(item)\n    dragging.current = payload\n    event.dataTransfer.setData(DRAG_MIME, JSON.stringify(payload))\n    event.dataTransfer.effectAllowed = 'move'\n  }\n\n  function onDragOver(event: DragEvent<HTMLDivElement>, item: TreeItem) {\n    if (!canDrop(dragging.current, item, { virtual, editor })) return\n    event.preventDefault()\n    event.dataTransfer.dropEffect = 'move'\n    setDropKey(item.key)\n  }\n\n  function onDragLeave(event: DragEvent<HTMLDivElement>, item: TreeItem) {\n    if (dropKey === item.key && !event.currentTarget.contains(event.relatedTarget as Node | null)) setDropKey(null)\n  }\n\n  function endDrag() {\n    dragging.current = null\n    setDropKey(null)\n  }\n\n  async function onDrop(event: DragEvent<HTMLDivElement>, 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, editor })) return\n    if (source.type === 'composite') {\n      const targetId = target.key === VIRTUAL_ROOT ? null : target.blockId!\n      if (editor && moveBlockInto(editor, source.blockId, targetId) && targetId) openOutline(targetId)\n      return\n    }\n    const targetPath = target.path!\n    if (source.type === 'document') {\n      const moved = await store.move(source.id!, targetPath).then(() => true, () => false)\n      if (moved) model.expand(ancestorKeys(targetPath))\n      return\n    }\n    const to = joinPath(targetPath, source.path.slice(source.path.lastIndexOf('/') + 1))\n    const moved = await store.moveFolder(source.path, to).then(() => true, () => false)\n    if (moved) followFolderMove(source.path, to)\n  }\n\n  // --- rendering -------------------------------------------------------------------------------------------------\n\n  const filterMenu = (item: TreeItem) => {\n    const hidden = hiddenBelow(item)\n    return (\n      <DropdownMenuContent align=\"start\" className=\"w-auto\">\n        <DropdownMenuLabel>{t('tree.filter.show')}</DropdownMenuLabel>\n        {kindsOf(item).map(kind => (\n          <DropdownMenuCheckboxItem\n            key={kind.id}\n            checked={!hidden.includes(kind.id)}\n            onCheckedChange={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            <Icon name={kind.icon} />\n            {kind.label}\n          </DropdownMenuCheckboxItem>\n        ))}\n        {hidden.length > 0 && (\n          <>\n            <DropdownMenuSeparator />\n            <DropdownMenuItem onSelect={() => model.clearFilter(item.key)}>\n              <Icon name=\"i-lucide-filter-x\" />\n              {t('tree.filter.reset')}\n            </DropdownMenuItem>\n          </>\n        )}\n      </DropdownMenuContent>\n    )\n  }\n\n  const renderRow = (item: TreeItem, open: boolean, level: number) => {\n    const chevron = item.type === 'root' || item.type === 'folder' || !!item.children?.length\n    const selectedInVirtual = virtual && (item.key === VIRTUAL_ROOT ? virtualTarget === null : !!item.blockId && item.blockId === virtualTarget)\n    const add = addMenu(item)\n    const filtered = isFiltered(item)\n    return (\n      <div\n        role=\"treeitem\"\n        tabIndex={0}\n        aria-level={level + 1}\n        aria-expanded={chevron ? open : undefined}\n        aria-selected={item.id !== undefined && item.id === activeId ? true : undefined}\n        className={cn(\n          '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',\n          item.id !== undefined && item.id === activeId && 'bg-primary/10 font-medium text-primary',\n          item.type !== 'document' && item.path === selectedFolder && 'bg-muted',\n          selectedInVirtual && 'bg-muted',\n          dropKey === item.key && 'ring-1 ring-primary',\n        )}\n        draggable={isDraggable(item)}\n        onClick={() => activate(item)}\n        onKeyDown={event => onRowKeyDown(event, item)}\n        onDragStart={event => onDragStart(event, item)}\n        onDragOver={event => onDragOver(event, item)}\n        onDragLeave={event => onDragLeave(event, item)}\n        onDrop={event => void onDrop(event, item)}\n        onDragEnd={endDrag}\n      >\n        {chevron\n          ? (\n              <span className=\"flex shrink-0\" onClick={event => onChevronClick(event, item)}>\n                <Icon name=\"i-lucide-chevron-right\" className={cn('size-3.5 text-muted-foreground transition-transform', open && 'rotate-90')} />\n              </span>\n            )\n          : isOutlineItem(item) && <span className=\"size-3.5 shrink-0\" />}\n        <Icon name={item.icon} />\n\n        {renaming?.item.key === item.key\n          ? (\n              <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n                <Input\n                  value={renaming.draft}\n                  className=\"h-6 min-w-0 px-2 text-xs md:text-xs\"\n                  autoFocus\n                  aria-label={t('tree.folder.name')}\n                  aria-invalid={!!renameError}\n                  onChange={event => setRenaming({ item: renaming.item, draft: event.target.value })}\n                  onFocus={event => event.currentTarget.select()}\n                  onClick={event => event.stopPropagation()}\n                  onKeyDown={(event) => {\n                    event.stopPropagation()\n                    if (event.key === 'Enter') void commitRename()\n                    else if (event.key === 'Escape') setRenaming(null)\n                  }}\n                  onBlur={() => void onRenameBlur()}\n                />\n                {renameError && <p className=\"text-xs text-destructive\" role=\"alert\" onClick={event => event.stopPropagation()}>{renameError}</p>}\n              </div>\n            )\n          : (\n              <>\n                <span className=\"min-w-0 flex-1 truncate\" title={item.label}>{item.label}</span>\n                {item.hasSummary && <Icon name=\"i-lucide-text-quote\" className=\"size-3.5 text-muted-foreground\" />}\n                <div className=\"flex shrink-0\" onClick={event => event.stopPropagation()}>\n                  {showFilter(item) && (\n                    <DropdownMenu>\n                      <DropdownMenuTrigger asChild>\n                        <Button\n                          size=\"icon-xs\"\n                          variant={filtered ? 'secondary' : 'ghost'}\n                          className={cn(!filtered && REVEAL_ON_HOVER)}\n                          title={t('tree.filter.title')}\n                          aria-label={t('tree.filter.title')}\n                        >\n                          <Icon name=\"i-lucide-filter\" />\n                        </Button>\n                      </DropdownMenuTrigger>\n                      {filterMenu(item)}\n                    </DropdownMenu>\n                  )}\n                  <div className=\"flex opacity-0 transition-opacity group-hover:opacity-100 group-focus-within:opacity-100 has-data-[state=open]:opacity-100\">\n                    {add.length > 0 && (\n                      <DropdownMenu>\n                        <DropdownMenuTrigger asChild>\n                          <Button size=\"icon-xs\" variant=\"ghost\" title={t('tree.add')} aria-label={t('tree.add')}>\n                            <Icon name=\"i-lucide-plus\" />\n                          </Button>\n                        </DropdownMenuTrigger>\n                        <DropdownMenuContent align=\"start\" className=\"w-auto\" onCloseAutoFocus={event => event.preventDefault()}>\n                          {add.map((group, index) => (\n                            <div key={index}>\n                              {index > 0 && <DropdownMenuSeparator />}\n                              {group.map(entry => (\n                                <DropdownMenuItem key={entry.label} onSelect={entry.onSelect}>\n                                  <Icon name={entry.icon} />\n                                  {entry.label}\n                                </DropdownMenuItem>\n                              ))}\n                            </div>\n                          ))}\n                        </DropdownMenuContent>\n                      </DropdownMenu>\n                    )}\n                    {item.type === 'document' && documentActions?.({ id: item.id!, title: item.label })}\n                    {(item.type === 'document' || item.type === 'folder') && (\n                      <Button\n                        size=\"icon-xs\"\n                        variant=\"ghost\"\n                        className=\"text-destructive hover:text-destructive\"\n                        aria-label={t('tree.delete')}\n                        disabled={removing === item.key}\n                        onClick={() => void removeItem(item)}\n                      >\n                        <Icon name={removing === item.key ? 'i-lucide-loader-circle' : 'i-lucide-trash-2'} className={cn(removing === item.key && 'animate-spin')} />\n                      </Button>\n                    )}\n                  </div>\n                </div>\n              </>\n            )}\n      </div>\n    )\n  }\n\n  const renderItems = (list: readonly TreeItem[], level: number): ReactNode => (\n    <ul role={level === 0 ? 'tree' : 'group'} aria-label={level === 0 ? t('tree.aria') : undefined} ref={level === 0 ? treeElement : undefined} className={cn('m-0 list-none p-0', level > 0 && 'ml-3 border-l border-border pl-1')}>\n      {list.map((item) => {\n        const open = isOpen(item)\n        return (\n          <li key={item.key} role=\"none\">\n            <Collapsible open={open}>\n              {renderRow(item, open, level)}\n              {item.children?.length ? <CollapsibleContent>{renderItems(item.children, level + 1)}</CollapsibleContent> : null}\n            </Collapsible>\n          </li>\n        )\n      })}\n    </ul>\n  )\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      {hasFilters && (\n        <div className=\"flex items-center\">\n          <Button size=\"xs\" variant=\"secondary\" onClick={() => model.clearAllFilters()}>\n            <Icon name=\"i-lucide-filter-x\" />\n            {t('tree.filter.reset')}\n          </Button>\n        </div>\n      )}\n\n      {creatingFolder && (\n        <div className=\"flex flex-col gap-1\">\n          <Input\n            value={creatingFolder.draft}\n            className=\"h-7 text-sm md:text-sm\"\n            autoFocus\n            placeholder={creatingFolder.parent ? t('tree.folder.placeholderIn', { parent: creatingFolder.parent }) : t('tree.folder.placeholder')}\n            aria-label={t('tree.folder.name')}\n            aria-invalid={!!folderError}\n            onChange={event => setCreatingFolder({ parent: creatingFolder.parent, draft: event.target.value })}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter') void commitCreateFolder()\n              else if (event.key === 'Escape') setCreatingFolder(null)\n            }}\n            onBlur={() => setCreatingFolder(null)}\n          />\n          {folderError && <p className=\"px-0.5 text-xs text-destructive\" role=\"alert\">{folderError}</p>}\n        </div>\n      )}\n\n      {!tree && !virtual\n        ? <p className=\"px-2.5 py-1.5 text-sm text-muted-foreground\">{tree === null ? t('tree.loadFailed') : t('tree.loading')}</p>\n        : renderItems(items, 0)}\n\n      {isEmpty && <p className=\"px-2.5 py-1.5 text-sm text-muted-foreground\">{t('tree.empty')}</p>}\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/tree/react/use-tree-view.d.ts

@@ -0,0 +1,14 @@
+import { NodeFilters, TreeViewModel } from "../tree-view-model.js";
+//#region src/tree/react/use-tree-view.d.ts
+/**
+ * The React view of the file browser's `TreeViewModel` (shared by every tree below one `EditorContextProvider`):
+ * `nodeFilters` (the kinds hidden below each tree item, by item key) persists in localStorage, `expanded` (tree item
+ * keys) lasts for the session. Change them through `model` (`expand`, `setKindHidden`, `clearAllFilters`, or `model.expanded.set`).
+ */
+export declare function useTreeView(): {
+  nodeFilters: NodeFilters;
+  expanded: string[];
+  model: TreeViewModel;
+};
+//#endregion
+//# sourceMappingURL=use-tree-view.d.ts.map

package/dist/tree/react/use-tree-view.js

@@ -0,0 +1,21 @@
+import { useEditorContext } from "../../react/context.js";
+import { useStore } from "../../react/use-store.js";
+import { treeView } from "../tree-view-model.js";
+//#region src/tree/react/use-tree-view.ts
+/**
+* The React view of the file browser's `TreeViewModel` (shared by every tree below one `EditorContextProvider`):
+* `nodeFilters` (the kinds hidden below each tree item, by item key) persists in localStorage, `expanded` (tree item
+* keys) lasts for the session. Change them through `model` (`expand`, `setKindHidden`, `clearAllFilters`, or `model.expanded.set`).
+*/
+function useTreeView() {
+	const model = treeView(useEditorContext());
+	return {
+		nodeFilters: useStore(model.nodeFilters),
+		expanded: useStore(model.expanded),
+		model
+	};
+}
+//#endregion
+export { useTreeView };
+
+//# sourceMappingURL=use-tree-view.js.map

package/dist/tree/react/use-tree-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tree-view.js","names":[],"sources":["../../../src/tree/react/use-tree-view.ts"],"sourcesContent":["import { useEditorContext } from '../../react/context'\nimport { useStore } from '../../react/use-store'\nimport { type NodeFilters, treeView, type TreeViewModel } from '../tree-view-model'\n\n/**\n * The React view of the file browser's `TreeViewModel` (shared by every tree below one `EditorContextProvider`):\n * `nodeFilters` (the kinds hidden below each tree item, by item key) persists in localStorage, `expanded` (tree item\n * keys) lasts for the session. Change them through `model` (`expand`, `setKindHidden`, `clearAllFilters`, or `model.expanded.set`).\n */\nexport function useTreeView(): { nodeFilters: NodeFilters, expanded: string[], model: TreeViewModel } {\n  const model = treeView(useEditorContext())\n  return { nodeFilters: useStore(model.nodeFilters), expanded: useStore(model.expanded), model }\n}\n"],"mappings":";;;;;;;;;AASA,SAAgB,cAAsF;CACpG,MAAM,QAAQ,SAAS,iBAAiB,CAAC;CACzC,OAAO;EAAE,aAAa,SAAS,MAAM,WAAW;EAAG,UAAU,SAAS,MAAM,QAAQ;EAAG;CAAM;AAC/F"}

package/dist/tree/react.d.ts

@@ -0,0 +1,3 @@
+import { DocumentTree, DocumentTreeProps } from "./react/DocumentTree.js";
+import { useTreeView } from "./react/use-tree-view.js";
+export { DocumentTree, type DocumentTreeProps, useTreeView };

package/dist/tree/react.js

@@ -0,0 +1,3 @@
+import { useTreeView } from "./react/use-tree-view.js";
+import { DocumentTree } from "./react/DocumentTree.js";
+export { DocumentTree, useTreeView };

package/dist/tree/store.d.ts

@@ -0,0 +1,45 @@
+import { ReadonlyStore } from "../core/store.js";
+import { DocumentSummary, TreeFolder } from "./types.js";
+//#region src/tree/store.d.ts
+/**
+ * What `DocumentTree` (`./tree/vue`, `./tree/react`) needs from the host's document storage, framework-free: the
+ * observable values are `ReadonlyStore`s (`createStore` from `./core`; `storeFromRef` of `@ecsplico/editor/vue` adapts Vue refs). The
+ * host owns storage, routing and failure reporting:
+ * every method that fails shows its own error notification and rejects, the tree then only stops the flow it was
+ * running (it never reports a second time). A mutation resolves after both `tree` and `documents` show its result.
+ */
+export interface DocumentStore {
+  /** Folder tree; `undefined` = not loaded yet, `null` = loading failed. No rows are shown for either. */
+  tree: ReadonlyStore<TreeFolder | null | undefined>;
+  /** Every document; `undefined` = not loaded yet. */
+  documents: ReadonlyStore<readonly DocumentSummary[] | undefined>;
+  /** The open document, if any. */
+  activeId: ReadonlyStore<string | undefined>;
+  /** Makes the document the open one (host navigation). */
+  open: (id: string) => Promise<void>;
+  /** Creates a document (default title and root folder when omitted) and returns its ID. */
+  create: (title?: string, folder?: string) => Promise<{
+    id: string;
+  }>;
+  move: (id: string, folder: string) => Promise<void>;
+  /**
+   * Deletes a document. An open document is left first and its page torn down before the deletion. Resolves with the
+   * German-visible `title` and an undo: `restore` creates a *new* document (new ID) with that title in `folder` and
+   * the former JSON content. Assets, IDs and collaboration history are not restored.
+   */
+  remove: (id: string, folder: string) => Promise<{
+    title: string;
+    restore: () => Promise<{
+      id: string;
+    }>;
+  }>;
+  createFolder: (path: string) => Promise<void>;
+  /** `to` is the complete new path, so this moves and renames. */
+  moveFolder: (path: string, to: string) => Promise<void>;
+  /** Rejects for a non-empty folder. */
+  removeFolder: (path: string) => Promise<void>;
+  /** Error message for an invalid new name among `siblings` (the names already taken in the folder), else `null`. */
+  validateName: (name: string, siblings: readonly string[]) => string | null;
+}
+//#endregion
+//# sourceMappingURL=store.d.ts.map

package/dist/tree/tree-items.js

@@ -0,0 +1,221 @@
+import { findBlockById } from "../core/schema/block-ids.js";
+import { headingOutline } from "../outline/heading-outline.js";
+import { compositeKind, defaultCompositeKinds } from "../features/composites/kinds.js";
+import { canMoveBlockInto, compositeOutline } from "../features/composites/outline.js";
+import { folderKey } from "./folder-paths.js";
+//#region src/tree/tree-items.ts
+/** Key of the virtual-mode root item (the open document). */
+const VIRTUAL_ROOT = "vroot";
+const DRAG_MIME = "application/x-tip-tree";
+const parentPath = (folder) => folder.slice(0, Math.max(folder.lastIndexOf("/"), 0));
+const joinPath = (folder, name) => folder ? `${folder}/${name}` : name;
+/** Item keys from the root down to `folder`. */
+function ancestorKeys(folder) {
+	const keys = ["root"];
+	let path = "";
+	for (const segment of folder.split("/").filter(Boolean)) {
+		path = joinPath(path, segment);
+		keys.push(folderKey(path));
+	}
+	return keys;
+}
+/** The folder at `path` below (or at) `from`; undefined when there is none. */
+function findFolder(path, from) {
+	if (!from) return void 0;
+	if (from.path === path) return from;
+	for (const sub of from.folders) {
+		const found = path === sub.path || path.startsWith(`${sub.path}/`) ? findFolder(path, sub) : void 0;
+		if (found) return found;
+	}
+}
+/** Names of the folders directly in `parent`, without the folder at path `except`. */
+const folderNamesIn = (tree, parent, except) => (findFolder(parent, tree)?.folders ?? []).filter((sub) => sub.path !== except).map((sub) => sub.name);
+function collectFolderPaths(folder, into) {
+	into.add(folder.path);
+	folder.folders.forEach((sub) => collectFolderPaths(sub, into));
+}
+const EMPTY_OUTLINE = {
+	structure: "composite",
+	nodes: []
+};
+/** The outline of the editor's document: the composites in composite structure, else the headings. */
+function readOutline(editor, structure, t) {
+	if (!editor || editor.isDestroyed) return EMPTY_OUTLINE;
+	const { doc } = editor.state;
+	return structure === "composite" ? {
+		structure: "composite",
+		nodes: compositeOutline(doc, /* @__PURE__ */ new Set(), t("tree.untitled"))
+	} : {
+		structure: "flat",
+		nodes: headingOutline(doc, t("tree.untitled"))
+	};
+}
+/** The outline entries as items; `select` runs when one is chosen. */
+function outlineItems(nodes, kinds, select) {
+	return nodes.map((node) => {
+		const composite = "kind" in node;
+		const item = {
+			key: `outline:${node.key}`,
+			label: composite ? node.title : node.text,
+			icon: composite ? compositeKind(kinds, node.kind).icon : `i-lucide-heading-${node.level}`,
+			type: composite ? "composite" : "heading",
+			blockId: node.id,
+			pos: node.pos,
+			kind: composite ? node.kind : void 0,
+			hasSummary: composite ? node.hasSummary : void 0,
+			children: node.children.length ? outlineItems(node.children, kinds, select) : void 0,
+			onSelect: () => select(item),
+			onToggle: (e) => e?.preventDefault()
+		};
+		return item;
+	});
+}
+/** The store's folders and documents as items; the open document (`activeId`) lists `outline` below it. */
+function folderItem(folder, activeId, outline, select) {
+	const root = folder.path === "";
+	const item = {
+		key: root ? "root" : folderKey(folder.path),
+		label: folder.name,
+		icon: root ? "i-lucide-hard-drive" : "i-lucide-folder",
+		type: root ? "root" : "folder",
+		path: folder.path,
+		children: [...folder.folders.map((sub) => folderItem(sub, activeId, outline, select)), ...folder.documents.map((doc) => {
+			const document = {
+				key: `doc:${doc.id}`,
+				label: doc.title,
+				icon: "i-lucide-file",
+				type: "document",
+				id: doc.id,
+				folder: doc.folder,
+				children: doc.id === activeId && outline.length ? outline : void 0,
+				onSelect: () => select(document),
+				onToggle: (e) => e?.preventDefault()
+			};
+			return document;
+		})],
+		onSelect: () => select(item)
+	};
+	return item;
+}
+/** Virtual mode: the open document is the root, its `folder`/`document` composites (and all others) the tree below it. */
+function virtualRootItem(label, outline, select) {
+	const item = {
+		key: VIRTUAL_ROOT,
+		label,
+		icon: "i-lucide-package",
+		type: "root",
+		children: outline.length ? outline : void 0,
+		onSelect: () => select(item)
+	};
+	return item;
+}
+function collectParentKeys(list, into) {
+	for (const item of list) {
+		if (!item.children?.length) continue;
+		into.push(item.key);
+		collectParentKeys(item.children, into);
+	}
+	return into;
+}
+/** Adds the keys of `list` and all items below it to `into`; returns `into`. */
+function collectKeys(list, into) {
+	for (const item of list) {
+		into.add(item.key);
+		if (item.children) collectKeys(item.children, into);
+	}
+	return into;
+}
+const fileKindsOf = /* @__PURE__ */ new WeakMap();
+/** The kinds a folder lists: Ordner and Dokumente (in the language of `t`; one list per translator). */
+function fileKinds(t) {
+	let kinds = fileKindsOf.get(t);
+	if (!kinds) {
+		const builtIn = defaultCompositeKinds(t);
+		kinds = ["folder", "document"].map((id) => compositeKind(builtIn, id));
+		fileKindsOf.set(t, kinds);
+	}
+	return kinds;
+}
+/** What an item is filtered by: the composite's kind, or Ordner/Dokument for the store's folders and documents. */
+function itemKind(item) {
+	return item.kind ?? (item.type === "folder" || item.type === "document" ? item.type : void 0);
+}
+/** The kinds `item`'s filter can hide below it (`kinds` = those of the open editor). */
+function filterKinds(item, env) {
+	const composite = env.structure === "composite";
+	if (item.key === "vroot" || item.type === "composite") return env.kinds;
+	if (item.type === "document") return composite && item.id === env.activeId ? env.kinds : [];
+	if (item.type === "root" || item.type === "folder") return fileKinds(env.t);
+	return [];
+}
+/**
+* Drops the items of kinds an ancestor's filter hides. Like the outline's own kind filter, their visible descendants
+* move up into the parent's list. A node's own filter applies to everything below it.
+*/
+function applyNodeFilters(list, filters, inherited = /* @__PURE__ */ new Set()) {
+	return list.flatMap((item) => {
+		const own = filters[item.key];
+		const children = item.children ? applyNodeFilters(item.children, filters, own?.length ? /* @__PURE__ */ new Set([...inherited, ...own]) : inherited) : void 0;
+		const kind = itemKind(item);
+		if (kind && inherited.has(kind)) return children ?? [];
+		return [{
+			...item,
+			children: children?.length ? children : void 0
+		}];
+	});
+}
+/** The open composite file: end of composite `blockId`'s body, else (`null`) the end of the document. */
+function compositeInsertPos(instance, blockId) {
+	const { doc } = instance.state;
+	const target = blockId ? findBlockById(doc, blockId) : null;
+	return target?.node.type.name === "composite" ? target.pos + target.node.nodeSize - 1 : doc.content.size;
+}
+/** Whether `item` can hold Bausteine of the open file: the file itself or one of its Ordner/Dokument composites. */
+function holdsComposites(item, env) {
+	if (env.structure !== "composite" || !env.editor || env.editor.isDestroyed) return false;
+	if (item.key === "vroot") return true;
+	if (item.type === "document") return item.id === env.activeId;
+	return item.type === "composite" && !!item.blockId && (item.kind === "folder" || item.kind === "document");
+}
+/** What a dragged item carries: its document or folder, or in virtual mode its composite's block ID. */
+function dragPayloadOf(item) {
+	return item.type === "composite" ? {
+		type: "composite",
+		blockId: item.blockId
+	} : item.type === "document" ? {
+		type: "document",
+		id: item.id,
+		path: item.folder ?? ""
+	} : {
+		type: "folder",
+		path: item.path
+	};
+}
+/** Whether `item` may be dragged. Virtual mode moves composites of the open document; blocks without an ID cannot be addressed. */
+function isDraggable(item, virtual) {
+	if (virtual) return item.type === "composite" && !!item.blockId;
+	return item.type === "document" || item.type === "folder";
+}
+/**
+* Virtual mode: a composite may be dropped on the document root or a `folder`/`document` composite, but not on itself or
+* inside itself. Otherwise documents and folders may be dropped on the root or a folder, unless that changes nothing or
+* nests a folder in itself.
+*/
+function canDrop(source, target, env) {
+	if (!source) return false;
+	if (source.type === "composite") {
+		const instance = env.editor;
+		if (!env.virtual || !instance || instance.isDestroyed) return false;
+		if (target.key === "vroot") return canMoveBlockInto(instance, source.blockId, null);
+		if (target.type !== "composite" || !target.blockId || target.kind !== "folder" && target.kind !== "document") return false;
+		return canMoveBlockInto(instance, source.blockId, target.blockId);
+	}
+	if (env.virtual || target.type !== "root" && target.type !== "folder") return false;
+	const targetPath = target.path;
+	if (source.type === "document") return source.path !== targetPath;
+	return targetPath !== source.path && !targetPath.startsWith(`${source.path}/`) && parentPath(source.path) !== targetPath;
+}
+//#endregion
+export { DRAG_MIME, EMPTY_OUTLINE, VIRTUAL_ROOT, ancestorKeys, applyNodeFilters, canDrop, collectFolderPaths, collectKeys, collectParentKeys, compositeInsertPos, dragPayloadOf, fileKinds, filterKinds, findFolder, folderItem, folderNamesIn, holdsComposites, isDraggable, joinPath, outlineItems, parentPath, readOutline, virtualRootItem };
+
+//# sourceMappingURL=tree-items.js.map

package/dist/tree/tree-items.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-items.js","names":[],"sources":["../../src/tree/tree-items.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { findBlockById } from '../core/schema'\nimport { canMoveBlockInto, compositeKind, type CompositeKind, compositeOutline, defaultCompositeKinds, type OutlineNode } from '../features/composites'\nimport type { Translate } from '../i18n'\nimport { type HeadingOutlineNode, headingOutline } from '../outline'\nimport { folderKey } from './folder-paths'\nimport type { TreeFolder } from './types'\nimport type { NodeFilters } from './tree-view-model'\n\n// What the Vue and the React `DocumentTree` share: the items of the file browser (folders and documents of the store,\n// the open document's outline), their filters, the drop rules and the path arithmetic. No framework, no state.\n\n/** One row of the file browser: a store folder or document, or an entry of the open document's outline. Which fields are set depends on `type`. */\nexport interface TreeItem {\n  /** Unique within the tree: `root`, `folder:<path>`, `doc:<id>`, `outline:<block key>` */\n  key: string\n  label: string\n  icon: string\n  type: 'root' | 'folder' | 'document' | 'composite' | 'heading'\n  /** Folder path of a root/folder item (`''` = root) */\n  path?: string\n  /** Document id */\n  id?: string\n  /** Folder path a document item lives in */\n  folder?: string\n  /** Outline items: block ID of the composite/heading (`null` while it has none) and its position when the outline was read */\n  blockId?: string | null\n  pos?: number\n  /** Composite items: the composite's kind, and whether it has a summary (description) */\n  kind?: string\n  hasSummary?: boolean\n  children?: TreeItem[]\n  onSelect?: (e?: Event) => void\n  onToggle?: (e?: Event) => void\n}\n\n/** What a drag carries (serialized under `DRAG_MIME`): a document or folder of the store, or a composite of the open document. */\nexport type DragPayload\n  = | {\n    type: 'document' | 'folder'\n    /** Document id */\n    id?: string\n    /** Folder path of a folder item, or the folder a document currently lives in */\n    path: string\n  }\n  /** Virtual mode: a composite of the open document, by block ID */\n  | { type: 'composite', blockId: string }\n\n/** Key of the virtual-mode root item (the open document). */\nexport const VIRTUAL_ROOT = 'vroot'\n\nexport const DRAG_MIME = 'application/x-tip-tree'\n\nexport const parentPath = (folder: string) => folder.slice(0, Math.max(folder.lastIndexOf('/'), 0))\nexport const joinPath = (folder: string, name: string) => (folder ? `${folder}/${name}` : name)\n\n/** Item keys from the root down to `folder`. */\nexport function ancestorKeys(folder: string): string[] {\n  const keys = ['root']\n  let path = ''\n  for (const segment of folder.split('/').filter(Boolean)) {\n    path = joinPath(path, segment)\n    keys.push(folderKey(path))\n  }\n  return keys\n}\n\n/** The folder at `path` below (or at) `from`; undefined when there is none. */\nexport function findFolder(path: string, from: TreeFolder | null | undefined): TreeFolder | undefined {\n  if (!from) return undefined\n  if (from.path === path) return from\n  for (const sub of from.folders) {\n    const found = path === sub.path || path.startsWith(`${sub.path}/`) ? findFolder(path, sub) : undefined\n    if (found) return found\n  }\n  return undefined\n}\n\n/** Names of the folders directly in `parent`, without the folder at path `except`. */\nexport const folderNamesIn = (tree: TreeFolder | null | undefined, parent: string, except?: string) =>\n  (findFolder(parent, tree)?.folders ?? []).filter(sub => sub.path !== except).map(sub => sub.name)\n\nexport function collectFolderPaths(folder: TreeFolder, into: Set<string>) {\n  into.add(folder.path)\n  folder.folders.forEach(sub => collectFolderPaths(sub, into))\n}\n\n// --- outline of the open document ------------------------------------------------------------------------------\n\nexport type Outline = { structure: 'composite', nodes: OutlineNode[] } | { structure: 'flat', nodes: HeadingOutlineNode[] }\n\nexport const EMPTY_OUTLINE: Outline = { structure: 'composite', nodes: [] }\n\n/** The outline of the editor's document: the composites in composite structure, else the headings. */\nexport function readOutline(editor: Editor | undefined, structure: string, t: Translate): Outline {\n  if (!editor || editor.isDestroyed) return EMPTY_OUTLINE\n  const { doc } = editor.state\n  return structure === 'composite'\n    ? { structure: 'composite', nodes: compositeOutline(doc, new Set(), t('tree.untitled')) }\n    : { structure: 'flat', nodes: headingOutline(doc, t('tree.untitled')) }\n}\n\n/** The outline entries as items; `select` runs when one is chosen. */\nexport function outlineItems(nodes: readonly (OutlineNode | HeadingOutlineNode)[], kinds: readonly CompositeKind[], select: (item: TreeItem) => void): TreeItem[] {\n  return nodes.map((node) => {\n    const composite = 'kind' in node\n    const item: TreeItem = {\n      key: `outline:${node.key}`,\n      label: composite ? node.title : node.text,\n      icon: composite ? compositeKind(kinds, node.kind).icon : `i-lucide-heading-${node.level}`,\n      type: composite ? 'composite' : 'heading',\n      blockId: node.id,\n      pos: node.pos,\n      kind: composite ? node.kind : undefined,\n      hasSummary: composite ? node.hasSummary : undefined,\n      children: node.children.length ? outlineItems(node.children as (OutlineNode | HeadingOutlineNode)[], kinds, select) : undefined,\n      onSelect: () => select(item),\n      onToggle: e => e?.preventDefault(), // the chevron toggles, a click reveals\n    }\n    return item\n  })\n}\n\n// --- items -----------------------------------------------------------------------------------------------------\n\n/** The store's folders and documents as items; the open document (`activeId`) lists `outline` below it. */\nexport function folderItem(folder: TreeFolder, activeId: string | undefined, outline: TreeItem[], select: (item: TreeItem) => void): TreeItem {\n  const root = folder.path === ''\n  const item: TreeItem = {\n    key: root ? 'root' : folderKey(folder.path),\n    label: folder.name,\n    icon: root ? 'i-lucide-hard-drive' : 'i-lucide-folder',\n    type: root ? 'root' : 'folder',\n    path: folder.path,\n    children: [\n      ...folder.folders.map(sub => folderItem(sub, activeId, outline, select)),\n      ...folder.documents.map((doc) => {\n        const document: TreeItem = {\n          key: `doc:${doc.id}`,\n          label: doc.title,\n          icon: 'i-lucide-file',\n          type: 'document',\n          id: doc.id,\n          folder: doc.folder,\n          // The open document lists its outline; its chevron (not a row click) opens and closes it.\n          children: doc.id === activeId && outline.length ? outline : undefined,\n          onSelect: () => select(document),\n          onToggle: e => e?.preventDefault(),\n        }\n        return document\n      }),\n    ],\n    onSelect: () => select(item),\n  }\n  return item\n}\n\n/** Virtual mode: the open document is the root, its `folder`/`document` composites (and all others) the tree below it. */\nexport function virtualRootItem(label: string, outline: TreeItem[], select: (item: TreeItem) => void): TreeItem {\n  const item: TreeItem = {\n    key: VIRTUAL_ROOT,\n    label,\n    icon: 'i-lucide-package',\n    type: 'root',\n    children: outline.length ? outline : undefined,\n    onSelect: () => select(item),\n  }\n  return item\n}\n\nexport function collectParentKeys(list: readonly TreeItem[], into: string[]) {\n  for (const item of list) {\n    if (!item.children?.length) continue\n    into.push(item.key)\n    collectParentKeys(item.children, into)\n  }\n  return into\n}\n\n/** Adds the keys of `list` and all items below it to `into`; returns `into`. */\nexport function collectKeys(list: readonly TreeItem[], into: Set<string>) {\n  for (const item of list) {\n    into.add(item.key)\n    if (item.children) collectKeys(item.children, into)\n  }\n  return into\n}\n\n// --- filters ---------------------------------------------------------------------------------------------------\n\nconst fileKindsOf = new WeakMap<Translate, CompositeKind[]>()\n\n/** The kinds a folder lists: Ordner and Dokumente (in the language of `t`; one list per translator). */\nexport function fileKinds(t: Translate): CompositeKind[] {\n  let kinds = fileKindsOf.get(t)\n  if (!kinds) {\n    const builtIn = defaultCompositeKinds(t)\n    kinds = ['folder', 'document'].map(id => compositeKind(builtIn, id))\n    fileKindsOf.set(t, kinds)\n  }\n  return kinds\n}\n\n/** What an item is filtered by: the composite's kind, or Ordner/Dokument for the store's folders and documents. */\nfunction itemKind(item: TreeItem): string | undefined {\n  return item.kind ?? (item.type === 'folder' || item.type === 'document' ? item.type : undefined)\n}\n\n/** The kinds `item`'s filter can hide below it (`kinds` = those of the open editor). */\nexport function filterKinds(item: TreeItem, env: { structure: string, activeId: string | undefined, kinds: readonly CompositeKind[], t: Translate }): readonly CompositeKind[] {\n  const composite = env.structure === 'composite'\n  if (item.key === VIRTUAL_ROOT || item.type === 'composite') return env.kinds\n  if (item.type === 'document') return composite && item.id === env.activeId ? env.kinds : []\n  if (item.type === 'root' || item.type === 'folder') return fileKinds(env.t)\n  return []\n}\n\n/**\n * Drops the items of kinds an ancestor's filter hides. Like the outline's own kind filter, their visible descendants\n * move up into the parent's list. A node's own filter applies to everything below it.\n */\nexport function applyNodeFilters(list: readonly TreeItem[], filters: NodeFilters, inherited: ReadonlySet<string> = new Set()): TreeItem[] {\n  return list.flatMap((item) => {\n    const own = filters[item.key]\n    const children = item.children ? applyNodeFilters(item.children, filters, own?.length ? new Set([...inherited, ...own]) : inherited) : undefined\n    const kind = itemKind(item)\n    if (kind && inherited.has(kind)) return children ?? []\n    return [{ ...item, children: children?.length ? children : undefined }]\n  })\n}\n\n// --- creating ----------------------------------------------------------------------------------------------------\n\n/** The open composite file: end of composite `blockId`'s body, else (`null`) the end of the document. */\nexport function compositeInsertPos(instance: Editor, blockId: string | null): number {\n  const { doc } = instance.state\n  const target = blockId ? findBlockById(doc, blockId) : null\n  return target?.node.type.name === 'composite' ? target.pos + target.node.nodeSize - 1 : doc.content.size\n}\n\n/** Whether `item` can hold Bausteine of the open file: the file itself or one of its Ordner/Dokument composites. */\nexport function holdsComposites(item: TreeItem, env: { structure: string, editor: Editor | undefined, activeId: string | undefined }): boolean {\n  if (env.structure !== 'composite' || !env.editor || env.editor.isDestroyed) return false\n  if (item.key === VIRTUAL_ROOT) return true\n  if (item.type === 'document') return item.id === env.activeId\n  return item.type === 'composite' && !!item.blockId && (item.kind === 'folder' || item.kind === 'document')\n}\n\n// --- drag & drop -----------------------------------------------------------------------------------------------\n\n/** What a dragged item carries: its document or folder, or in virtual mode its composite's block ID. */\nexport function dragPayloadOf(item: TreeItem): DragPayload {\n  return item.type === 'composite'\n    ? { type: 'composite', blockId: item.blockId! }\n    : item.type === 'document'\n      ? { type: 'document', id: item.id, path: item.folder ?? '' }\n      : { type: 'folder', path: item.path! }\n}\n\n/** Whether `item` may be dragged. Virtual mode moves composites of the open document; blocks without an ID cannot be addressed. */\nexport function isDraggable(item: TreeItem, virtual: boolean): boolean {\n  if (virtual) return item.type === 'composite' && !!item.blockId\n  return item.type === 'document' || item.type === 'folder'\n}\n\n/**\n * Virtual mode: a composite may be dropped on the document root or a `folder`/`document` composite, but not on itself or\n * inside itself. Otherwise documents and folders may be dropped on the root or a folder, unless that changes nothing or\n * nests a folder in itself.\n */\nexport function canDrop(source: DragPayload | null, target: TreeItem, env: { virtual: boolean, editor: Editor | undefined }): boolean {\n  if (!source) return false\n  if (source.type === 'composite') {\n    const instance = env.editor\n    if (!env.virtual || !instance || instance.isDestroyed) return false\n    if (target.key === VIRTUAL_ROOT) return canMoveBlockInto(instance, source.blockId, null)\n    if (target.type !== 'composite' || !target.blockId || (target.kind !== 'folder' && target.kind !== 'document')) return false\n    return canMoveBlockInto(instance, source.blockId, target.blockId)\n  }\n  if (env.virtual || (target.type !== 'root' && target.type !== 'folder')) return false\n  const targetPath = target.path!\n  if (source.type === 'document') return source.path !== targetPath\n  return targetPath !== source.path && !targetPath.startsWith(`${source.path}/`) && parentPath(source.path) !== targetPath\n}\n"],"mappings":"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"}

package/dist/tree/tree-view-model.d.ts

@@ -0,0 +1,29 @@
+import { Store } from "../core/store.js";
+import { EditorContext } from "../core/context.js";
+//#region src/tree/tree-view-model.d.ts
+/** Hidden kind ids per tree item key. */
+export type NodeFilters = Record<string, string[]>;
+/** The view state of the file browser; see `createTreeView`. */
+export interface TreeViewModel {
+  /** The kinds hidden below each tree item, by item key. Persists in localStorage. Replace, never mutate. */
+  nodeFilters: Store<NodeFilters>;
+  /** Keys of the open tree items; lasts for the session. Replace, never mutate. */
+  expanded: Store<string[]>;
+  /** Opens the items (already open ones are left alone). */
+  expand(keys: readonly string[]): void;
+  /** Hides (`hidden`) or shows `kind` below the item. */
+  setKindHidden(key: string, kind: string, hidden: boolean): void;
+  clearFilter(key: string): void;
+  clearAllFilters(): void;
+  /** Follows a folder moved from `from` to `to`: open folder items of it and below it get the new path. */
+  followFolderMove(from: string, to: string): void;
+}
+/**
+ * A view model of its own: `nodeFilters` is read from localStorage once and written back on every change (a model that
+ * is dropped takes its subscription with it, there is nothing to dispose).
+ */
+export declare function createTreeView(): TreeViewModel;
+/** The view model shared by every tree of one editor context (one app): created on first use, then cached. */
+export declare function treeView(ctx: EditorContext): TreeViewModel;
+//#endregion
+//# sourceMappingURL=tree-view-model.d.ts.map

package/dist/tree/tree-view-model.js

@@ -0,0 +1,71 @@
+import { createStore } from "../core/store.js";
+import { FOLDER_KEY_PREFIX, folderKey, remapFolderPath } from "./folder-paths.js";
+//#region src/tree/tree-view-model.ts
+const NODE_FILTERS_KEY = "tip-tree:node-filters";
+function readStored(key, fallback, isValid) {
+	try {
+		const raw = localStorage.getItem(key);
+		if (raw !== null) {
+			const value = JSON.parse(raw);
+			if (isValid(value)) return value;
+		}
+	} catch {}
+	return fallback;
+}
+function writeStored(key, value) {
+	try {
+		localStorage.setItem(key, JSON.stringify(value));
+	} catch {}
+}
+const isNodeFilters = (value) => typeof value === "object" && value !== null && !Array.isArray(value) && Object.values(value).every((kinds) => Array.isArray(kinds) && kinds.every((kind) => typeof kind === "string"));
+/**
+* A view model of its own: `nodeFilters` is read from localStorage once and written back on every change (a model that
+* is dropped takes its subscription with it, there is nothing to dispose).
+*/
+function createTreeView() {
+	const nodeFilters = createStore("window" in globalThis ? readStored(NODE_FILTERS_KEY, {}, isNodeFilters) : {});
+	nodeFilters.subscribe((value) => writeStored(NODE_FILTERS_KEY, value));
+	const expanded = createStore([]);
+	return {
+		nodeFilters,
+		expanded,
+		expand(keys) {
+			const current = expanded.get();
+			const missing = keys.filter((key) => !current.includes(key));
+			if (missing.length) expanded.set([...current, ...missing]);
+		},
+		setKindHidden(key, kind, hidden) {
+			const filters = nodeFilters.get();
+			const rest = (filters[key] ?? []).filter((id) => id !== kind);
+			const { [key]: _previous, ...others } = filters;
+			nodeFilters.set(rest.length || hidden ? {
+				...others,
+				[key]: hidden ? [...rest, kind] : rest
+			} : others);
+		},
+		clearFilter(key) {
+			const { [key]: _previous, ...others } = nodeFilters.get();
+			nodeFilters.set(others);
+		},
+		clearAllFilters() {
+			nodeFilters.set({});
+		},
+		followFolderMove(from, to) {
+			expanded.set(expanded.get().map((key) => key.startsWith("folder:") ? folderKey(remapFolderPath(key.slice(FOLDER_KEY_PREFIX.length), from, to)) : key));
+		}
+	};
+}
+const views = /* @__PURE__ */ new WeakMap();
+/** The view model shared by every tree of one editor context (one app): created on first use, then cached. */
+function treeView(ctx) {
+	let view = views.get(ctx);
+	if (!view) {
+		view = createTreeView();
+		views.set(ctx, view);
+	}
+	return view;
+}
+//#endregion
+export { createTreeView, treeView };
+
+//# sourceMappingURL=tree-view-model.js.map

package/dist/tree/tree-view-model.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-view-model.js","names":[],"sources":["../../src/tree/tree-view-model.ts"],"sourcesContent":["import type { EditorContext } from '../core/context'\nimport { createStore, type Store } from '../core/store'\nimport { FOLDER_KEY_PREFIX, folderKey, remapFolderPath } from './folder-paths'\n\nconst NODE_FILTERS_KEY = 'tip-tree:node-filters'\n\n/** Hidden kind ids per tree item key. */\nexport type NodeFilters = Record<string, string[]>\n\nfunction readStored<T>(key: string, fallback: T, isValid: (value: unknown) => value is T): T {\n  try {\n    const raw = localStorage.getItem(key)\n    if (raw !== null) {\n      const value: unknown = JSON.parse(raw)\n      if (isValid(value)) return value\n    }\n  } catch { /* unavailable or corrupt storage: use the default */ }\n  return fallback\n}\n\nfunction writeStored(key: string, value: unknown) {\n  try {\n    localStorage.setItem(key, JSON.stringify(value))\n  } catch { /* storage full or blocked: the setting then lasts for this session only */ }\n}\n\nconst isNodeFilters = (value: unknown): value is NodeFilters =>\n  typeof value === 'object' && value !== null && !Array.isArray(value)\n  && Object.values(value).every(kinds => Array.isArray(kinds) && kinds.every(kind => typeof kind === 'string'))\n\n/** The view state of the file browser; see `createTreeView`. */\nexport interface TreeViewModel {\n  /** The kinds hidden below each tree item, by item key. Persists in localStorage. Replace, never mutate. */\n  nodeFilters: Store<NodeFilters>\n  /** Keys of the open tree items; lasts for the session. Replace, never mutate. */\n  expanded: Store<string[]>\n  /** Opens the items (already open ones are left alone). */\n  expand(keys: readonly string[]): void\n  /** Hides (`hidden`) or shows `kind` below the item. */\n  setKindHidden(key: string, kind: string, hidden: boolean): void\n  clearFilter(key: string): void\n  clearAllFilters(): void\n  /** Follows a folder moved from `from` to `to`: open folder items of it and below it get the new path. */\n  followFolderMove(from: string, to: string): void\n}\n\n/**\n * A view model of its own: `nodeFilters` is read from localStorage once and written back on every change (a model that\n * is dropped takes its subscription with it, there is nothing to dispose).\n */\nexport function createTreeView(): TreeViewModel {\n  const nodeFilters = createStore<NodeFilters>('window' in globalThis ? readStored<NodeFilters>(NODE_FILTERS_KEY, {}, isNodeFilters) : {})\n  nodeFilters.subscribe(value => writeStored(NODE_FILTERS_KEY, value))\n  const expanded = createStore<string[]>([])\n  return {\n    nodeFilters,\n    expanded,\n    expand(keys) {\n      const current = expanded.get()\n      const missing = keys.filter(key => !current.includes(key))\n      if (missing.length) expanded.set([...current, ...missing])\n    },\n    setKindHidden(key, kind, hidden) {\n      const filters = nodeFilters.get()\n      const rest = (filters[key] ?? []).filter(id => id !== kind)\n      const { [key]: _previous, ...others } = filters\n      nodeFilters.set(rest.length || hidden ? { ...others, [key]: hidden ? [...rest, kind] : rest } : others)\n    },\n    clearFilter(key) {\n      const { [key]: _previous, ...others } = nodeFilters.get()\n      nodeFilters.set(others)\n    },\n    clearAllFilters() {\n      nodeFilters.set({})\n    },\n    followFolderMove(from, to) {\n      expanded.set(expanded.get().map(key => (key.startsWith(FOLDER_KEY_PREFIX) ? folderKey(remapFolderPath(key.slice(FOLDER_KEY_PREFIX.length), from, to)) : key)))\n    },\n  }\n}\n\nconst views = new WeakMap<EditorContext, TreeViewModel>()\n\n/** The view model shared by every tree of one editor context (one app): created on first use, then cached. */\nexport function treeView(ctx: EditorContext): TreeViewModel {\n  let view = views.get(ctx)\n  if (!view) {\n    view = createTreeView()\n    views.set(ctx, view)\n  }\n  return view\n}\n"],"mappings":";;;AAIA,MAAM,mBAAmB;AAKzB,SAAS,WAAc,KAAa,UAAa,SAA4C;CAC3F,IAAI;EACF,MAAM,MAAM,aAAa,QAAQ,GAAG;EACpC,IAAI,QAAQ,MAAM;GAChB,MAAM,QAAiB,KAAK,MAAM,GAAG;GACrC,IAAI,QAAQ,KAAK,GAAG,OAAO;EAC7B;CACF,QAAQ,CAAwD;CAChE,OAAO;AACT;AAEA,SAAS,YAAY,KAAa,OAAgB;CAChD,IAAI;EACF,aAAa,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;CACjD,QAAQ,CAA8E;AACxF;AAEA,MAAM,iBAAiB,UACrB,OAAO,UAAU,YAAY,UAAU,QAAQ,CAAC,MAAM,QAAQ,KAAK,KAChE,OAAO,OAAO,KAAK,CAAC,CAAC,OAAM,UAAS,MAAM,QAAQ,KAAK,KAAK,MAAM,OAAM,SAAQ,OAAO,SAAS,QAAQ,CAAC;;;;;AAsB9G,SAAgB,iBAAgC;CAC9C,MAAM,cAAc,YAAyB,YAAY,aAAa,WAAwB,kBAAkB,CAAC,GAAG,aAAa,IAAI,CAAC,CAAC;CACvI,YAAY,WAAU,UAAS,YAAY,kBAAkB,KAAK,CAAC;CACnE,MAAM,WAAW,YAAsB,CAAC,CAAC;CACzC,OAAO;EACL;EACA;EACA,OAAO,MAAM;GACX,MAAM,UAAU,SAAS,IAAI;GAC7B,MAAM,UAAU,KAAK,QAAO,QAAO,CAAC,QAAQ,SAAS,GAAG,CAAC;GACzD,IAAI,QAAQ,QAAQ,SAAS,IAAI,CAAC,GAAG,SAAS,GAAG,OAAO,CAAC;EAC3D;EACA,cAAc,KAAK,MAAM,QAAQ;GAC/B,MAAM,UAAU,YAAY,IAAI;GAChC,MAAM,QAAQ,QAAQ,QAAQ,CAAC,EAAA,CAAG,QAAO,OAAM,OAAO,IAAI;GAC1D,MAAM,GAAG,MAAM,WAAW,GAAG,WAAW;GACxC,YAAY,IAAI,KAAK,UAAU,SAAS;IAAE,GAAG;KAAS,MAAM,SAAS,CAAC,GAAG,MAAM,IAAI,IAAI;GAAK,IAAI,MAAM;EACxG;EACA,YAAY,KAAK;GACf,MAAM,GAAG,MAAM,WAAW,GAAG,WAAW,YAAY,IAAI;GACxD,YAAY,IAAI,MAAM;EACxB;EACA,kBAAkB;GAChB,YAAY,IAAI,CAAC,CAAC;EACpB;EACA,iBAAiB,MAAM,IAAI;GACzB,SAAS,IAAI,SAAS,IAAI,CAAC,CAAC,KAAI,QAAQ,IAAI,WAAA,SAA4B,IAAI,UAAU,gBAAgB,IAAI,MAAM,kBAAkB,MAAM,GAAG,MAAM,EAAE,CAAC,IAAI,GAAI,CAAC;EAC/J;CACF;AACF;AAEA,MAAM,wBAAQ,IAAI,QAAsC;;AAGxD,SAAgB,SAAS,KAAmC;CAC1D,IAAI,OAAO,MAAM,IAAI,GAAG;CACxB,IAAI,CAAC,MAAM;EACT,OAAO,eAAe;EACtB,MAAM,IAAI,KAAK,IAAI;CACrB;CACA,OAAO;AACT"}

package/dist/tree/tree-view.d.ts

@@ -0,0 +1,15 @@
+import { NodeFilters, TreeViewModel } from "./tree-view-model.js";
+import { Ref } from "vue";
+//#region src/tree/tree-view.d.ts
+/**
+ * The Vue view of the file browser's `TreeViewModel` (shared by every tree of one Vue app): `nodeFilters` (the kinds
+ * hidden below each tree item, by item key) persists in localStorage, `expanded` (tree item keys) lasts for the
+ * session; both refs are replaced, not mutated. Call this from `setup()`.
+ */
+export declare function useTreeView(): {
+  nodeFilters: Ref<NodeFilters>;
+  expanded: Ref<string[]>;
+  model: TreeViewModel;
+};
+//#endregion
+//# sourceMappingURL=tree-view.d.ts.map

package/dist/tree/tree-view.js

@@ -0,0 +1,21 @@
+import { useEditorContext } from "../vue/context.js";
+import { treeView } from "./tree-view-model.js";
+import { useWritableStoreRef } from "../vue/store-ref.js";
+//#region src/tree/tree-view.ts
+/**
+* The Vue view of the file browser's `TreeViewModel` (shared by every tree of one Vue app): `nodeFilters` (the kinds
+* hidden below each tree item, by item key) persists in localStorage, `expanded` (tree item keys) lasts for the
+* session; both refs are replaced, not mutated. Call this from `setup()`.
+*/
+function useTreeView() {
+	const model = treeView(useEditorContext());
+	return {
+		nodeFilters: useWritableStoreRef(model.nodeFilters),
+		expanded: useWritableStoreRef(model.expanded),
+		model
+	};
+}
+//#endregion
+export { useTreeView };
+
+//# sourceMappingURL=tree-view.js.map