@ecsplico/editor 2.0.0 → 2.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-model.js","names":[],"sources":["../../src/tree/tree-model.ts"],"sourcesContent":["import { createStore, type ReadonlyStore } from '../core/store'\nimport { type CompositeKind, kindAccepts } from '../features/composites'\nimport type { Translate } from '../i18n'\nimport { type DropEnv, dropVerdict, type DropVerdict } from './drop-rules'\nimport { remapFolderPath } from './folder-paths'\nimport type { DocumentStore } from './store'\nimport {\n  ancestorKeys,\n  collectFolderPaths,\n  creatableBelow,\n  type DragPayload,\n  dragPayloadOf,\n  EMPTY_OUTLINE,\n  filterKinds,\n  folderNamesIn,\n  isDraggable,\n  joinPath,\n  type Outline,\n  parentPath,\n  type TreeItem,\n  VIRTUAL_ROOT,\n} from './tree-items'\nimport { deriveTree, filterQuery, type TreeRow, type TreeView } from './tree-rows'\nimport type { NodeFilters, TreeViewModel } from './tree-view-model'\nimport type { DocumentSummary, TreeFolder } from './types'\n\n// One framework-free model per `DocumentTree`, rendered by the Vue and the React component alike. It owns what the\n// tree remembers (open rows, kind filters, the title filter, the selection, a drag, a folder being renamed or created)\n// and checks all of it against the tree after every change of the store, the outline or the view state, so a key of\n// something that moved or vanished never lingers. It never calls the store or the editor to change something: it emits\n// `TreeCommand`s to the `execute` it was given and follows their result.\n\n/** What the model asks its host to do; the host reports whether it happened. */\nexport type TreeCommand\n  = | { type: 'openDocument', id: string }\n    | { type: 'createDocument', folder: string }\n    | { type: 'moveDocument', id: string, folder: string }\n    | { type: 'removeDocument', id: string, folder: string }\n    | { type: 'createFolder', path: string }\n    | { type: 'moveFolder', from: string, to: string }\n    | { type: 'removeFolder', path: string }\n    /** Moves the block into the Baustein `targetId` (`null` = the end of the document). */\n    | { type: 'moveBlock', id: string, targetId: string | null }\n    | { type: 'revealBlock', id: string | null, pos: number }\n    /** Adds an Ordner-Baustein to the Baustein `targetId` (`null` = the end of the document). */\n    | { type: 'createBausteinFolder', targetId: string | null }\n    /** Lets the user pick files and imports them into the Baustein `targetId` (`null` = the end of the document); `false` when none were imported. */\n    | { type: 'importFiles', targetId: string | null }\n    | { type: 'warn', title: string, description: string }\n\n/** Runs a command and resolves whether it happened. Never rejects: the host reports its own failures. */\nexport type TreeExecutor = (command: TreeCommand) => boolean | Promise<boolean>\n\n/** What the model needs from the open document's editor. */\nexport interface TreeEditor {\n  kinds: readonly CompositeKind[]\n  /** The outline in `structure`: Bausteine in `'composite'` structure, else the headings. Empty once the editor is gone. */\n  outline: (structure: string) => Outline\n  /** Whether a block may move into a Baustein, judged on the live document. */\n  moveVerdict: NonNullable<DropEnv['moveVerdict']>\n  /** `listener` runs after the document changed; returns the unsubscribe function. */\n  onChange: (listener: () => void) => () => void\n}\n\n/** What the surrounding app decides: the open editor and the `blocks.structure` / `blocks.treeRoot` settings. */\nexport interface TreeContext {\n  editor: TreeEditor | undefined\n  structure: string\n  treeRoot: string\n}\n\nexport interface TreeModelOptions {\n  /** Words the menus, the drop refusals and the label of an untitled open document; the framework layer passes the context's `t`. */\n  t: Translate\n  store: DocumentStore\n  /** The view state shared by the trees of one app: open store items and kind filters (persisted). */\n  view: TreeViewModel\n  execute: TreeExecutor\n  context: TreeContext\n  /** The folder new documents and folders go to; default the root. */\n  selectedFolder?: string\n  /** How long the outline waits for the document to settle before it is read again; default 150 ms. */\n  outlineDebounceMs?: number\n}\n\n/** A drag in progress. */\nexport interface TreeDrag {\n  source: DragPayload\n  /** Key of the dragged row */\n  sourceKey: string\n  /** Key of the row under the pointer */\n  hover: string | null\n  /** What dropping on `hover` would do; `null` without a `hover` */\n  verdict: DropVerdict | null\n}\n\n/** A folder being renamed. */\nexport interface TreeRename {\n  /** Key of the folder's row */\n  key: string\n  path: string\n  /** Its name when renaming started */\n  base: string\n  draft: string\n  error: string | null\n}\n\n/** A folder being named. */\nexport interface TreeCreateFolder {\n  /** Folder path the folder is created in */\n  parent: string\n  draft: string\n  error: string | null\n}\n\n/** Everything a renderer needs. Fields below `view` are what the derived `view` was computed from and what `rowOf` reads. */\nexport interface TreeState {\n  /** The loaded folder tree: `undefined` = not loaded yet, `null` = loading failed. */\n  tree: TreeFolder | null | undefined\n  documents: readonly DocumentSummary[]\n  activeId: string | undefined\n  /** The open document is the root (virtual mode) instead of the store's folders. */\n  virtual: boolean\n  structure: string\n  kinds: readonly CompositeKind[]\n  hasEditor: boolean\n  outline: Outline\n  nodeFilters: NodeFilters\n  expanded: readonly string[]\n  collapsedOutline: readonly string[]\n  /** What the title filter input holds. */\n  filterText: string\n  filterOverrides: Readonly<Record<string, boolean>>\n  /** The folder new documents, folders and host imports go to. */\n  selectedFolder: string\n  /** Virtual mode: block ID of the selected Baustein that takes Bausteine; `null` = the document itself. */\n  virtualTarget: string | null\n  drag: TreeDrag | null\n  renaming: TreeRename | null\n  creatingFolder: TreeCreateFolder | null\n  /** Key of the row whose deletion is running. */\n  removing: string | null\n  view: TreeView\n}\n\n/** One row of a row's menu. */\nexport interface TreeMenuEntry {\n  label: string\n  icon: string\n  run: () => void\n}\n\n/** How a renderer draws one row. */\nexport interface TreeRowState extends TreeRow {\n  /** The row's document is the open one. */\n  active: boolean\n  /** The row is the selected folder, or (virtual mode) the selected Baustein. */\n  selected: boolean\n  /** What dropping the drag on this row would do, while the pointer is over it. */\n  drop: DropVerdict | null\n  renaming: TreeRename | null\n  removing: boolean\n  /** The kinds the row's kind filter can hide below it, and the ones it hides. */\n  filterKinds: readonly CompositeKind[]\n  hiddenKinds: readonly string[]\n  /** The row offers a kind filter. */\n  showFilter: boolean\n}\n\nexport interface TreeModel {\n  readonly state: ReadonlyStore<TreeState>\n  /** The open editor or a setting changed. */\n  setContext: (context: TreeContext) => void\n  /** The host selected another folder (it controls the value). */\n  setSelectedFolder: (path: string) => void\n\n  // --- what is open, filtered, typed\n  /** Opens or closes a row; while the title filter is set the choice is discarded when it is cleared. */\n  setOpen: (key: string, open: boolean) => void\n  toggle: (key: string) => void\n  /** Opens the rows (also during a title filter); closed rows are left alone otherwise. */\n  expand: (keys: readonly string[]) => void\n  /** Filters the rows by title (case-insensitive substring); `''` clears it and restores the opened rows from before. */\n  setFilterText: (text: string) => void\n  setKindHidden: (key: string, kind: string, hidden: boolean) => void\n  clearFilter: (key: string) => void\n  clearAllFilters: () => void\n\n  // --- rows\n  /** A row was chosen (click, Enter). */\n  select: (item: TreeItem) => void\n  /** `select`, and a folder or the root toggles. */\n  activate: (item: TreeItem) => void\n  addMenu: (item: TreeItem) => TreeMenuEntry[][]\n  remove: (item: TreeItem) => Promise<void>\n\n  // --- drag and drop\n  isDraggable: (item: TreeItem) => boolean\n  /** Starts dragging `item`; returns what the drag carries, `null` when `item` cannot be dragged. */\n  dragStart: (item: TreeItem) => DragPayload | null\n  /** The pointer is over `item`; returns the verdict (`null` without a drag). Only an `ok` one is a drop target. */\n  dragOver: (item: TreeItem) => DropVerdict | null\n  /** The pointer left `item` for good (not into one of its parts). */\n  dragLeave: (item: TreeItem) => void\n  dragEnd: () => void\n  drop: (item: TreeItem) => Promise<void>\n\n  // --- renaming and creating folders\n  startRename: (item: TreeItem) => void\n  setRenameDraft: (text: string) => void\n  cancelRename: () => void\n  commitRename: () => Promise<void>\n  /** The rename field lost focus: commit, or give up with a warning when the name is invalid. */\n  blurRename: () => Promise<void>\n  startCreateFolder: (parent: string) => void\n  setFolderDraft: (text: string) => void\n  cancelCreateFolder: () => void\n  commitCreateFolder: () => Promise<void>\n\n  dispose: () => void\n}\n\nconst NO_DOCUMENTS: readonly DocumentSummary[] = []\nconst NO_KINDS: readonly CompositeKind[] = []\nconst NO_FILTERS: Readonly<Record<string, boolean>> = {}\nconst UNSET = Symbol('unset')\n\nconst isOutlineKey = (key: string) => key.startsWith('outline:')\n\n/** The state `core` holds: everything of `TreeState` but the derived `view`. */\ntype TreeCore = Omit<TreeState, 'view'>\n\nfunction sameVerdict(a: DropVerdict | null, b: DropVerdict | null): boolean {\n  if (a === b) return true\n  if (!a || !b) return false\n  return a.ok ? b.ok : !b.ok && a.reason === b.reason\n}\n\n/** A row's state in `state` (`item` is one of `state.view.items`). */\nexport function rowOf(state: TreeState, item: TreeItem, t: Translate): TreeRowState {\n  const hidden = state.nodeFilters[item.key] ?? []\n  const kinds = filterKinds(item, { structure: state.structure, activeId: state.activeId, kinds: state.kinds, t })\n  const virtualTarget = state.virtual && (item.key === VIRTUAL_ROOT ? state.virtualTarget === null : !!item.blockId && item.blockId === state.virtualTarget)\n  return {\n    ...state.view.rows.get(item.key)!,\n    active: item.id !== undefined && item.id === state.activeId,\n    selected: (item.type !== 'document' && item.path === state.selectedFolder) || virtualTarget,\n    drop: state.drag?.hover === item.key ? state.drag.verdict : null,\n    renaming: state.renaming?.key === item.key ? state.renaming : null,\n    removing: state.removing === item.key,\n    filterKinds: kinds,\n    hiddenKinds: hidden,\n    showFilter: kinds.length > 0 && (item.type === 'root' || item.type === 'folder' || !!item.children?.length || hidden.length > 0),\n  }\n}\n\n/** A tree model over `options.store`; call `dispose` when its tree goes away. */\nexport function createTreeModel(options: TreeModelOptions): TreeModel {\n  const { store, view: shared, execute, t } = options\n  const debounceMs = options.outlineDebounceMs ?? 150\n\n  let editor = options.context.editor\n  let structure = options.context.structure\n  let treeRoot = options.context.treeRoot\n  let unwatchEditor = editor?.onChange(onEditorChange)\n  let outlineTimer: ReturnType<typeof setTimeout> | undefined\n  /** A folder move the host is running: until it is done, a selected folder at the old path follows to the new one. */\n  let pendingMove: { from: string, to: string } | undefined\n  let disposed = false\n\n  const isVirtual = () => treeRoot === 'file' && structure === 'composite' && !!editor\n\n  let core: TreeCore = {\n    tree: store.tree.get(),\n    documents: store.documents.get() ?? NO_DOCUMENTS,\n    activeId: store.activeId.get(),\n    virtual: isVirtual(),\n    structure,\n    kinds: editor?.kinds ?? NO_KINDS,\n    hasEditor: !!editor,\n    outline: editor ? editor.outline(structure) : EMPTY_OUTLINE,\n    nodeFilters: shared.nodeFilters.get(),\n    expanded: shared.expanded.get(),\n    collapsedOutline: [],\n    filterText: '',\n    filterOverrides: NO_FILTERS,\n    selectedFolder: options.selectedFolder ?? '',\n    virtualTarget: null,\n    drag: null,\n    renaming: null,\n    creatingFolder: null,\n    removing: null,\n  }\n  let lastView: { deps: readonly unknown[], view: TreeView } | undefined\n  let lastTree: TreeFolder | null | undefined | typeof UNSET = UNSET\n  let folderPaths = new Set<string>()\n  let lastActiveFolder: string | undefined | typeof UNSET = UNSET\n  let lastActiveId: string | undefined | typeof UNSET = UNSET\n\n  const dropEnv = (): DropEnv => ({ virtual: core.virtual, moveVerdict: editor?.moveVerdict, t })\n\n  function viewOf(c: TreeCore): TreeView {\n    const deps = [c.tree, c.documents, c.activeId, c.virtual, c.outline, c.kinds, c.nodeFilters, c.expanded, c.collapsedOutline, c.filterText, c.filterOverrides]\n    if (lastView && deps.every((dep, i) => Object.is(dep, lastView!.deps[i]))) return lastView.view\n    const view = deriveTree({ ...c, t, select: selectItem })\n    lastView = { deps, view }\n    return view\n  }\n\n  const renameError = (draft: string, path: string, base: string, tree: TreeFolder | null | undefined) =>\n    draft.trim() === base ? null : store.validateName(draft, folderNamesIn(tree, parentPath(path), path))\n  const folderError = (draft: string, parent: string, tree: TreeFolder | null | undefined) =>\n    draft.trim() ? store.validateName(draft, folderNamesIn(tree, parent)) : null\n\n  /** Measures everything the tree remembers against the current tree: what is gone is dropped, what depends on the tree is recomputed. */\n  function reconcile(c: TreeCore, view: TreeView): TreeCore {\n    let next = c\n    if (c.tree !== lastTree) {\n      lastTree = c.tree\n      folderPaths = new Set<string>()\n      if (c.tree) collectFolderPaths(c.tree, folderPaths)\n      if (c.tree && !folderPaths.has(next.selectedFolder)) {\n        const followed = pendingMove ? remapFolderPath(next.selectedFolder, pendingMove.from, pendingMove.to) : ''\n        next = { ...next, selectedFolder: folderPaths.has(followed) ? followed : '' }\n      }\n    }\n    if (next.virtualTarget !== null && (!next.virtual || !view.keys.has(`outline:${next.virtualTarget}`))) next = { ...next, virtualTarget: null }\n    if (next.renaming) {\n      const r = next.renaming\n      if (!view.keys.has(r.key)) next = { ...next, renaming: null }\n      else {\n        const error = renameError(r.draft, r.path, r.base, next.tree)\n        if (error !== r.error) next = { ...next, renaming: { ...r, error } }\n      }\n    }\n    if (next.creatingFolder) {\n      const f = next.creatingFolder\n      if (next.tree && !folderPaths.has(f.parent)) next = { ...next, creatingFolder: null }\n      else {\n        const error = folderError(f.draft, f.parent, next.tree)\n        if (error !== f.error) next = { ...next, creatingFolder: { ...f, error } }\n      }\n    }\n    if (next.drag) {\n      const d = next.drag\n      if (!view.keys.has(d.sourceKey) || (d.hover !== null && !view.keys.has(d.hover))) next = { ...next, drag: null }\n      else if (d.hover !== null) {\n        const target = view.rows.get(d.hover)?.item\n        const verdict = target ? dropVerdict(d.source, target, dropEnv()) : d.verdict\n        if (!sameVerdict(verdict, d.verdict)) next = { ...next, drag: { ...d, verdict } }\n      }\n    }\n    return next\n  }\n\n  const state = createStore<TreeState>({ ...core, view: viewOf(core) })\n\n  function publish(c: TreeCore) {\n    if (disposed) return\n    const view = viewOf(c)\n    core = reconcile(c, view)\n    const next: TreeState = { ...core, view }\n    const current = state.get()\n    if ((Object.keys(next) as (keyof TreeState)[]).every(key => Object.is(next[key], current[key]))) return\n    state.set(next)\n  }\n\n  const patch = (changes: Partial<TreeCore>) => publish({ ...core, ...changes })\n\n  // --- sources ---------------------------------------------------------------------------------------------------\n\n  /** Reads the store and the shared view state; what opening a document shows is opened. */\n  function sync() {\n    if (disposed) return\n    const documents = store.documents.get() ?? NO_DOCUMENTS\n    const activeId = store.activeId.get()\n    publish({ ...core, tree: store.tree.get(), documents, activeId, nodeFilters: shared.nodeFilters.get(), expanded: shared.expanded.get() })\n    // Opening a document (also by URL, or after a move) shows it: its folders open and its folder becomes the selected one.\n    const activeFolder = documents.find(d => d.id === activeId)?.folder\n    if (activeFolder !== lastActiveFolder) {\n      lastActiveFolder = activeFolder\n      expand(ancestorKeys(activeFolder ?? ''))\n      if (activeFolder !== undefined) setSelectedFolder(activeFolder)\n    }\n    if (activeId !== lastActiveId) {\n      lastActiveId = activeId\n      if (activeId) expand([`doc:${activeId}`])\n    }\n  }\n\n  const unsubscribe = [\n    store.tree.subscribe(sync),\n    store.documents.subscribe(sync),\n    store.activeId.subscribe(sync),\n    shared.nodeFilters.subscribe(sync),\n    shared.expanded.subscribe(sync),\n  ]\n\n  function readOutline() {\n    patch({ outline: editor ? editor.outline(structure) : EMPTY_OUTLINE })\n  }\n\n  // The outline is read when the document changed and has been quiet for a moment; a drag in progress is checked at once.\n  function onEditorChange() {\n    clearTimeout(outlineTimer)\n    outlineTimer = setTimeout(readOutline, debounceMs)\n    if (core.drag) publish(core)\n  }\n\n  function setContext(context: TreeContext) {\n    if (context.editor === editor && context.structure === structure && context.treeRoot === treeRoot) return\n    const editorChanged = context.editor !== editor\n    const wasVirtual = core.virtual\n    editor = context.editor\n    structure = context.structure\n    treeRoot = context.treeRoot\n    clearTimeout(outlineTimer)\n    if (editorChanged) {\n      unwatchEditor?.()\n      unwatchEditor = editor?.onChange(onEditorChange)\n    }\n    patch({\n      virtual: isVirtual(),\n      structure,\n      kinds: editor?.kinds ?? NO_KINDS,\n      hasEditor: !!editor,\n      outline: editor ? editor.outline(structure) : EMPTY_OUTLINE,\n    })\n    if (core.virtual && !wasVirtual) expand([VIRTUAL_ROOT])\n  }\n\n  // --- open, filtered, typed -------------------------------------------------------------------------------------\n\n  const filtering = () => filterQuery(core.filterText) !== ''\n\n  function setOpen(key: string, open: boolean) {\n    if (filtering()) patch({ filterOverrides: { ...core.filterOverrides, [key]: open } })\n    else if (isOutlineKey(key)) patch({ collapsedOutline: open ? core.collapsedOutline.filter(k => k !== key) : [...core.collapsedOutline.filter(k => k !== key), key] })\n    else if (open) shared.expand([key])\n    else shared.expanded.set(shared.expanded.get().filter(k => k !== key))\n  }\n\n  function expand(keys: readonly string[]) {\n    const outlineKeys = keys.filter(isOutlineKey)\n    const { filterOverrides } = core\n    const overridden = keys.some(key => key in filterOverrides)\n    if (overridden || outlineKeys.some(key => core.collapsedOutline.includes(key))) {\n      patch({\n        collapsedOutline: core.collapsedOutline.filter(key => !outlineKeys.includes(key)),\n        filterOverrides: overridden ? Object.fromEntries(Object.entries(filterOverrides).filter(([key]) => !keys.includes(key))) : filterOverrides,\n      })\n    }\n    shared.expand(keys.filter(key => !isOutlineKey(key)))\n  }\n\n  function setFilterText(text: string) {\n    patch({ filterText: text, filterOverrides: filterQuery(text) ? core.filterOverrides : NO_FILTERS })\n  }\n\n  // --- selection -------------------------------------------------------------------------------------------------\n\n  function setSelectedFolder(path: string) {\n    patch({ selectedFolder: path })\n  }\n\n  function selectItem(item: TreeItem) {\n    if (core.renaming?.key === item.key) return\n    if (item.key === VIRTUAL_ROOT) return patch({ virtualTarget: null })\n    if (item.type === 'document') {\n      setSelectedFolder(item.folder ?? '')\n      void execute({ type: 'openDocument', id: item.id! })\n    }\n    else if (item.type === 'composite' || item.type === 'heading') {\n      void execute({ type: 'revealBlock', id: item.blockId ?? null, pos: item.pos! })\n      const takesBausteine = !!item.kind && core.kinds.some(kind => kindAccepts(core.kinds, item.kind!, kind.id))\n      if (core.virtual && item.blockId && takesBausteine) patch({ virtualTarget: item.blockId })\n    }\n    else {\n      setSelectedFolder(item.path ?? '')\n    }\n  }\n\n  function toggle(key: string) {\n    setOpen(key, !state.get().view.rows.get(key)?.open)\n  }\n\n  /** A folder moved from `from` to `to`: its open/selected state follows it. */\n  function followFolderMove(from: string, to: string) {\n    shared.followFolderMove(from, to)\n    patch({\n      selectedFolder: remapFolderPath(core.selectedFolder, from, to),\n      filterOverrides: Object.fromEntries(Object.entries(core.filterOverrides).map(([key, open]) => [key.startsWith('folder:') ? `folder:${remapFolderPath(key.slice(7), from, to)}` : key, open])),\n    })\n    expand(ancestorKeys(parentPath(to)))\n  }\n\n  async function moveFolder(from: string, to: string) {\n    pendingMove = { from, to }\n    const moved = await execute({ type: 'moveFolder', from, to })\n    pendingMove = undefined\n    if (moved) followFolderMove(from, to)\n  }\n\n  // --- drag and drop ---------------------------------------------------------------------------------------------\n\n  function dragStart(item: TreeItem) {\n    if (core.renaming?.key === item.key || !isDraggable(item, core.virtual)) return null\n    const source = dragPayloadOf(item)\n    patch({ drag: { source, sourceKey: item.key, hover: null, verdict: null } })\n    return source\n  }\n\n  function dragOver(item: TreeItem) {\n    const drag = core.drag\n    if (!drag) return null\n    const verdict = dropVerdict(drag.source, item, dropEnv())\n    if (drag.hover !== item.key || !sameVerdict(drag.verdict, verdict)) patch({ drag: { ...drag, hover: item.key, verdict } })\n    return verdict\n  }\n\n  async function drop(item: TreeItem) {\n    const drag = core.drag\n    patch({ drag: null })\n    if (!drag || !dropVerdict(drag.source, item, dropEnv()).ok) return\n    const { source } = drag\n    if (source.type === 'composite') {\n      const targetId = item.key === VIRTUAL_ROOT ? null : item.blockId!\n      if (await execute({ type: 'moveBlock', id: source.blockId, targetId }) && targetId) expand([`outline:${targetId}`])\n      return\n    }\n    const targetPath = item.path!\n    if (source.type === 'document') {\n      if (await execute({ type: 'moveDocument', id: source.id!, folder: targetPath })) expand(ancestorKeys(targetPath))\n      return\n    }\n    await moveFolder(source.path, joinPath(targetPath, source.path.slice(source.path.lastIndexOf('/') + 1)))\n  }\n\n  // --- renaming, creating ----------------------------------------------------------------------------------------\n\n  function startRename(item: TreeItem) {\n    if (item.type !== 'folder') return\n    patch({ renaming: { key: item.key, path: item.path!, base: item.label, draft: item.label, error: null } })\n  }\n\n  async function commitRename() {\n    const r = core.renaming\n    // An invalid name keeps the field open with its inline error.\n    if (!r || r.error) return\n    const name = r.draft.trim()\n    patch({ renaming: null })\n    if (name !== r.base) await moveFolder(r.path, joinPath(parentPath(r.path), name))\n  }\n\n  async function blurRename() {\n    const r = core.renaming\n    if (!r) return\n    if (r.error) {\n      void execute({ type: 'warn', title: t('tree.folder.renameFailed'), description: r.error })\n      patch({ renaming: null })\n      return\n    }\n    await commitRename()\n  }\n\n  function startCreateFolder(parent: string) {\n    patch({ selectedFolder: parent, creatingFolder: { parent, draft: '', error: null } })\n  }\n\n  async function commitCreateFolder() {\n    const f = core.creatingFolder\n    if (!f) return\n    if (!f.draft.trim()) return patch({ creatingFolder: null })\n    if (f.error) return\n    patch({ creatingFolder: null })\n    if (await execute({ type: 'createFolder', path: joinPath(f.parent, f.draft.trim()) })) expand(ancestorKeys(f.parent))\n  }\n\n  // --- menus, deleting -------------------------------------------------------------------------------------------\n\n  async function createDocumentIn(folder: string) {\n    setSelectedFolder(folder)\n    if (await execute({ type: 'createDocument', folder })) expand(ancestorKeys(folder))\n  }\n\n  /** Runs `command` for the Baustein of `item` (the file itself when it has none) and shows the result. */\n  async function inComposite(item: TreeItem, command: TreeCommand) {\n    if (await execute(command)) expand([item.blockId ? `outline:${item.blockId}` : item.key])\n  }\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 Bausteine take what their kind accepts. Other rows take nothing. Folders also list\n   * „Umbenennen“ here: renaming a document happens in the editor's title field.\n   */\n  function addMenu(item: TreeItem): TreeMenuEntry[][] {\n    const groups: TreeMenuEntry[][] = []\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', run: () => void createDocumentIn(path) },\n        { label: item.type === 'root' ? t('tree.menu.newFolder') : t('tree.menu.newSubfolder'), icon: 'i-lucide-folder-plus', run: () => startCreateFolder(path) },\n      ])\n    }\n    else {\n      const can = creatableBelow(item, { structure: core.structure, hasEditor: core.hasEditor, activeId: core.activeId, kinds: core.kinds })\n      const targetId = item.blockId ?? null\n      const entries: TreeMenuEntry[] = []\n      if (can.folder) entries.push({ label: t('tree.menu.newCompositeFolder'), icon: 'i-lucide-folder-plus', run: () => void inComposite(item, { type: 'createBausteinFolder', targetId }) })\n      if (can.document) entries.push({ label: t('tree.menu.importFile'), icon: 'i-lucide-file-up', run: () => void inComposite(item, { type: 'importFiles', targetId }) })\n      if (entries.length) groups.push(entries)\n    }\n    if (item.type === 'folder') groups.push([{ label: t('tree.menu.rename'), icon: 'i-lucide-pencil', run: () => startRename(item) }])\n    return groups\n  }\n\n  async function remove(item: TreeItem) {\n    patch({ removing: item.key })\n    try {\n      await execute(item.type === 'document' ? { type: 'removeDocument', id: item.id!, folder: item.folder ?? '' } : { type: 'removeFolder', path: item.path! })\n    }\n    finally {\n      patch({ removing: null })\n    }\n  }\n\n  sync()\n\n  return {\n    state,\n    setContext,\n    setSelectedFolder,\n    setOpen,\n    toggle,\n    expand,\n    setFilterText,\n    setKindHidden: (key, kind, hidden) => shared.setKindHidden(key, kind, hidden),\n    clearFilter: key => shared.clearFilter(key),\n    clearAllFilters: () => shared.clearAllFilters(),\n    select: selectItem,\n    activate(item) {\n      selectItem(item)\n      if (item.type === 'root' || item.type === 'folder') toggle(item.key)\n    },\n    addMenu,\n    remove,\n    isDraggable: item => core.renaming?.key !== item.key && isDraggable(item, core.virtual),\n    dragStart,\n    dragOver,\n    dragLeave(item) {\n      if (core.drag?.hover === item.key) patch({ drag: { ...core.drag, hover: null, verdict: null } })\n    },\n    dragEnd: () => patch({ drag: null }),\n    drop,\n    startRename,\n    setRenameDraft(text) {\n      const r = core.renaming\n      if (r) patch({ renaming: { ...r, draft: text, error: renameError(text, r.path, r.base, core.tree) } })\n    },\n    cancelRename: () => patch({ renaming: null }),\n    commitRename,\n    blurRename,\n    startCreateFolder,\n    setFolderDraft(text) {\n      const f = core.creatingFolder\n      if (f) patch({ creatingFolder: { ...f, draft: text, error: folderError(text, f.parent, core.tree) } })\n    },\n    cancelCreateFolder: () => patch({ creatingFolder: null }),\n    commitCreateFolder,\n    dispose() {\n      disposed = true\n      clearTimeout(outlineTimer)\n      unwatchEditor?.()\n      for (const stop of unsubscribe) stop()\n    },\n  }\n}\n"],"mappings":"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"}

