@abraca/nuxt 0.2.0 → 0.3.0

package/dist/runtime/utils/docTypes.js

@@ -1,4 +1,42 @@
 import { defineAsyncComponent } from "vue";
+const GEO_COLOR_PRESETS = ["#3b82f6", "#f97316", "#22c55e", "#ef4444", "#a855f7"];
+const GEO_ICON_OPTIONS = [
+  "map-pin",
+  "star",
+  "flag",
+  "home",
+  "building-2",
+  "coffee",
+  "utensils",
+  "camera",
+  "heart",
+  "zap",
+  "triangle-alert",
+  "car",
+  "plane",
+  "anchor",
+  "tree-pine",
+  "mountain",
+  "waves",
+  "shield",
+  "crosshair",
+  "circle-dot",
+  "bookmark",
+  "gem",
+  "radio",
+  "compass"
+];
+export const GEO_TYPE_META_SCHEMAS = {
+  marker: [
+    { type: "location", latKey: "geoLat", lngKey: "geoLng", label: "Location" },
+    { type: "icon", key: "icon", options: GEO_ICON_OPTIONS, label: "Icon" },
+    { type: "colorPreset", key: "color", presets: GEO_COLOR_PRESETS, label: "Color" }
+  ],
+  line: [
+    { type: "colorPreset", key: "color", presets: GEO_COLOR_PRESETS, label: "Color" }
+  ],
+  measure: []
+};
 export const DOC_TYPES = {
   doc: {
     key: "doc",
@@ -77,11 +115,100 @@ export const DOC_TYPES = {
       { type: "datetimerange", startKey: "datetimeStart", endKey: "datetimeEnd", allDayKey: "allDay" },
       { type: "colorPreset", key: "color", presets: ["#6366f1", "#ec4899", "#f97316", "#22c55e", "#3b82f6", "#a855f7"], label: "Color" }
     ]
+  },
+  checklist: {
+    key: "checklist",
+    label: "Checklist",
+    icon: "i-lucide-check-square",
+    description: "Hierarchical task list with priority and due dates",
+    available: true,
+    supportsChildren: true,
+    childLabel: "Task",
+    defaultDepth: -1,
+    component: defineAsyncComponent(
+      () => import("../components/renderers/AChecklistRenderer.vue")
+    ),
+    metaSchema: [
+      { type: "toggle", key: "checked", label: "Done" },
+      { type: "select", key: "priority", options: ["none", "low", "medium", "high"], label: "Priority" },
+      { type: "date", key: "dateEnd", label: "Due date" }
+    ]
+  },
+  timeline: {
+    key: "timeline",
+    label: "Timeline",
+    icon: "i-lucide-gantt-chart",
+    description: "Gantt-style project timeline with epics and tasks",
+    available: true,
+    supportsChildren: true,
+    childLabel: "Epic",
+    grandchildLabel: "Task",
+    component: defineAsyncComponent(
+      () => import("../components/renderers/ATimelineRenderer.vue")
+    ),
+    metaSchema: [
+      { type: "daterange", startKey: "dateStart", endKey: "dateEnd" },
+      { type: "slider", key: "taskProgress", min: 0, max: 100, label: "Progress" },
+      { type: "colorPreset", key: "color", presets: ["#6366f1", "#818cf8", "#f97316", "#22c55e", "#3b82f6", "#a855f7"], label: "Color" }
+    ]
+  },
+  call: {
+    key: "call",
+    label: "Call",
+    icon: "i-lucide-phone",
+    description: "Video call room with real-time audio and video",
+    available: true,
+    supportsChildren: false,
+    component: defineAsyncComponent(
+      () => import("../components/renderers/ACallRenderer.vue")
+    )
+  },
+  graph: {
+    key: "graph",
+    label: "Graph",
+    icon: "i-lucide-git-fork",
+    description: "Force-directed graph visualization of document relationships",
+    available: true,
+    supportsChildren: true,
+    childLabel: "Node",
+    component: defineAsyncComponent(
+      () => import("../components/renderers/AGraphRenderer.vue")
+    )
+  },
+  dashboard: {
+    key: "dashboard",
+    label: "Dashboard",
+    icon: "i-lucide-layout-dashboard",
+    description: "Desktop-like icon grid with widgets and free-form positioning",
+    available: true,
+    supportsChildren: true,
+    childLabel: "Item",
+    component: defineAsyncComponent(
+      () => import("../components/renderers/ADashboardRenderer.vue")
+    )
+  },
+  map: {
+    key: "map",
+    label: "Map",
+    icon: "i-lucide-map",
+    description: "Interactive map with markers, lines, and measurements",
+    available: true,
+    supportsChildren: true,
+    childLabel: "Location",
+    component: defineAsyncComponent(
+      () => import("../components/renderers/AMapRenderer.vue")
+    ),
+    metaSchema: [
+      { type: "location", latKey: "geoLat", lngKey: "geoLng", label: "Location" },
+      { type: "icon", key: "icon", options: GEO_ICON_OPTIONS, label: "Icon" },
+      { type: "colorPreset", key: "color", presets: GEO_COLOR_PRESETS, label: "Color" }
+    ]
   }
 };
 export const DEFAULT_DOC_TYPE = DOC_TYPES.doc;
 export function resolveDocType(typeKey, registry) {
   if (!typeKey) return DEFAULT_DOC_TYPE;
+  if (DOC_TYPES[typeKey]) return DOC_TYPES[typeKey];
   if (registry) {
     const pluginTypes = registry.getAllPageTypes();
     if (pluginTypes[typeKey]) {
@@ -92,11 +219,12 @@ export function resolveDocType(typeKey, registry) {
         icon: pt.icon,
         component: pt.component,
         hasEditor: pt.hasEditor,
+        metaSchema: pt.metaSchema,
         available: true
       };
     }
   }
-  return DOC_TYPES[typeKey] ?? DEFAULT_DOC_TYPE;
+  return DEFAULT_DOC_TYPE;
 }
 export function getAvailableDocTypes(registry) {
   const all = { ...DOC_TYPES };

package/dist/runtime/utils/markdownToYjs.js

@@ -115,7 +115,7 @@ function parseMdcProps(propsStr) {
 function parseInline(text) {
   const stripped = text.replace(/\{lang="[^"]*"\}/g, "").replace(/:(?!badge|icon|kbd)(\w[\w-]*)\[([^\]]*)\](\{[^}]*\})?/g, "$2").replace(/:(?!badge|icon|kbd)(\w[\w-]*)(\{[^}]*\})/g, "");
   const tokens = [];
-  const re = /:badge\[([^\]]*)\](\{[^}]*\})?|:icon\{([^}]*)\}|:kbd\{([^}]*)\}|!?\[\[([^\]|]+?)(?:\|([^\]]+?))?\]\]|~~(.+?)~~|\*\*(.+?)\*\*|\*(.+?)\*|_(.+?)_|`(.+?)`|\[(.+?)\]\((.+?)\)/g;
+  const re = /:badge\[([^\]]*)\](\{[^}]*\})?|:icon\{([^}]*)\}|:kbd\{([^}]*)\}|!?\[\[([^\]|]+)(?:\|([^\]]+))?\]\]|~~(.+?)~~|\*\*(.+?)\*\*|\*(.+?)\*|_(.+?)_|`(.+?)`|\[(.+?)\]\((.+?)\)/g;
   let lastIndex = 0;
   let match;
   while ((match = re.exec(stripped)) !== null) {
@@ -161,7 +161,7 @@ function parseTableRow(line) {
 function isTableSeparator(line) {
   return /^\|[\s|:-]+\|$/.test(line.trim());
 }
-const TASK_RE = /^[-*+]\s+\[([ xX])\]\s+(.*)/;
+const TASK_RE = /^[-*+]\s+\[([ x])\]\s+(.*)/i;
 function parseBlocks(markdown) {
   const rawLines = markdown.split("\n");
   let firstContentLine = 0;

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

@@ -0,0 +1,2 @@
+export declare function setSdkModule(mod: any): void;
+export declare function getSdkModule(): any;

package/dist/runtime/utils/sdkRef.js

@@ -0,0 +1,7 @@
+let _sdk = null;
+export function setSdkModule(mod) {
+  _sdk = mod;
+}
+export function getSdkModule() {
+  return _sdk;
+}

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

@@ -0,0 +1,40 @@
+/**
+ * Isomorphic slug utilities for Abracadabra documents.
+ *
+ * Generates deterministic, hierarchical, human-readable URL slugs from the
+ * doc-tree. Same tree always produces the same slug map.
+ */
+/**
+ * Convert a label to a URL-safe slug.
+ *
+ * - Lowercases
+ * - Normalizes unicode (NFD, strip diacritics)
+ * - Replaces non-alphanumeric with hyphens
+ * - Collapses consecutive hyphens
+ * - Trims leading/trailing hyphens
+ * - Returns 'untitled' for empty input
+ */
+export declare function slugify(label: string): string;
+/** Check whether a string is a valid UUID v4 (case-insensitive). */
+export declare const isUUID: (s: string) => boolean;
+export interface SlugMapEntry {
+    id: string;
+    label: string;
+    parentId: string | null;
+    order: number;
+    trashed?: boolean;
+}
+export interface SlugMap {
+    slugToId: Record<string, string>;
+    idToSlug: Record<string, string>;
+}
+/**
+ * Build a bidirectional slug↔docId map from tree entries.
+ *
+ * Slugs are hierarchical: a child's full slug is `parentSlug/childSlug`.
+ * Duplicate slugs at the same level get `-1`, `-2` suffixes (first occurrence
+ * keeps the base slug).
+ *
+ * The output is deterministic: entries are sorted by order, then by id.
+ */
+export declare function buildSlugMap(entries: SlugMapEntry[]): SlugMap;

package/dist/runtime/utils/slugify.js

@@ -0,0 +1,36 @@
+export function slugify(label) {
+  const slug = label.normalize("NFD").replace(/[\u0300-\u036F]/g, "").toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/-{2,}/g, "-").replace(/^-|-$/g, "");
+  return slug || "untitled";
+}
+export const isUUID = (s) => /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i.test(s);
+export function buildSlugMap(entries) {
+  const slugToId = {};
+  const idToSlug = {};
+  const active = entries.filter((e) => !e.trashed);
+  const byParent = /* @__PURE__ */ new Map();
+  for (const entry of active) {
+    const key = entry.parentId ?? null;
+    if (!byParent.has(key)) byParent.set(key, []);
+    byParent.get(key).push(entry);
+  }
+  for (const children of byParent.values()) {
+    children.sort((a, b) => (a.order ?? 0) - (b.order ?? 0) || a.id.localeCompare(b.id));
+  }
+  function processLevel(parentId, parentPath) {
+    const children = byParent.get(parentId);
+    if (!children) return;
+    const slugCount = /* @__PURE__ */ new Map();
+    for (const entry of children) {
+      const baseSlug = slugify(entry.label);
+      const count = slugCount.get(baseSlug) ?? 0;
+      slugCount.set(baseSlug, count + 1);
+      const slug = count === 0 ? baseSlug : `${baseSlug}-${count}`;
+      const fullPath = parentPath ? `${parentPath}/${slug}` : slug;
+      slugToId[fullPath] = entry.id;
+      idToSlug[entry.id] = fullPath;
+      processLevel(entry.id, fullPath);
+    }
+  }
+  processLevel(null, "");
+  return { slugToId, idToSlug };
+}

package/dist/types.d.mts

@@ -2,6 +2,12 @@ export { type AbracadabraPlugin, type AbracadabraState, type CachedTreeNode, typ
 
 export { type AbracadabraLocale } from '../dist/runtime/locale.js'
 
+export { type DocTreeReturn } from '../dist/runtime/composables/useDocTree.js'
+
+export { type DocSeoOptions } from '../dist/runtime/composables/useDocSeo.js'
+
+export { type SlugMap, type SlugMapEntry, type buildSlugMap, type isUUID, type slugify } from '../dist/runtime/utils/slugify.js'
+
 export { type avatarBorderStyle, type avatarGradient, type avatarStyleFromName } from '../dist/runtime/utils/avatarStyle.js'
 
 export { type COLOR_PALETTES, type ColorPalette, type ColorShade, type findPaletteByHex } from '../dist/runtime/utils/colorPalettes.js'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abraca/nuxt",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "First-class Nuxt module for the Abracadabra CRDT collaboration platform",
   "repository": "abracadabra/abracadabra-nuxt",
   "license": "MIT",
@@ -34,17 +34,17 @@
     "lint": "eslint .",
     "test": "vitest run",
     "test:watch": "vitest watch",
+    "test:integration": "vitest run --config test/integration/vitest.config.ts --reporter=verbose",
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
     "@nuxt/kit": "^4.4.2",
-    "@vueuse/core": "^13.0.0",
+    "@vueuse/core": "^14.2.1",
     "defu": "^6.1.4",
-    "nanoevents": "^9.0.0"
+    "nanoevents": "^9.1.0"
   },
   "peerDependencies": {
     "@abraca/dabra": ">=1.0.0",
-    "jszip": ">=3.0.0",
     "@noble/ed25519": ">=2.0.0",
     "@noble/hashes": ">=1.0.0",
     "@nuxt/ui": ">=3.0.0",
@@ -52,14 +52,23 @@
     "@tiptap/extension-collaboration": ">=3.0.0",
     "@tiptap/extension-collaboration-caret": ">=3.0.0",
     "@tiptap/vue-3": ">=3.0.0",
+    "d3-force": ">=3.0.0",
+    "jszip": ">=3.0.0",
+    "mapbox-gl": ">=3.0.0",
     "nuxt": ">=4.0.0",
     "vue": ">=3.4.0",
     "yjs": ">=13.0.0"
   },
   "peerDependenciesMeta": {
+    "d3-force": {
+      "optional": true
+    },
     "jszip": {
       "optional": true
     },
+    "mapbox-gl": {
+      "optional": true
+    },
     "@tiptap/core": {
       "optional": false
     },
@@ -74,29 +83,33 @@
     }
   },
   "devDependencies": {
-    "@abraca/dabra": "file:../abracadabra-ts/packages/provider",
-    "@noble/ed25519": "^2.1.0",
-    "@noble/hashes": "^1.7.1",
-    "@nuxt/devtools": "^3.2.3",
+    "@abraca/dabra": "1.0.9",
+    "@noble/ed25519": "^3.0.1",
+    "@noble/hashes": "^1.8.0",
+    "@nuxt/devtools": "4.0.0-alpha.3",
     "@nuxt/eslint-config": "^1.15.2",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/schema": "^4.4.2",
     "@nuxt/test-utils": "^4.0.0",
-    "@nuxt/ui": "^4.0.0",
-    "@tiptap/core": "^3.0.0",
-    "@tiptap/extension-collaboration": "^3.0.0",
-    "@tiptap/extension-collaboration-caret": "^3.0.0",
-    "@tiptap/vue-3": "^3.0.0",
+    "@nuxt/ui": "^4.6.0",
+    "@tiptap/core": "^3.20.5",
+    "@tiptap/extension-collaboration": "^3.20.5",
+    "@tiptap/extension-collaboration-caret": "^3.20.5",
+    "@tiptap/vue-3": "^3.20.5",
+    "@types/d3-force": "^3.0.10",
     "@types/node": "latest",
+    "@types/ws": "^8.18.1",
     "changelogen": "^0.6.2",
-    "eslint": "^10.0.3",
+    "d3-force": "^3.0.0",
+    "eslint": "^10.1.0",
     "nuxt": "^4.4.2",
     "tslib": "^2.8.1",
-    "typescript": "~5.9.3",
-    "vitest": "^4.1.0",
-    "vue": "^3.5.0",
-    "vue-tsc": "^3.2.5",
-    "yjs": "^13.6.27"
+    "typescript": "~6.0.2",
+    "vitest": "^4.1.1",
+    "vue": "^3.5.30",
+    "vue-tsc": "^3.2.6",
+    "ws": "^8.20.0",
+    "yjs": "^13.6.30"
   },
   "packageManager": "pnpm@10.29.3+sha512.498e1fb4cca5aa06c1dcf2611e6fafc50972ffe7189998c409e90de74566444298ffe43e6cd2acdc775ba1aa7cc5e092a8b7054c811ba8c5770f84693d33d2dc"
 }