@witchcraft/editor 0.0.2 → 0.0.4

package/dist/runtime/pm/features/Highlight/Highlight.d.ts

@@ -1,5 +1,5 @@
 import { Mark } from "@tiptap/core";
-import { type HighlightMarkOptions } from "./types.js.js";
+import { type HighlightMarkOptions } from "./types.js";
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         highlight: {

package/dist/runtime/pm/features/Highlight/types.d.ts

@@ -1,5 +1,5 @@
 import { PluginKey } from "@tiptap/pm/state";
-import type { HTMLAttributesOptions } from "../../../types/index.js.js";
+import type { HTMLAttributesOptions } from "../../../types/index.js";
 export interface HighlightMarkOptions<T extends string = `slot${[1, 2, 3, 4, 5][number]}`> extends HTMLAttributesOptions {
     /**
      * The colors to use for the highlight in Record<name, {color: string, name: string}> format.

package/dist/runtime/pm/features/Iframe/Iframe.d.ts

@@ -1,5 +1,5 @@
 import { Node } from "@tiptap/core";
-import type { IframeNodeOptions } from "./types.js.js";
+import type { IframeNodeOptions } from "./types.js";
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         iframe: {

package/dist/runtime/pm/features/Iframe/components/IframeNodeView.vue

@@ -28,7 +28,6 @@
 			transition-opacity
 		"
 	>
-		<!-- @vue-expect-error -->
 		<WButton
 			:border="false"
 			@click="deleteNode();
@@ -36,14 +35,12 @@
 		>
 			<WIcon><i-fa-solid-trash/></WIcon>
 		</WButton>
-		<!-- @vue-expect-error -->
 		<WButton
 			:border="false"
 			@click="copy(node.attrs.src)"
 		>
 			<WIcon><i-fa-solid-copy/></WIcon>
 		</WButton>
-		<!-- @vue-expect-error -->
 		<WButton
 			:border="false"
 			@click="openLink"

package/dist/runtime/pm/features/Iframe/types.d.ts

@@ -1,5 +1,5 @@
-import type { IframeSourceParser } from "./IframeParsers.js.js";
-import type { HTMLAttributesOptions } from "../../../types/index.js.js";
+import type { IframeSourceParser } from "./IframeParsers.js";
+import type { HTMLAttributesOptions } from "../../../types/index.js";
 export interface IframeNodeOptions extends HTMLAttributesOptions {
     handlers: Record<string, IframeSourceParser>;
 }

package/dist/runtime/pm/features/Link/Link.d.ts

@@ -1,5 +1,5 @@
 import { type LinkOptions } from "@tiptap/extension-link";
-import { type AdditionalLinkOptions as AdditionalLinkNodeOptions, type LinkMenuPluginState } from "./types.js.js";
+import { type AdditionalLinkOptions as AdditionalLinkNodeOptions, type LinkMenuPluginState } from "./types.js";
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         links: {

package/dist/runtime/pm/features/Link/components/BubbleMenuExternalLink.vue

@@ -56,7 +56,6 @@
 			@remove="emit('remove')"
 		/>
 		<div class="flex flex-nowrap flex-row gap-1 justify-start border border-transparent">
-			<!-- @vue-expect-error -->
 			<WButton
 				v-if="linkHref"
 				:border="false"

package/dist/runtime/pm/features/Link/components/BubbleMenuInternalLink.vue

@@ -7,7 +7,6 @@
 	ref="el"
 >
 	<div class="flex flex-nowrap flex-row gap-1 items-center">
-		<!-- @vue-expect-error -->
 		<WLabel
 			id="menu-link-input"
 			title="Internal Link"
@@ -42,8 +41,7 @@
 		ref="suggestionsComponent"
 		v-model="linkText"
 		v-model:input-value="inputValue"
-		v-model:is-open="isOpen"
-		v-model:active-suggestion="activeSuggestion"
+		v-model:open="isOpen"
 		@submit="submitHandler"
 	/>
 </div>
@@ -69,7 +67,6 @@ const linkText = defineModel("linkText", { type: String, ...{ required: true } }
 const inputValue = defineModel("tempLinkTextValue", { type: String, ...{ default: "" } });
 const canOpen = ref(false);
 const isOpen = ref(false);
-const activeSuggestion = ref(-1);
 const el = ref(null);
 const suggestionsComponent = ref();
 watch(linkText, () => {

package/dist/runtime/pm/features/Link/components/BubbleMenuLinkActions.vue

@@ -1,6 +1,5 @@
 <template>
 <div class="flex flex-nowrap flex-row gap-1 border border-transparent">
-	<!-- @vue-expect-error -->
 	<WButton
 		:border="false"
 		:disabled="!isChanged"
@@ -16,7 +15,6 @@
 			<i-fa-solid-plus/>
 		</WIcon>
 	</WButton>
-	<!-- @vue-expect-error -->
 	<WButton
 		v-if="linkHref"
 		:border="false"
@@ -27,7 +25,6 @@
 	>
 		<WIcon><i-fa-solid-copy class="w-[1.25em]"/></WIcon>
 	</WButton>
-	<!-- @vue-expect-error -->
 	<WButton
 		v-if="linkMark"
 		:border="false"

package/dist/runtime/pm/features/Menus/Menus.d.ts

@@ -1,6 +1,6 @@
 import { Extension } from "@tiptap/core";
 import { type PluginKey } from "@tiptap/pm/state";
-import { type Menu, type OpenMenuInfo } from "./types.js.js";
+import { type Menu, type OpenMenuInfo } from "./types.js";
 declare module "@tiptap/core" {
     interface Commands<ReturnType> {
         menus: {

package/dist/runtime/pm/features/Menus/components/MarkMenuManager.vue

@@ -1,5 +1,4 @@
 <template>
-<!-- @vue-expect-error -->
 <WPopup
 	:model-value="!!activeMarkMenu"
 	:preferred-horizontal="['center-most']"

package/dist/runtime/pm/features/Menus/utils/isMarkMenu.d.ts

@@ -1,2 +1,2 @@
-import type { MarkMenu, Menu } from "../types.js.js";
+import type { MarkMenu, Menu } from "../types.js";
 export declare function isMarkMenu(menu: Menu): menu is MarkMenu;

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

@@ -1,5 +1,5 @@
 import type { Schema } from "@tiptap/pm/model";
-import { type NodeFileLoaderName } from "./features/FileLoader/FileLoader.js.js";
-import { type schema as baseSchema } from "./schema.js.js";
-export declare const testExtensions: (import("@tiptap/core").AnyExtension | import("@tiptap/core").Node<import("./features/FileLoader/types.ts.js").FileLoaderExtensionOptions, any>)[];
+import { type NodeFileLoaderName } from "./features/FileLoader/FileLoader.js";
+import { type schema as baseSchema } from "./schema.js";
+export declare const testExtensions: (import("@tiptap/core").AnyExtension | import("@tiptap/core").Node<import("./features/FileLoader/types.ts").FileLoaderExtensionOptions, any>)[];
 export declare const testSchema: typeof baseSchema & Schema<NodeFileLoaderName & "itemNoId">;

package/dist/runtime/pm/utils/createDropIndicator.d.ts

@@ -1,5 +1,5 @@
-import { type DropInfo } from "./dropPointInfo.js.js";
-import type { Point } from "../../types/index.js.js";
+import { type DropInfo } from "./dropPointInfo.js";
+import type { Point } from "../../types/index.js";
 export interface DropIndicator extends Point {
     width: number;
     type: "child" | "before" | "after";

package/dist/runtime/pm/utils/dropPointInfo.d.ts

@@ -1,5 +1,5 @@
 import type { EnumLike } from "@alanscodelog/utils";
-import type { Point } from "../../types/index.js.js";
+import type { Point } from "../../types/index.js";
 /**
  * Given a point (a mouse position), a box, and a possible indent, returns information regarding it's position.
  *

package/dist/runtime/pm/utils/index.d.ts

@@ -1,15 +1,15 @@
-export { createStateOnlyPluginApply } from "./createStateOnlyPluginApply.js.js";
-export { createStateOnlyPluginObjApply } from "./createStateOnlyPluginObjApply.js.js";
-export { dropPointInfo } from "./dropPointInfo.js.js";
-export { findUpwards } from "./findUpwards.js.js";
-export { getChildChunks } from "./getChildChunks.js.js";
-export { getDiffReplacementRange } from "./getDiffReplacementRange.js.js";
-export { getElMaxVisualSize } from "./getElMaxVisualSize.js.js";
-export { getElPropertyAsInt } from "./getElPropertyAsInt.js.js";
-export { getGroupNodeNames } from "./getGroupNodeNames.js.js";
-export { getMarkPosition } from "./getMarkPosition.js.js";
-export { getMarksInSelection } from "./getMarksInSelection.js.js";
-export { mapSelection } from "./mapSelection.js.js";
-export { nodesBetween } from "./nodesBetween.js.js";
-export { pointToPmPoint } from "./pointToPmPoint.js.js";
-export { splitIntoChunks } from "./splitIntoChunks.js.js";
+export { createStateOnlyPluginApply } from "./createStateOnlyPluginApply.js";
+export { createStateOnlyPluginObjApply } from "./createStateOnlyPluginObjApply.js";
+export { dropPointInfo } from "./dropPointInfo.js";
+export { findUpwards } from "./findUpwards.js";
+export { getChildChunks } from "./getChildChunks.js";
+export { getDiffReplacementRange } from "./getDiffReplacementRange.js";
+export { getElMaxVisualSize } from "./getElMaxVisualSize.js";
+export { getElPropertyAsInt } from "./getElPropertyAsInt.js";
+export { getGroupNodeNames } from "./getGroupNodeNames.js";
+export { getMarkPosition } from "./getMarkPosition.js";
+export { getMarksInSelection } from "./getMarksInSelection.js";
+export { mapSelection } from "./mapSelection.js";
+export { nodesBetween } from "./nodesBetween.js";
+export { pointToPmPoint } from "./pointToPmPoint.js";
+export { splitIntoChunks } from "./splitIntoChunks.js";

package/dist/runtime/pm/utils/nodesBetween.d.ts

@@ -1,6 +1,6 @@
 import type { Node } from "@tiptap/pm/model";
 import type { Selection } from "@tiptap/pm/state";
-import type { NodesBetweenFilter } from "../../types/index.js.js";
+import type { NodesBetweenFilter } from "../../types/index.js";
 /**
  * A more intuitive nodesBetween wrapper. Goes only through the nodes inside or touching the selection.
  *

package/dist/runtime/pm/utils/pointToPmPoint.d.ts

@@ -1,2 +1,2 @@
-import type { PmPoint, Point } from "../../types/index.js.js";
+import type { PmPoint, Point } from "../../types/index.js";
 export declare function pointToPmPoint(point: Point): PmPoint;

package/dist/runtime/types/index.d.ts

@@ -1,13 +1,13 @@
 import type { Node } from "@tiptap/pm/model";
-export * from "../pm/features/Link/types.js.js";
-export * from "../pm/features/Base/types.js.js";
-export * from "../pm/features/Menus/types.js.js";
-export * from "../pm/features/Blocks/types.js.js";
-export * from "../pm/features/CommandsMenus/types.js.js";
-export * from "../pm/features/CodeBlock/types.js.js";
-export * from "../pm/features/FileLoader/types.js.js";
-export * from "../pm/features/DocumentApi/types.js.js";
-export * from "../pm/features/EmbeddedDocument/types.js.js";
+export * from "../pm/features/Link/types.js";
+export * from "../pm/features/Base/types.js";
+export * from "../pm/features/Menus/types.js";
+export * from "../pm/features/Blocks/types.js";
+export * from "../pm/features/CommandsMenus/types.js";
+export * from "../pm/features/CodeBlock/types.js";
+export * from "../pm/features/FileLoader/types.js";
+export * from "../pm/features/DocumentApi/types.js";
+export * from "../pm/features/EmbeddedDocument/types.js";
 export type NodesBetweenFilter = (node: Node | null, start: number, parent: Node | null, index: number) => boolean;
 export type PmPoint = {
     left: number;

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.4",
 	"main": "./dist/runtime/main.lib.js",
 	"type": "module",
 	"sideEffects": false,
@@ -64,8 +64,7 @@
 		"failOnWarn": false
 	},
 	"scripts": {
-		"//prepare": "echo Needed so that if we pull the package from git it will get built and installed properly.",
-		"prepare": "husky && pnpm build",
+		"prepare": "husky && pnpm nuxt-module-build prepare && pnpm build:only && cd playground && pnpm i --ignore-scripts --ignore-workspace",
 		"build:only": "nuxt-module-build build",
 		"build": "pnpm gen:highlightJsLangInfo && nuxt-module-build prepare && nuxt-module-build build && nuxi generate playground",
 		"dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
@@ -73,9 +72,9 @@
 		"//dev:vite": "The module needs to be build, not stubbed, for vite's dev to work.",
 		"dev:vite": "concurrently \"pnpm build\" \"vite --mode development --config vite.config.ts\"",
 		"lint:eslint": "eslint \"{src,tests,playground/app}/**/*.{cjs,js,ts,vue}\" \"*.{cjs,js,ts}\" --max-warnings=0 --report-unused-disable-directives",
-		"lint:commits": "commitlint --from $(git rev-list --max-parents=0 HEAD) --to HEAD --verbose",
+		"lint:commits": "commitlint --from-last-tag --to HEAD --verbose",
 		"lint:imports": "echo not working madge --circular --extensions ts ./src",
-		"lint": "pnpm lint:eslint && pnpm lint:types && pnpm lint:imports",
+		"lint": "pnpm lint:eslint && pnpm lint:types && pnpm lint:commits && pnpm lint:imports",
 		"lint:types": "vue-tsc --noEmit",
 		"test": "vitest",
 		"test:watch": "vitest --watch",
@@ -123,7 +122,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.2",
 		"tailwindcss": "^4.0.0",
 		"vue": "^3.2.47"
 	},
@@ -148,7 +147,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.2",
 		"colord": "^2.9.3",
 		"defu": "^6.1.4",
 		"highlight.js": "^11.11.1",
@@ -158,7 +157,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 +181,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.2",
 		"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) {

package/src/runtime/pm/features/EmbeddedDocument/components/EmbeddedDocumentPicker.vue

@@ -93,14 +93,12 @@
 		</div>
 	</div>
 	<div class="flex flex-row no-wrap gap-2 justify-end">
-		<!-- @vue-expect-error -->
 		<WButton
 			color="danger"
 			@click="emit('cancel')"
 		>
 			Cancel
 		</WButton>
-		<!-- @vue-expect-error -->
 		<WButton
 			color="ok"
 			@click="submit"

package/src/runtime/pm/features/EmbeddedDocument/components/EmbeddedNodeView.vue

@@ -41,7 +41,6 @@
 			>
 				Blank Embed
 			</div>
-			<!-- @vue-expect-error -->
 			<WButton
 				v-if="editor?.isEditable"
 				title="Change embed link."
@@ -50,7 +49,6 @@
 			>
 				<WIcon><i-fa-solid-link class="w-[0.7rem]"/></WIcon>
 			</WButton>
-			<!-- @vue-expect-error -->
 			<WPopup
 				:use-backdrop="true"
 				:preferred-horizontal="['center-screen']"

package/src/runtime/pm/features/Iframe/components/IframeNodeView.vue

@@ -28,21 +28,18 @@
 			transition-opacity
 		"
 	>
-		<!-- @vue-expect-error -->
 		<WButton
 			:border="false"
 			@click="deleteNode();editor.commands.focus()"
 		>
 			<WIcon><i-fa-solid-trash/></WIcon>
 		</WButton>
-		<!-- @vue-expect-error -->
 		<WButton
 			:border="false"
 			@click="copy(node.attrs.src)"
 		>
 			<WIcon><i-fa-solid-copy/></WIcon>
 		</WButton>
-		<!-- @vue-expect-error -->
 		<WButton
 			:border="false"
 			@click="openLink"

package/src/runtime/pm/features/Link/components/BubbleMenuExternalLink.vue

@@ -56,7 +56,6 @@
 			@remove="emit('remove')"
 		/>
 		<div class="flex flex-nowrap flex-row gap-1 justify-start border border-transparent">
-			<!-- @vue-expect-error -->
 			<WButton
 				v-if="linkHref"
 				:border="false"

package/src/runtime/pm/features/Link/components/BubbleMenuInternalLink.vue

@@ -7,7 +7,6 @@
 	ref="el"
 >
 	<div class="flex flex-nowrap flex-row gap-1 items-center">
-		<!-- @vue-expect-error -->
 		<WLabel
 			id="menu-link-input"
 			title="Internal Link"
@@ -42,8 +41,7 @@
 		ref="suggestionsComponent"
 		v-model="linkText"
 		v-model:input-value="inputValue"
-		v-model:is-open="isOpen"
-		v-model:active-suggestion="activeSuggestion"
+		v-model:open="isOpen"
 		@submit="submitHandler"
 	/>
 </div>
@@ -82,7 +80,6 @@ const linkText = defineModel<string>("linkText", { required: true })
 const inputValue = defineModel<string>("tempLinkTextValue", { default: "" })
 const canOpen = ref(false)
 const isOpen = ref(false)
-const activeSuggestion = ref(-1)
 const el = ref<HTMLElement | null>(null)
 const suggestionsComponent = ref<ComponentExposed<typeof WSuggestions>>()
 

package/src/runtime/pm/features/Link/components/BubbleMenuLinkActions.vue

@@ -1,6 +1,5 @@
 <template>
 <div class="flex flex-nowrap flex-row gap-1 border border-transparent">
-	<!-- @vue-expect-error -->
 	<WButton
 		:border="false"
 		:disabled="!isChanged"
@@ -16,7 +15,6 @@
 			<i-fa-solid-plus/>
 		</WIcon>
 	</WButton>
-	<!-- @vue-expect-error -->
 	<WButton
 		v-if="linkHref"
 		:border="false"
@@ -27,7 +25,6 @@
 	>
 		<WIcon><i-fa-solid-copy class="w-[1.25em]"/></WIcon>
 	</WButton>
-	<!-- @vue-expect-error -->
 	<WButton
 		v-if="linkMark"
 		:border="false"

package/src/runtime/pm/features/Menus/components/MarkMenuManager.vue

@@ -1,5 +1,4 @@
 <template>
-<!-- @vue-expect-error -->
 <WPopup
 	:model-value="!!activeMarkMenu"
 	:preferred-horizontal="['center-most']"