package/dist/tree/tree-rows.js

@@ -0,0 +1,77 @@
+import { applyNodeFilters, collectKeys, folderItem, outlineItems, virtualRootItem } from "./tree-items.js";
+//#region src/tree/tree-rows.ts
+const isOutlineItem = (item) => item.type === "composite" || item.type === "heading";
+/** The normalized filter text: trimmed and lower-cased; empty = no filter. */
+const filterQuery = (filterText) => filterText.trim().toLowerCase();
+/**
+* Keeps the items whose label contains `query` and the ancestors of such items; everything else goes, also below a
+* match. `matched` collects the keys of the matches, `below` those that have a match among their descendants.
+*/
+function pruneByText(list, query, matched, below) {
+	return list.flatMap((item) => {
+		const hit = item.label.toLowerCase().includes(query);
+		const children = item.children ? pruneByText(item.children, query, matched, below) : [];
+		if (hit) matched.add(item.key);
+		if (children.length) below.add(item.key);
+		if (!hit && !children.length) return [];
+		return [{
+			...item,
+			children: children.length ? children : void 0
+		}];
+	});
+}
+/**
+* The tree to show. In the store's folders: the `Dokumente` root with folders and documents, the open document listing
+* its outline; in virtual mode: the open document as the root with its Bausteine. The kind filters (hidden kinds per
+* item) apply first, then the filter text: only matching rows and their ancestors stay, and the ancestors of a match
+* show open (without being written to `expanded`) until the filter text is cleared. A choice to open or close a row
+* made meanwhile lives in `filterOverrides`.
+*/
+function deriveTree(input) {
+	const { tree, virtual, activeId, nodeFilters, select } = input;
+	const outline = outlineItems(input.outline.nodes, input.kinds, select);
+	const unfiltered = virtual ? [virtualRootItem(input.documents.find((d) => d.id === activeId)?.title ?? input.t("tree.rootFallback"), outline, select)] : tree ? [folderItem(tree, activeId, outline, select)] : [];
+	const keys = collectKeys(unfiltered, /* @__PURE__ */ new Set());
+	let items = applyNodeFilters(unfiltered, nodeFilters);
+	const query = filterQuery(input.filterText);
+	const matched = /* @__PURE__ */ new Set();
+	const below = /* @__PURE__ */ new Set();
+	if (query) items = pruneByText(items, query, matched, below);
+	const expanded = new Set(input.expanded);
+	const collapsed = new Set(input.collapsedOutline);
+	const rows = /* @__PURE__ */ new Map();
+	const open = [];
+	const walk = (list, depth) => {
+		for (const item of list) {
+			const expandable = item.type === "root" || item.type === "folder" || !!item.children?.length;
+			const stored = isOutlineItem(item) ? !collapsed.has(item.key) : expanded.has(item.key);
+			const forced = below.has(item.key);
+			const isOpen = expandable && ((query ? input.filterOverrides[item.key] : void 0) ?? (forced || stored));
+			const at = matched.has(item.key) ? item.label.toLowerCase().indexOf(query) : -1;
+			rows.set(item.key, {
+				item,
+				depth,
+				expandable,
+				open: isOpen,
+				forcedOpen: isOpen && forced && !stored,
+				match: at >= 0 ? [at, query.length] : null
+			});
+			if (isOpen) open.push(item.key);
+			if (item.children) walk(item.children, depth + 1);
+		}
+	};
+	walk(items, 0);
+	return {
+		items,
+		rows,
+		open,
+		keys,
+		hasKindFilters: Object.entries(nodeFilters).some(([key, hidden]) => hidden.length > 0 && keys.has(key)),
+		isEmpty: !virtual && !!tree && !tree.folders.length && !tree.documents.length,
+		noMatches: !!query && items.length === 0 && (virtual || !!tree)
+	};
+}
+//#endregion
+export { deriveTree, filterQuery };
+
+//# sourceMappingURL=tree-rows.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree-rows.js","names":[],"sources":["../../src/tree/tree-rows.ts"],"sourcesContent":["import type { CompositeKind } from '../features/composites'\nimport type { Translate } from '../i18n'\nimport {\n  applyNodeFilters,\n  collectKeys,\n  folderItem,\n  type Outline,\n  outlineItems,\n  type TreeItem,\n  virtualRootItem,\n} from './tree-items'\nimport type { NodeFilters } from './tree-view-model'\nimport type { DocumentSummary, TreeFolder } from './types'\n\n// The visible rows of the document tree as one pure function of what the tree has loaded and what the user opened,\n// filtered and typed. No framework, no editor, no store.\n\n/** Everything `deriveTree` reads. */\nexport interface TreeInput {\n  /** Words the root's label while the open document has no title in `documents`. */\n  t: Translate\n  /** `null` = loading failed, `undefined` = not loaded yet */\n  tree: TreeFolder | null | undefined\n  documents: readonly DocumentSummary[]\n  activeId: string | undefined\n  /** The open document is the root (virtual mode) instead of the store's folders. */\n  virtual: boolean\n  outline: Outline\n  kinds: readonly CompositeKind[]\n  /** Hidden kinds per item key */\n  nodeFilters: NodeFilters\n  /** Keys of the open store items (folders, documents, the roots) */\n  expanded: readonly string[]\n  /** Outline entries start open: only the closed ones are listed. */\n  collapsedOutline: readonly string[]\n  /** What the title filter shows; blank = no filter */\n  filterText: string\n  /** While a filter text is set: open (`true`) or closed (`false`) choices made meanwhile, by item key. Ignored without a filter text. */\n  filterOverrides: Readonly<Record<string, boolean>>\n  /** Chosen on an item (a row click, Enter). */\n  select: (item: TreeItem) => void\n}\n\n/** What the tree knows about one visible row. */\nexport interface TreeRow {\n  /** The (filtered) item of the row. */\n  item: TreeItem\n  depth: number\n  /** The item has (or may get) children and shows a chevron. */\n  expandable: boolean\n  open: boolean\n  /** Open only because the filter text matches below it. */\n  forcedOpen: boolean\n  /** `[start, length]` of the filter text in the label when this row's title matches. */\n  match: readonly [number, number] | null\n}\n\nexport interface TreeView {\n  /** The items to render: the kind filters and the filter text applied. */\n  items: TreeItem[]\n  /** Per key of the items in `items`. */\n  rows: ReadonlyMap<string, TreeRow>\n  /** Keys of the open rows, for a host tree that wants a list. */\n  open: string[]\n  /** Every key the unfiltered tree has: what a stale key is measured against. */\n  keys: ReadonlySet<string>\n  /** A kind filter of an existing item hides something. */\n  hasKindFilters: boolean\n  /** The store has no folder and no document. */\n  isEmpty: boolean\n  /** A filter text is set and nothing matches it. */\n  noMatches: boolean\n}\n\nconst isOutlineItem = (item: TreeItem) => item.type === 'composite' || item.type === 'heading'\n\n/** The normalized filter text: trimmed and lower-cased; empty = no filter. */\nexport const filterQuery = (filterText: string) => filterText.trim().toLowerCase()\n\n/**\n * Keeps the items whose label contains `query` and the ancestors of such items; everything else goes, also below a\n * match. `matched` collects the keys of the matches, `below` those that have a match among their descendants.\n */\nfunction pruneByText(list: readonly TreeItem[], query: string, matched: Set<string>, below: Set<string>): TreeItem[] {\n  return list.flatMap((item) => {\n    const hit = item.label.toLowerCase().includes(query)\n    const children = item.children ? pruneByText(item.children, query, matched, below) : []\n    if (hit) matched.add(item.key)\n    if (children.length) below.add(item.key)\n    if (!hit && !children.length) return []\n    return [{ ...item, children: children.length ? children : undefined }]\n  })\n}\n\n/**\n * The tree to show. In the store's folders: the `Dokumente` root with folders and documents, the open document listing\n * its outline; in virtual mode: the open document as the root with its Bausteine. The kind filters (hidden kinds per\n * item) apply first, then the filter text: only matching rows and their ancestors stay, and the ancestors of a match\n * show open (without being written to `expanded`) until the filter text is cleared. A choice to open or close a row\n * made meanwhile lives in `filterOverrides`.\n */\nexport function deriveTree(input: TreeInput): TreeView {\n  const { tree, virtual, activeId, nodeFilters, select } = input\n  const outline = outlineItems(input.outline.nodes, input.kinds, select)\n  const unfiltered: TreeItem[] = virtual\n    ? [virtualRootItem(input.documents.find(d => d.id === activeId)?.title ?? input.t('tree.rootFallback'), outline, select)]\n    : tree ? [folderItem(tree, activeId, outline, select)] : []\n  const keys = collectKeys(unfiltered, new Set())\n\n  let items = applyNodeFilters(unfiltered, nodeFilters)\n  const query = filterQuery(input.filterText)\n  const matched = new Set<string>()\n  const below = new Set<string>()\n  if (query) items = pruneByText(items, query, matched, below)\n\n  const expanded = new Set(input.expanded)\n  const collapsed = new Set(input.collapsedOutline)\n  const rows = new Map<string, TreeRow>()\n  const open: string[] = []\n  const walk = (list: readonly TreeItem[], depth: number) => {\n    for (const item of list) {\n      const expandable = item.type === 'root' || item.type === 'folder' || !!item.children?.length\n      const stored = isOutlineItem(item) ? !collapsed.has(item.key) : expanded.has(item.key)\n      const forced = below.has(item.key)\n      const isOpen = expandable && ((query ? input.filterOverrides[item.key] : undefined) ?? (forced || stored))\n      const at = matched.has(item.key) ? item.label.toLowerCase().indexOf(query) : -1\n      rows.set(item.key, { item, depth, expandable, open: isOpen, forcedOpen: isOpen && forced && !stored, match: at >= 0 ? [at, query.length] : null })\n      if (isOpen) open.push(item.key)\n      if (item.children) walk(item.children, depth + 1)\n    }\n  }\n  walk(items, 0)\n\n  return {\n    items,\n    rows,\n    open,\n    keys,\n    hasKindFilters: Object.entries(nodeFilters).some(([key, hidden]) => hidden.length > 0 && keys.has(key)),\n    isEmpty: !virtual && !!tree && !tree.folders.length && !tree.documents.length,\n    noMatches: !!query && items.length === 0 && (virtual || !!tree),\n  }\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,94 @@
+import { useUiKit } from "../vue/kit/use-ui-kit.js";
+import { useEditorSettings } from "../vue/settings.js";
+import { useEditorContext } from "../vue/context.js";
+import { useEditorI18n } from "../vue/use-editor-i18n.js";
+import { treeView } from "./tree-view-model.js";
+import { createTreeModel } from "./tree-model.js";
+import { createTreeExecutor, treeEditorOf } from "./tree-host.js";
+import { useStoreRef } from "../vue/store-ref.js";
+import { useFileImport } from "../features/media/vue.js";
+import { computed, onScopeDispose, shallowRef, watch } from "vue";
+//#region src/tree/use-tree-model.ts
+/**
+* The tree model (`createTreeModel`) of one Vue `DocumentTree`: over the app's shared view state, with the UI kit's toasts and
+* the Vue file import, following the open editor and the `blocks` settings. `selectedFolder` is two-way: the model's
+* selection (including its fall back to the root when the folder is gone) is written to it, and a change of it selects
+* that folder. The model is replaced when `store` changes and disposed with the scope; call during `setup()`.
+*/
+function useTreeModel(options) {
+	const view = treeView(useEditorContext());
+	const { t } = useEditorI18n();
+	const { settings } = useEditorSettings();
+	const notify = useUiKit().notifier();
+	const { importFiles } = useFileImport(options.editor);
+	const treeEditor = computed(() => {
+		const editor = options.editor();
+		return editor ? treeEditorOf(editor, t) : void 0;
+	});
+	const context = computed(() => ({
+		editor: treeEditor.value,
+		structure: settings.value.blocks.structure,
+		treeRoot: settings.value.blocks.treeRoot
+	}));
+	const execute = createTreeExecutor({
+		store: options.store,
+		editor: options.editor,
+		importFiles,
+		warn: (title, description) => {
+			notify({
+				title,
+				description,
+				kind: "warning",
+				icon: "i-lucide-circle-alert"
+			});
+		},
+		deleted: (title, undo) => {
+			notify({
+				title: t("tree.removed"),
+				description: title,
+				icon: "i-lucide-trash-2",
+				action: {
+					label: t("tree.undo"),
+					onClick: undo
+				}
+			});
+		}
+	});
+	const model = shallowRef(createTreeModel({
+		t,
+		store: options.store(),
+		view,
+		execute,
+		context: context.value,
+		selectedFolder: options.selectedFolder.value
+	}));
+	const state = useStoreRef(() => model.value.state);
+	watch(options.store, (store) => {
+		model.value.dispose();
+		model.value = createTreeModel({
+			t,
+			store,
+			view,
+			execute,
+			context: context.value,
+			selectedFolder: options.selectedFolder.value
+		});
+	});
+	watch(context, (next) => model.value.setContext(next), { flush: "sync" });
+	watch(options.selectedFolder, (folder) => model.value.setSelectedFolder(folder), { flush: "sync" });
+	watch(() => state.value.selectedFolder, (folder) => {
+		options.selectedFolder.value = folder;
+	}, {
+		flush: "sync",
+		immediate: true
+	});
+	onScopeDispose(() => model.value.dispose());
+	return {
+		model,
+		state
+	};
+}
+//#endregion
+export { useTreeModel };
+
+//# sourceMappingURL=use-tree-model.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-tree-model.js","names":[],"sources":["../../src/tree/use-tree-model.ts"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { computed, onScopeDispose, type Ref, shallowRef, watch } from 'vue'\nimport { useFileImport } from '../features/media/vue'\nimport { useUiKit } from '../vue/kit/use-ui-kit'\nimport { useEditorContext } from '../vue/context'\nimport { useEditorSettings } from '../vue/settings'\nimport { useEditorI18n } from '../vue/use-editor-i18n'\nimport { useStoreRef } from '../vue/store-ref'\nimport type { DocumentStore } from './store'\nimport { createTreeExecutor, treeEditorOf } from './tree-host'\nimport { createTreeModel, type TreeModel, type TreeState } from './tree-model'\nimport { treeView } from './tree-view-model'\n\n/**\n * The tree model (`createTreeModel`) of one Vue `DocumentTree`: over the app's shared view state, with the UI kit's toasts and\n * the Vue file import, following the open editor and the `blocks` settings. `selectedFolder` is two-way: the model's\n * selection (including its fall back to the root when the folder is gone) is written to it, and a change of it selects\n * that folder. The model is replaced when `store` changes and disposed with the scope; call during `setup()`.\n */\nexport function useTreeModel(options: {\n  store: () => DocumentStore\n  editor: () => Editor | undefined\n  selectedFolder: Ref<string>\n}) {\n  const view = treeView(useEditorContext())\n  const { t } = useEditorI18n()\n  const { settings } = useEditorSettings()\n  const notify = useUiKit().notifier()\n  const { importFiles } = useFileImport(options.editor)\n\n  const treeEditor = computed(() => {\n    const editor = options.editor()\n    return editor ? treeEditorOf(editor, t) : undefined\n  })\n  const context = computed(() => ({\n    editor: treeEditor.value,\n    structure: settings.value.blocks.structure,\n    treeRoot: settings.value.blocks.treeRoot,\n  }))\n\n  const execute = createTreeExecutor({\n    store: options.store,\n    editor: options.editor,\n    importFiles,\n    warn: (title, description) => {\n      notify({ title, description, kind: 'warning', icon: 'i-lucide-circle-alert' })\n    },\n    deleted: (title, undo) => {\n      notify({\n        title: t('tree.removed'),\n        description: title,\n        icon: 'i-lucide-trash-2',\n        action: { label: t('tree.undo'), onClick: undo },\n      })\n    },\n  })\n\n  const model = shallowRef<TreeModel>(createTreeModel({ t, store: options.store(), view, execute, context: context.value, selectedFolder: options.selectedFolder.value }))\n  const state = useStoreRef<TreeState>(() => model.value.state)\n\n  watch(options.store, (store) => {\n    model.value.dispose()\n    model.value = createTreeModel({ t, store, view, execute, context: context.value, selectedFolder: options.selectedFolder.value })\n  })\n  watch(context, next => model.value.setContext(next), { flush: 'sync' })\n  watch(options.selectedFolder, folder => model.value.setSelectedFolder(folder), { flush: 'sync' })\n  watch(() => state.value.selectedFolder, (folder) => { options.selectedFolder.value = folder }, { flush: 'sync', immediate: true })\n  onScopeDispose(() => model.value.dispose())\n\n  return { model, state }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAmBA,SAAgB,aAAa,SAI1B;CACD,MAAM,OAAO,SAAS,iBAAiB,CAAC;CACxC,MAAM,EAAE,MAAM,cAAc;CAC5B,MAAM,EAAE,aAAa,kBAAkB;CACvC,MAAM,SAAS,SAAS,CAAC,CAAC,SAAS;CACnC,MAAM,EAAE,gBAAgB,cAAc,QAAQ,MAAM;CAEpD,MAAM,aAAa,eAAe;EAChC,MAAM,SAAS,QAAQ,OAAO;EAC9B,OAAO,SAAS,aAAa,QAAQ,CAAC,IAAI,KAAA;CAC5C,CAAC;CACD,MAAM,UAAU,gBAAgB;EAC9B,QAAQ,WAAW;EACnB,WAAW,SAAS,MAAM,OAAO;EACjC,UAAU,SAAS,MAAM,OAAO;CAClC,EAAE;CAEF,MAAM,UAAU,mBAAmB;EACjC,OAAO,QAAQ;EACf,QAAQ,QAAQ;EAChB;EACA,OAAO,OAAO,gBAAgB;GAC5B,OAAO;IAAE;IAAO;IAAa,MAAM;IAAW,MAAM;GAAwB,CAAC;EAC/E;EACA,UAAU,OAAO,SAAS;GACxB,OAAO;IACL,OAAO,EAAE,cAAc;IACvB,aAAa;IACb,MAAM;IACN,QAAQ;KAAE,OAAO,EAAE,WAAW;KAAG,SAAS;IAAK;GACjD,CAAC;EACH;CACF,CAAC;CAED,MAAM,QAAQ,WAAsB,gBAAgB;EAAE;EAAG,OAAO,QAAQ,MAAM;EAAG;EAAM;EAAS,SAAS,QAAQ;EAAO,gBAAgB,QAAQ,eAAe;CAAM,CAAC,CAAC;CACvK,MAAM,QAAQ,kBAA6B,MAAM,MAAM,KAAK;CAE5D,MAAM,QAAQ,QAAQ,UAAU;EAC9B,MAAM,MAAM,QAAQ;EACpB,MAAM,QAAQ,gBAAgB;GAAE;GAAG;GAAO;GAAM;GAAS,SAAS,QAAQ;GAAO,gBAAgB,QAAQ,eAAe;EAAM,CAAC;CACjI,CAAC;CACD,MAAM,UAAS,SAAQ,MAAM,MAAM,WAAW,IAAI,GAAG,EAAE,OAAO,OAAO,CAAC;CACtE,MAAM,QAAQ,iBAAgB,WAAU,MAAM,MAAM,kBAAkB,MAAM,GAAG,EAAE,OAAO,OAAO,CAAC;CAChG,YAAY,MAAM,MAAM,iBAAiB,WAAW;EAAE,QAAQ,eAAe,QAAQ;CAAO,GAAG;EAAE,OAAO;EAAQ,WAAW;CAAK,CAAC;CACjI,qBAAqB,MAAM,MAAM,QAAQ,CAAC;CAE1C,OAAO;EAAE;EAAO;CAAM;AACxB"}

