@abraca/nuxt 2.0.0 → 2.0.1

package/dist/module.json

@@ -4,7 +4,7 @@
   "compatibility": {
     "nuxt": ">=4.0.0"
   },
-  "version": "2.0.0",
+  "version": "2.0.1",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/AEditor.vue

@@ -323,6 +323,11 @@ const editorHandlers = {
       language: "js"
     }),
     isActive: (editor) => editor.isActive("diff")
+  },
+  svgEmbed: {
+    canExecute: () => true,
+    execute: (editor) => insertNode(editor, "svgEmbed", { svg: "", title: "", width: null, height: null }),
+    isActive: (editor) => editor.isActive("svgEmbed")
   }
 };
 const _mentionItems = computed(

package/dist/runtime/components/ASubPageList.d.vue.ts

@@ -0,0 +1,66 @@
+export interface SubPageListEntry {
+    id: string;
+    label: string;
+    type?: string;
+    meta?: {
+        icon?: string;
+        color?: string;
+        [k: string]: unknown;
+    };
+}
+type __VLS_Props = {
+    /** Parent document whose direct children are listed. */
+    parentDocId: string;
+    /** Layout. `list` = vertical rows, `grid` = card grid, `compact` = minimal pills. Default: 'list'. */
+    layout?: 'list' | 'grid' | 'compact';
+    /** Maximum number of items shown. Omit for all. */
+    limit?: number;
+    /** Empty-state text. */
+    emptyText?: string;
+    /** Show a "New …" button at the bottom of the list. Emits `create`. */
+    showCreate?: boolean;
+    /** Label for the create button. */
+    createLabel?: string;
+};
+declare var __VLS_1: {}, __VLS_8: {
+    entry: SubPageListEntry;
+}, __VLS_15: {
+    entry: SubPageListEntry;
+}, __VLS_17: {
+    key: string;
+    entry: SubPageListEntry;
+}, __VLS_24: {
+    key: string;
+    entry: SubPageListEntry;
+};
+type __VLS_Slots = {} & {
+    empty?: (props: typeof __VLS_1) => any;
+} & {
+    item?: (props: typeof __VLS_8) => any;
+} & {
+    'item-trailing'?: (props: typeof __VLS_15) => any;
+} & {
+    item?: (props: typeof __VLS_17) => any;
+} & {
+    item?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: (id: string, label: string) => any;
+    create: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpen?: ((id: string, label: string) => any) | undefined;
+    onCreate?: (() => any) | undefined;
+}>, {
+    layout: "list" | "grid" | "compact";
+    emptyText: string;
+    showCreate: boolean;
+    createLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/ASubPageList.vue

@@ -0,0 +1,147 @@
+<script setup>
+import { computed } from "vue";
+import { useAbracadabra } from "../composables/useAbracadabra";
+import { useChildTree } from "../composables/useChildTree";
+const props = defineProps({
+  parentDocId: { type: String, required: true },
+  layout: { type: String, required: false, default: "list" },
+  limit: { type: Number, required: false },
+  emptyText: { type: String, required: false, default: "No child documents yet" },
+  showCreate: { type: Boolean, required: false, default: false },
+  createLabel: { type: String, required: false, default: "New page" }
+});
+const emit = defineEmits(["open", "create"]);
+const { doc: rootDoc } = useAbracadabra();
+const tree = useChildTree(rootDoc, props.parentDocId);
+const entries = computed(() => {
+  const all = tree.childrenOf(null);
+  return props.limit !== void 0 ? all.slice(0, props.limit) : all;
+});
+function defaultIcon(entry) {
+  return entry.meta?.icon ?? "i-lucide-file-text";
+}
+</script>
+
+<template>
+  <div class="a-subpage-list">
+    <!-- Empty state -->
+    <div
+      v-if="!entries.length"
+      class="a-subpage-list__empty"
+    >
+      <slot name="empty">
+        <UIcon
+          name="i-lucide-folder-open"
+          class="size-6 text-(--ui-text-dimmed) mb-2"
+        />
+        <p class="text-sm text-(--ui-text-muted)">
+          {{ emptyText }}
+        </p>
+      </slot>
+    </div>
+
+    <!-- list -->
+    <ul
+      v-else-if="layout === 'list'"
+      class="flex flex-col gap-0.5"
+    >
+      <li
+        v-for="entry in entries"
+        :key="entry.id"
+      >
+        <slot
+          name="item"
+          :entry="entry"
+        >
+          <button
+            class="w-full flex items-center gap-2 px-2.5 py-1.5 rounded-md text-sm text-(--ui-text) hover:bg-(--ui-bg-elevated) transition-colors text-left"
+            type="button"
+            @click="emit('open', entry.id, entry.label)"
+          >
+            <UIcon
+              :name="defaultIcon(entry)"
+              class="size-4 shrink-0"
+              :style="entry.meta?.color ? `color: ${entry.meta.color}` : ''"
+              :class="entry.meta?.color ? '' : 'text-(--ui-text-muted)'"
+            />
+            <span class="flex-1 truncate">{{ entry.label || "Untitled" }}</span>
+            <slot
+              name="item-trailing"
+              :entry="entry"
+            />
+          </button>
+        </slot>
+      </li>
+    </ul>
+
+    <!-- grid -->
+    <div
+      v-else-if="layout === 'grid'"
+      class="grid grid-cols-2 sm:grid-cols-3 gap-2"
+    >
+      <slot
+        v-for="entry in entries"
+        :key="entry.id"
+        name="item"
+        :entry="entry"
+      >
+        <button
+          class="flex flex-col gap-2 p-3 rounded-md border border-(--ui-border) bg-(--ui-bg) hover:border-(--ui-border-accented) hover:bg-(--ui-bg-elevated) transition-colors text-left"
+          type="button"
+          @click="emit('open', entry.id, entry.label)"
+        >
+          <UIcon
+            :name="defaultIcon(entry)"
+            class="size-5"
+            :style="entry.meta?.color ? `color: ${entry.meta.color}` : ''"
+            :class="entry.meta?.color ? '' : 'text-(--ui-text-muted)'"
+          />
+          <span class="text-sm font-medium text-(--ui-text-highlighted) line-clamp-2">{{ entry.label || "Untitled" }}</span>
+        </button>
+      </slot>
+    </div>
+
+    <!-- compact -->
+    <div
+      v-else-if="layout === 'compact'"
+      class="flex flex-wrap gap-1.5"
+    >
+      <slot
+        v-for="entry in entries"
+        :key="entry.id"
+        name="item"
+        :entry="entry"
+      >
+        <button
+          class="inline-flex items-center gap-1.5 px-2 py-0.5 rounded-full border border-(--ui-border) bg-(--ui-bg) text-xs hover:border-(--ui-border-accented) hover:bg-(--ui-bg-elevated) transition-colors"
+          type="button"
+          @click="emit('open', entry.id, entry.label)"
+        >
+          <UIcon
+            :name="defaultIcon(entry)"
+            class="size-3"
+            :style="entry.meta?.color ? `color: ${entry.meta.color}` : ''"
+            :class="entry.meta?.color ? '' : 'text-(--ui-text-muted)'"
+          />
+          <span class="text-(--ui-text)">{{ entry.label || "Untitled" }}</span>
+        </button>
+      </slot>
+    </div>
+
+    <!-- create -->
+    <div
+      v-if="showCreate"
+      class="mt-2"
+    >
+      <UButton
+        :icon="layout === 'grid' ? 'i-lucide-plus-square' : 'i-lucide-plus'"
+        :label="createLabel"
+        size="sm"
+        variant="ghost"
+        color="neutral"
+        :block="layout === 'grid'"
+        @click="emit('create')"
+      />
+    </div>
+  </div>
+</template>

package/dist/runtime/components/ASubPageList.vue.d.ts

@@ -0,0 +1,66 @@
+export interface SubPageListEntry {
+    id: string;
+    label: string;
+    type?: string;
+    meta?: {
+        icon?: string;
+        color?: string;
+        [k: string]: unknown;
+    };
+}
+type __VLS_Props = {
+    /** Parent document whose direct children are listed. */
+    parentDocId: string;
+    /** Layout. `list` = vertical rows, `grid` = card grid, `compact` = minimal pills. Default: 'list'. */
+    layout?: 'list' | 'grid' | 'compact';
+    /** Maximum number of items shown. Omit for all. */
+    limit?: number;
+    /** Empty-state text. */
+    emptyText?: string;
+    /** Show a "New …" button at the bottom of the list. Emits `create`. */
+    showCreate?: boolean;
+    /** Label for the create button. */
+    createLabel?: string;
+};
+declare var __VLS_1: {}, __VLS_8: {
+    entry: SubPageListEntry;
+}, __VLS_15: {
+    entry: SubPageListEntry;
+}, __VLS_17: {
+    key: string;
+    entry: SubPageListEntry;
+}, __VLS_24: {
+    key: string;
+    entry: SubPageListEntry;
+};
+type __VLS_Slots = {} & {
+    empty?: (props: typeof __VLS_1) => any;
+} & {
+    item?: (props: typeof __VLS_8) => any;
+} & {
+    'item-trailing'?: (props: typeof __VLS_15) => any;
+} & {
+    item?: (props: typeof __VLS_17) => any;
+} & {
+    item?: (props: typeof __VLS_24) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    open: (id: string, label: string) => any;
+    create: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onOpen?: ((id: string, label: string) => any) | undefined;
+    onCreate?: (() => any) | undefined;
+}>, {
+    layout: "list" | "grid" | "compact";
+    emptyText: string;
+    showCreate: boolean;
+    createLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/aware/AMedia.d.vue.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     awareness: boolean;
     tag: "video" | "audio";
     live: boolean;
-    controls: boolean;
     total: boolean;
+    controls: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/aware/AMedia.vue.d.ts

@@ -12,8 +12,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     awareness: boolean;
     tag: "video" | "audio";
     live: boolean;
-    controls: boolean;
     total: boolean;
+    controls: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/renderers/calendar/ACalendarToolbar.d.vue.ts

@@ -20,16 +20,16 @@ type __VLS_Props = {
     };
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    next: () => any;
-    prev: () => any;
     "update:viewMode": (mode: CalendarViewMode) => any;
+    prev: () => any;
+    next: () => any;
     today: () => any;
     "add-event": () => any;
     "navigate-to-month": (year: number, month: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onNext?: (() => any) | undefined;
-    onPrev?: (() => any) | undefined;
     "onUpdate:viewMode"?: ((mode: CalendarViewMode) => any) | undefined;
+    onPrev?: (() => any) | undefined;
+    onNext?: (() => any) | undefined;
     onToday?: (() => any) | undefined;
     "onAdd-event"?: (() => any) | undefined;
     "onNavigate-to-month"?: ((year: number, month: number) => any) | undefined;

package/dist/runtime/components/renderers/calendar/ACalendarToolbar.vue.d.ts

@@ -20,16 +20,16 @@ type __VLS_Props = {
     };
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    next: () => any;
-    prev: () => any;
     "update:viewMode": (mode: CalendarViewMode) => any;
+    prev: () => any;
+    next: () => any;
     today: () => any;
     "add-event": () => any;
     "navigate-to-month": (year: number, month: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onNext?: (() => any) | undefined;
-    onPrev?: (() => any) | undefined;
     "onUpdate:viewMode"?: ((mode: CalendarViewMode) => any) | undefined;
+    onPrev?: (() => any) | undefined;
+    onNext?: (() => any) | undefined;
     onToday?: (() => any) | undefined;
     "onAdd-event"?: (() => any) | undefined;
     "onNavigate-to-month"?: ((year: number, month: number) => any) | undefined;

package/dist/runtime/components/renderers/media/MediaTransportBar.d.vue.ts

@@ -8,13 +8,13 @@ type __VLS_Props = {
     isLoading: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    next: () => any;
     prev: () => any;
+    next: () => any;
     togglePlay: () => any;
     seek: (position: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onNext?: (() => any) | undefined;
     onPrev?: (() => any) | undefined;
+    onNext?: (() => any) | undefined;
     onTogglePlay?: (() => any) | undefined;
     onSeek?: ((position: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/renderers/media/MediaTransportBar.vue.d.ts

@@ -8,13 +8,13 @@ type __VLS_Props = {
     isLoading: boolean;
 };
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    next: () => any;
     prev: () => any;
+    next: () => any;
     togglePlay: () => any;
     seek: (position: number) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onNext?: (() => any) | undefined;
     onPrev?: (() => any) | undefined;
+    onNext?: (() => any) | undefined;
     onTogglePlay?: (() => any) | undefined;
     onSeek?: ((position: number) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/composables/useEditorSuggestions.js

@@ -72,7 +72,8 @@ export function useEditorSuggestions(options = {}) {
         ...extEnabled("colorSwatch") ? [{ kind: "colorSwatch", label: "Color Swatch", icon: "i-lucide-palette", description: "Inline color chip with picker", keywords: ["color", "swatch", "token", "palette"] }] : [],
         ...extEnabled("mathBlock") ? [{ kind: "mathBlock", label: "Math (block)", icon: "i-lucide-square-sigma", description: "Display-mode LaTeX equation", keywords: ["katex", "latex", "equation", "formula", "math"] }] : [],
         ...extEnabled("mathInline") ? [{ kind: "mathInline", label: "Math (inline)", icon: "i-lucide-sigma", description: "Inline LaTeX expression", keywords: ["katex", "latex", "inline math"] }] : [],
-        ...extEnabled("diff") ? [{ kind: "diff", label: "Diff", icon: "i-lucide-git-compare", description: "Side-by-side text diff", keywords: ["compare", "changes", "git"] }] : []
+        ...extEnabled("diff") ? [{ kind: "diff", label: "Diff", icon: "i-lucide-git-compare", description: "Side-by-side text diff", keywords: ["compare", "changes", "git"] }] : [],
+        ...extEnabled("svgEmbed") ? [{ kind: "svgEmbed", label: "SVG embed", icon: "i-lucide-image", description: "Inline SVG (sanitized)", keywords: ["svg", "vector", "icon", "diagram"] }] : []
       ]
     ];
     try {

package/dist/runtime/extensions/svg-embed.d.ts

@@ -0,0 +1,23 @@
+import { Node } from '@tiptap/core';
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        svgEmbed: {
+            insertSvgEmbed: (attrs: {
+                svg?: string;
+                title?: string;
+                width?: string | null;
+                height?: string | null;
+            }) => ReturnType;
+        };
+    }
+}
+/**
+ * SVG embed extension.
+ *
+ * The extension itself has no peer dep. Sanitization happens inside the
+ * NodeView via `runtime/utils/sanitizeSvg.ts`, which try-imports DOMPurify
+ * and falls back to a strict built-in allowlist when DOMPurify isn't
+ * installed. Apps that need richer SVG features (animations, CSS) should
+ * `pnpm add dompurify`.
+ */
+export declare const SvgEmbed: Node<any, any>;

package/dist/runtime/extensions/svg-embed.js

@@ -0,0 +1,33 @@
+import { Node, mergeAttributes } from "@tiptap/core";
+import { VueNodeViewRenderer } from "@tiptap/vue-3";
+import SvgEmbedView from "./views/SvgEmbedView.vue";
+export const SvgEmbed = Node.create({
+  name: "svgEmbed",
+  group: "block",
+  atom: true,
+  draggable: true,
+  addAttributes() {
+    return {
+      svg: { default: "" },
+      title: { default: "" },
+      width: { default: null },
+      height: { default: null }
+    };
+  },
+  parseHTML() {
+    return [{ tag: 'div[data-type="svg-embed"]' }];
+  },
+  renderHTML({ HTMLAttributes }) {
+    return ["div", mergeAttributes(HTMLAttributes, { "data-type": "svg-embed" })];
+  },
+  addNodeView() {
+    return VueNodeViewRenderer(SvgEmbedView);
+  },
+  addCommands() {
+    return {
+      insertSvgEmbed: (attrs) => ({ commands }) => {
+        return commands.insertContent({ type: this.name, attrs });
+      }
+    };
+  }
+});

package/dist/runtime/extensions/views/SvgEmbedView.d.vue.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/extensions/views/SvgEmbedView.vue

@@ -0,0 +1,120 @@
+<script setup>
+import { ref, computed, watch, watchEffect } from "vue";
+import { NodeViewWrapper } from "@tiptap/vue-3";
+import { sanitizeSvg } from "../../utils/sanitizeSvg";
+const props = defineProps({
+  decorations: { type: Array, required: true },
+  selected: { type: Boolean, required: true },
+  updateAttributes: { type: Function, required: true },
+  deleteNode: { type: Function, required: true },
+  node: { type: null, required: true },
+  view: { type: null, required: true },
+  getPos: { type: null, required: true },
+  innerDecorations: { type: null, required: true },
+  editor: { type: Object, required: true },
+  extension: { type: Object, required: true },
+  HTMLAttributes: { type: Object, required: true }
+});
+const rawSvg = computed(() => props.node.attrs.svg || "");
+const title = computed(() => props.node.attrs.title || "");
+const hasSvg = computed(() => !!rawSvg.value);
+const sanitized = ref("");
+const isDragOver = ref(false);
+watchEffect(async () => {
+  sanitized.value = await sanitizeSvg(rawSvg.value);
+});
+const containerStyle = computed(() => {
+  const s = {};
+  if (props.node.attrs.width) s.width = String(props.node.attrs.width);
+  if (props.node.attrs.height) s.height = String(props.node.attrs.height);
+  return s;
+});
+function isSvgFile(file) {
+  return file.type === "image/svg+xml" || file.name.toLowerCase().endsWith(".svg");
+}
+async function loadSvgFile(file) {
+  const text = await file.text();
+  if (!text.includes("<svg")) return;
+  props.updateAttributes({
+    svg: text,
+    title: props.node.attrs.title || file.name.replace(/\.svg$/i, "")
+  });
+}
+function pickSvgFile() {
+  const input = document.createElement("input");
+  input.type = "file";
+  input.accept = ".svg,image/svg+xml";
+  input.onchange = () => {
+    const file = input.files?.[0];
+    if (file) loadSvgFile(file);
+  };
+  input.click();
+}
+function onDrop(e) {
+  e.preventDefault();
+  e.stopPropagation();
+  isDragOver.value = false;
+  const file = Array.from(e.dataTransfer?.files ?? []).find(isSvgFile);
+  if (file) loadSvgFile(file);
+}
+function onDragOver(e) {
+  e.preventDefault();
+  e.stopPropagation();
+  isDragOver.value = true;
+}
+function onDragLeave() {
+  isDragOver.value = false;
+}
+const placeholderText = computed(() => {
+  if (isDragOver.value) return "Drop SVG file here";
+  if (hasSvg.value && !sanitized.value) return "SVG removed by sanitizer";
+  return "Click or drop an SVG file";
+});
+</script>
+
+<template>
+  <NodeViewWrapper
+    class="svg-embed-wrapper my-3"
+    data-type="svg-embed"
+  >
+    <div
+      contenteditable="false"
+      data-drag-handle
+      class="border border-(--ui-border) rounded-md overflow-hidden transition-colors"
+      :class="{
+  'border-(--ui-primary) bg-(--ui-primary)/5': isDragOver,
+  'border-(--ui-primary)': props.selected && !isDragOver
+}"
+      @drop="onDrop"
+      @dragover="onDragOver"
+      @dragleave="onDragLeave"
+    >
+      <div
+        v-if="title && sanitized"
+        class="px-3 py-1.5 text-xs font-medium text-(--ui-text-dimmed) border-b border-(--ui-border) bg-(--ui-bg-elevated)"
+      >
+        {{ title }}
+      </div>
+      <div
+        v-if="sanitized"
+        class="flex items-center justify-center p-2 [&_svg]:max-w-full [&_svg]:h-auto"
+        :style="containerStyle"
+        v-html="sanitized"
+      />
+      <div
+        v-else
+        class="flex flex-col items-center justify-center gap-2 px-6 py-10 cursor-pointer text-(--ui-text-dimmed) hover:bg-(--ui-bg-elevated)/40 transition-colors"
+        role="button"
+        tabindex="0"
+        @click="pickSvgFile"
+        @keydown.enter="pickSvgFile"
+      >
+        <UIcon
+          name="i-lucide-image"
+          class="size-6"
+        />
+        <span class="text-sm">{{ placeholderText }}</span>
+      </div>
+    </div>
+  </NodeViewWrapper>
+</template>

package/dist/runtime/extensions/views/SvgEmbedView.vue.d.ts

@@ -0,0 +1,4 @@
+import type { NodeViewProps } from '@tiptap/vue-3';
+declare const __VLS_export: import("vue").DefineComponent<NodeViewProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<NodeViewProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/plugin-abracadabra.client.js

@@ -860,7 +860,7 @@ export default defineNuxtPlugin({
           }
         }
         const server = savedServers.value.find((s) => s.url === serverUrl);
-        const docId = configEntryDocId ?? server?.entryDocId ?? server?.cachedSpaces?.[0]?.id ?? spacesInfo?.spaces?.[0]?.id ?? void 0;
+        const docId = configEntryDocId ?? server?.entryDocId ?? server?.cachedSpaces?.[0]?.id ?? spacesInfo?.spaces?.[0]?.id ?? info?.root_doc_id ?? void 0;
         if (!docId) {
           connectionError.value = "No entry document found. Configure entryDocId or ensure the server has spaces.";
           addLog("No entry document \u2014 cannot connect", "system");

package/dist/runtime/plugins/core.plugin.js

@@ -15,7 +15,8 @@ const OPTIONAL_BUILTIN_EXTENSIONS = /* @__PURE__ */ new Set([
   "colorSwatch",
   "mathBlock",
   "mathInline",
-  "diff"
+  "diff",
+  "svgEmbed"
 ]);
 async function loadClientExtensions() {
   const [
@@ -71,7 +72,8 @@ async function loadClientExtensions() {
     { Spoiler },
     { ColorSwatch },
     { MathBlock, MathInline },
-    { Diff }
+    { Diff },
+    { SvgEmbed }
   ] = await Promise.all([
     import("@tiptap/extension-task-list"),
     import("@tiptap/extension-task-item"),
@@ -125,7 +127,8 @@ async function loadClientExtensions() {
     import("../extensions/spoiler.js"),
     import("../extensions/color-swatch.js"),
     import("../extensions/math.js"),
-    import("../extensions/diff.js")
+    import("../extensions/diff.js"),
+    import("../extensions/svg-embed.js")
   ]);
   const lowlight = createLowlight(common);
   const extensions = [
@@ -198,7 +201,8 @@ async function loadClientExtensions() {
     ColorSwatch,
     MathBlock,
     MathInline,
-    Diff
+    Diff,
+    SvgEmbed
   ];
   try {
     const emojiPkg = "@tiptap/extension-emoji";

package/dist/runtime/server/plugins/abracadabra-service.js

@@ -1,6 +1,8 @@
 import { defineNitroPlugin } from "nitropack/runtime/plugin";
 import { useRuntimeConfig } from "nitropack/runtime/config";
 import { useStorage } from "nitropack/runtime/storage";
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
+import { dirname, join } from "node:path";
 import { registerServerPlugin, bootRunners, shutdownAllRunners } from "../utils/serverRunner.js";
 import { createDocCacheAPI } from "../utils/docCache.js";
 import { docTreeCacheRunner } from "../runners/doc-tree-cache.js";
@@ -16,17 +18,83 @@ function toBase64Url(bytes) {
   for (const byte of bytes) b += String.fromCharCode(byte);
   return btoa(b).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
 }
+async function loadOrCreateAutoIdentity(opts) {
+  if (existsSync(opts.cachePath)) {
+    try {
+      const cached = JSON.parse(readFileSync(opts.cachePath, "utf-8"));
+      if (cached?.publicKey && cached?.privateKey && cached?.serverUrl === opts.serverUrl) {
+        console.log("[abracadabra-service] using cached auto-bootstrap identity:", cached.username);
+        return cached;
+      }
+    } catch {
+    }
+  }
+  let info = null;
+  try {
+    const r = await fetch(`${opts.serverUrl}/info`);
+    if (r.ok) info = await r.json();
+  } catch {
+  }
+  if (!info) {
+    console.warn(`[abracadabra-service] auto-bootstrap aborted: ${opts.serverUrl}/info unreachable`);
+    return null;
+  }
+  if (!info.registration_allowed) {
+    console.warn(
+      "[abracadabra-service] auto-bootstrap aborted: server has registration_allowed=false. Set abracadabra.service.{publicKey,privateKey} module options to use a pre-registered service account."
+    );
+    return null;
+  }
+  const sk = opts.ed.utils.randomPrivateKey();
+  const pk = await opts.ed.getPublicKey(sk);
+  const publicKey = toBase64Url(pk);
+  const privateKey = toBase64Url(sk);
+  const username = `runner-${publicKey.replace(/[^a-zA-Z0-9]/g, "").slice(0, 16).toLowerCase()}`;
+  console.log(`[abracadabra-service] auto-registering ${username} on ${opts.serverUrl}\u2026`);
+  const res = await fetch(`${opts.serverUrl}/auth/register`, {
+    method: "POST",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify({
+      username,
+      identityPublicKey: publicKey,
+      deviceName: "nuxt-runner",
+      displayName: "Nuxt Runner"
+    })
+  });
+  if (!res.ok && res.status !== 409) {
+    console.error(`[abracadabra-service] auto-register failed: ${res.status} ${await res.text()}`);
+    return null;
+  }
+  const identity = {
+    username,
+    publicKey,
+    privateKey,
+    serverUrl: opts.serverUrl,
+    createdAt: Date.now()
+  };
+  try {
+    mkdirSync(dirname(opts.cachePath), { recursive: true });
+    writeFileSync(opts.cachePath, JSON.stringify(identity, null, 2), "utf-8");
+    console.log(`[abracadabra-service] cached identity at ${opts.cachePath}`);
+  } catch (e) {
+    console.warn("[abracadabra-service] failed to cache identity (will re-register on next boot):", e instanceof Error ? e.message : e);
+  }
+  return identity;
+}
 export default defineNitroPlugin(async (nitroApp) => {
   const config = useRuntimeConfig();
   const abraConfig = config.abracadabra;
   const storage = useStorage();
   initSlugMap(storage);
   await loadPersistedSlugMap();
-  const pubKeyB64 = abraConfig?.servicePublicKey ?? "";
-  const privKeyB64 = abraConfig?.servicePrivateKey ?? "";
+  const explicitPubKey = abraConfig?.servicePublicKey ?? "";
+  const explicitPrivKey = abraConfig?.servicePrivateKey ?? "";
   const rootDocIdOverride = abraConfig?.serviceRootDocId ?? "";
   const disabled = abraConfig?.serviceDisabled ?? false;
-  if (disabled || !pubKeyB64 || !privKeyB64) {
+  const serverUrl = config.public?.abracadabra?.url;
+  if (disabled) return;
+  if (!serverUrl) {
+    console.warn("[abracadabra-service] no abracadabra.url configured \u2014 service plugin disabled");
     return;
   }
   let wsp = null;
@@ -45,10 +113,20 @@ export default defineNitroPlugin(async (nitroApp) => {
     const edEtc = ed.etc;
     edEtc.sha512Sync = (...m) => sha512(edEtc.concatBytes(...m));
     edEtc.sha512Async = (...m) => Promise.resolve(edEtc.sha512Sync(...m));
+    let pubKeyB64 = explicitPubKey;
+    let privKeyB64 = explicitPrivKey;
+    if (!pubKeyB64 || !privKeyB64) {
+      const cachePath = join(process.cwd(), ".data", "abracadabra-runner-identity.json");
+      const id = await loadOrCreateAutoIdentity({ serverUrl, cachePath, ed });
+      if (!id) {
+        return;
+      }
+      pubKeyB64 = id.publicKey;
+      privKeyB64 = id.privateKey;
+    }
     const privKey = fromBase64Url(privKeyB64);
     const client = new AbracadabraClient({
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any -- Nuxt runtime config augmentation not resolved in Nitro
-      url: config.public?.abracadabra?.url,
+      url: serverUrl,
       persistAuth: false
     });
     await client.loginWithKey(pubKeyB64, async (challenge) => {

package/dist/runtime/utils/sanitizeSvg.d.ts

@@ -0,0 +1,19 @@
+/**
+ * sanitizeSvg — modular SVG sanitizer.
+ *
+ * Tries to use DOMPurify (if the consumer installed it) for industry-grade
+ * sanitization. Falls back to a strict built-in allowlist that strips:
+ *   - <script>, <foreignObject>, <iframe>, <embed>, <object>
+ *   - `on*` event-handler attributes
+ *   - `href` / `xlink:href` values that aren't `#anchor` (blocks `javascript:`)
+ *
+ * The built-in is intentionally conservative — it errs on the side of
+ * removing benign content rather than allowing risky content through.
+ * Apps that need more permissive sanitization (CSS classes, animations,
+ * external refs they own) should install DOMPurify and configure it.
+ */
+/**
+ * Sanitize an SVG string. Async because DOMPurify is loaded lazily.
+ * Returns the safe SVG markup, or empty string if nothing safe remained.
+ */
+export declare function sanitizeSvg(svg: string): Promise<string>;

package/dist/runtime/utils/sanitizeSvg.js

@@ -0,0 +1,87 @@
+let domPurifyCache = null;
+let loadingPromise = null;
+let warnedMissing = false;
+async function tryLoadDomPurify() {
+  if (domPurifyCache) return domPurifyCache;
+  if (loadingPromise) return loadingPromise;
+  loadingPromise = (async () => {
+    try {
+      const pkg = "dompurify";
+      const mod = await import(
+        /* @vite-ignore */
+        pkg
+      );
+      domPurifyCache = mod?.default ?? mod;
+      return domPurifyCache;
+    } catch {
+      if (import.meta.dev && !warnedMissing) {
+        warnedMissing = true;
+        console.warn(
+          "[abracadabra] svg-embed: `dompurify` peer dependency not installed. Falling back to a strict built-in SVG sanitizer. Install with `pnpm add dompurify` for richer SVG support (CSS, animations, etc.)."
+        );
+      }
+      return null;
+    } finally {
+      loadingPromise = null;
+    }
+  })();
+  return loadingPromise;
+}
+const DANGEROUS_TAGS = /* @__PURE__ */ new Set([
+  "script",
+  "foreignobject",
+  "iframe",
+  "embed",
+  "object",
+  "meta",
+  "link"
+]);
+const ALLOWED_PROTOCOL_PREFIXES = ["#", "data:image/"];
+function strictBuiltinSanitize(svg) {
+  const stripped = svg.replace(/<\?xml[^?]*\?>/gi, "").replace(/<!DOCTYPE[^>]*>/gi, "").trim();
+  if (!stripped) return "";
+  if (typeof DOMParser === "undefined") {
+    return "";
+  }
+  const doc = new DOMParser().parseFromString(stripped, "image/svg+xml");
+  if (doc.querySelector("parsererror")) return "";
+  const walker = doc.createTreeWalker(doc.documentElement, NodeFilter.SHOW_ELEMENT);
+  const toRemove = [];
+  let node = doc.documentElement;
+  while (node) {
+    if (DANGEROUS_TAGS.has(node.tagName.toLowerCase())) {
+      toRemove.push(node);
+    } else {
+      for (const attr of Array.from(node.attributes)) {
+        const name = attr.name.toLowerCase();
+        if (name.startsWith("on")) {
+          node.removeAttribute(attr.name);
+          continue;
+        }
+        if (name === "href" || name === "xlink:href") {
+          const v = attr.value.trim().toLowerCase();
+          if (!ALLOWED_PROTOCOL_PREFIXES.some((p) => v.startsWith(p))) {
+            node.removeAttribute(attr.name);
+          }
+        }
+      }
+    }
+    node = walker.nextNode();
+  }
+  for (const el of toRemove) el.remove();
+  return doc.documentElement.outerHTML;
+}
+export async function sanitizeSvg(svg) {
+  if (!svg) return "";
+  const purify = await tryLoadDomPurify();
+  if (purify) {
+    const stripped = svg.replace(/<\?xml[^?]*\?>/gi, "").replace(/<!DOCTYPE[^>]*>/gi, "").trim();
+    return purify.sanitize(stripped, {
+      USE_PROFILES: { svg: true, svgFilters: true },
+      ADD_TAGS: ["use", "style"],
+      FORBID_TAGS: ["script", "foreignObject", "iframe", "embed", "object"],
+      FORBID_ATTR: ["onload", "onerror", "onclick", "onmouseover", "onfocus", "onblur"]
+    });
+  }
+  return strictBuiltinSanitize(svg);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abraca/nuxt",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "description": "First-class Nuxt module for the Abracadabra CRDT collaboration platform",
   "repository": "abracadabra/abracadabra-nuxt",
   "license": "MIT",
@@ -26,7 +26,6 @@
     "access": "public"
   },
   "scripts": {
-    "seed": "node --experimental-strip-types scripts/seed-playground.ts",
     "prepack": "nuxt-module-build build",
     "dev": "npm run dev:prepare && nuxt dev playground",
     "dev:build": "nuxt build playground",
@@ -97,7 +96,7 @@
     }
   },
   "devDependencies": {
-    "@abraca/dabra": "^2.0.0",
+    "@abraca/dabra": "^2.0.1",
     "@iconify-json/lucide": "^1.2.105",
     "@noble/ed25519": "~2.3.0",
     "@noble/hashes": "^1.8.0",