@abraca/nuxt 1.9.1 → 2.0.1

package/dist/runtime/utils/docTypes.js

@@ -1,4 +1,21 @@
 import { defineAsyncComponent } from "vue";
+import ADocLoadingSkeleton from "../components/renderers/ADocLoadingSkeleton.vue";
+import ADocLoadError from "../components/renderers/ADocLoadError.vue";
+function defineDocComponent(loader) {
+  return defineAsyncComponent({
+    loader,
+    loadingComponent: ADocLoadingSkeleton,
+    errorComponent: ADocLoadError,
+    delay: 200,
+    onError(_error, retry, fail, attempts) {
+      if (attempts <= 5) {
+        setTimeout(retry, attempts * 500);
+      } else {
+        fail();
+      }
+    }
+  });
+}
 const GEO_COLOR_PRESETS = ["#3b82f6", "#f97316", "#22c55e", "#ef4444", "#a855f7"];
 const GEO_ICON_OPTIONS = [
   "map-pin",
@@ -46,10 +63,24 @@ export const DOC_TYPES = {
     available: true,
     hasEditor: true,
     supportsChildren: true,
-    component: defineAsyncComponent(
+    component: defineDocComponent(
       () => import("../components/AEditor.vue")
     )
   },
+  prose: {
+    key: "prose",
+    label: "Prose",
+    icon: "i-lucide-pen-tool",
+    description: "Long-form prose with serif typography and a narrow readable measure",
+    available: true,
+    hasEditor: true,
+    supportsChildren: true,
+    childLabel: "Item",
+    defaultDepth: -1,
+    component: defineDocComponent(
+      () => import("../components/renderers/AProseRenderer.vue")
+    )
+  },
   kanban: {
     key: "kanban",
     label: "Kanban",
@@ -59,7 +90,7 @@ export const DOC_TYPES = {
     supportsChildren: true,
     childLabel: "Column",
     grandchildLabel: "Card",
-    component: defineAsyncComponent(
+    component: defineDocComponent(
       () => import("../components/renderers/AKanbanRenderer.vue")
     )
   },
@@ -71,7 +102,7 @@ export const DOC_TYPES = {
     available: true,
     supportsChildren: true,
     childLabel: "Item",
-    component: defineAsyncComponent(
+    component: defineDocComponent(
       () => import("../components/renderers/AGalleryRenderer.vue")
     )
   },
@@ -83,7 +114,7 @@ export const DOC_TYPES = {
     available: true,
     supportsChildren: true,
     childLabel: "Row",
-    component: defineAsyncComponent(
+    component: defineDocComponent(
       () => import("../components/renderers/ATableRenderer.vue")
     )
   },
@@ -96,7 +127,7 @@ export const DOC_TYPES = {
     supportsChildren: true,
     childLabel: "Item",
     defaultDepth: -1,
-    component: defineAsyncComponent(
+    component: defineDocComponent(
       () => import("../components/renderers/AOutlineRenderer.vue")
     )
   },
@@ -108,7 +139,7 @@ export const DOC_TYPES = {
     available: true,
     supportsChildren: true,
     childLabel: "Event",
-    component: defineAsyncComponent(
+    component: defineDocComponent(
       () => import("../components/renderers/ACalendarRenderer.vue")
     ),
     metaSchema: [
@@ -125,7 +156,7 @@ export const DOC_TYPES = {
     supportsChildren: true,
     childLabel: "Task",
     defaultDepth: -1,
-    component: defineAsyncComponent(
+    component: defineDocComponent(
       () => import("../components/renderers/AChecklistRenderer.vue")
     ),
     metaSchema: [
@@ -143,7 +174,7 @@ export const DOC_TYPES = {
     supportsChildren: true,
     childLabel: "Epic",
     grandchildLabel: "Task",
-    component: defineAsyncComponent(
+    component: defineDocComponent(
       () => import("../components/renderers/ATimelineRenderer.vue")
     ),
     metaSchema: [
@@ -159,7 +190,7 @@ export const DOC_TYPES = {
     description: "Video call room with real-time audio and video",
     available: true,
     supportsChildren: false,
-    component: defineAsyncComponent(
+    component: defineDocComponent(
       () => import("../components/renderers/ACallRenderer.vue")
     )
   },
@@ -171,7 +202,7 @@ export const DOC_TYPES = {
     available: true,
     supportsChildren: true,
     childLabel: "Node",
-    component: defineAsyncComponent(
+    component: defineDocComponent(
       () => import("../components/renderers/AGraphRenderer.vue")
     )
   },
@@ -183,7 +214,7 @@ export const DOC_TYPES = {
     available: true,
     supportsChildren: true,
     childLabel: "Item",
-    component: defineAsyncComponent(
+    component: defineDocComponent(
       () => import("../components/renderers/ADashboardRenderer.vue")
     )
   },
@@ -195,7 +226,7 @@ export const DOC_TYPES = {
     available: true,
     supportsChildren: true,
     childLabel: "Location",
-    component: defineAsyncComponent(
+    component: defineDocComponent(
       () => import("../components/renderers/AMapRenderer.vue")
     ),
     metaSchema: [
@@ -213,7 +244,7 @@ export const DOC_TYPES = {
     supportsChildren: true,
     childLabel: "Slide",
     grandchildLabel: "Sub-slide",
-    component: defineAsyncComponent(
+    component: defineDocComponent(
       () => import("../components/renderers/ASlidesRenderer.vue")
     ),
     metaSchema: [

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

@@ -0,0 +1,42 @@
+/**
+ * DOM-path serialization helpers for cross-tab anchor sync.
+ *
+ * Used by:
+ *   - `useAATextSelection` to broadcast a peer's text selection range
+ *   - `useAAScrollAnchor` to broadcast which DOM element a peer is focused on
+ *     so the follow-scroll can re-anchor on a different-sized viewport
+ *
+ * Strategy: serialise a Range endpoint (or an element) as an array of
+ * child indices walked from `document.body`, plus a TEXT_NODE_INDEX (for
+ * text selections only) and a character offset.
+ *
+ * This is robust across two browsers that render the *same DOM tree* — i.e.
+ * the playground in two tabs. It's deliberately NOT robust against unrelated
+ * markup divergence (different ad blockers, dynamic counts, etc.); the
+ * intended use is collaborative focus inside a shared application surface.
+ */
+export interface DomPath {
+    /** Element-only path: childIndex from body → ... → element */
+    elementPath: number[];
+    /** Optional: index of text node within the element's child nodes */
+    textNodeIndex?: number;
+    /** Character offset within the text node (or element) */
+    offset?: number;
+}
+/** Find an element from the anchor root via a precomputed path. */
+export declare function elementFromPath(path: number[]): Element | null;
+/** Compute path from the anchor root → element. Returns null if element is
+ *  detached or lives outside the anchor root (which is fine — it means the
+ *  element is in a portal we don't want to track anyway). */
+export declare function pathFromElement(el: Element): number[] | null;
+/** Serialize a Range endpoint as a DomPath. Walks up to nearest element if
+ *  the endpoint is inside a text node. */
+export declare function serializeRangeEndpoint(node: Node, offset: number): DomPath | null;
+/** Rebuild a DOM Range endpoint from a DomPath in the local document. */
+export declare function deserializeRangeEndpoint(path: DomPath): {
+    node: Node;
+    offset: number;
+} | null;
+/** Build a Range from start + end DomPaths. Returns null if either endpoint
+ *  cannot be resolved. */
+export declare function rangeFromPaths(start: DomPath, end: DomPath): Range | null;

package/dist/runtime/utils/domPath.js

@@ -0,0 +1,89 @@
+const SKIP_ANCESTORS = /* @__PURE__ */ new Set([
+  // Don't try to anchor inside our own overlays/portals — they're transient
+  // and re-create on every render, so the path would be unstable.
+  "aa-caret-layer",
+  "aa-global-focus-layer",
+  "aa-follow-bar"
+]);
+function shouldSkip(el) {
+  for (const cls of SKIP_ANCESTORS) {
+    if (el.classList?.contains(cls)) return true;
+  }
+  if (el.id?.startsWith("reka-")) return true;
+  if (el.hasAttribute("data-aa-skip-anchor")) return true;
+  return false;
+}
+function getAnchorRoot() {
+  return document.getElementById("__nuxt") || document.getElementById("app") || document.body;
+}
+export function elementFromPath(path) {
+  let node = getAnchorRoot();
+  for (const idx of path) {
+    const child = node.children[idx];
+    if (!child) return null;
+    node = child;
+  }
+  return node;
+}
+export function pathFromElement(el) {
+  if (!el || !el.isConnected) return null;
+  const root = getAnchorRoot();
+  if (!root.contains(el)) return null;
+  const path = [];
+  let cur = el;
+  while (cur && cur !== root) {
+    const parent = cur.parentElement;
+    if (!parent) return null;
+    const idx = Array.prototype.indexOf.call(parent.children, cur);
+    if (idx < 0) return null;
+    path.unshift(idx);
+    cur = parent;
+  }
+  return path;
+}
+export function serializeRangeEndpoint(node, offset) {
+  let el = null;
+  let textNodeIndex;
+  let endOffset;
+  if (node.nodeType === Node.TEXT_NODE) {
+    el = node.parentElement;
+    if (!el) return null;
+    textNodeIndex = Array.prototype.indexOf.call(el.childNodes, node);
+    endOffset = offset;
+  } else if (node.nodeType === Node.ELEMENT_NODE) {
+    el = node;
+    endOffset = offset;
+  } else {
+    return null;
+  }
+  for (let p = el; p && p !== document.body; p = p.parentElement) {
+    if (shouldSkip(p)) return null;
+  }
+  const elementPath = pathFromElement(el);
+  if (!elementPath) return null;
+  return { elementPath, textNodeIndex, offset: endOffset };
+}
+export function deserializeRangeEndpoint(path) {
+  const el = elementFromPath(path.elementPath);
+  if (!el) return null;
+  if (typeof path.textNodeIndex === "number") {
+    const textNode = el.childNodes[path.textNodeIndex];
+    if (!textNode) return null;
+    const offset = Math.min(path.offset ?? 0, textNode.length ?? 0);
+    return { node: textNode, offset };
+  }
+  return { node: el, offset: path.offset ?? 0 };
+}
+export function rangeFromPaths(start, end) {
+  const s = deserializeRangeEndpoint(start);
+  const e = deserializeRangeEndpoint(end);
+  if (!s || !e) return null;
+  try {
+    const r = document.createRange();
+    r.setStart(s.node, s.offset);
+    r.setEnd(e.node, e.offset);
+    return r;
+  } catch {
+    return null;
+  }
+}

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

@@ -0,0 +1 @@
+export declare function loadKatex(): Promise<any>;

package/dist/runtime/utils/loadKatex.js

@@ -0,0 +1,29 @@
+let katexCache = null;
+let katexLoading = null;
+let warnedMissing = false;
+export async function loadKatex() {
+  if (katexCache) return katexCache;
+  if (katexLoading) return katexLoading;
+  katexLoading = (async () => {
+    try {
+      const pkg = "katex";
+      const mod = await import(
+        /* @vite-ignore */
+        pkg
+      );
+      katexCache = mod?.default ?? mod;
+      return katexCache;
+    } catch {
+      if (import.meta.dev && !warnedMissing) {
+        warnedMissing = true;
+        console.warn(
+          "[abracadabra] math extension: `katex` peer dependency not installed. Math nodes will render their raw LaTeX source. Install with `pnpm add katex` and import `katex/dist/katex.min.css`."
+        );
+      }
+      return null;
+    } finally {
+      katexLoading = null;
+    }
+  })();
+  return katexLoading;
+}

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

@@ -0,0 +1,16 @@
+/**
+ * LUCIDE_ICON_NAMES — curated set of common Lucide icon names.
+ *
+ * In `cou-sh`, this list is generated dynamically from
+ * `@iconify-json/lucide/icons.json` (1500+ icons). The Nuxt module does NOT
+ * bundle that dependency to keep its install footprint small, so we ship a
+ * static curated subset (~250 of the most useful Lucide icons) instead.
+ *
+ * Tracked for next round in `gaps/_NEXT_ROUND_BLOCKERS.md` — once the iconify
+ * dep is added, replace this file with a single `Object.keys(...).sort()` call
+ * so that consumers get the full icon set.
+ *
+ * Names are kebab-case, without the `i-lucide-` prefix. The IconPicker prepends
+ * the prefix when rendering.
+ */
+export declare const LUCIDE_ICON_NAMES: string[];