@verbb/plugin-kit-react 1.0.9 → 2.0.0

package/dist/components/tiptap/VariableTag.js

@@ -1,153 +0,0 @@
-import VariableTagView_default from "./VariableTagView.js";
-import { Node } from "@tiptap/core";
-import { ReactNodeViewRenderer } from "@tiptap/react";
-import { NodeSelection, Plugin, PluginKey, TextSelection } from "@tiptap/pm/state";
-//#region src/components/tiptap/VariableTag.js
-var isCursorPlaceholder = (node) => {
-	return node && node.isText && (node.text === "​" || node.text === "⁠");
-};
-var VariableTag_default = Node.create({
-	name: "variableTag",
-	group: "inline",
-	inline: true,
-	selectable: true,
-	draggable: true,
-	atom: true,
-	addOptions() {
-		return { trailingCursorText: "​" };
-	},
-	addAttributes() {
-		return {
-			label: { default: null },
-			value: { default: null },
-			openOnInsert: { default: false },
-			default: { default: null },
-			transformerId: { default: null },
-			transformerParams: { default: null }
-		};
-	},
-	parseHTML() {
-		return [{
-			tag: "variable-tag",
-			getAttrs: (dom) => {
-				try {
-					return JSON.parse(dom.innerHTML);
-				} catch (e) {
-					return {};
-				}
-			}
-		}];
-	},
-	renderHTML({ HTMLAttributes }) {
-		return ["variable-tag", JSON.stringify(HTMLAttributes)];
-	},
-	addCommands() {
-		return { setVariableTag: (options) => {
-			return ({ dispatch, state }) => {
-				const { selection } = state;
-				const position = selection.$cursor ? selection.$cursor.pos : selection.$to.pos;
-				const node = this.type.create(options);
-				const transaction = state.tr.insert(position, node);
-				const insertPos = position + node.nodeSize;
-				const trailingCursorText = this.options.trailingCursorText;
-				if (trailingCursorText) {
-					transaction.insert(insertPos, state.schema.text(trailingCursorText));
-					transaction.setSelection(TextSelection.create(transaction.doc, insertPos + trailingCursorText.length));
-				} else transaction.setSelection(TextSelection.create(transaction.doc, insertPos));
-				dispatch(transaction);
-				return true;
-			};
-		} };
-	},
-	addNodeView() {
-		return ReactNodeViewRenderer(VariableTagView_default);
-	},
-	addProseMirrorPlugins() {
-		return [new Plugin({
-			key: new PluginKey("variableTagProtection"),
-			props: {
-				handleKeyDown: (view, event) => {
-					const { state } = view;
-					const { selection, doc } = state;
-					if (event.key === "ArrowLeft" && selection.empty) {
-						const { $from } = selection;
-						const { pos } = $from;
-						if (pos > 0) {
-							const before = $from.nodeBefore;
-							if (isCursorPlaceholder(before)) {
-								const posBeforePlaceholder = pos - before.nodeSize;
-								const variableTagNode = doc.resolve(posBeforePlaceholder).nodeBefore;
-								if (variableTagNode && variableTagNode.type.name === "variableTag") {
-									const tagStart = posBeforePlaceholder - variableTagNode.nodeSize;
-									event.preventDefault();
-									view.dispatch(state.tr.setSelection(NodeSelection.create(doc, tagStart)));
-									return true;
-								}
-							}
-						}
-					}
-					if (event.key === "ArrowRight" && selection.empty) {
-						const { $from } = selection;
-						const { pos } = $from;
-						const after = $from.nodeAfter;
-						if (isCursorPlaceholder(after)) {
-							const before = $from.nodeBefore;
-							if (before && before.type.name === "variableTag") {
-								event.preventDefault();
-								view.dispatch(state.tr.setSelection(TextSelection.create(doc, pos + after.nodeSize)));
-								return true;
-							}
-						}
-					}
-					if (event.key === "Backspace" && selection.empty) {
-						const { $from } = selection;
-						const { pos } = $from;
-						if (pos > 0) {
-							const before = $from.nodeBefore;
-							if (isCursorPlaceholder(before)) {
-								const posBeforePlaceholder = pos - before.nodeSize;
-								const variableTagNode = doc.resolve(posBeforePlaceholder).nodeBefore;
-								if (variableTagNode && variableTagNode.type.name === "variableTag") {
-									const deleteFrom = posBeforePlaceholder - variableTagNode.nodeSize;
-									event.preventDefault();
-									const tr = state.tr.delete(deleteFrom, pos);
-									tr.setSelection(TextSelection.create(tr.doc, Math.max(0, deleteFrom)));
-									view.dispatch(tr);
-									return true;
-								}
-							}
-						}
-					}
-					if (selection instanceof NodeSelection && selection.node.type.name === "variableTag") {
-						if ([
-							"ArrowLeft",
-							"ArrowRight",
-							"ArrowUp",
-							"ArrowDown",
-							"Home",
-							"End"
-						].includes(event.key)) return false;
-						if (["Delete", "Backspace"].includes(event.key)) return false;
-						if (event.ctrlKey || event.metaKey || event.altKey || event.shiftKey) return false;
-						if (event.key.length === 1 || event.key === "Enter") return true;
-					}
-					return false;
-				},
-				handlePaste: (view) => {
-					const { selection } = view.state;
-					if (selection instanceof NodeSelection && selection.node.type.name === "variableTag") return true;
-					return false;
-				},
-				handleDrop: (view) => {
-					const { selection } = view.state;
-					if (selection instanceof NodeSelection && selection.node.type.name === "variableTag" && !view.dragging) return true;
-					return false;
-				}
-			}
-		})];
-	}
-});
-//#endregion
-export { VariableTag_default as default };
-
-//# sourceMappingURL=VariableTag.js.map

