@abraca/nuxt 2.16.0 → 2.17.1

package/dist/module.json

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

package/dist/module.mjs

@@ -196,7 +196,13 @@ const module$1 = defineNuxtModule({
         "@codemirror/state",
         "@codemirror/view",
         "@codemirror/language",
-        "y-codemirror.next"
+        "y-codemirror.next",
+        // Code-block highlighting. pnpm can nest a second copy of highlight.js
+        // (a transitive of lowlight) under this module; dedupe collapses both
+        // lowlight + highlight.js to one root copy so the runtime dynamic
+        // `import("lowlight")` and the optimizer agree on a single instance.
+        "lowlight",
+        "highlight.js"
       ];
       nuxt.options.vite = defu(nuxt.options.vite, { resolve: { dedupe: [] } });
       const existing = nuxt.options.vite.resolve?.dedupe ?? [];
@@ -269,6 +275,13 @@ const module$1 = defineNuxtModule({
       "@tiptap/extension-subscript",
       "@tiptap/extension-code-block-lowlight",
       "lowlight",
+      // `lowlight` does a `default` import from the CommonJS `highlight.js/lib/core`.
+      // It MUST be pre-bundled (CJS→ESM) or the browser can't read its default
+      // export and the whole editor-extension load wave rejects. (Belt-and-
+      // suspenders: the editor-prebundle client plugin force-feeds these to the
+      // dev scanner too, since `optimizeDeps.include` is not always honoured.)
+      "highlight.js",
+      "highlight.js/lib/core",
       // Yjs + provider deps (shared globals + client plugin)
       "yjs",
       // NOTE: `@abraca/dabra` deliberately NOT pre-bundled. esbuild treeshakes
@@ -386,6 +399,12 @@ const module$1 = defineNuxtModule({
       src: resolver.resolve("./runtime/plugin-shared-globals.client"),
       mode: "client"
     });
+    if (options.features?.editor !== false) {
+      addPlugin({
+        src: resolver.resolve("./runtime/plugin-editor-prebundle.client"),
+        mode: "client"
+      });
+    }
     addPlugin({
       src: resolver.resolve("./runtime/plugin-abracadabra.client"),
       mode: "client"

package/dist/runtime/plugin-editor-prebundle.client.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Force Vite's dev dependency SCANNER to pre-bundle the editor's CJS / singleton
+ * dependencies — the ones it otherwise never sees.
+ *
+ * Why this exists
+ * ---------------
+ * The core plugin loads the TipTap/ProseMirror extension graph via *dynamic*
+ * `import()` (see `plugins/core.plugin.ts`, kept lazy on purpose). Vite's dep
+ * scanner does NOT follow dynamic imports that live inside `@abraca/nuxt`
+ * (the module is in `optimizeDeps.exclude`, so its internals aren't crawled —
+ * only its *static* imports are picked up). And in some Nuxt 4 + Vite 7 setups
+ * `optimizeDeps.include` is silently ignored by the dev optimizer, so listing
+ * the deps there is not enough.
+ *
+ * The result, when these deps slip through un-optimized:
+ *   - `lowlight` does a `default` import from the CommonJS `highlight.js/lib/core`.
+ *     Served raw, the browser can't read its `default` export → the whole
+ *     extension-load wave rejects → TipTap builds an empty schema →
+ *     "Schema is missing its top node type ('doc')".
+ *   - duplicate `prosemirror-state` copies (pnpm nests one under the module when
+ *     `@tiptap/pm` versions skew) → "Adding different instances of a keyed
+ *     plugin (plugin$)" from `EditorState.reconfigure`.
+ *
+ * A *static* side-effect import from this registered plugin puts each dep in the
+ * app's import graph, so the scanner pre-bundles it (CJS→ESM) as a single shared
+ * instance. Nothing is used at runtime — these are pre-bundle hints only.
+ *
+ * Only registered when `features.editor !== false` (see `module.ts`), so apps
+ * with the editor disabled never pull these in. The deps are guaranteed present
+ * whenever the editor is enabled (`lowlight` + the `@tiptap`/ProseMirror stack
+ * are peer deps; `highlight.js` ships transitively with `lowlight` and is also a
+ * declared peer).
+ */
+import 'highlight.js/lib/core';
+import 'lowlight';
+import 'prosemirror-state';
+import 'prosemirror-view';
+import 'prosemirror-model';
+import 'prosemirror-transform';
+import 'prosemirror-keymap';
+declare const _default: import("#app").Plugin<Record<string, unknown>> & import("#app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/plugin-editor-prebundle.client.js

@@ -0,0 +1,14 @@
+import "highlight.js/lib/core";
+import "lowlight";
+import "prosemirror-state";
+import "prosemirror-view";
+import "prosemirror-model";
+import "prosemirror-transform";
+import "prosemirror-keymap";
+import { defineNuxtPlugin } from "#imports";
+export default defineNuxtPlugin({
+  name: "abracadabra:editor-prebundle",
+  enforce: "pre",
+  setup() {
+  }
+});

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

@@ -257,11 +257,19 @@ async function loadServerExtensions() {
 let _cachedClient = null;
 let _cachedServer = null;
 let _clientReady = null;
+let _clientLoadError = null;
+let _warnedEmptySchema = false;
 function ensureClientReady() {
   if (_clientReady) return _clientReady;
   _clientReady = loadClientExtensions().then((exts) => {
     _cachedClient = exts;
-  }).catch((e) => console.warn("[abracadabra:core] Failed to preload client extensions:", e));
+  }).catch((e) => {
+    _clientLoadError = e;
+    console.error(
+      `[abracadabra:core] Failed to load editor extensions \u2014 the editor will fail to mount with "Schema is missing its top node type ('doc')". This is almost always a CJS/duplicate editor dep that Vite did not pre-bundle (highlight.js/lowlight, prosemirror-*). Underlying error:`,
+      e
+    );
+  });
   return _clientReady;
 }
 export const corePlugin = {
@@ -288,7 +296,15 @@ export const corePlugin = {
     ])
   ),
   extensions() {
-    if (!_cachedClient) return [];
+    if (!_cachedClient) {
+      if (!_warnedEmptySchema) {
+        _warnedEmptySchema = true;
+        console.error(
+          _clientLoadError ? "[abracadabra:core] Editor extensions failed to load (see error above) \u2014 building the editor with an EMPTY extension set." : "[abracadabra:core] Editor extensions are not ready yet \u2014 building with an EMPTY extension set. Ensure waitForExtensions() resolves before constructing the Editor."
+        );
+      }
+      return [];
+    }
     let disabled = [];
     try {
       disabled = useRuntimeConfig().public?.abracadabra?.disabledBuiltins ?? [];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abraca/nuxt",
-  "version": "2.16.0",
+  "version": "2.17.1",
   "description": "First-class Nuxt module for the Abracadabra CRDT collaboration platform",
   "repository": "abracadabra/abracadabra-nuxt",
   "license": "MIT",
@@ -68,16 +68,23 @@
     "@tiptap/extension-task-list": "^3.0.0",
     "@tiptap/extension-text-align": "^3.0.0",
     "@tiptap/extension-text-style": "^3.0.0",
+    "@tiptap/pm": "^3.0.0",
     "@tiptap/starter-kit": "^3.0.0",
     "@tiptap/suggestion": "^3.0.0",
     "@tiptap/vue-3": "^3.0.0",
     "@unovis/ts": "^1.6.5",
     "@unovis/vue": "^1.6.5",
     "d3-force": "^3.0.0",
+    "highlight.js": "^11.0.0",
     "jszip": "^3.0.0",
     "lowlight": "^3.0.0",
     "mapbox-gl": "^3.0.0",
     "nuxt": "^4.0.0",
+    "prosemirror-keymap": "^1.0.0",
+    "prosemirror-model": "^1.0.0",
+    "prosemirror-state": "^1.0.0",
+    "prosemirror-transform": "^1.0.0",
+    "prosemirror-view": "^1.0.0",
     "three": "^0.184.0",
     "vue": "^3.4.0",
     "y-codemirror.next": "^0.3.5",
@@ -140,6 +147,27 @@
     },
     "@unovis/ts": {
       "optional": true
+    },
+    "@tiptap/pm": {
+      "optional": true
+    },
+    "highlight.js": {
+      "optional": true
+    },
+    "prosemirror-keymap": {
+      "optional": true
+    },
+    "prosemirror-model": {
+      "optional": true
+    },
+    "prosemirror-state": {
+      "optional": true
+    },
+    "prosemirror-transform": {
+      "optional": true
+    },
+    "prosemirror-view": {
+      "optional": true
     }
   },
   "devDependencies": {