@witchcraft/editor 0.0.2 → 0.0.3

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "witchcraftEditor",
   "configKey": "witchcraftEditor",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "unknown"

package/dist/module.mjs

@@ -4,7 +4,7 @@ import { defu } from 'defu';
 import fs from 'node:fs/promises';
 
 const dependencies = {
-	"@witchcraft/ui": "^0.2.4"};
+	"@witchcraft/ui": "^0.3.0"};
 const pkg = {
 	dependencies: dependencies};
 

package/dist/runtime/composables/useEditor.js

@@ -9,6 +9,10 @@ export const useEditor = (options = {}) => {
   }
   onBeforeUnmount(() => {
     const nodes = editor.value?.options.element;
+    if (nodes && !(nodes instanceof HTMLElement)) {
+      console.warn(`Expected editor element to be an HTMLElement, got ${nodes.constructor.name}: ${nodes}`);
+      return;
+    }
     const newEl = nodes?.cloneNode(true);
     nodes?.parentNode?.replaceChild(newEl, nodes);
     editor.value?.destroy();

package/dist/runtime/composables/useWindowDebugging.js

@@ -5,7 +5,7 @@ export const useWindowDebugging = (editor) => {
   watch(editor, () => {
     if (!editor.value) return;
     if (typeof window === "undefined" || typeof process === "undefined") return;
-    if (process.env.NODE_ENV === "development" && editor.value !== void 0) {
+    if (import.meta.dev && editor.value !== void 0) {
       const w = window;
       w.editor = editor.value;
       w.tr = () => editor.value.state.tr;

package/dist/runtime/pm/features/Base/plugins/debugSelectionPlugin.d.ts

@@ -2,7 +2,7 @@ import type { Editor } from "@tiptap/core";
 import { Plugin, PluginKey } from "@tiptap/pm/state";
 export declare const debugSelectionPluginKey: PluginKey<any>;
 /**
- * Sets the window title to the current selection for debugging in development mode (by checking process.env.NODE_ENV).
+ * Sets the window title to the current selection for debugging in development mode (by checking import.meta.dev).
  *
  * For embedded editors, adds the selection as `[from - to]`.
  */

package/dist/runtime/pm/features/Base/plugins/debugSelectionPlugin.js

@@ -11,7 +11,7 @@ export const debugSelectionPlugin = (editor, log = false) => {
       init() {
       },
       apply(tr) {
-        if (process.env.NODE_ENV === "production") {
+        if (!import.meta.dev) {
           return;
         }
         const sel = `${tr.selection.from} - ${tr.selection.to}`;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@witchcraft/editor",
 	"description": "Block base prosemirror editor with partial/full editable document embeds, infinite embeds, and document uploads.",
-	"version": "0.0.2",
+	"version": "0.0.3",
 	"main": "./dist/runtime/main.lib.js",
 	"type": "module",
 	"sideEffects": false,
@@ -123,7 +123,7 @@
 		"@tiptap/extension-underline": "^3.4.2",
 		"@tiptap/pm": "^3.4.2",
 		"@tiptap/vue-3": "^3.4.2",
-		"@witchcraft/ui": "^0.2.3",
+		"@witchcraft/ui": "^0.3.0",
 		"tailwindcss": "^4.0.0",
 		"vue": "^3.2.47"
 	},
@@ -148,7 +148,7 @@
 		"@fortawesome/free-solid-svg-icons": "^7.0.1",
 		"@nuxt/eslint-config": "^1.9.0",
 		"@witchcraft/nuxt-utils": "^0.3.2",
-		"@witchcraft/ui": "^0.2.4",
+		"@witchcraft/ui": "^0.3.0",
 		"colord": "^2.9.3",
 		"defu": "^6.1.4",
 		"highlight.js": "^11.11.1",
@@ -158,7 +158,7 @@
 		"nanoid": "^5.1.5",
 		"reka-ui": "^2.5.0",
 		"tailwind-merge": "^3.3.1",
-		"unplugin-vue-components": "^29.0.0",
+		"unplugin-vue-components": "^29.1.0",
 		"uuid": "^13.0.0",
 		"y-prosemirror": "^1.3.7",
 		"yjs": "^13.6.27"
@@ -182,7 +182,7 @@
 		"@vitejs/plugin-vue": "^6.0.1",
 		"@vitest/browser": "^3.2.4",
 		"@vitest/coverage-v8": "^3.2.4",
-		"@witchcraft/ui": "^0.2.3",
+		"@witchcraft/ui": "^0.3.0",
 		"concurrently": "^9.2.1",
 		"cross-env": "^10.0.0",
 		"eslint": "^9.35.0",

package/src/runtime/composables/useEditor.ts

@@ -18,6 +18,11 @@ export const useEditor = (options: Partial<EditorOptions> = {}) => {
 	onBeforeUnmount(() => {
 		// Cloning root node (and its children) to avoid content being lost by destroy
 		const nodes = editor.value?.options.element
+		if (nodes && !(nodes instanceof HTMLElement)) {
+			// eslint-disable-next-line no-console
+			console.warn(`Expected editor element to be an HTMLElement, got ${nodes.constructor.name}: ${nodes}`)
+			return
+		}
 		const newEl = nodes?.cloneNode(true) as HTMLElement
 
 		nodes?.parentNode?.replaceChild(newEl, nodes)

package/src/runtime/composables/useWindowDebugging.ts

@@ -9,7 +9,7 @@ export const useWindowDebugging = (editor: ShallowRef<Editor | undefined>): void
 	watch(editor, () => {
 		if (!editor.value) return
 		if (typeof window === "undefined" || typeof process === "undefined") return
-		if (process.env.NODE_ENV === "development" && editor.value !== undefined) {
+		if (import.meta.dev && editor.value !== undefined) {
 			const w = window as any
 			w.editor = editor.value
 			w.tr = () => editor.value!.state.tr

package/src/runtime/pm/features/Base/plugins/debugSelectionPlugin.ts

@@ -9,7 +9,7 @@ const SUB_SELECTION_REGEX = /(\[[0-9 -]*\])/
 
 export const debugSelectionPluginKey = new PluginKey("debugSelection")
 /**
- * Sets the window title to the current selection for debugging in development mode (by checking process.env.NODE_ENV).
+ * Sets the window title to the current selection for debugging in development mode (by checking import.meta.dev).
  *
  * For embedded editors, adds the selection as `[from - to]`.
  */
@@ -20,7 +20,7 @@ export const debugSelectionPlugin = (editor: Editor, log: boolean = false): Plug
 		state: {
 			init(): void { /**/ },
 			apply(tr: Transaction): void {
-				if (process.env.NODE_ENV === "production") { return }
+				if (!import.meta.dev) { return }
 				const sel = `${tr.selection.from} - ${tr.selection.to}`
 				if (isEmbeddedBlock(editor.view)) {
 					if (log) {