@abraca/nuxt 2.0.11 → 2.4.0

package/dist/runtime/utils/yjsConvert.js

@@ -1,331 +1,5 @@
-import * as Y from "yjs";
-function serializeDelta(delta) {
-  let result = "";
-  for (const op of delta) {
-    if (typeof op.insert !== "string") continue;
-    let text = op.insert;
-    const attrs = op.attributes ?? {};
-    if (attrs.code) {
-      result += `\`${text}\``;
-      continue;
-    }
-    if (attrs.bold) text = `**${text}**`;
-    if (attrs.italic) text = `*${text}*`;
-    if (attrs.strike) text = `~~${text}~~`;
-    if (attrs.link) {
-      const href = attrs.link.href ?? "";
-      text = `[${text}](${href})`;
-    }
-    result += text;
-  }
-  return result;
-}
-function serializeInline(el) {
-  const parts = [];
-  for (const child of el.toArray()) {
-    if (child instanceof Y.XmlText) {
-      parts.push(serializeDelta(child.toDelta()));
-    } else if (child instanceof Y.XmlElement) {
-      parts.push(serializeInline(child));
-    }
-  }
-  return parts.join("");
-}
-function serializeBlock(el, indent = "") {
-  if (el instanceof Y.XmlText) {
-    return serializeDelta(el.toDelta());
-  }
-  const name = el.nodeName;
-  switch (name) {
-    case "documentHeader":
-    case "documentMeta":
-      return "";
-    case "heading": {
-      const level = Number(el.getAttribute("level") ?? 2);
-      const hashes = "#".repeat(level);
-      return `${hashes} ${serializeInline(el)}`;
-    }
-    case "paragraph":
-      return serializeInline(el);
-    case "bulletList":
-      return serializeListItems(el, "bullet", indent);
-    case "orderedList":
-      return serializeListItems(el, "ordered", indent);
-    case "taskList":
-      return serializeTaskList(el, indent);
-    case "codeBlock": {
-      const lang = el.getAttribute("language") ?? "";
-      const code = getCodeBlockText(el);
-      return `\`\`\`${lang}
-${code}
-\`\`\``;
-    }
-    case "blockquote": {
-      const lines = [];
-      for (const child of el.toArray()) {
-        if (child instanceof Y.XmlElement) {
-          const text = serializeBlock(child);
-          for (const line of text.split("\n")) {
-            lines.push(`> ${line}`);
-          }
-        }
-      }
-      return lines.join("\n");
-    }
-    case "table":
-      return serializeTable(el);
-    case "horizontalRule":
-      return "---";
-    case "image": {
-      const src = el.getAttribute("src") ?? "";
-      const alt = el.getAttribute("alt") ?? "";
-      return `![${alt}](${src})`;
-    }
-    case "fileBlock": {
-      const uploadId = el.getAttribute("uploadId") ?? "";
-      const filename = el.getAttribute("filename") ?? "file";
-      if (uploadId) return `<!--fileblock:${uploadId}:${filename}-->`;
-      return `<!-- file: ${filename} -->`;
-    }
-    default:
-      return serializeChildren(el);
-  }
-}
-function serializeChildren(el) {
-  const blocks = [];
-  for (const child of el.toArray()) {
-    if (child instanceof Y.XmlElement) {
-      const text = serializeBlock(child);
-      if (text) blocks.push(text);
-    } else if (child instanceof Y.XmlText) {
-      const text = serializeDelta(child.toDelta());
-      if (text) blocks.push(text);
-    }
-  }
-  return blocks.join("\n\n");
-}
-function serializeListItems(el, type, indent) {
-  const lines = [];
-  let counter = 1;
-  for (const child of el.toArray()) {
-    if (!(child instanceof Y.XmlElement) || child.nodeName !== "listItem") continue;
-    const prefix = type === "bullet" ? "- " : `${counter++}. `;
-    const subParts = [];
-    for (const sub of child.toArray()) {
-      if (!(sub instanceof Y.XmlElement)) continue;
-      if (sub.nodeName === "bulletList") {
-        subParts.push(serializeListItems(sub, "bullet", indent + "  "));
-      } else if (sub.nodeName === "orderedList") {
-        subParts.push(serializeListItems(sub, "ordered", indent + "  "));
-      } else {
-        subParts.push(serializeInline(sub));
-      }
-    }
-    if (subParts.length <= 1) {
-      lines.push(`${indent}${prefix}${subParts[0] ?? ""}`);
-    } else {
-      lines.push(`${indent}${prefix}${subParts[0] ?? ""}`);
-      for (let i = 1; i < subParts.length; i++) {
-        lines.push(subParts[i]);
-      }
-    }
-  }
-  return lines.join("\n");
-}
-function serializeTaskList(el, indent) {
-  const lines = [];
-  for (const child of el.toArray()) {
-    if (!(child instanceof Y.XmlElement) || child.nodeName !== "taskItem") continue;
-    const checked = child.getAttribute("checked");
-    const marker = checked === true || checked === "true" ? "[x]" : "[ ]";
-    const text = child.toArray().filter((c) => c instanceof Y.XmlElement).map((c) => serializeInline(c)).join("");
-    lines.push(`${indent}- ${marker} ${text}`);
-  }
-  return lines.join("\n");
-}
-function getCodeBlockText(el) {
-  for (const child of el.toArray()) {
-    if (child instanceof Y.XmlText) {
-      return child.toString();
-    }
-  }
-  return "";
-}
-function serializeTable(el) {
-  const rows = el.toArray().filter((c) => c instanceof Y.XmlElement);
-  if (!rows.length) return "";
-  const serializedRows = [];
-  for (const row of rows) {
-    const cells = row.toArray().filter((c) => c instanceof Y.XmlElement).map((cell) => {
-      return cell.toArray().filter((c) => c instanceof Y.XmlElement).map((c) => serializeInline(c)).join(" ");
-    });
-    serializedRows.push(cells);
-  }
-  if (!serializedRows.length) return "";
-  const colCount = Math.max(...serializedRows.map((r) => r.length));
-  const headerRow = serializedRows[0];
-  const separator = Array(colCount).fill("---");
-  const dataRows = serializedRows.slice(1);
-  const formatRow = (cells) => {
-    const padded = Array(colCount).fill("").map((_, i) => cells[i] ?? "");
-    return `| ${padded.join(" | ")} |`;
-  };
-  const lines = [formatRow(headerRow), formatRow(separator), ...dataRows.map(formatRow)];
-  return lines.join("\n");
-}
-function generateFrontmatter(label, meta, type) {
-  const lines = [];
-  lines.push(`title: "${escapeYaml(label)}"`);
-  if (type && type !== "doc") lines.push(`type: ${type}`);
-  if (!meta) return `---
-${lines.join("\n")}
----`;
-  if (meta.tags?.length) lines.push(`tags: [${meta.tags.join(", ")}]`);
-  if (meta.color) lines.push(`color: ${meta.color}`);
-  if (meta.icon) lines.push(`icon: ${meta.icon}`);
-  if (meta.status) lines.push(`status: ${meta.status}`);
-  if (meta.priority !== void 0 && meta.priority !== 0) {
-    const map = { 1: "low", 2: "medium", 3: "high", 4: "urgent" };
-    lines.push(`priority: ${map[meta.priority] ?? meta.priority}`);
-  }
-  if (meta.checked !== void 0) lines.push(`checked: ${meta.checked}`);
-  if (meta.dateStart) lines.push(`date: ${meta.dateStart}`);
-  if (meta.dateEnd) lines.push(`due: ${meta.dateEnd}`);
-  if (meta.subtitle) lines.push(`description: "${escapeYaml(meta.subtitle)}"`);
-  if (meta.url) lines.push(`url: ${meta.url}`);
-  if (meta.rating !== void 0 && meta.rating !== 0) lines.push(`rating: ${meta.rating}`);
-  return `---
-${lines.join("\n")}
----`;
-}
-function escapeYaml(s) {
-  return s.replace(/\\/g, "\\\\").replace(/"/g, '\\"');
-}
-function escapeHtml(s) {
-  return s.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;");
-}
-function serializeDeltaToHtml(delta) {
-  let result = "";
-  for (const op of delta) {
-    if (typeof op.insert !== "string") continue;
-    let text = escapeHtml(op.insert);
-    const attrs = op.attributes ?? {};
-    if (attrs.code) text = `<code>${text}</code>`;
-    if (attrs.bold) text = `<strong>${text}</strong>`;
-    if (attrs.italic) text = `<em>${text}</em>`;
-    if (attrs.strike) text = `<s>${text}</s>`;
-    if (attrs.link) {
-      const href = escapeHtml(attrs.link.href ?? "");
-      text = `<a href="${href}">${text}</a>`;
-    }
-    result += text;
-  }
-  return result;
-}
-function serializeInlineHtml(el) {
-  const parts = [];
-  for (const child of el.toArray()) {
-    if (child instanceof Y.XmlText) {
-      parts.push(serializeDeltaToHtml(child.toDelta()));
-    } else if (child instanceof Y.XmlElement) {
-      parts.push(serializeInlineHtml(child));
-    }
-  }
-  return parts.join("");
-}
-function serializeBlockToHtml(el) {
-  if (el instanceof Y.XmlText) {
-    return serializeDeltaToHtml(el.toDelta());
-  }
-  const name = el.nodeName;
-  switch (name) {
-    case "documentHeader":
-    case "documentMeta":
-      return "";
-    case "heading": {
-      const level = Number(el.getAttribute("level") ?? 2);
-      return `<h${level}>${serializeInlineHtml(el)}</h${level}>`;
-    }
-    case "paragraph":
-      return `<p>${serializeInlineHtml(el)}</p>`;
-    case "bulletList":
-      return `<ul>${el.toArray().filter((c) => c instanceof Y.XmlElement && c.nodeName === "listItem").map((li) => `<li>${li.toArray().filter((c) => c instanceof Y.XmlElement).map((c) => serializeBlockToHtml(c)).join("")}</li>`).join("\n")}</ul>`;
-    case "orderedList":
-      return `<ol>${el.toArray().filter((c) => c instanceof Y.XmlElement && c.nodeName === "listItem").map((li) => `<li>${li.toArray().filter((c) => c instanceof Y.XmlElement).map((c) => serializeBlockToHtml(c)).join("")}</li>`).join("\n")}</ol>`;
-    case "codeBlock": {
-      const lang = el.getAttribute("language") ?? "";
-      const code = escapeHtml(getCodeBlockText(el));
-      return lang ? `<pre><code class="language-${lang}">${code}</code></pre>` : `<pre><code>${code}</code></pre>`;
-    }
-    case "blockquote": {
-      const inner = el.toArray().filter((c) => c instanceof Y.XmlElement).map((c) => serializeBlockToHtml(c)).join("\n");
-      return `<blockquote>
-${inner}
-</blockquote>`;
-    }
-    case "table": {
-      const rows = el.toArray().filter((c) => c instanceof Y.XmlElement);
-      if (!rows.length) return "";
-      const htmlRows = rows.map((row, ri) => {
-        const tag = ri === 0 ? "th" : "td";
-        const cells = row.toArray().filter((c) => c instanceof Y.XmlElement).map((cell) => {
-          const inner = cell.toArray().filter((c) => c instanceof Y.XmlElement).map((c) => serializeInlineHtml(c)).join("");
-          return `<${tag}>${inner}</${tag}>`;
-        }).join("");
-        return `<tr>${cells}</tr>`;
-      });
-      return `<table>
-${htmlRows.join("\n")}
-</table>`;
-    }
-    case "horizontalRule":
-      return "<hr>";
-    case "image": {
-      const src = el.getAttribute("src") ?? "";
-      const alt = el.getAttribute("alt") ?? "";
-      return `<img src="${escapeHtml(src)}" alt="${escapeHtml(alt)}">`;
-    }
-    case "fileBlock": {
-      const uploadId = el.getAttribute("uploadId") ?? "";
-      const filename = el.getAttribute("filename") ?? "file";
-      if (uploadId) return `<!--fileblock:${uploadId}:${filename}-->`;
-      return `<!-- file: ${filename} -->`;
-    }
-    default: {
-      const inner = el.toArray().filter((c) => c instanceof Y.XmlElement || c instanceof Y.XmlText).map((c) => c instanceof Y.XmlElement ? serializeBlockToHtml(c) : serializeDeltaToHtml(c.toDelta())).join("\n");
-      return `<div data-type="${name}">
-${inner}
-</div>`;
-    }
-  }
-}
-export function yjsToMarkdown(fragment, label, meta, type) {
-  const frontmatter = generateFrontmatter(label, meta, type);
-  const body = serializeChildren(fragment);
-  return `${frontmatter}
-
-${body}
-`;
-}
-export function yjsToHtml(fragment, label) {
-  const title = escapeHtml(label);
-  const bodyParts = [];
-  for (const child of fragment.toArray()) {
-    if (child instanceof Y.XmlElement) {
-      const html = serializeBlockToHtml(child);
-      if (html) bodyParts.push(html);
-    }
-  }
-  return `<!DOCTYPE html>
-<html>
-<head><meta charset="utf-8"><title>${title}</title></head>
-<body>
-<h1>${title}</h1>
-${bodyParts.join("\n")}
-</body>
-</html>
-`;
-}
-export function yjsToPlainText(fragment) {
-  return serializeChildren(fragment);
-}
+export {
+  yjsToMarkdown,
+  yjsToHtml,
+  yjsToPlainText
+} from "@abraca/convert";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abraca/nuxt",
-  "version": "2.0.11",
+  "version": "2.4.0",
   "description": "First-class Nuxt module for the Abracadabra CRDT collaboration platform",
   "repository": "abracadabra/abracadabra-nuxt",
   "license": "MIT",
@@ -25,22 +25,6 @@
   "publishConfig": {
     "access": "public"
   },
-  "scripts": {
-    "prepack": "nuxt-module-build build",
-    "dev": "npm run dev:prepare && nuxt dev playground",
-    "dev:build": "nuxt build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playground",
-    "release": "npm run lint && npm run prepack",
-    "lint": "eslint .",
-    "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": {
     "@nuxt/kit": "^4.4.4",
     "@vueuse/core": "^14.3.0",
@@ -48,7 +32,21 @@
     "nanoevents": "^9.1.0"
   },
   "peerDependencies": {
-    "@abraca/dabra": "^2.0.9",
+    "@abraca/dabra": "^2.3.0",
+    "@abraca/convert": "^2.3.0",
+    "@abraca/plugin": "^2.3.0",
+    "@abraca/schema": "^2.3.0",
+    "@codemirror/autocomplete": "^6.18.0",
+    "@codemirror/commands": "^6.7.0",
+    "@codemirror/lang-css": "^6.3.1",
+    "@codemirror/lang-javascript": "^6.2.5",
+    "@codemirror/lang-json": "^6.0.0",
+    "@codemirror/lang-vue": "^0.1.3",
+    "@codemirror/language": "^6.10.0",
+    "@codemirror/search": "^6.5.0",
+    "@codemirror/state": "^6.6.0",
+    "@codemirror/view": "^6.42.0",
+    "y-codemirror.next": "^0.3.5",
     "@noble/ed25519": "^3.1.0",
     "@noble/hashes": "^2.2.0",
     "@nuxt/ui": "^3.0.0",
@@ -78,10 +76,50 @@
     "lowlight": "^3.0.0",
     "mapbox-gl": "^3.0.0",
     "nuxt": "^4.0.0",
+    "three": "^0.184.0",
     "vue": "^3.4.0",
     "yjs": "^13.0.0"
   },
   "peerDependenciesMeta": {
+    "@abraca/schema": {
+      "optional": true
+    },
+    "three": {
+      "optional": true
+    },
+    "@codemirror/autocomplete": {
+      "optional": true
+    },
+    "@codemirror/commands": {
+      "optional": true
+    },
+    "@codemirror/lang-css": {
+      "optional": true
+    },
+    "@codemirror/lang-javascript": {
+      "optional": true
+    },
+    "@codemirror/lang-json": {
+      "optional": true
+    },
+    "@codemirror/lang-vue": {
+      "optional": true
+    },
+    "@codemirror/language": {
+      "optional": true
+    },
+    "@codemirror/search": {
+      "optional": true
+    },
+    "@codemirror/state": {
+      "optional": true
+    },
+    "@codemirror/view": {
+      "optional": true
+    },
+    "y-codemirror.next": {
+      "optional": true
+    },
     "@tanstack/vue-virtual": {
       "optional": true
     },
@@ -99,7 +137,20 @@
     }
   },
   "devDependencies": {
-    "@abraca/dabra": "^2.0.10",
+    "@abraca/dabra": "^2.3.0",
+    "@abraca/convert": "^2.3.0",
+    "@abraca/plugin": "^2.3.0",
+    "@codemirror/autocomplete": "^6.18.0",
+    "@codemirror/commands": "^6.7.0",
+    "@codemirror/lang-css": "^6.3.1",
+    "@codemirror/lang-javascript": "^6.2.5",
+    "@codemirror/lang-json": "^6.0.0",
+    "@codemirror/lang-vue": "^0.1.3",
+    "@codemirror/language": "^6.10.0",
+    "@codemirror/search": "^6.5.0",
+    "@codemirror/state": "^6.6.0",
+    "@codemirror/view": "^6.42.0",
+    "y-codemirror.next": "^0.3.5",
     "@iconify-json/lucide": "^1.2.105",
     "@noble/ed25519": "^3.1.0",
     "@noble/hashes": "^2.2.0",
@@ -130,5 +181,19 @@
     "ws": "^8.20.0",
     "yjs": "^13.6.30"
   },
-  "packageManager": "pnpm@10.29.3+sha512.498e1fb4cca5aa06c1dcf2611e6fafc50972ffe7189998c409e90de74566444298ffe43e6cd2acdc775ba1aa7cc5e092a8b7054c811ba8c5770f84693d33d2dc"
-}
+  "scripts": {
+    "dev": "npm run dev:prepare && nuxt dev playground",
+    "dev:build": "nuxt build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxt prepare playground",
+    "release": "npm run lint && npm run prepack",
+    "lint": "eslint .",
+    "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"
+  }
+}