@abraca/nuxt 1.8.2 → 1.9.1

package/dist/runtime/theme/content/content-toc.js

@@ -0,0 +1,94 @@
+import { themeOptions } from "./_shared.js";
+const contentToc = (options) => ({
+  slots: {
+    root: "sticky top-(--ui-header-height) z-10 bg-default/75 lg:bg-[initial] backdrop-blur -mx-4 px-4 sm:px-6 sm:-mx-6 lg:ms-0 overflow-y-auto max-h-[calc(100vh-var(--ui-header-height))]",
+    container: "pt-4 sm:pt-6 pb-2.5 sm:pb-4.5 lg:py-8 border-b border-dashed border-default lg:border-0 flex flex-col",
+    top: "",
+    bottom: "hidden lg:flex lg:flex-col gap-6",
+    trigger: "group text-sm font-semibold flex-1 flex items-center gap-1.5 py-1.5 -mt-1.5 focus-visible:outline-primary",
+    title: "truncate",
+    trailing: "ms-auto inline-flex gap-1.5 items-center",
+    trailingIcon: "size-5 transform transition-transform duration-200 shrink-0 group-data-[state=open]:rotate-180 lg:hidden",
+    content: "relative data-[state=open]:animate-[collapsible-down_200ms_ease-out] data-[state=closed]:animate-[collapsible-up_200ms_ease-out] overflow-hidden focus:outline-none",
+    list: "min-w-0",
+    listWithChildren: "ms-3",
+    item: "min-w-0",
+    itemWithChildren: "",
+    link: "group relative text-sm flex items-center focus-visible:outline-primary py-1",
+    linkText: "truncate",
+    indicator: "",
+    indicatorLine: "",
+    indicatorActive: ""
+  },
+  variants: {
+    color: {
+      ...Object.fromEntries((options.theme.colors || []).map((color) => [color, ""])),
+      neutral: ""
+    },
+    highlightColor: {
+      ...Object.fromEntries((options.theme.colors || []).map((color) => [color, {
+        indicatorActive: `bg-${color}`
+      }])),
+      neutral: {
+        indicatorActive: "bg-inverted"
+      }
+    },
+    active: {
+      false: {
+        link: ["text-muted hover:text-default", options.theme.transitions && "transition-colors"]
+      }
+    },
+    highlight: {
+      true: ""
+    },
+    highlightVariant: {
+      straight: "",
+      circuit: ""
+    },
+    body: {
+      true: {
+        bottom: "mt-6"
+      }
+    }
+  },
+  compoundVariants: [...(options.theme.colors || []).map((color) => ({
+    color,
+    active: true,
+    class: {
+      link: `text-${color}`
+    }
+  })), {
+    color: "neutral",
+    active: true,
+    class: {
+      link: "text-highlighted"
+    }
+  }, {
+    highlight: true,
+    highlightVariant: "straight",
+    class: {
+      list: "ms-2.5 ps-4 border-s border-default",
+      item: "-ms-px",
+      indicator: "absolute ms-2.5 transition-[translate,height] duration-200 h-(--indicator-size) translate-y-(--indicator-position) w-px rounded-full",
+      indicatorLine: "hidden",
+      indicatorActive: "w-full h-full"
+    }
+  }, {
+    highlight: true,
+    highlightVariant: "circuit",
+    class: {
+      list: "ps-6.5",
+      item: "-ms-px",
+      itemWithChildren: "ps-px",
+      indicator: "absolute ms-2.5 start-0 top-0 rtl:-scale-x-100",
+      indicatorLine: "absolute inset-0 bg-(--ui-border)",
+      indicatorActive: "absolute w-full h-(--indicator-size) translate-y-(--indicator-position) transition-[translate,height] duration-200 ease-out"
+    }
+  }],
+  defaultVariants: {
+    color: "primary",
+    highlightColor: "primary",
+    highlightVariant: "straight"
+  }
+});
+export default contentToc(themeOptions);

package/dist/runtime/theme/content/index.d.ts

@@ -0,0 +1,5 @@
+export { default as contentNavigation } from './content-navigation.js';
+export { default as contentSearch } from './content-search.js';
+export { default as contentSearchButton } from './content-search-button.js';
+export { default as contentSurround } from './content-surround.js';
+export { default as contentToc } from './content-toc.js';

package/dist/runtime/theme/content/index.js

@@ -0,0 +1,5 @@
+export { default as contentNavigation } from "./content-navigation.js";
+export { default as contentSearch } from "./content-search.js";
+export { default as contentSearchButton } from "./content-search-button.js";
+export { default as contentSurround } from "./content-surround.js";
+export { default as contentToc } from "./content-toc.js";

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