package/dist/tree/vue.js

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

package/dist/vue/AdvancedEditor.vue.d.ts

@@ -46,21 +46,21 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
   editor: import("vue").ComputedRef<Editor | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  settingsOpen: (tab?: string | undefined) => any;
   "update:sidebarOpen": (value: boolean) => any;
   "update:commentsOpen": (value: boolean) => any;
-  ready: (editor: Editor) => any;
   "update:modelValue": (content: JSONContent) => any;
+  ready: (editor: Editor) => any;
   metadataCreate: (list: string, item: MetadataItem) => any;
   contentError: (error: Error) => any;
-  settingsOpen: (tab?: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+  onSettingsOpen?: ((tab?: string | undefined) => any) | undefined;
   "onUpdate:sidebarOpen"?: ((value: boolean) => any) | undefined;
   "onUpdate:commentsOpen"?: ((value: boolean) => any) | undefined;
-  onReady?: ((editor: Editor) => any) | undefined;
   "onUpdate:modelValue"?: ((content: JSONContent) => any) | undefined;
+  onReady?: ((editor: Editor) => any) | undefined;
   onMetadataCreate?: ((list: string, item: MetadataItem) => any) | undefined;
   onContentError?: ((error: Error) => any) | undefined;
-  onSettingsOpen?: ((tab?: string | undefined) => any) | undefined;
 }>, {
   editable: boolean;
   settingsUi: "internal" | "external";

package/dist/vue/SimpleEditor.vue.d.ts

@@ -18,13 +18,13 @@ type __VLS_Props = {
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
   editor: import("vue").ComputedRef<Editor | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  ready: (editor: Editor) => any;
   "update:modelValue": (content: JSONContent) => any;
+  ready: (editor: Editor) => any;
   metadataCreate: (list: string, item: MetadataItem) => any;
   contentError: (error: Error) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-  onReady?: ((editor: Editor) => any) | undefined;
   "onUpdate:modelValue"?: ((content: JSONContent) => any) | undefined;
+  onReady?: ((editor: Editor) => any) | undefined;
   onMetadataCreate?: ((list: string, item: MetadataItem) => any) | undefined;
   onContentError?: ((error: Error) => any) | undefined;
 }>, {

package/dist/vue/components/EditorSurface.js

@@ -1,10 +1,5 @@
-import { presetExtension } from "../../core/pipeline.js";
-import { createMetadataRegistry } from "../../core/metadata.js";
-import { SuggestionPopup } from "../../core/suggestion-popup.js";
-import { contributions, settingsTabsOf } from "../../core/define-editor.js";
-import { registerEditor } from "../../core/editor-ui.js";
-import { blockActionsOf, createFeatureContext } from "../../core/feature-context.js";
-import { EMPTY_EDITOR_CONTENT } from "../../core/schema/index.js";
+import { settingsTabsOf } from "../../core/define-editor.js";
+import { createSurfaceSession } from "../../core/surface-session.js";
 import { useUiKit } from "../kit/use-ui-kit.js";
 import { attachNotifier } from "../notify.js";
 import { useEditorContext } from "../context.js";
@@ -12,7 +7,7 @@ import { EDITOR_UI } from "../use-editor-ui.js";
 import { vueSuggestionRenderer } from "../suggestion-renderer.js";
 import _sfc_main$1 from "./EditorSettingsModal.js";
 import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeModels, onBeforeUnmount, openBlock, provide, ref, renderList, resolveDynamicComponent, toRaw, unref, useModel, watch } from "vue";
-import { EditorContent, getSchema, useEditor } from "@tiptap/vue-3";
+import { EditorContent, useEditor } from "@tiptap/vue-3";
 //#region src/vue/components/EditorSurface.vue
 const _hoisted_1 = { class: "relative" };
 const _sfc_main = /*@__PURE__*/ defineComponent({
@@ -71,8 +66,6 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		});
 		const { preset } = props;
 		const app = useEditorContext();
-		const collaboration = props.collaboration;
-		if (collaboration && !preset.features.some((feature) => feature.id === "collab")) throw new Error("@ecsplico/editor: `collaboration` needs a preset with the collaboration feature");
 		const settingsOpen = ref(false);
 		const settingsTab = ref();
 		const ui = {
@@ -96,98 +89,45 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 			}
 		};
 		provide(EDITOR_UI, ui);
