@witchcraft/editor 0.1.0 → 0.1.1

package/dist/module.json

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

package/dist/runtime/components/Editor.d.vue.ts

@@ -26,6 +26,16 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onLoad?: (() => any) | undefined;
     onUnload?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    menus: Record<string, MenuRenderInfo>;
+    content: Content;
+    docId: string;
+    documentApi: DocumentApiInterface;
+    linkOptions: EditorLinkOptions;
+    dragScrollOptions: Pick<ScrollNearContainerEdgesOptions, "scrollMargin" | "outerScrollMargin" | "fastPixelMultiplier">;
+    cssVariables: Partial<CssVariables>;
+    editorOptions: Partial<EditorOptions>;
+    codeBlocksThemeIsDark: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/Editor.vue.d.ts

@@ -26,6 +26,16 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onLoad?: (() => any) | undefined;
     onUnload?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    menus: Record<string, MenuRenderInfo>;
+    content: Content;
+    docId: string;
+    documentApi: DocumentApiInterface;
+    linkOptions: EditorLinkOptions;
+    dragScrollOptions: Pick<ScrollNearContainerEdgesOptions, "scrollMargin" | "outerScrollMargin" | "fastPixelMultiplier">;
+    cssVariables: Partial<CssVariables>;
+    editorOptions: Partial<EditorOptions>;
+    codeBlocksThemeIsDark: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/EditorDemoApp.vue