@@ -0,0 +1,19 @@
+export interface ContentNavigationItem {
+    title?: string;
+    path?: string;
+    icon?: string;
+    children?: ContentNavigationItem[];
+    [key: string]: any;
+}
+export interface MapContentNavigationItemOptions {
+    labelAttribute?: string;
+    deep?: number;
+}
+export declare function mapContentNavigationItem(item: ContentNavigationItem, options?: MapContentNavigationItemOptions, currentDepth?: number): Omit<ContentNavigationItem, 'title' | 'path'> & {
+    label?: string;
+    to?: string;
+};
+export declare function mapContentNavigation(navigation: ContentNavigationItem[], options?: MapContentNavigationItemOptions): (Omit<ContentNavigationItem, "path" | "title"> & {
+    label?: string;
+    to?: string;
+})[];

package/dist/runtime/utils/content.js

@@ -0,0 +1,23 @@
+export function mapContentNavigationItem(item, options, currentDepth = 0) {
+  const navMap = {
+    [options?.labelAttribute || "title"]: "label",
+    path: "to"
+  };
+  const link = Object.keys(item).reduce((acc, key) => {
+    if (item[key]) {
+      const mappedKey = navMap[key] || key;
+      acc[mappedKey] = item[key];
+    }
+    return acc;
+  }, {});
+  const shouldRecurse = typeof options?.deep === "undefined" || currentDepth < options.deep;
+  if (shouldRecurse && Array.isArray(item.children)) {
+    link.children = item.children.map((child) => mapContentNavigationItem(child, options, currentDepth + 1));
+  } else {
+    link.children = [];
+  }
+  return link;
+}
+export function mapContentNavigation(navigation, options) {
+  return navigation.map((item) => mapContentNavigationItem(item, options));
+}

package/dist/runtime/utils/docReferenceEdges.js

@@ -14,7 +14,7 @@ export function scanDocReferences(fragment) {
           }
         }
       } else if (child instanceof Y.XmlElement) {
-        if (child.nodeName === "docEmbed") {
+        if (child.nodeName === "docEmbed" || child.nodeName === "docLink") {
           const docId = child.getAttribute("docId");
           if (docId) refs.push(docId);
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abraca/nuxt",
-  "version": "1.8.2",
+  "version": "1.9.1",
   "description": "First-class Nuxt module for the Abracadabra CRDT collaboration platform",
   "repository": "abracadabra/abracadabra-nuxt",
   "license": "MIT",
@@ -35,6 +35,10 @@
     "test": "vitest run",
     "test:watch": "vitest watch",
     "test:integration": "vitest run --config test/integration/vitest.config.ts --reporter=verbose",
+    "test:unit": "vitest run --config test/unit/vitest.config.ts",
+    "test:e2e": "playwright test",
+    "test:e2e:headed": "playwright test --headed",
+    "test:e2e:ui": "playwright test --ui",
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit"
   },
   "dependencies": {
@@ -45,8 +49,8 @@
   },
   "peerDependencies": {
     "@abraca/dabra": "^1.5.0",
-    "@noble/ed25519": "^3.0.0",
-    "@noble/hashes": "^1.0.0",
+    "@noble/ed25519": "~2.3.0",
+    "@noble/hashes": "^1.8.0",
     "@nuxt/ui": "^3.0.0",
     "@tiptap/core": "^3.0.0",
     "@tiptap/extension-collaboration": "^3.0.0",
@@ -83,14 +87,15 @@
     }
   },
   "devDependencies": {
-    "@abraca/dabra": "1.8.2",
-    "@noble/ed25519": "^3.0.1",
+    "@abraca/dabra": "1.9.1",
+    "@noble/ed25519": "~2.3.0",
     "@noble/hashes": "^1.8.0",
     "@nuxt/eslint-config": "^1.15.2",
     "@nuxt/module-builder": "^1.0.2",
     "@nuxt/schema": "^4.4.2",
     "@nuxt/test-utils": "^4.0.2",
     "@nuxt/ui": "^4.6.1",
+    "@playwright/test": "^1.59.1",
     "@tiptap/core": "^3.22.4",
     "@tiptap/extension-collaboration": "^3.22.4",
     "@tiptap/extension-collaboration-caret": "^3.22.4",
@@ -98,14 +103,16 @@
     "@types/d3-force": "^3.0.10",
     "@types/node": "latest",
     "@types/ws": "^8.18.1",
+    "@vue/test-utils": "^2.4.6",
     "changelogen": "^0.6.2",
     "d3-force": "^3.0.0",
     "eslint": "^10.2.1",
+    "happy-dom": "^20.9.0",
     "nuxt": "^4.4.2",
     "tslib": "^2.8.1",
     "typescript": "~6.0.3",
-    "vitest": "^4.1.4",
-    "vue": "^3.5.32",
+    "vitest": "^4.1.5",
+    "vue": "^3.5.33",
     "vue-tsc": "^3.2.7",
     "ws": "^8.20.0",
     "yjs": "^13.6.30"