-		let unregister;
-		const registry = createMetadataRegistry({ onCreate: (list, item) => emit("metadataCreate", list, item) });
-		registry.replace({ ...props.metadata });
-		watch(() => props.metadata, (metadata) => registry.replace({ ...metadata }));
 		const kitNotify = useUiKit().notifier();
 		attachNotifier(app.notify, kitNotify);
-		const ctx = createFeatureContext({
+		const session = createSurfaceSession({
 			app,
 			preset,
 			ui,
-			metadata: registry,
 			notify: kitNotify,
+			suggestionRenderer: vueSuggestionRenderer,
 			getEditor: () => editor.value,
-			...props.documentId !== void 0 && { documentId: props.documentId },
-			...props.upload && { upload: props.upload },
-			...collaboration && { collaboration },
-			...props.abilities && { abilities: props.abilities },
-			...props.slashCommands && { slashCommands: props.slashCommands }
-		});
-		const extensions = [
-			presetExtension(preset),
-			SuggestionPopup.configure({ renderer: vueSuggestionRenderer }),
-			...contributions(preset, "extensions").flatMap((factory) => factory(ctx)),
-			...props.extensions ?? []
-		];
-		const schema = getSchema(extensions);
-		const overlays = preset.features.flatMap((feature) => [...feature.overlays ?? []]);
-		const blockActions = blockActionsOf(preset, ctx, props.blockActions);
-		const teardowns = [];
-		for (const run of contributions(preset, "setup")) {
-			const teardown = run(ctx);
-			if (teardown) teardowns.push(teardown);
-		}
-		/** `json` migrated by the preset and checked against the installed schema: unknown nodes/marks or a broken structure are errors. */
-		function validated(json) {
-			try {
-				const migrated = preset.pipeline.migrateContent(toRaw(json));
-				schema.nodeFromJSON(migrated).check();
-				return { json: migrated };
-			} catch (error) {
-				return { error: error instanceof Error ? error : new Error(String(error)) };
-			}
-		}
-		let lastEmitted;
-		let standaloneOptions = {};
-		if (!collaboration) {
-			const initial = props.modelValue ? validated(props.modelValue) : { json: EMPTY_EDITOR_CONTENT };
-			if ("error" in initial) emit("contentError", initial.error);
-			standaloneOptions = {
-				content: "json" in initial ? initial.json : EMPTY_EDITOR_CONTENT,
-				onUpdate: ({ editor: instance }) => {
-					lastEmitted = instance.getJSON();
-					emit("update:modelValue", lastEmitted);
-				}
-			};
-		}
-		const editor = useEditor({
-			extensions,
-			...standaloneOptions,
+			collaboration: props.collaboration,
+			value: props.modelValue && toRaw(props.modelValue),
 			editable: props.editable,
-			editorProps: { attributes: { class: "tiptap" } }
-		});
-		if (!collaboration) watch(() => props.modelValue, (value) => {
-			const instance = editor.value;
-			if (!value || !instance || instance.isDestroyed || toRaw(value) === lastEmitted) return;
-			const checked = validated(value);
-			if ("error" in checked) {
-				emit("contentError", checked.error);
-				return;
-			}
-			instance.commands.setContent(checked.json, { emitUpdate: false });
-		});
-		watch(() => props.editable, (editable) => {
-			const instance = editor.value;
-			if (!instance || instance.isDestroyed) return;
-			instance.setEditable(editable, false);
-			instance.view.dispatch(instance.state.tr.setMeta("addToHistory", false));
+			metadata: props.metadata,
+			documentId: props.documentId,
+			upload: props.upload,
+			abilities: props.abilities,
+			slashCommands: props.slashCommands,
+			extensions: props.extensions,
+			blockActions: props.blockActions,
+			onChange: (content) => emit("update:modelValue", content),
+			onMetadataCreate: (list, item) => emit("metadataCreate", list, item),
+			onContentError: (error) => emit("contentError", error),
+			onReady: (instance) => emit("ready", instance)
 		});
+		const overlays = session.overlays;
+		session.activate();
+		const editor = useEditor(session.editorOptions);
+		watch(() => props.modelValue, (value) => session.setValue(value && toRaw(value)));
+		watch(() => props.editable, (editable) => session.setEditable(editable));
+		watch(() => props.metadata, (metadata) => session.setMetadata(metadata));
+		let unregister;
 		const stopReady = watch(editor, (instance) => {
 			if (!instance) return;
-			unregister = registerEditor(toRaw(instance), {
-				ui,
-				preset,
-				ctx,
-				blockActions
-			});
-			emit("ready", instance);
+			unregister = session.register(toRaw(instance));
 			stopReady();
 		});
 		onBeforeUnmount(() => {
 			unregister?.();
-			for (const teardown of teardowns.splice(0)) teardown();
+			session.deactivate();
 			editor.value?.destroy();
 		});
 		__expose({

package/dist/vue/components/EditorSurface.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditorSurface.js","names":["_useModel","_unref","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_createVNode","_renderList","_createBlock","_resolveDynamicComponent","EditorSettingsModal","_createCommentVNode"],"sources":["../../../src/vue/components/EditorSurface.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AnyExtension, Editor, EditorOptions, JSONContent } from '@tiptap/vue-3'\nimport { EditorContent, getSchema, useEditor } from '@tiptap/vue-3'\nimport { type Component, onBeforeUnmount, provide, ref, toRaw, watch } from 'vue'\nimport { contributions, settingsTabsOf } from '../../core/define-editor'\nimport { type EditorUi, registerEditor } from '../../core/editor-ui'\nimport { useEditorContext } from '../context'\nimport { attachNotifier } from '../notify'\nimport { useUiKit } from '../kit/use-ui-kit'\nimport { EDITOR_UI } from '../use-editor-ui'\nimport type { AbilitiesOptions, BlockAction, SlashCommandItem } from '../../core/extension-points'\nimport { type CollaborationSession, type EditorPreset, type UploadFn } from '../../core/feature'\nimport { blockActionsOf, createFeatureContext } from '../../core/feature-context'\nimport { createMetadataRegistry } from '../../core/metadata'\nimport type { EditorMetadata, MetadataItem } from '../../core/metadata-types'\nimport { presetExtension } from '../../core/pipeline'\nimport { EMPTY_EDITOR_CONTENT } from '../../core/schema'\nimport { SuggestionPopup } from '../../core/suggestion-popup'\nimport { vueSuggestionRenderer } from '../suggestion-renderer'\nimport EditorSettingsModal from './EditorSettingsModal.vue'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  /** The features this editor is made of (`simpleEditor()`, `defineEditor(...)`); fixed at mount, remount (`key`) to change it. */\n  preset: EditorPreset\n  /** Collaborative mode: the Y.Doc is the document. Needs a preset with the collaboration feature; fixed at mount. */\n  collaboration?: CollaborationSession\n  /** Standalone mode (without `collaboration`): TipTap JSON via `v-model`; the editor keeps its own undo history. */\n  modelValue?: JSONContent\n  /** Host lists (`mentions`, `hashtags`, `speakers`, custom) features' suggestions search. */\n  metadata?: EditorMetadata\n  /** Deep-merged into the `Abilities` defaults; read once at setup. */\n  abilities?: Partial<AbilitiesOptions>\n  /** Added after the features' extensions; read once at setup. */\n  extensions?: AnyExtension[]\n  /** Hover actions shown after the features' own; shown by an installed block-UI feature. */\n  blockActions?: BlockAction[]\n  /** Builds the `/` menu from the features' commands; absent = the features' commands. Read once at setup. */\n  slashCommands?: (defaults: SlashCommandItem[]) => SlashCommandItem[]\n  /** Document whose package stores uploads (media feature). Read once at setup. */\n  documentId?: string\n  /** Stores an uploaded file and returns its URL (media feature). Read once at setup. */\n  upload?: UploadFn\n  editable?: boolean\n  /** `internal`: the surface owns its settings UI; `external`: it emits `settingsOpen` and the host shows the panel. */\n  settingsUi?: 'internal' | 'external'\n}>(), { editable: true, settingsUi: 'internal' })\n\nconst emit = defineEmits<{\n  'ready': [editor: Editor]\n  'update:modelValue': [content: JSONContent]\n  'metadataCreate': [list: string, item: MetadataItem]\n  /** The JSON handed in (initially or later) does not fit this editor's schema; the last valid document stays. */\n  'contentError': [error: Error]\n  /** `settingsUi: 'external'`: the editor asks the host to open its settings (on `tab` when given). */\n  'settingsOpen': [tab?: string]\n}>()\n\n/** Whether this editor's AI sidebar is open (`toggleSidebar`): hosts bind it (`v-model:sidebar-open`). */\nconst sidebarOpen = defineModel<boolean>('sidebarOpen', { default: false })\n/**\n * Whether this editor's comments margin is open (`toggleComments`, Mod-Shift-m of the comments feature): hosts bind it\n * (`v-model:comments-open`). The AI sidebar and the margin exclude each other: whichever opens last closes the other.\n */\nconst commentsOpen = defineModel<boolean>('commentsOpen', { default: false })\nwatch(sidebarOpen, (open) => {\n  if (open) commentsOpen.value = false\n})\nwatch(commentsOpen, (open) => {\n  if (open) sidebarOpen.value = false\n})\n\nconst { preset } = props\nconst app = useEditorContext()\n\n// The mode is fixed at setup; hosts switch it by remounting (`key`).\nconst collaboration = props.collaboration\nif (collaboration && !preset.features.some(feature => feature.id === 'collab')) {\n  throw new Error('@ecsplico/editor: `collaboration` needs a preset with the collaboration feature')\n}\n\n// The editor's chrome for its subtree (EDITOR_UI) and, registered by editor instance once it exists, for components\n// a host places beside it (EditorToolbar, outline, sidebar).\nconst settingsOpen = ref(false)\nconst settingsTab = ref<string | undefined>()\nconst ui: EditorUi = {\n  openSettings: (tab) => {\n    // Nothing to open without a contributed tab.\n    if (!settingsTabsOf(preset, app).length) return\n    if (props.settingsUi === 'external') {\n      emit('settingsOpen', tab)\n      return\n    }\n    if (tab) settingsTab.value = tab\n    settingsOpen.value = true\n  },\n  toggleSidebar: () => {\n    sidebarOpen.value = !sidebarOpen.value\n  },\n  toggleComments: () => {\n    commentsOpen.value = !commentsOpen.value\n  },\n  get commentsOpen() {\n    return commentsOpen.value\n  },\n}\nprovide(EDITOR_UI, ui)\nlet unregister: (() => void) | undefined\n\nconst registry = createMetadataRegistry({ onCreate: (list, item) => emit('metadataCreate', list, item) })\nregistry.replace({ ...props.metadata })\nwatch(() => props.metadata, metadata => registry.replace({ ...metadata }))\n\n// Captured in setup: features raise notices later, outside it.\nconst kitNotify = useUiKit().notifier()\nattachNotifier(app.notify, kitNotify)\n\nconst ctx = createFeatureContext({\n  app,\n  preset,\n  ui,\n  metadata: registry,\n  notify: kitNotify,\n  getEditor: () => editor.value,\n  ...(props.documentId !== undefined && { documentId: props.documentId }),\n  ...(props.upload && { upload: props.upload }),\n  ...(collaboration && { collaboration }),\n  ...(props.abilities && { abilities: props.abilities }),\n  ...(props.slashCommands && { slashCommands: props.slashCommands }),\n})\n\nconst extensions: AnyExtension[] = [\n  presetExtension(preset),\n  SuggestionPopup.configure({ renderer: vueSuggestionRenderer }),\n  ...contributions(preset, 'extensions').flatMap(factory => factory(ctx)),\n  ...(props.extensions ?? []),\n]\nconst schema = getSchema(extensions)\n// Descriptors are framework-agnostic (`overlays: unknown[]`); in this Vue surface they are Vue components.\nconst overlays = preset.features.flatMap(feature => [...(feature.overlays ?? [])]) as Component[]\nconst blockActions = blockActionsOf(preset, ctx, props.blockActions)\n// A setup contribution may return its teardown; they run when the surface unmounts.\nconst teardowns: (() => void)[] = []\nfor (const run of contributions(preset, 'setup')) {\n  const teardown = run(ctx)\n  if (teardown) teardowns.push(teardown)\n}\n\n/** `json` migrated by the preset and checked against the installed schema: unknown nodes/marks or a broken structure are errors. */\nfunction validated(json: JSONContent): { json: JSONContent } | { error: Error } {\n  try {\n    const migrated = preset.pipeline.migrateContent(toRaw(json))\n    schema.nodeFromJSON(migrated).check()\n    return { json: migrated }\n  }\n  catch (error) {\n    return { error: error instanceof Error ? error : new Error(String(error)) }\n  }\n}\n\n// Standalone: the JSON last sent through `update:modelValue`; the host handing it back is not an external change.\nlet lastEmitted: JSONContent | undefined\nlet standaloneOptions: Partial<EditorOptions> = {}\nif (!collaboration) {\n  // Raw: a reactive host value would put Vue proxies into node attributes.\n  const initial = props.modelValue ? validated(props.modelValue) : { json: EMPTY_EDITOR_CONTENT }\n  if ('error' in initial) emit('contentError', initial.error)\n  standaloneOptions = {\n    content: 'json' in initial ? initial.json : EMPTY_EDITOR_CONTENT,\n    onUpdate: ({ editor: instance }) => {\n      lastEmitted = instance.getJSON()\n      emit('update:modelValue', lastEmitted)\n    },\n  }\n}\n\nconst editor = useEditor({\n  extensions,\n  ...standaloneOptions,\n  editable: props.editable,\n  editorProps: { attributes: { class: 'tiptap' } },\n})\n\n// External replacement of the standalone document (the host loaded or reset it); not an edit, so no update event.\nif (!collaboration) {\n  watch(() => props.modelValue, (value) => {\n    const instance = editor.value\n    if (!value || !instance || instance.isDestroyed || toRaw(value) === lastEmitted) return\n    const checked = validated(value)\n    if ('error' in checked) {\n      emit('contentError', checked.error)\n      return\n    }\n    instance.commands.setContent(checked.json, { emitUpdate: false })\n  })\n}\n\n// `setEditable(…, false)` changes the flag without any event; an empty, history-less transaction lets components that\n// follow `isEditable` on `transaction` (block UI, the composite inspector) notice. It has no steps, so nothing syncs.\nwatch(() => props.editable, (editable) => {\n  const instance = editor.value\n  if (!instance || instance.isDestroyed) return\n  instance.setEditable(editable, false)\n  instance.view.dispatch(instance.state.tr.setMeta('addToHistory', false))\n})\n\n// `useEditor` creates the instance in onMounted; announce it once it exists (its chrome registered first, so a host\n// toolbar that receives it through `ready` finds the chrome).\nconst stopReady = watch(editor, (instance) => {\n  if (!instance) return\n  unregister = registerEditor(toRaw(instance), { ui, preset, ctx, blockActions })\n  emit('ready', instance)\n  stopReady()\n})\n\nonBeforeUnmount(() => {\n  unregister?.()\n  for (const teardown of teardowns.splice(0)) teardown()\n  editor.value?.destroy()\n})\n\ndefineExpose({ editor, settingsOpen, settingsTab })\n</script>\n\n<template>\n  <template v-if=\"editor\">\n    <div class=\"relative\">\n      <EditorContent :editor=\"editor\" class=\"relative\" />\n    </div>\n    <component :is=\"overlay\" v-for=\"(overlay, index) in overlays\" :key=\"index\" :editor=\"editor\" />\n    <EditorSettingsModal v-if=\"settingsUi === 'internal'\" v-model:open=\"settingsOpen\" v-model:tab=\"settingsTab\" :preset=\"preset\" />\n  </template>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"EditorSurface.js","names":["_useModel","_unref","_openBlock","_createElementBlock","_Fragment","_createElementVNode","_createVNode","_renderList","_createBlock","_resolveDynamicComponent","EditorSettingsModal","_createCommentVNode"],"sources":["../../../src/vue/components/EditorSurface.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AnyExtension, Editor, JSONContent } from '@tiptap/vue-3'\nimport { EditorContent, useEditor } from '@tiptap/vue-3'\nimport { type Component, onBeforeUnmount, provide, ref, toRaw, watch } from 'vue'\nimport { settingsTabsOf } from '../../core/define-editor'\nimport type { EditorUi } from '../../core/editor-ui'\nimport { useEditorContext } from '../context'\nimport { attachNotifier } from '../notify'\nimport { useUiKit } from '../kit/use-ui-kit'\nimport { EDITOR_UI } from '../use-editor-ui'\nimport type { AbilitiesOptions, BlockAction, SlashCommandItem } from '../../core/extension-points'\nimport type { CollaborationSession, EditorPreset, UploadFn } from '../../core/feature'\nimport type { EditorMetadata, MetadataItem } from '../../core/metadata-types'\nimport { createSurfaceSession } from '../../core/surface-session'\nimport { vueSuggestionRenderer } from '../suggestion-renderer'\nimport EditorSettingsModal from './EditorSettingsModal.vue'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  /** The features this editor is made of (`simpleEditor()`, `defineEditor(...)`); fixed at mount, remount (`key`) to change it. */\n  preset: EditorPreset\n  /** Collaborative mode: the Y.Doc is the document. Needs a preset with the collaboration feature; fixed at mount. */\n  collaboration?: CollaborationSession\n  /** Standalone mode (without `collaboration`): TipTap JSON via `v-model`; the editor keeps its own undo history. */\n  modelValue?: JSONContent\n  /** Host lists (`mentions`, `hashtags`, `speakers`, custom) features' suggestions search. */\n  metadata?: EditorMetadata\n  /** Deep-merged into the `Abilities` defaults; read once at setup. */\n  abilities?: Partial<AbilitiesOptions>\n  /** Added after the features' extensions; read once at setup. */\n  extensions?: AnyExtension[]\n  /** Hover actions shown after the features' own; shown by an installed block-UI feature. */\n  blockActions?: BlockAction[]\n  /** Builds the `/` menu from the features' commands; absent = the features' commands. Read once at setup. */\n  slashCommands?: (defaults: SlashCommandItem[]) => SlashCommandItem[]\n  /** Document whose package stores uploads (media feature). Read once at setup. */\n  documentId?: string\n  /** Stores an uploaded file and returns its URL (media feature). Read once at setup. */\n  upload?: UploadFn\n  editable?: boolean\n  /** `internal`: the surface owns its settings UI; `external`: it emits `settingsOpen` and the host shows the panel. */\n  settingsUi?: 'internal' | 'external'\n}>(), { editable: true, settingsUi: 'internal' })\n\nconst emit = defineEmits<{\n  'ready': [editor: Editor]\n  'update:modelValue': [content: JSONContent]\n  'metadataCreate': [list: string, item: MetadataItem]\n  /** The JSON handed in (initially or later) does not fit this editor's schema; the last valid document stays. */\n  'contentError': [error: Error]\n  /** `settingsUi: 'external'`: the editor asks the host to open its settings (on `tab` when given). */\n  'settingsOpen': [tab?: string]\n}>()\n\n/** Whether this editor's AI sidebar is open (`toggleSidebar`): hosts bind it (`v-model:sidebar-open`). */\nconst sidebarOpen = defineModel<boolean>('sidebarOpen', { default: false })\n/**\n * Whether this editor's comments margin is open (`toggleComments`, Mod-Shift-m of the comments feature): hosts bind it\n * (`v-model:comments-open`). The AI sidebar and the margin exclude each other: whichever opens last closes the other.\n */\nconst commentsOpen = defineModel<boolean>('commentsOpen', { default: false })\nwatch(sidebarOpen, (open) => {\n  if (open) commentsOpen.value = false\n})\nwatch(commentsOpen, (open) => {\n  if (open) sidebarOpen.value = false\n})\n\nconst { preset } = props\nconst app = useEditorContext()\n\n\n// The editor's chrome for its subtree (EDITOR_UI) and, registered by editor instance once it exists, for components\n// a host places beside it (EditorToolbar, outline, sidebar).\nconst settingsOpen = ref(false)\nconst settingsTab = ref<string | undefined>()\nconst ui: EditorUi = {\n  openSettings: (tab) => {\n    // Nothing to open without a contributed tab.\n    if (!settingsTabsOf(preset, app).length) return\n    if (props.settingsUi === 'external') {\n      emit('settingsOpen', tab)\n      return\n    }\n    if (tab) settingsTab.value = tab\n    settingsOpen.value = true\n  },\n  toggleSidebar: () => {\n    sidebarOpen.value = !sidebarOpen.value\n  },\n  toggleComments: () => {\n    commentsOpen.value = !commentsOpen.value\n  },\n  get commentsOpen() {\n    return commentsOpen.value\n  },\n}\nprovide(EDITOR_UI, ui)\n\n// Captured in setup: features raise notices later, outside it.\nconst kitNotify = useUiKit().notifier()\nattachNotifier(app.notify, kitNotify)\n\n// Everything framework-free: mode, context, extensions, content validation, setup lifecycle. The mode is fixed at\n// setup; hosts switch it by remounting (`key`).\nconst session = createSurfaceSession({\n  app,\n  preset,\n  ui,\n  notify: kitNotify,\n  suggestionRenderer: vueSuggestionRenderer,\n  getEditor: () => editor.value,\n  collaboration: props.collaboration,\n  // Raw: a reactive host value would put Vue proxies into node attributes.\n  value: props.modelValue && toRaw(props.modelValue),\n  editable: props.editable,\n  metadata: props.metadata,\n  documentId: props.documentId,\n  upload: props.upload,\n  abilities: props.abilities,\n  slashCommands: props.slashCommands,\n  extensions: props.extensions,\n  blockActions: props.blockActions,\n  onChange: content => emit('update:modelValue', content),\n  onMetadataCreate: (list, item) => emit('metadataCreate', list, item),\n  onContentError: error => emit('contentError', error),\n  // The registered instance is the one `useEditor` created: the vue-3 `Editor` subclass.\n  onReady: instance => emit('ready', instance as Editor),\n})\n// Descriptors are framework-agnostic (`overlays: unknown[]`); in this Vue surface they are Vue components.\nconst overlays = session.overlays as readonly Component[]\n\n// Setup contributions run during setup (also on the server) and are torn down when the surface unmounts.\nsession.activate()\n\nconst editor = useEditor(session.editorOptions)\n\nwatch(() => props.modelValue, value => session.setValue(value && toRaw(value)))\nwatch(() => props.editable, editable => session.setEditable(editable))\nwatch(() => props.metadata, metadata => session.setMetadata(metadata))\n\n// `useEditor` creates the instance in onMounted; announce it once it exists (its chrome registered first, so a host\n// toolbar that receives it through `ready` finds the chrome).\nlet unregister: (() => void) | undefined\nconst stopReady = watch(editor, (instance) => {\n  if (!instance) return\n  unregister = session.register(toRaw(instance))\n  stopReady()\n})\n\nonBeforeUnmount(() => {\n  unregister?.()\n  session.deactivate()\n  editor.value?.destroy()\n})\n\ndefineExpose({ editor, settingsOpen, settingsTab })\n</script>\n\n<template>\n  <template v-if=\"editor\">\n    <div class=\"relative\">\n      <EditorContent :editor=\"editor\" class=\"relative\" />\n    </div>\n    <component :is=\"overlay\" v-for=\"(overlay, index) in overlays\" :key=\"index\" :editor=\"editor\" />\n    <EditorSettingsModal v-if=\"settingsUi === 'internal'\" v-model:open=\"settingsOpen\" v-model:tab=\"settingsTab\" :preset=\"preset\" />\n  </template>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmBA,MAAM,QAAQ;EA0Bd,MAAM,OAAO;;EAWb,MAAM,cAAcA,SAAoB,SAAC,aAAiC;;;;;EAK1E,MAAM,eAAeA,SAAoB,SAAC,cAAkC;EAC5E,MAAM,cAAc,SAAS;GAC3B,IAAI,MAAM,aAAa,QAAQ;EACjC,CAAC;EACD,MAAM,eAAe,SAAS;GAC5B,IAAI,MAAM,YAAY,QAAQ;EAChC,CAAC;EAED,MAAM,EAAE,WAAW;EACnB,MAAM,MAAM,iBAAiB;EAK7B,MAAM,eAAe,IAAI,KAAK;EAC9B,MAAM,cAAc,IAAwB;EAC5C,MAAM,KAAe;GACnB,eAAe,QAAQ;IAErB,IAAI,CAAC,eAAe,QAAQ,GAAG,CAAC,CAAC,QAAQ;IACzC,IAAI,MAAM,eAAe,YAAY;KACnC,KAAK,gBAAgB,GAAG;KACxB;IACF;IACA,IAAI,KAAK,YAAY,QAAQ;IAC7B,aAAa,QAAQ;GACvB;GACA,qBAAqB;IACnB,YAAY,QAAQ,CAAC,YAAY;GACnC;GACA,sBAAsB;IACpB,aAAa,QAAQ,CAAC,aAAa;GACrC;GACA,IAAI,eAAe;IACjB,OAAO,aAAa;GACtB;EACF;EACA,QAAQ,WAAW,EAAE;EAGrB,MAAM,YAAY,SAAS,CAAC,CAAC,SAAS;EACtC,eAAe,IAAI,QAAQ,SAAS;EAIpC,MAAM,UAAU,qBAAqB;GACnC;GACA;GACA;GACA,QAAQ;GACR,oBAAoB;GACpB,iBAAiB,OAAO;GACxB,eAAe,MAAM;GAErB,OAAO,MAAM,cAAc,MAAM,MAAM,UAAU;GACjD,UAAU,MAAM;GAChB,UAAU,MAAM;GAChB,YAAY,MAAM;GAClB,QAAQ,MAAM;GACd,WAAW,MAAM;GACjB,eAAe,MAAM;GACrB,YAAY,MAAM;GAClB,cAAc,MAAM;GACpB,WAAU,YAAW,KAAK,qBAAqB,OAAO;GACtD,mBAAmB,MAAM,SAAS,KAAK,kBAAkB,MAAM,IAAI;GACnE,iBAAgB,UAAS,KAAK,gBAAgB,KAAK;GAEnD,UAAS,aAAY,KAAK,SAAS,QAAkB;EACvD,CAAC;EAED,MAAM,WAAW,QAAQ;EAGzB,QAAQ,SAAS;EAEjB,MAAM,SAAS,UAAU,QAAQ,aAAa;EAE9C,YAAY,MAAM,aAAY,UAAS,QAAQ,SAAS,SAAS,MAAM,KAAK,CAAC,CAAC;EAC9E,YAAY,MAAM,WAAU,aAAY,QAAQ,YAAY,QAAQ,CAAC;EACrE,YAAY,MAAM,WAAU,aAAY,QAAQ,YAAY,QAAQ,CAAC;EAIrE,IAAI;EACJ,MAAM,YAAY,MAAM,SAAS,aAAa;GAC5C,IAAI,CAAC,UAAU;GACf,aAAa,QAAQ,SAAS,MAAM,QAAQ,CAAC;GAC7C,UAAU;EACZ,CAAC;EAED,sBAAsB;GACpB,aAAa;GACb,QAAQ,WAAW;GACnB,OAAO,OAAO,QAAQ;EACxB,CAAC;EAED,SAAa;GAAE;GAAQ;GAAc;EAAY,CAAC;;GAIhC,OAAAC,MAAA,MAAA,KAAhBC,UAAA,GAAAC,mBAMWC,UAAA,EAAA,KAAA,EAAA,GAAA;IALTC,mBAEM,OAFN,YAEM,CADJC,YAAmDL,MAAA,aAAA,GAAA;KAAnC,QAAQA,MAAA,MAAA;KAAQ,OAAM;;KAExCC,UAAA,IAAA,GAAAC,mBAA8FC,UAAA,MAAAG,WAA1CN,MAAA,QAAA,IAAnB,SAAS,UAAK;KAA/C,OAAAC,UAAA,GAAAM,YAA8FC,wBAA9E,OAAO,GAAA;MAAwC,KAAK;MAAQ,QAAQR,MAAA,MAAA;;;IACzD,QAAA,eAAU,cAArCC,UAAA,GAAAM,YAA+HE,aAAA;;KAAjE,MAAM,aAAA;KAAA,iBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,aAAY,QAAA;KAAU,KAAK,YAAA;KAAA,gBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,YAAW,QAAA;KAAG,QAAQT,MAAA,MAAA"}

package/dist/vue/components/EditorSurface.vue.d.ts

@@ -43,21 +43,21 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
   settingsOpen: import("vue").Ref<boolean, boolean>;
   settingsTab: import("vue").Ref<string | undefined, string | undefined>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  settingsOpen: (tab?: string | undefined) => any;
   "update:sidebarOpen": (value: boolean) => any;
   "update:commentsOpen": (value: boolean) => any;
-  ready: (editor: Editor) => any;
   "update:modelValue": (content: JSONContent) => any;
+  ready: (editor: Editor) => any;
   metadataCreate: (list: string, item: MetadataItem) => any;
   contentError: (error: Error) => any;
-  settingsOpen: (tab?: string | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+  onSettingsOpen?: ((tab?: string | undefined) => any) | undefined;
   "onUpdate:sidebarOpen"?: ((value: boolean) => any) | undefined;
   "onUpdate:commentsOpen"?: ((value: boolean) => any) | undefined;
-  onReady?: ((editor: Editor) => any) | undefined;
   "onUpdate:modelValue"?: ((content: JSONContent) => any) | undefined;
+  onReady?: ((editor: Editor) => any) | undefined;
   onMetadataCreate?: ((list: string, item: MetadataItem) => any) | undefined;
   onContentError?: ((error: Error) => any) | undefined;
-  onSettingsOpen?: ((tab?: string | undefined) => any) | undefined;
 }>, {
   editable: boolean;
   settingsUi: "internal" | "external";