package/dist/components/tiptap/VariableTag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VariableTag.js","names":["VariableTagView"],"sources":["../../../src/components/tiptap/VariableTag.js"],"sourcesContent":["import { Node } from '@tiptap/core';\nimport { ReactNodeViewRenderer } from '@tiptap/react';\nimport {\n    Plugin, PluginKey, NodeSelection, TextSelection,\n} from '@tiptap/pm/state';\nimport VariableTagView from './VariableTagView';\n\nconst isCursorPlaceholder = (node) => {\n    return node && node.isText && (node.text === '\\u200B' || node.text === '\\u2060');\n};\n\nexport default Node.create({\n    name: 'variableTag',\n    group: 'inline',\n    inline: true,\n    selectable: true,\n    draggable: true,\n    atom: true,\n\n    addOptions() {\n        return {\n            trailingCursorText: '\\u200B',\n        };\n    },\n\n    addAttributes() {\n        return {\n            label: { default: null },\n            value: { default: null },\n            openOnInsert: { default: false },\n            default: { default: null },\n            transformerId: { default: null },\n            transformerParams: { default: null },\n        };\n    },\n\n    parseHTML() {\n        return [\n            {\n                tag: 'variable-tag',\n                getAttrs: (dom) => {\n                    try {\n                        return JSON.parse(dom.innerHTML);\n                    } catch (e) {\n                        return {};\n                    }\n                },\n            },\n        ];\n    },\n\n    renderHTML({ HTMLAttributes }) {\n        return ['variable-tag', JSON.stringify(HTMLAttributes)];\n    },\n\n    addCommands() {\n        return {\n            setVariableTag: (options) => {\n                return ({\n                    dispatch, state,\n                }) => {\n                    const { selection } = state;\n                    const position = selection.$cursor ? selection.$cursor.pos : selection.$to.pos;\n                    const node = this.type.create(options);\n                    const transaction = state.tr.insert(position, node);\n                    const insertPos = position + node.nodeSize;\n                    const trailingCursorText = this.options.trailingCursorText;\n\n                    if (trailingCursorText) {\n                        // Inline atoms need an adjacent text position for reliable browser caret placement.\n                        transaction.insert(insertPos, state.schema.text(trailingCursorText));\n                        transaction.setSelection(TextSelection.create(transaction.doc, insertPos + trailingCursorText.length));\n                    } else {\n                        transaction.setSelection(TextSelection.create(transaction.doc, insertPos));\n                    }\n\n                    dispatch(transaction);\n                    return true;\n                };\n            },\n        };\n    },\n\n    addNodeView() {\n        return ReactNodeViewRenderer(VariableTagView);\n    },\n\n    addProseMirrorPlugins() {\n        return [\n            new Plugin({\n                key: new PluginKey('variableTagProtection'),\n\n                props: {\n                    handleKeyDown: (view, event) => {\n                        const { state } = view;\n                        const { selection, doc } = state;\n\n                        // Cursor placeholder text should not add an extra arrow-key stop.\n                        if (event.key === 'ArrowLeft' && selection.empty) {\n                            const { $from } = selection;\n                            const { pos } = $from;\n                            if (pos > 0) {\n                                const before = $from.nodeBefore;\n                                if (isCursorPlaceholder(before)) {\n                                    const posBeforePlaceholder = pos - before.nodeSize;\n                                    const $beforePlaceholder = doc.resolve(posBeforePlaceholder);\n                                    const variableTagNode = $beforePlaceholder.nodeBefore;\n                                    if (variableTagNode && variableTagNode.type.name === 'variableTag') {\n                                        const tagStart = posBeforePlaceholder - variableTagNode.nodeSize;\n                                        event.preventDefault();\n                                        view.dispatch(state.tr.setSelection(NodeSelection.create(doc, tagStart)));\n                                        return true;\n                                    }\n                                }\n                            }\n                        }\n\n                        // Cursor placeholder text should not add an extra arrow-key stop.\n                        if (event.key === 'ArrowRight' && selection.empty) {\n                            const { $from } = selection;\n                            const { pos } = $from;\n                            const after = $from.nodeAfter;\n                            if (isCursorPlaceholder(after)) {\n                                const before = $from.nodeBefore;\n                                if (before && before.type.name === 'variableTag') {\n                                    event.preventDefault();\n                                    view.dispatch(state.tr.setSelection(TextSelection.create(doc, pos + after.nodeSize)));\n                                    return true;\n                                }\n                            }\n                        }\n\n                        // Backspace from a cursor placeholder should remove the variable tag as one unit.\n                        if (event.key === 'Backspace' && selection.empty) {\n                            const { $from } = selection;\n                            const { pos } = $from;\n                            if (pos > 0) {\n                                const before = $from.nodeBefore;\n                                if (isCursorPlaceholder(before)) {\n                                    const posBeforePlaceholder = pos - before.nodeSize;\n                                    const $beforePlaceholder = doc.resolve(posBeforePlaceholder);\n                                    const variableTagNode = $beforePlaceholder.nodeBefore;\n                                    if (variableTagNode && variableTagNode.type.name === 'variableTag') {\n                                        const deleteFrom = posBeforePlaceholder - variableTagNode.nodeSize;\n                                        event.preventDefault();\n                                        const tr = state.tr.delete(deleteFrom, pos);\n                                        tr.setSelection(TextSelection.create(tr.doc, Math.max(0, deleteFrom)));\n                                        view.dispatch(tr);\n                                        return true;\n                                    }\n                                }\n                            }\n                        }\n\n                        // Check if we have a NodeSelection on a variableTag\n                        if (selection instanceof NodeSelection && selection.node.type.name === 'variableTag') {\n                            // Allow navigation keys\n                            if (['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Home', 'End'].includes(event.key)) {\n                                return false; // Let default behavior handle navigation\n                            }\n\n                            // Allow delete/backspace to remove the node\n                            if (['Delete', 'Backspace'].includes(event.key)) {\n                                return false; // Let default behavior handle deletion\n                            }\n\n                            // Allow modifier keys\n                            if (event.ctrlKey || event.metaKey || event.altKey || event.shiftKey) {\n                                return false; // Let default behavior handle shortcuts\n                            }\n\n                            // Prevent typing from replacing the node\n                            if (event.key.length === 1 || event.key === 'Enter') {\n                                return true; // Prevent default\n                            }\n                        }\n\n                        return false;\n                    },\n\n                    // Handle paste events\n                    handlePaste: (view) => {\n                        const { selection } = view.state;\n\n                        if (selection instanceof NodeSelection && selection.node.type.name === 'variableTag') {\n                            // Prevent pasting from replacing the node\n                            return true;\n                        }\n\n                        return false;\n                    },\n\n                    // Handle drop events\n                    handleDrop: (view) => {\n                        const { selection } = view.state;\n\n                        if (selection instanceof NodeSelection && selection.node.type.name === 'variableTag' && !view.dragging) {\n                            // Prevent accidental replacement only for non-drag drop actions.\n                            return true;\n                        }\n\n                        return false;\n                    },\n                },\n            }),\n        ];\n    },\n});\n"],"mappings":"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"}

package/dist/components/tiptap/VariableTagView.d.ts

@@ -1,3 +0,0 @@
-declare const _default: (props: any) => import("react/jsx-runtime").JSX.Element;
-export default _default;
-//# sourceMappingURL=VariableTagView.d.ts.map

package/dist/components/tiptap/VariableTagView.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"VariableTagView.d.ts","sourceRoot":"","sources":["../../../src/components/tiptap/VariableTagView.tsx"],"names":[],"mappings":"yBAwBgB,UAAK;AAArB,wBA4wBE"}