@ecsplico/editor 2.1.2 → 3.1.0

package/dist/tree/react/DocumentTree.js

@@ -1,8 +1,10 @@
 import { useEditorI18n } from "../../react/use-editor-i18n.js";
 import { cn } from "../../react/ui/utils.js";
 import { Icon } from "../../react/Icon.js";
+import { useEditorSettings } from "../../react/settings.js";
 import { Button } from "../../react/ui/button.js";
 import { Input } from "../../react/ui/input.js";
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "../../react/ui/tooltip.js";
 import { DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger } from "../../react/ui/dropdown-menu.js";
 import { Collapsible, CollapsibleContent } from "../../react/ui/collapsible.js";
 import { DRAG_MIME } from "../tree-items.js";
@@ -29,6 +31,7 @@ function Label({ label, match }) {
 /** The file browser of a document store: folders and documents with their drag and drop, the open document's outline below it. */
 function DocumentTree({ store, editor, selectedFolder, onSelectedFolderChange, documentActions, className }) {
 	const { t } = useEditorI18n();
+	const { update } = useEditorSettings();
 	const binding = useTreeModel({
 		store,
 		editor,
@@ -38,6 +41,7 @@ function DocumentTree({ store, editor, selectedFolder, onSelectedFolderChange, d
 	const treeElement = useRef(null);
 	if (!binding) return null;
 	const { model, state } = binding;
+	const canUseFileRoot = state.hasEditor && state.structure === "composite";
 	const { view, creatingFolder } = state;
 	function onChevronClick(event, item) {
 		if (item.type === "root" || item.type === "folder") return;
@@ -266,6 +270,25 @@ function DocumentTree({ store, editor, selectedFolder, onSelectedFolderChange, d
 					})
 				]
 			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "flex items-center justify-end",
+				children: /* @__PURE__ */ jsx(TooltipProvider, { children: /* @__PURE__ */ jsxs(Tooltip, { children: [/* @__PURE__ */ jsx(TooltipTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx("span", {
+						className: "inline-flex",
+						children: /* @__PURE__ */ jsxs(Button, {
+							size: "xs",
+							variant: state.virtual ? "secondary" : "ghost",
+							disabled: !canUseFileRoot,
+							"aria-pressed": state.virtual,
+							onClick: () => update((draft) => {
+								draft.blocks.treeRoot = draft.blocks.treeRoot === "file" ? "folders" : "file";
+							}),
+							children: [/* @__PURE__ */ jsx(Icon, { name: state.virtual ? "i-lucide-file-stack" : "i-lucide-folder-tree" }), t(state.virtual ? "tree.root.file" : "tree.root.folders")]
+						})
+					})
+				}), !canUseFileRoot && /* @__PURE__ */ jsx(TooltipContent, { children: t("tree.root.unavailable") })] }) })
+			}),
 			view.hasKindFilters && /* @__PURE__ */ jsx("div", {
 				className: "flex items-center",
 				children: /* @__PURE__ */ jsxs(Button, {

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentTree.js","names":[],"sources":["../../../src/tree/react/DocumentTree.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { type DragEvent, type KeyboardEvent, type ReactNode, useRef } from 'react'\nimport { Icon } from '../../react/Icon'\nimport { useEditorI18n } from '../../react/use-editor-i18n'\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 { DRAG_MIME, type TreeItem } from '../tree-items'\nimport { rowOf } from '../tree-model'\nimport { useTreeModel } from './use-tree-model'\n\n// File browser of a document store: a „Dokumente“ root with folders and documents. It only renders the `TreeModel` (see\n// `tree-model.ts`), which owns what is open, filtered, selected, dragged and renamed; the Vue twin renders the same model.\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\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 label with the part the title filter matched highlighted. */\nfunction Label({ label, match }: { label: string, match: readonly [number, number] | null }) {\n  if (!match) return <>{label}</>\n  const [at, length] = match\n  return (\n    <>\n      {label.slice(0, at)}\n      <mark className=\"rounded-sm bg-primary/20 text-inherit\">{label.slice(at, at + length)}</mark>\n      {label.slice(at + length)}\n    </>\n  )\n}\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, onSelectedFolderChange, documentActions, className }: DocumentTreeProps) {\n  const { t } = useEditorI18n()\n  const binding = useTreeModel({ store, editor, selectedFolder, onSelectedFolderChange })\n  const treeElement = useRef<HTMLUListElement>(null)\n  if (!binding) return null\n  const { model, state } = binding\n  const { view, creatingFolder } = state\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    model.toggle(item.key)\n  }\n\n  function onRowKeyDown(event: KeyboardEvent<HTMLDivElement>, item: TreeItem) {\n    if (event.target !== event.currentTarget) return\n    const { expandable, open } = rowOf(state, item, t)\n    if (event.key === 'Enter' || event.key === ' ') model.activate(item)\n    else if (event.key === 'ArrowRight' && expandable && !open) model.setOpen(item.key, true)\n    else if (event.key === 'ArrowLeft' && expandable && open) model.setOpen(item.key, 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  // --- drag & drop -----------------------------------------------------------------------------------------------\n\n  function onDragStart(event: DragEvent<HTMLDivElement>, item: TreeItem) {\n    const payload = model.dragStart(item)\n    if (!payload) return event.preventDefault()\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    const verdict = model.dragOver(item)\n    if (!verdict) return\n    // Only an allowed target takes the drop; over a refused one the browser shows „not allowed“ and the row shows why.\n    if (verdict.ok) event.preventDefault()\n    event.dataTransfer.dropEffect = verdict.ok ? 'move' : 'none'\n  }\n\n  function onDragLeave(event: DragEvent<HTMLDivElement>, item: TreeItem) {\n    if (!event.currentTarget.contains(event.relatedTarget as Node | null)) model.dragLeave(item)\n  }\n\n  function onDrop(event: DragEvent<HTMLDivElement>, item: TreeItem) {\n    if (!state.drag) return\n    event.preventDefault()\n    void model.drop(item)\n  }\n\n  // --- rendering -------------------------------------------------------------------------------------------------\n\n  const filterMenu = (item: TreeItem) => {\n    const { filterKinds, hiddenKinds } = rowOf(state, item, t)\n    return (\n      <DropdownMenuContent align=\"start\" className=\"w-auto\">\n        <DropdownMenuLabel>{t('tree.filter.show')}</DropdownMenuLabel>\n        {filterKinds.map(kind => (\n          <DropdownMenuCheckboxItem\n            key={kind.id}\n            checked={!hiddenKinds.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        {hiddenKinds.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, level: number) => {\n    const row = rowOf(state, item, t)\n    const add = model.addMenu(item)\n    const filtered = row.hiddenKinds.length > 0\n    const refused = row.drop && !row.drop.ok ? row.drop.reason : null\n    return (\n      <>\n        <div\n          role=\"treeitem\"\n          tabIndex={0}\n          aria-level={level + 1}\n          aria-expanded={row.expandable ? row.open : undefined}\n          aria-selected={row.active ? 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            row.active && 'bg-primary/10 font-medium text-primary',\n            row.selected && 'bg-muted',\n            row.drop?.ok && 'ring-1 ring-primary',\n            refused && 'bg-destructive/10 ring-1 ring-destructive',\n          )}\n          draggable={model.isDraggable(item)}\n          onClick={() => model.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 => onDrop(event, item)}\n          onDragEnd={() => model.dragEnd()}\n        >\n          {row.expandable\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', row.open && 'rotate-90')} />\n                </span>\n              )\n            : isOutlineItem(item) && <span className=\"size-3.5 shrink-0\" />}\n          <Icon name={item.icon} />\n\n          {row.renaming\n            ? (\n                <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n                  <Input\n                    value={row.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={!!row.renaming.error}\n                    onChange={event => model.setRenameDraft(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 model.commitRename()\n                      else if (event.key === 'Escape') model.cancelRename()\n                    }}\n                    onBlur={() => void model.blurRename()}\n                  />\n                  {row.renaming.error && <p className=\"text-xs text-destructive\" role=\"alert\" onClick={event => event.stopPropagation()}>{row.renaming.error}</p>}\n                </div>\n              )\n            : (\n                <>\n                  <span className=\"min-w-0 flex-1 truncate\" title={item.label}><Label label={item.label} match={row.match} /></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                    {row.showFilter && (\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.run}>\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={row.removing}\n                          onClick={() => void model.remove(item)}\n                        >\n                          <Icon name={row.removing ? 'i-lucide-loader-circle' : 'i-lucide-trash-2'} className={cn(row.removing && 'animate-spin')} />\n                        </Button>\n                      )}\n                    </div>\n                  </div>\n                </>\n              )}\n        </div>\n        {refused && <p className=\"px-2 pt-0.5 text-xs text-destructive\" role=\"status\">{refused}</p>}\n      </>\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        <li key={item.key} role=\"none\">\n          <Collapsible open={rowOf(state, item, t).open}>\n            {renderRow(item, level)}\n            {item.children?.length ? <CollapsibleContent>{renderItems(item.children, level + 1)}</CollapsibleContent> : null}\n          </Collapsible>\n        </li>\n      ))}\n    </ul>\n  )\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      <div className=\"relative\">\n        <Icon name=\"i-lucide-search\" className=\"pointer-events-none absolute top-1/2 left-2 size-3.5 -translate-y-1/2 text-muted-foreground\" />\n        <Input\n          value={state.filterText}\n          className=\"h-7 pr-7 pl-7 text-sm md:text-sm\"\n          placeholder={t('tree.filterText.placeholder')}\n          aria-label={t('tree.filterText.placeholder')}\n          onChange={event => model.setFilterText(event.target.value)}\n          onKeyDown={(event) => {\n            if (event.key === 'Escape') model.setFilterText('')\n          }}\n        />\n        {state.filterText && (\n          <Button\n            size=\"icon-xs\"\n            variant=\"ghost\"\n            className=\"absolute top-1/2 right-1 -translate-y-1/2\"\n            aria-label={t('tree.filterText.clear')}\n            onClick={() => model.setFilterText('')}\n          >\n            <Icon name=\"i-lucide-x\" />\n          </Button>\n        )}\n      </div>\n\n      {view.hasKindFilters && (\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={!!creatingFolder.error}\n            onChange={event => model.setFolderDraft(event.target.value)}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter') void model.commitCreateFolder()\n              else if (event.key === 'Escape') model.cancelCreateFolder()\n            }}\n            onBlur={() => model.cancelCreateFolder()}\n          />\n          {creatingFolder.error && <p className=\"px-0.5 text-xs text-destructive\" role=\"alert\">{creatingFolder.error}</p>}\n        </div>\n      )}\n\n      {!state.tree && !state.virtual\n        ? <p className=\"px-2.5 py-1.5 text-sm text-muted-foreground\">{state.tree === null ? t('tree.loadFailed') : t('tree.loading')}</p>\n        : renderItems(view.items, 0)}\n\n      {view.noMatches && <p className=\"px-2.5 py-1.5 text-sm text-muted-foreground\">{t('tree.noMatches')}</p>}\n      {view.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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"}
+{"version":3,"file":"DocumentTree.js","names":[],"sources":["../../../src/tree/react/DocumentTree.tsx"],"sourcesContent":["import type { Editor } from '@tiptap/core'\nimport { type DragEvent, type KeyboardEvent, type ReactNode, useRef } from 'react'\nimport { Icon } from '../../react/Icon'\nimport { useEditorI18n } from '../../react/use-editor-i18n'\nimport { useEditorSettings } from '../../react/settings'\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 { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '../../react/ui/tooltip'\nimport { cn } from '../../react/ui/utils'\nimport type { DocumentStore } from '../store'\nimport { DRAG_MIME, type TreeItem } from '../tree-items'\nimport { rowOf } from '../tree-model'\nimport { useTreeModel } from './use-tree-model'\n\n// File browser of a document store: a „Dokumente“ root with folders and documents. It only renders the `TreeModel` (see\n// `tree-model.ts`), which owns what is open, filtered, selected, dragged and renamed; the Vue twin renders the same model.\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\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 label with the part the title filter matched highlighted. */\nfunction Label({ label, match }: { label: string, match: readonly [number, number] | null }) {\n  if (!match) return <>{label}</>\n  const [at, length] = match\n  return (\n    <>\n      {label.slice(0, at)}\n      <mark className=\"rounded-sm bg-primary/20 text-inherit\">{label.slice(at, at + length)}</mark>\n      {label.slice(at + length)}\n    </>\n  )\n}\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, onSelectedFolderChange, documentActions, className }: DocumentTreeProps) {\n  const { t } = useEditorI18n()\n  const { update } = useEditorSettings()\n  const binding = useTreeModel({ store, editor, selectedFolder, onSelectedFolderChange })\n  const treeElement = useRef<HTMLUListElement>(null)\n  if (!binding) return null\n  const { model, state } = binding\n  // Mirrors the model's `isVirtual` rule: the file root only takes effect for a composite document that is open. Without\n  // it the button is disabled (and says why) instead of letting the setting silently fall back to the folders.\n  const canUseFileRoot = state.hasEditor && state.structure === 'composite'\n  const { view, creatingFolder } = state\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    model.toggle(item.key)\n  }\n\n  function onRowKeyDown(event: KeyboardEvent<HTMLDivElement>, item: TreeItem) {\n    if (event.target !== event.currentTarget) return\n    const { expandable, open } = rowOf(state, item, t)\n    if (event.key === 'Enter' || event.key === ' ') model.activate(item)\n    else if (event.key === 'ArrowRight' && expandable && !open) model.setOpen(item.key, true)\n    else if (event.key === 'ArrowLeft' && expandable && open) model.setOpen(item.key, 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  // --- drag & drop -----------------------------------------------------------------------------------------------\n\n  function onDragStart(event: DragEvent<HTMLDivElement>, item: TreeItem) {\n    const payload = model.dragStart(item)\n    if (!payload) return event.preventDefault()\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    const verdict = model.dragOver(item)\n    if (!verdict) return\n    // Only an allowed target takes the drop; over a refused one the browser shows „not allowed“ and the row shows why.\n    if (verdict.ok) event.preventDefault()\n    event.dataTransfer.dropEffect = verdict.ok ? 'move' : 'none'\n  }\n\n  function onDragLeave(event: DragEvent<HTMLDivElement>, item: TreeItem) {\n    if (!event.currentTarget.contains(event.relatedTarget as Node | null)) model.dragLeave(item)\n  }\n\n  function onDrop(event: DragEvent<HTMLDivElement>, item: TreeItem) {\n    if (!state.drag) return\n    event.preventDefault()\n    void model.drop(item)\n  }\n\n  // --- rendering -------------------------------------------------------------------------------------------------\n\n  const filterMenu = (item: TreeItem) => {\n    const { filterKinds, hiddenKinds } = rowOf(state, item, t)\n    return (\n      <DropdownMenuContent align=\"start\" className=\"w-auto\">\n        <DropdownMenuLabel>{t('tree.filter.show')}</DropdownMenuLabel>\n        {filterKinds.map(kind => (\n          <DropdownMenuCheckboxItem\n            key={kind.id}\n            checked={!hiddenKinds.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        {hiddenKinds.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, level: number) => {\n    const row = rowOf(state, item, t)\n    const add = model.addMenu(item)\n    const filtered = row.hiddenKinds.length > 0\n    const refused = row.drop && !row.drop.ok ? row.drop.reason : null\n    return (\n      <>\n        <div\n          role=\"treeitem\"\n          tabIndex={0}\n          aria-level={level + 1}\n          aria-expanded={row.expandable ? row.open : undefined}\n          aria-selected={row.active ? 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            row.active && 'bg-primary/10 font-medium text-primary',\n            row.selected && 'bg-muted',\n            row.drop?.ok && 'ring-1 ring-primary',\n            refused && 'bg-destructive/10 ring-1 ring-destructive',\n          )}\n          draggable={model.isDraggable(item)}\n          onClick={() => model.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 => onDrop(event, item)}\n          onDragEnd={() => model.dragEnd()}\n        >\n          {row.expandable\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', row.open && 'rotate-90')} />\n                </span>\n              )\n            : isOutlineItem(item) && <span className=\"size-3.5 shrink-0\" />}\n          <Icon name={item.icon} />\n\n          {row.renaming\n            ? (\n                <div className=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n                  <Input\n                    value={row.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={!!row.renaming.error}\n                    onChange={event => model.setRenameDraft(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 model.commitRename()\n                      else if (event.key === 'Escape') model.cancelRename()\n                    }}\n                    onBlur={() => void model.blurRename()}\n                  />\n                  {row.renaming.error && <p className=\"text-xs text-destructive\" role=\"alert\" onClick={event => event.stopPropagation()}>{row.renaming.error}</p>}\n                </div>\n              )\n            : (\n                <>\n                  <span className=\"min-w-0 flex-1 truncate\" title={item.label}><Label label={item.label} match={row.match} /></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                    {row.showFilter && (\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.run}>\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={row.removing}\n                          onClick={() => void model.remove(item)}\n                        >\n                          <Icon name={row.removing ? 'i-lucide-loader-circle' : 'i-lucide-trash-2'} className={cn(row.removing && 'animate-spin')} />\n                        </Button>\n                      )}\n                    </div>\n                  </div>\n                </>\n              )}\n        </div>\n        {refused && <p className=\"px-2 pt-0.5 text-xs text-destructive\" role=\"status\">{refused}</p>}\n      </>\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        <li key={item.key} role=\"none\">\n          <Collapsible open={rowOf(state, item, t).open}>\n            {renderRow(item, level)}\n            {item.children?.length ? <CollapsibleContent>{renderItems(item.children, level + 1)}</CollapsibleContent> : null}\n          </Collapsible>\n        </li>\n      ))}\n    </ul>\n  )\n\n  return (\n    <div className={cn('flex flex-col gap-2', className)}>\n      <div className=\"relative\">\n        <Icon name=\"i-lucide-search\" className=\"pointer-events-none absolute top-1/2 left-2 size-3.5 -translate-y-1/2 text-muted-foreground\" />\n        <Input\n          value={state.filterText}\n          className=\"h-7 pr-7 pl-7 text-sm md:text-sm\"\n          placeholder={t('tree.filterText.placeholder')}\n          aria-label={t('tree.filterText.placeholder')}\n          onChange={event => model.setFilterText(event.target.value)}\n          onKeyDown={(event) => {\n            if (event.key === 'Escape') model.setFilterText('')\n          }}\n        />\n        {state.filterText && (\n          <Button\n            size=\"icon-xs\"\n            variant=\"ghost\"\n            className=\"absolute top-1/2 right-1 -translate-y-1/2\"\n            aria-label={t('tree.filterText.clear')}\n            onClick={() => model.setFilterText('')}\n          >\n            <Icon name=\"i-lucide-x\" />\n          </Button>\n        )}\n      </div>\n\n      <div className=\"flex items-center justify-end\">\n        <TooltipProvider>\n          <Tooltip>\n            <TooltipTrigger asChild>\n              {/* A disabled button swallows pointer events, so the tooltip hangs on the wrapper. */}\n              <span className=\"inline-flex\">\n                <Button\n                  size=\"xs\"\n                  variant={state.virtual ? 'secondary' : 'ghost'}\n                  disabled={!canUseFileRoot}\n                  aria-pressed={state.virtual}\n                  onClick={() => update((draft) => { draft.blocks.treeRoot = draft.blocks.treeRoot === 'file' ? 'folders' : 'file' })}\n                >\n                  <Icon name={state.virtual ? 'i-lucide-file-stack' : 'i-lucide-folder-tree'} />\n                  {t(state.virtual ? 'tree.root.file' : 'tree.root.folders')}\n                </Button>\n              </span>\n            </TooltipTrigger>\n            {!canUseFileRoot && <TooltipContent>{t('tree.root.unavailable')}</TooltipContent>}\n          </Tooltip>\n        </TooltipProvider>\n      </div>\n\n      {view.hasKindFilters && (\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={!!creatingFolder.error}\n            onChange={event => model.setFolderDraft(event.target.value)}\n            onKeyDown={(event) => {\n              if (event.key === 'Enter') void model.commitCreateFolder()\n              else if (event.key === 'Escape') model.cancelCreateFolder()\n            }}\n            onBlur={() => model.cancelCreateFolder()}\n          />\n          {creatingFolder.error && <p className=\"px-0.5 text-xs text-destructive\" role=\"alert\">{creatingFolder.error}</p>}\n        </div>\n      )}\n\n      {!state.tree && !state.virtual\n        ? <p className=\"px-2.5 py-1.5 text-sm text-muted-foreground\">{state.tree === null ? t('tree.loadFailed') : t('tree.loading')}</p>\n        : renderItems(view.items, 0)}\n\n      {view.noMatches && <p className=\"px-2.5 py-1.5 text-sm text-muted-foreground\">{t('tree.noMatches')}</p>}\n      {view.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/tree-host.js

@@ -1,8 +1,8 @@
 import { findBlockById } from "../core/schema/block-ids.js";
 import { compositeJSON, compositeKindsOf } from "../features/composites/nodes.js";
-import { moveBlockInto, moveIntoVerdict } from "../features/composites/outline.js";
-import { pickFiles } from "../features/media/upload.js";
 import { revealBlockInEditor } from "../outline/heading-outline.js";
+import { pickFiles } from "../features/media/upload.js";
+import { moveBlockInto, moveIntoVerdict } from "../features/composites/outline.js";
 import { readOutline } from "./tree-items.js";
 //#region src/tree/tree-host.ts
 /** The model's view of `editor`: its Baustein kinds, outline and move verdicts (worded in the language of `t`), read live. Create it once per editor. */

package/dist/tree/tree-items.js

@@ -1,6 +1,6 @@
 import { compositeKind, defaultCompositeKinds, kindAccepts } from "../features/composites/kinds.js";
-import { compositeOutline } from "../features/composites/outline.js";
 import { headingOutline } from "../outline/heading-outline.js";
+import { 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). */

package/dist/vue/AdvancedEditor.js

@@ -1,5 +1,6 @@
+import { useEditorContext } from "./context.js";
 import _sfc_main$1 from "./components/EditorSurface.js";
-import { advancedEditor } from "./advanced-preset.js";
+import { composeEditor } from "./compose.js";
 import { computed, createBlock, defineComponent, mergeModels, openBlock, unref, useModel, useTemplateRef } from "vue";
 //#region src/vue/AdvancedEditor.vue
 const _sfc_main = /*@__PURE__*/ defineComponent({
@@ -13,9 +14,17 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		extensions: {},
 		blockActions: {},
 		compositeKinds: {},
-		slashCommands: {},
+		content: { default: "rich" },
+		interaction: { default: "full" },
+		ai: {
+			type: Boolean,
+			default: true
+		},
+		add: {},
+		remove: {},
+		backend: {},
+		commands: {},
 		documentId: {},
-		upload: {},
 		editable: {
 			type: Boolean,
 			default: true
@@ -47,9 +56,23 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		const sidebarOpen = useModel(__props, "sidebarOpen");
 		/** Whether this editor's comments margin is open (`toggleComments`, Mod-Shift-m; margin layout of a collaborative editor): hosts bind it (`v-model:comments-open`) and show their `CommentsMargin` beside the text while it is true. Opening it closes the AI sidebar and vice versa. */
 		const commentsOpen = useModel(__props, "commentsOpen");
-		const preset = advancedEditor(props.compositeKinds ? { compositeKinds: props.compositeKinds } : {});
+		const app = useEditorContext();
+		const preset = composeEditor({
+			content: props.content,
+			interaction: props.interaction,
+			ai: props.ai,
+			backend: props.backend ?? app.backend,
+			collaboration: props.collaboration !== void 0,
+			...props.compositeKinds && { compositeKinds: props.compositeKinds },
+			...props.add && { add: props.add },
+			...props.remove && { remove: props.remove }
+		});
 		const surface = useTemplateRef("surface");
-		__expose({ editor: computed(() => surface.value?.editor) });
+		/** `editor`: the surface's editor once mounted. `preset`: the composed preset (its `omitted` lists what the backend or `remove` dropped). */
+		__expose({
+			editor: computed(() => surface.value?.editor),
+			preset
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(_sfc_main$1, {
 				ref_key: "surface",
@@ -65,9 +88,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				abilities: props.abilities,
 				extensions: props.extensions,
 				"block-actions": props.blockActions,
-				"slash-commands": props.slashCommands,
+				commands: props.commands,
 				"document-id": props.documentId,
-				upload: props.upload,
 				editable: props.editable,
 				"settings-ui": props.settingsUi,
 				onReady: _cache[2] || (_cache[2] = ($event) => emit("ready", $event)),
@@ -85,9 +107,8 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 				"abilities",
 				"extensions",
 				"block-actions",
-				"slash-commands",
+				"commands",
 				"document-id",
-				"upload",
 				"editable",
 				"settings-ui"
 			]);

package/dist/vue/AdvancedEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdvancedEditor.js","names":["_useModel","_openBlock","_createBlock","EditorSurface","_unref"],"sources":["../../src/vue/AdvancedEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AnyExtension, Editor, JSONContent } from '@tiptap/vue-3'\nimport { computed, useTemplateRef } from 'vue'\nimport EditorSurface from './components/EditorSurface.vue'\nimport type { AbilitiesOptions, BlockAction, SlashCommandItem } from '../core/extension-points'\nimport type { CollaborationSession, UploadFn } from '../core/feature'\nimport type { EditorMetadata, MetadataItem } from '../core/metadata-types'\nimport type { CompositeKind } from '../features/composites'\nimport { advancedEditor } from './advanced-preset'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  /** Collaborative mode: the Y.Doc is the document; `provider` adds remote carets, labelled with `user`. 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); missing ones fall back to the features' built-in lists. */\n  metadata?: EditorMetadata\n  /**\n   * Deep-merged into the `Abilities` defaults (`configure()`): `root` replaces `ROOT_ABILITIES`, `rules` add to or\n   * override `DEFAULT_ABILITY_RULES` per type. Read once at setup.\n   */\n  abilities?: Partial<AbilitiesOptions>\n  /** Added after the built-in extensions; read once at setup. */\n  extensions?: AnyExtension[]\n  /** Hover actions shown after the defaults (AI, convert, duplicate, delete, composite actions), on blocks with their `ability`. */\n  blockActions?: BlockAction[]\n  /** Composite kinds („Bausteine“) offered in the editor (default: `defaultCompositeKinds(t)`); read once at setup. */\n  compositeKinds?: CompositeKind[]\n  /**\n   * Builds the `/` menu from the default commands (incl. one per composite kind); absent = the defaults. Host items\n   * with an `ability` are listed only where the caret has it, like the defaults. Read once at setup.\n   */\n  slashCommands?: (defaults: SlashCommandItem[]) => SlashCommandItem[]\n  /** Document whose package stores the uploads (default upload: POST /api/editor/assets/<documentId>); standalone editors use the shared `scratch` owner. Read once at setup. */\n  documentId?: string\n  /** Stores an uploaded file and returns its URL; replaces the default upload and its `documentId`. Read once at setup. */\n  upload?: UploadFn\n  editable?: boolean\n  /** `internal`: the editor owns its settings modal; `external`: it emits `settingsOpen` and the host shows `EditorSettingsPanel`/`Modal`. */\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 the advanced 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`, Mod-Shift-k): hosts bind it (`v-model:sidebar-open`) and show their `AiSidebar` beside the editor while it is true. */\nconst sidebarOpen = defineModel<boolean>('sidebarOpen', { default: false })\n/** Whether this editor's comments margin is open (`toggleComments`, Mod-Shift-m; margin layout of a collaborative editor): hosts bind it (`v-model:comments-open`) and show their `CommentsMargin` beside the text while it is true. Opening it closes the AI sidebar and vice versa. */\nconst commentsOpen = defineModel<boolean>('commentsOpen', { default: false })\n\n// The preset is fixed at setup like the kinds it is built from; hosts remount (`key`) to change either.\nconst preset = advancedEditor(props.compositeKinds ? { compositeKinds: props.compositeKinds } : {})\nconst surface = useTemplateRef<InstanceType<typeof EditorSurface>>('surface')\n\ndefineExpose({ editor: computed(() => surface.value?.editor) })\n</script>\n\n<template>\n  <EditorSurface\n    ref=\"surface\"\n    v-model:sidebar-open=\"sidebarOpen\"\n    v-model:comments-open=\"commentsOpen\"\n    :preset=\"preset\"\n    :collaboration=\"props.collaboration\"\n    :model-value=\"props.modelValue\"\n    :metadata=\"props.metadata\"\n    :abilities=\"props.abilities\"\n    :extensions=\"props.extensions\"\n    :block-actions=\"props.blockActions\"\n    :slash-commands=\"props.slashCommands\"\n    :document-id=\"props.documentId\"\n    :upload=\"props.upload\"\n    :editable=\"props.editable\"\n    :settings-ui=\"props.settingsUi\"\n    @ready=\"emit('ready', $event)\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @metadata-create=\"(list, item) => emit('metadataCreate', list, item)\"\n    @content-error=\"emit('contentError', $event)\"\n    @settings-open=\"emit('settingsOpen', $event)\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYA,MAAM,QAAQ;EAgCd,MAAM,OAAO;;EAWb,MAAM,cAAcA,SAAoB,SAAC,aAAiC;;EAE1E,MAAM,eAAeA,SAAoB,SAAC,cAAkC;EAG5E,MAAM,SAAS,eAAe,MAAM,iBAAiB,EAAE,gBAAgB,MAAM,eAAe,IAAI,CAAC,CAAC;EAClG,MAAM,UAAU,eAAmD,SAAS;EAE5E,SAAa,EAAE,QAAQ,eAAe,QAAQ,OAAO,MAAM,EAAE,CAAC;;GAI5D,OAAAC,UAAA,GAAAC,YAqBEC,aAAA;IApBI,SAAA;IAAJ,KAAI;IACI,gBAAc,YAAA;IAAA,wBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,YAAW,QAAA;IACzB,iBAAe,aAAA;IAAA,yBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,aAAY,QAAA;IAClC,QAAQC,MAAA,MAAA;IACR,eAAe,MAAM;IACrB,eAAa,MAAM;IACnB,UAAU,MAAM;IAChB,WAAW,MAAM;IACjB,YAAY,MAAM;IAClB,iBAAe,MAAM;IACrB,kBAAgB,MAAM;IACtB,eAAa,MAAM;IACnB,QAAQ,MAAM;IACd,UAAU,MAAM;IAChB,eAAa,MAAM;IACnB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAU,MAAM;IAC3B,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,qBAAsB,MAAM;IACpD,kBAAe,OAAA,OAAA,OAAA,MAAG,MAAM,SAAS,KAAI,kBAAmB,MAAM,IAAI;IAClE,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,gBAAiB,MAAM;IAC1C,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,gBAAiB,MAAM"}
+{"version":3,"file":"AdvancedEditor.js","names":["_useModel","_openBlock","_createBlock","EditorSurface","_unref"],"sources":["../../src/vue/AdvancedEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AnyExtension, Editor, JSONContent } from '@tiptap/vue-3'\nimport { type Component, computed, useTemplateRef } from 'vue'\nimport EditorSurface from './components/EditorSurface.vue'\nimport type { CommandDef } from '../core/commands'\nimport type { AbilitiesOptions, BlockAction } from '../core/extension-points'\nimport type { EditorBackend } from '../core/backend'\nimport type { CollaborationSession, EditorFeature } from '../core/feature'\nimport type { EditorMetadata, MetadataItem } from '../core/metadata-types'\nimport type { CompositeKind } from '../features/composites'\nimport type { ContentLevel, FeatureId, InteractionLevel } from '../presets/compose'\nimport { useEditorContext } from './context'\nimport { composeEditor } from './compose'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  /** Collaborative mode: the Y.Doc is the document; `provider` adds remote carets, labelled with `user`. 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); missing ones fall back to the features' built-in lists. */\n  metadata?: EditorMetadata\n  /**\n   * Deep-merged into the `Abilities` defaults (`configure()`): `root` replaces `ROOT_ABILITIES`, `rules` add to or\n   * override `DEFAULT_ABILITY_RULES` per type. Read once at setup.\n   */\n  abilities?: Partial<AbilitiesOptions>\n  /** Added after the built-in extensions; read once at setup. */\n  extensions?: AnyExtension[]\n  /** Hover actions shown after the defaults (AI, convert, duplicate, delete, composite actions), on blocks with their `ability`. */\n  blockActions?: BlockAction[]\n  /** Composite kinds („Bausteine“) offered in the editor (default: `defaultCompositeKinds(t)`); read once at setup. */\n  compositeKinds?: CompositeKind[]\n  /** Document model: a level (`basic`, `rich`) or the content feature ids to install; read once at setup. */\n  content?: ContentLevel | readonly FeatureId[]\n  /** Editing UX: a level (`minimal`, `full`) or the interaction feature ids; `[]` = no interaction (a viewer); read once at setup. */\n  interaction?: InteractionLevel | readonly FeatureId[]\n  /** Installs the AI feature and the integrations whose content is present; read once at setup. */\n  ai?: boolean\n  /** Host features, appended after the catalog; read once at setup. */\n  add?: readonly EditorFeature<Component>[]\n  /** Features (catalog or host) left out, with the features that require them; read once at setup. */\n  remove?: readonly FeatureId[]\n  /** The backend the composition is pruned by (default: the editor context's backend); read once at setup. */\n  backend?: EditorBackend\n  /**\n   * Builds the final commands (toolbar, `/` menu) from the default ones (incl. one per composite kind); absent = the\n   * defaults. Host commands with an `ability` are enabled only where the caret has it, like the defaults. Read once at setup.\n   */\n  commands?: (defaults: CommandDef[]) => CommandDef[]\n  /** Document whose package stores the uploads (`backend.assets`); standalone editors use the shared `scratch` owner. Read once at setup. */\n  documentId?: string\n  editable?: boolean\n  /** `internal`: the editor owns its settings modal; `external`: it emits `settingsOpen` and the host shows `EditorSettingsPanel`/`Modal`. */\n  settingsUi?: 'internal' | 'external'\n}>(), { editable: true, settingsUi: 'internal', content: 'rich', interaction: 'full', ai: true })\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 the advanced 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`, Mod-Shift-k): hosts bind it (`v-model:sidebar-open`) and show their `AiSidebar` beside the editor while it is true. */\nconst sidebarOpen = defineModel<boolean>('sidebarOpen', { default: false })\n/** Whether this editor's comments margin is open (`toggleComments`, Mod-Shift-m; margin layout of a collaborative editor): hosts bind it (`v-model:comments-open`) and show their `CommentsMargin` beside the text while it is true. Opening it closes the AI sidebar and vice versa. */\nconst commentsOpen = defineModel<boolean>('commentsOpen', { default: false })\n\n// The preset is fixed at setup like the kinds it is built from; hosts remount (`key`) to change it.\nconst app = useEditorContext()\nconst preset = composeEditor({\n  content: props.content,\n  interaction: props.interaction,\n  ai: props.ai,\n  backend: props.backend ?? app.backend,\n  // A `collaboration` session is the host's own: `collab` and `comments` stay whatever the backend offers.\n  collaboration: props.collaboration !== undefined,\n  ...(props.compositeKinds && { compositeKinds: props.compositeKinds }),\n  ...(props.add && { add: props.add }),\n  ...(props.remove && { remove: props.remove }),\n})\nconst surface = useTemplateRef<InstanceType<typeof EditorSurface>>('surface')\n\n/** `editor`: the surface's editor once mounted. `preset`: the composed preset (its `omitted` lists what the backend or `remove` dropped). */\ndefineExpose({ editor: computed(() => surface.value?.editor), preset })\n</script>\n\n<template>\n  <EditorSurface\n    ref=\"surface\"\n    v-model:sidebar-open=\"sidebarOpen\"\n    v-model:comments-open=\"commentsOpen\"\n    :preset=\"preset\"\n    :collaboration=\"props.collaboration\"\n    :model-value=\"props.modelValue\"\n    :metadata=\"props.metadata\"\n    :abilities=\"props.abilities\"\n    :extensions=\"props.extensions\"\n    :block-actions=\"props.blockActions\"\n    :commands=\"props.commands\"\n    :document-id=\"props.documentId\"\n    :editable=\"props.editable\"\n    :settings-ui=\"props.settingsUi\"\n    @ready=\"emit('ready', $event)\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @metadata-create=\"(list, item) => emit('metadataCreate', list, item)\"\n    @content-error=\"emit('contentError', $event)\"\n    @settings-open=\"emit('settingsOpen', $event)\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgBA,MAAM,QAAQ;EA0Cd,MAAM,OAAO;;EAWb,MAAM,cAAcA,SAAoB,SAAC,aAAiC;;EAE1E,MAAM,eAAeA,SAAoB,SAAC,cAAkC;EAG5E,MAAM,MAAM,iBAAiB;EAC7B,MAAM,SAAS,cAAc;GAC3B,SAAS,MAAM;GACf,aAAa,MAAM;GACnB,IAAI,MAAM;GACV,SAAS,MAAM,WAAW,IAAI;GAE9B,eAAe,MAAM,kBAAkB,KAAA;GACvC,GAAI,MAAM,kBAAkB,EAAE,gBAAgB,MAAM,eAAe;GACnE,GAAI,MAAM,OAAO,EAAE,KAAK,MAAM,IAAI;GAClC,GAAI,MAAM,UAAU,EAAE,QAAQ,MAAM,OAAO;EAC7C,CAAC;EACD,MAAM,UAAU,eAAmD,SAAS;;EAG5E,SAAa;GAAE,QAAQ,eAAe,QAAQ,OAAO,MAAM;GAAG;EAAO,CAAC;;GAIpE,OAAAC,UAAA,GAAAC,YAoBEC,aAAA;IAnBI,SAAA;IAAJ,KAAI;IACI,gBAAc,YAAA;IAAA,wBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,YAAW,QAAA;IACzB,iBAAe,aAAA;IAAA,yBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,aAAY,QAAA;IAClC,QAAQC,MAAA,MAAA;IACR,eAAe,MAAM;IACrB,eAAa,MAAM;IACnB,UAAU,MAAM;IAChB,WAAW,MAAM;IACjB,YAAY,MAAM;IAClB,iBAAe,MAAM;IACrB,UAAU,MAAM;IAChB,eAAa,MAAM;IACnB,UAAU,MAAM;IAChB,eAAa,MAAM;IACnB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAU,MAAM;IAC3B,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,qBAAsB,MAAM;IACpD,kBAAe,OAAA,OAAA,OAAA,MAAG,MAAM,SAAS,KAAI,kBAAmB,MAAM,IAAI;IAClE,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,gBAAiB,MAAM;IAC1C,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,gBAAiB,MAAM"}

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

@@ -1,8 +1,14 @@
-import { AbilitiesOptions, BlockAction, SlashCommandItem } from "../core/extension-points.js";
+import { EditorBackend } from "../core/backend.js";
+import { CommandDef } from "../core/command-types.js";
+import { AbilitiesOptions, BlockAction } from "../core/extension-points.js";
 import { EditorMetadata, MetadataItem } from "../core/metadata-types.js";
-import { CollaborationSession, UploadFn } from "../core/feature.js";
+import { CollaborationSession, EditorFeature } from "../core/feature.js";
+import "../core/commands.js";
 import { CompositeKind } from "../features/composites/kinds.js";
 import "../features/composites/index.js";
+import { ComposedEditor, ContentLevel, FeatureId, InteractionLevel } from "../presets/compose.js";
+import "./advanced.js";
+import { Component } from "vue";
 import { AnyExtension, Editor, JSONContent } from "@tiptap/vue-3";
 //#region src/vue/AdvancedEditor.vue.d.ts
 type __VLS_Props = {
@@ -23,15 +29,25 @@ type __VLS_Props = {
   blockActions?: BlockAction[];
   /** Composite kinds („Bausteine“) offered in the editor (default: `defaultCompositeKinds(t)`); read once at setup. */
   compositeKinds?: CompositeKind[];
+  /** Document model: a level (`basic`, `rich`) or the content feature ids to install; read once at setup. */
+  content?: ContentLevel | readonly FeatureId[];
+  /** Editing UX: a level (`minimal`, `full`) or the interaction feature ids; `[]` = no interaction (a viewer); read once at setup. */
+  interaction?: InteractionLevel | readonly FeatureId[];
+  /** Installs the AI feature and the integrations whose content is present; read once at setup. */
+  ai?: boolean;
+  /** Host features, appended after the catalog; read once at setup. */
+  add?: readonly EditorFeature<Component>[];
+  /** Features (catalog or host) left out, with the features that require them; read once at setup. */
+  remove?: readonly FeatureId[];
+  /** The backend the composition is pruned by (default: the editor context's backend); read once at setup. */
+  backend?: EditorBackend;
   /**
-   * Builds the `/` menu from the default commands (incl. one per composite kind); absent = the defaults. Host items
-   * with an `ability` are listed only where the caret has it, like the defaults. Read once at setup.
+   * Builds the final commands (toolbar, `/` menu) from the default ones (incl. one per composite kind); absent = the
+   * defaults. Host commands with an `ability` are enabled only where the caret has it, like the defaults. Read once at setup.
    */
-  slashCommands?: (defaults: SlashCommandItem[]) => SlashCommandItem[];
-  /** Document whose package stores the uploads (default upload: POST /api/editor/assets/<documentId>); standalone editors use the shared `scratch` owner. Read once at setup. */
+  commands?: (defaults: CommandDef[]) => CommandDef[];
+  /** Document whose package stores the uploads (`backend.assets`); standalone editors use the shared `scratch` owner. Read once at setup. */
   documentId?: string;
-  /** Stores an uploaded file and returns its URL; replaces the default upload and its `documentId`. Read once at setup. */
-  upload?: UploadFn;
   editable?: boolean;
   /** `internal`: the editor owns its settings modal; `external`: it emits `settingsOpen` and the host shows `EditorSettingsPanel`/`Modal`. */
   settingsUi?: 'internal' | 'external';
@@ -45,25 +61,29 @@ type __VLS_ModelProps = {
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
   editor: import("vue").ComputedRef<Editor | undefined>;
+  preset: ComposedEditor<Component>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  settingsOpen: (tab?: string | undefined) => any;
   "update:sidebarOpen": (value: boolean) => any;
   "update:commentsOpen": (value: boolean) => any;
-  "update:modelValue": (content: JSONContent) => any;
   ready: (editor: Editor) => any;
+  "update:modelValue": (content: JSONContent) => 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;
-  "onUpdate:modelValue"?: ((content: JSONContent) => any) | undefined;
   onReady?: ((editor: Editor) => any) | undefined;
+  "onUpdate:modelValue"?: ((content: JSONContent) => any) | undefined;
   onMetadataCreate?: ((list: string, item: MetadataItem) => any) | undefined;
   onContentError?: ((error: Error) => any) | undefined;
+  onSettingsOpen?: ((tab?: string | undefined) => any) | undefined;
 }>, {
+  content: ContentLevel | readonly FeatureId[];
+  ai: boolean;
   editable: boolean;
   settingsUi: "internal" | "external";
+  interaction: InteractionLevel | readonly FeatureId[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion

package/dist/vue/SimpleEditor.js

@@ -1,11 +1,13 @@
+import { defineEditor } from "../core/define-editor.js";
+import { coreContentFeature, coreUiFeature } from "../core/core-feature.js";
 import _sfc_main$1 from "./components/EditorSurface.js";
-import { simpleEditor } from "../presets/simple.js";
-import { computed, createBlock, defineComponent, openBlock, unref, useTemplateRef } from "vue";
+import _sfc_main$2 from "./components/EditorCommandPalette.js";
+import { computed, createBlock, defineComponent, mergeModels, openBlock, unref, useModel, useTemplateRef } from "vue";
 //#region src/vue/SimpleEditor.vue
 const _sfc_main = /*@__PURE__*/ defineComponent({
 	inheritAttrs: false,
 	__name: "SimpleEditor",
-	props: {
+	props: /*@__PURE__*/ mergeModels({
 		modelValue: {},
 		editable: {
 			type: Boolean,
@@ -14,43 +16,87 @@ const _sfc_main = /*@__PURE__*/ defineComponent({
 		metadata: {},
 		abilities: {},
 		extensions: {},
-		slashCommands: {}
-	},
-	emits: [
+		commands: {},
+		add: {},
+		collaboration: {},
+		blockActions: {},
+		documentId: {},
+		settingsUi: { default: "internal" }
+	}, {
+		"sidebarOpen": {
+			type: Boolean,
+			default: false
+		},
+		"sidebarOpenModifiers": {},
+		"commentsOpen": {
+			type: Boolean,
+			default: false
+		},
+		"commentsOpenModifiers": {}
+	}),
+	emits: /*@__PURE__*/ mergeModels([
 		"ready",
 		"update:modelValue",
 		"metadataCreate",
-		"contentError"
-	],
+		"contentError",
+		"settingsOpen"
+	], ["update:sidebarOpen", "update:commentsOpen"]),
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
-		const preset = simpleEditor();
+		/** Whether this editor's AI sidebar is open (with the AI feature in `add`; `toggleSidebar`, Mod-Shift-k): hosts bind it (`v-model:sidebar-open`). */
+		const sidebarOpen = useModel(__props, "sidebarOpen");
+		/** Whether this editor's comments margin is open (with a comments feature in `add`): hosts bind it (`v-model:comments-open`). */
+		const commentsOpen = useModel(__props, "commentsOpen");
+		const preset = defineEditor({ features: [
+			coreContentFeature(),
+			coreUiFeature({ palette: _sfc_main$2 }),
+			...props.add ?? []
+		] });
 		const surface = useTemplateRef("surface");
-		__expose({ editor: computed(() => surface.value?.editor) });
+		/** `editor`: the surface's editor once mounted. `preset`: the preset it mounts (core features plus `add`). */
+		__expose({
+			editor: computed(() => surface.value?.editor),
+			preset
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(_sfc_main$1, {
 				ref_key: "surface",
 				ref: surface,
+				"sidebar-open": sidebarOpen.value,
+				"onUpdate:sidebarOpen": _cache[0] || (_cache[0] = ($event) => sidebarOpen.value = $event),
+				"comments-open": commentsOpen.value,
+				"onUpdate:commentsOpen": _cache[1] || (_cache[1] = ($event) => commentsOpen.value = $event),
 				preset: unref(preset),
+				collaboration: props.collaboration,
 				"model-value": props.modelValue,
 				editable: props.editable,
 				metadata: props.metadata,
 				abilities: props.abilities,
 				extensions: props.extensions,
-				"slash-commands": props.slashCommands,
-				onReady: _cache[0] || (_cache[0] = ($event) => emit("ready", $event)),
-				"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => emit("update:modelValue", $event)),
-				onMetadataCreate: _cache[2] || (_cache[2] = (list, item) => emit("metadataCreate", list, item)),
-				onContentError: _cache[3] || (_cache[3] = ($event) => emit("contentError", $event))
+				"block-actions": props.blockActions,
+				commands: props.commands,
+				"document-id": props.documentId,
+				"settings-ui": props.settingsUi,
+				onReady: _cache[2] || (_cache[2] = ($event) => emit("ready", $event)),
+				"onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => emit("update:modelValue", $event)),
+				onMetadataCreate: _cache[4] || (_cache[4] = (list, item) => emit("metadataCreate", list, item)),
+				onContentError: _cache[5] || (_cache[5] = ($event) => emit("contentError", $event)),
+				onSettingsOpen: _cache[6] || (_cache[6] = ($event) => emit("settingsOpen", $event))
 			}, null, 8, [
+				"sidebar-open",
+				"comments-open",
 				"preset",
+				"collaboration",
 				"model-value",
 				"editable",
 				"metadata",
 				"abilities",
 				"extensions",
-				"slash-commands"
+				"block-actions",
+				"commands",
+				"document-id",
+				"settings-ui"
 			]);
 		};
 	}

package/dist/vue/SimpleEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleEditor.js","names":["_openBlock","_createBlock","EditorSurface","_unref"],"sources":["../../src/vue/SimpleEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AnyExtension, Editor, JSONContent } from '@tiptap/vue-3'\nimport { computed, useTemplateRef } from 'vue'\nimport EditorSurface from './components/EditorSurface.vue'\nimport type { AbilitiesOptions, SlashCommandItem } from '../core/extension-points'\nimport type { EditorMetadata, MetadataItem } from '../core/metadata-types'\nimport { simpleEditor } from '../presets/simple'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  /** TipTap JSON via `v-model`; the editor keeps its own undo history. Content outside the simple schema is rejected through `contentError`. */\n  modelValue?: JSONContent\n  editable?: boolean\n  /** Host lists (custom `@`/`#`-style sources); the simple editor has no built-in lists. */\n  metadata?: EditorMetadata\n  /** Deep-merged into the ability defaults; read once at setup. */\n  abilities?: Partial<AbilitiesOptions>\n  /** Added after the built-in extensions; read once at setup. */\n  extensions?: AnyExtension[]\n  /** Builds the `/` menu from the defaults (none in the simple editor); absent = no `/` menu. Read once at setup. */\n  slashCommands?: (defaults: SlashCommandItem[]) => SlashCommandItem[]\n}>(), { editable: true })\n\nconst emit = defineEmits<{\n  'ready': [editor: Editor]\n  'update:modelValue': [content: JSONContent]\n  'metadataCreate': [list: string, item: MetadataItem]\n  'contentError': [error: Error]\n}>()\n\nconst preset = simpleEditor()\nconst surface = useTemplateRef<InstanceType<typeof EditorSurface>>('surface')\n\ndefineExpose({ editor: computed(() => surface.value?.editor) })\n</script>\n\n<template>\n  <EditorSurface\n    ref=\"surface\"\n    :preset=\"preset\"\n    :model-value=\"props.modelValue\"\n    :editable=\"props.editable\"\n    :metadata=\"props.metadata\"\n    :abilities=\"props.abilities\"\n    :extensions=\"props.extensions\"\n    :slash-commands=\"props.slashCommands\"\n    @ready=\"emit('ready', $event)\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @metadata-create=\"(list, item) => emit('metadataCreate', list, item)\"\n    @content-error=\"emit('contentError', $event)\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAUA,MAAM,QAAQ;EAcd,MAAM,OAAO;EAOb,MAAM,SAAS,aAAa;EAC5B,MAAM,UAAU,eAAmD,SAAS;EAE5E,SAAa,EAAE,QAAQ,eAAe,QAAQ,OAAO,MAAM,EAAE,CAAC;;GAI5D,OAAAA,UAAA,GAAAC,YAaEC,aAAA;IAZI,SAAA;IAAJ,KAAI;IACH,QAAQC,MAAA,MAAA;IACR,eAAa,MAAM;IACnB,UAAU,MAAM;IAChB,UAAU,MAAM;IAChB,WAAW,MAAM;IACjB,YAAY,MAAM;IAClB,kBAAgB,MAAM;IACtB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAU,MAAM;IAC3B,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,qBAAsB,MAAM;IACpD,kBAAe,OAAA,OAAA,OAAA,MAAG,MAAM,SAAS,KAAI,kBAAmB,MAAM,IAAI;IAClE,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,gBAAiB,MAAM"}
+{"version":3,"file":"SimpleEditor.js","names":["_useModel","EditorCommandPalette","_openBlock","_createBlock","EditorSurface","_unref"],"sources":["../../src/vue/SimpleEditor.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { AnyExtension, Editor, JSONContent } from '@tiptap/vue-3'\nimport { type Component, computed, useTemplateRef } from 'vue'\nimport EditorSurface from './components/EditorSurface.vue'\nimport EditorCommandPalette from './components/EditorCommandPalette.vue'\nimport type { CommandDef } from '../core/commands'\nimport { coreContentFeature, coreUiFeature } from '../core/core-feature'\nimport { defineEditor } from '../core/define-editor'\nimport type { AbilitiesOptions, BlockAction } from '../core/extension-points'\nimport type { CollaborationSession, EditorFeature } from '../core/feature'\nimport type { EditorMetadata, MetadataItem } from '../core/metadata-types'\n\ndefineOptions({ inheritAttrs: false })\n\nconst props = withDefaults(defineProps<{\n  /** TipTap JSON via `v-model`; the editor keeps its own undo history. Content outside the composed schema is rejected through `contentError`. */\n  modelValue?: JSONContent\n  editable?: boolean\n  /** Host lists (custom `@`/`#`-style sources); missing ones fall back to the built-in lists of the installed features. */\n  metadata?: EditorMetadata\n  /** Deep-merged into the ability defaults; read once at setup. */\n  abilities?: Partial<AbilitiesOptions>\n  /** Added after the built-in extensions; read once at setup. */\n  extensions?: AnyExtension[]\n  /** Transforms the commands (the core block types are in the `/` menu) before they are used: add host commands with a `slash` placement. Read once at setup. */\n  commands?: (defaults: CommandDef[]) => CommandDef[]\n  /** Host features appended after `core-content` and `core-ui` (an own block, or the AI feature from `/ai/vue` to get the AI sidebar); read once at setup. Only the entries the host imports are in the bundle: for the composition dimensions (`content`, `interaction`, `ai`, `remove`, `backend`) use `AdvancedEditor`. */\n  add?: readonly EditorFeature<Component>[]\n  /** Collaborative mode (needs the `collab` feature in `add`): the Y.Doc is the document. Fixed at mount. */\n  collaboration?: CollaborationSession\n  /** Hover actions shown after the defaults, by an installed block-UI feature. */\n  blockActions?: BlockAction[]\n  /** Document whose package stores the uploads (`backend.assets`); standalone editors use the shared `scratch` owner. Read once at setup. */\n  documentId?: string\n  /** `internal`: the editor owns its settings modal; `external`: it emits `settingsOpen` and the host shows `EditorSettingsPanel`/`Modal`. */\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  '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 (with the AI feature in `add`; `toggleSidebar`, Mod-Shift-k): hosts bind it (`v-model:sidebar-open`). */\nconst sidebarOpen = defineModel<boolean>('sidebarOpen', { default: false })\n/** Whether this editor's comments margin is open (with a comments feature in `add`): hosts bind it (`v-model:comments-open`). */\nconst commentsOpen = defineModel<boolean>('commentsOpen', { default: false })\n\n// `core-content` + `core-ui` directly (not `composeEditor`): its UI bindings import every catalog feature, and the\n// simple entry's bundle holds none. The preset is fixed at setup; hosts remount (`key`) to change it.\nconst preset = defineEditor({ features: [coreContentFeature(), coreUiFeature<Component>({ palette: EditorCommandPalette }), ...(props.add ?? [])] })\nconst surface = useTemplateRef<InstanceType<typeof EditorSurface>>('surface')\n\n/** `editor`: the surface's editor once mounted. `preset`: the preset it mounts (core features plus `add`). */\ndefineExpose({ editor: computed(() => surface.value?.editor), preset })\n</script>\n\n<template>\n  <EditorSurface\n    ref=\"surface\"\n    v-model:sidebar-open=\"sidebarOpen\"\n    v-model:comments-open=\"commentsOpen\"\n    :preset=\"preset\"\n    :collaboration=\"props.collaboration\"\n    :model-value=\"props.modelValue\"\n    :editable=\"props.editable\"\n    :metadata=\"props.metadata\"\n    :abilities=\"props.abilities\"\n    :extensions=\"props.extensions\"\n    :block-actions=\"props.blockActions\"\n    :commands=\"props.commands\"\n    :document-id=\"props.documentId\"\n    :settings-ui=\"props.settingsUi\"\n    @ready=\"emit('ready', $event)\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @metadata-create=\"(list, item) => emit('metadataCreate', list, item)\"\n    @content-error=\"emit('contentError', $event)\"\n    @settings-open=\"emit('settingsOpen', $event)\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;EAwBd,MAAM,OAAO;;EAUb,MAAM,cAAcA,SAAoB,SAAC,aAAiC;;EAE1E,MAAM,eAAeA,SAAoB,SAAC,cAAkC;EAI5E,MAAM,SAAS,aAAa,EAAE,UAAU;GAAC,mBAAmB;GAAG,cAAyB,EAAE,SAASC,YAAqB,CAAC;GAAG,GAAI,MAAM,OAAO,CAAC;EAAE,EAAE,CAAC;EACnJ,MAAM,UAAU,eAAmD,SAAS;;EAG5E,SAAa;GAAE,QAAQ,eAAe,QAAQ,OAAO,MAAM;GAAG;EAAO,CAAC;;GAIpE,OAAAC,UAAA,GAAAC,YAoBEC,aAAA;IAnBI,SAAA;IAAJ,KAAI;IACI,gBAAc,YAAA;IAAA,wBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,YAAW,QAAA;IACzB,iBAAe,aAAA;IAAA,yBAAA,OAAA,OAAA,OAAA,MAAA,WAAA,aAAY,QAAA;IAClC,QAAQC,MAAA,MAAA;IACR,eAAe,MAAM;IACrB,eAAa,MAAM;IACnB,UAAU,MAAM;IAChB,UAAU,MAAM;IAChB,WAAW,MAAM;IACjB,YAAY,MAAM;IAClB,iBAAe,MAAM;IACrB,UAAU,MAAM;IAChB,eAAa,MAAM;IACnB,eAAa,MAAM;IACnB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAU,MAAM;IAC3B,uBAAkB,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,qBAAsB,MAAM;IACpD,kBAAe,OAAA,OAAA,OAAA,MAAG,MAAM,SAAS,KAAI,kBAAmB,MAAM,IAAI;IAClE,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,gBAAiB,MAAM;IAC1C,gBAAa,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,gBAAiB,MAAM"}