@@ -86,12 +86,12 @@ const menus = shallowRef({
     popupOptions: {
       pinToItemDistance: (state) => {
         const { $from, $to } = state.selection;
-        const fromNode = $from.node(-1);
-        const toNode = $to.node(-1);
-        if (fromNode.type !== toNode.type) {
+        const fromNode = -1 < $from.depth ? $from.node(-1) : void 0;
+        const toNode = -1 < $to.depth ? $to.node(-1) : void 0;
+        if (fromNode?.type !== toNode?.type) {
           return 0;
         }
-        return fromNode.type.name.startsWith("table") ? 120 : 0;
+        return fromNode?.type.name.startsWith("table") ? 120 : 0;
       }
     }
   }

package/dist/runtime/pm/features/Blocks/components/DragTreeHandle.d.vue.ts

@@ -12,6 +12,8 @@ interface Props {
     passedDragThreshold: boolean;
     hideChildren: boolean;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     collapseIndicatorClick: (event: MouseEvent) => any;
     grabHandlePassiveTouchStart: (event: TouchEvent) => any;
@@ -23,5 +25,3 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
     onGrabHandlePointerDown?: ((event: PointerEvent) => any) | undefined;
     onGrabHandleContextMenu?: ((event: PointerEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/pm/features/Blocks/components/DragTreeHandle.vue.d.ts

@@ -12,6 +12,8 @@ interface Props {
     passedDragThreshold: boolean;
     hideChildren: boolean;
 }
+declare const _default: typeof __VLS_export;
+export default _default;
 declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     collapseIndicatorClick: (event: MouseEvent) => any;
     grabHandlePassiveTouchStart: (event: TouchEvent) => any;
@@ -23,5 +25,3 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
     onGrabHandlePointerDown?: ((event: PointerEvent) => any) | undefined;
     onGrabHandleContextMenu?: ((event: PointerEvent) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/pm/features/CommandsMenus/commandBarMenuItems.js

@@ -64,7 +64,11 @@ export const toggleSuperscriptCommand = {
   description: "Superscript the selected text.",
   icon: { component: SuperscriptIcon }
 };
-export const tableCanShow = (state) => state.selection.$from.node(-1).type.name === "tableCell" && state.selection.$to.node(-1).type.name === "tableCell";
+export const tableCanShow = (state) => {
+  const fromNode = -1 < state.selection.$from.depth ? state.selection.$from.node(-1) : void 0;
+  const toNode = -1 < state.selection.$to.depth ? state.selection.$to.node(-1) : void 0;
+  return fromNode?.type.name === "tableCell" && toNode?.type.name === "tableCell";
+};
 export const tableAddColBeforeCommand = {
   type: "command",
   command: "addColumnBefore",

package/dist/runtime/pm/schema.d.ts

@@ -1,4 +1,4 @@
 import { type EditorOptions } from "@tiptap/core";
 import type { Schema } from "@tiptap/pm/model";
 export declare const extensions: EditorOptions["extensions"];
-export declare const schema: Schema<"codeBlock" | "paragraph" | "item" | "heading" | "iframe" | "image" | "table" | "text" | "embeddedDoc" | "blockquote" | "cite" | "list" | "tableCell" | "doc" | "tableRow" | "tableHeader", "bold" | "code" | "italic" | "strike" | "subscript" | "superscript" | "underline" | "hardBreak" | "highlight">;
+export declare const schema: Schema<"blockquote" | "cite" | "iframe" | "table" | "image" | "text" | "codeBlock" | "paragraph" | "item" | "heading" | "embeddedDoc" | "list" | "tableCell" | "doc" | "tableRow" | "tableHeader", "code" | "highlight" | "bold" | "italic" | "strike" | "subscript" | "superscript" | "underline" | "hardBreak">;

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.1.0",
+  "version": "0.1.1",
   "main": "./dist/runtime/main.lib.js",
   "type": "module",
   "sideEffects": false,
@@ -92,7 +92,7 @@
     "@tiptap/html": "^3.11.1",
     "@tiptap/pm": "^3.11.1",
     "@tiptap/vue-3": "^3.11.1",
-    "@witchcraft/ui": "^0.3.9",
+    "@witchcraft/ui": "^0.3.19",
     "tailwindcss": "^4.1.17",
     "vue": "^3.5.25"
   },
@@ -119,7 +119,7 @@
     "@nuxt/eslint-config": "^1.11.0",
     "@tiptap/html": "^3.11.1",
     "@witchcraft/nuxt-utils": "^0.3.6",
-    "@witchcraft/ui": "^0.3.9",
+    "@witchcraft/ui": "^0.3.19",
     "colord": "^2.9.3",
     "defu": "^6.1.4",
     "highlight.js": "^11.11.1",
@@ -153,7 +153,7 @@
     "@vitejs/plugin-vue": "^6.0.2",
     "@vitest/browser-playwright": "^4.0.14",
     "@vitest/coverage-v8": "^4.0.14",
-    "@witchcraft/ui": "^0.3.9",
+    "@witchcraft/ui": "^0.3.19",
     "concurrently": "^9.2.1",
     "cross-env": "^10.0.0",
     "eslint": "^9.39.1",

package/src/runtime/components/EditorDemoApp.vue

@@ -98,13 +98,13 @@ const menus = shallowRef<Record<string, MenuRenderInfo>>({
 		popupOptions: {
 			pinToItemDistance: state => {
 				const { $from, $to } = state.selection
-				const fromNode = $from.node(-1)
-				const toNode = $to.node(-1)
+				const fromNode = -1 < $from.depth ? $from.node(-1) : undefined
+				const toNode = -1 < $to.depth ? $to.node(-1) : undefined
 				// tables don't support selections outside of each cell, so no need to check we're in the same table or anything
-				if (fromNode.type !== toNode.type) {
+				if (fromNode?.type !== toNode?.type) {
 					return 0
 				}
-				return (fromNode.type.name.startsWith("table")) ? 120 : 0
+				return (fromNode?.type.name.startsWith("table")) ? 120 : 0
 			}
 		}
 	}

package/src/runtime/pm/features/CommandsMenus/commandBarMenuItems.ts

@@ -76,8 +76,11 @@ export const toggleSuperscriptCommand: CommandBarCommand = {
 	icon: { component: SuperscriptIcon }
 }
 
-export const tableCanShow = (state: EditorState): boolean => state.selection.$from.node(-1).type.name === "tableCell"
-	&& state.selection.$to.node(-1).type.name === "tableCell"
+export const tableCanShow = (state: EditorState): boolean => {
+	const fromNode = -1 < state.selection.$from.depth ? state.selection.$from.node(-1) : undefined
+	const toNode = -1 < state.selection.$to.depth ? state.selection.$to.node(-1) : undefined
+	return fromNode?.type.name === "tableCell" && toNode?.type.name === "tableCell"
+}
 
 export const tableAddColBeforeCommand: CommandBarCommand = {
 	type: "command" as const,