@tailor-cms/ce-html-edit 0.1.2 → 0.1.3

package/dist/components/extensions/tooltip.d.ts

@@ -3,8 +3,8 @@ declare module '@tiptap/vue-3' {
     interface Commands<ReturnType> {
         tooltip: {
             setTooltip: (attributes: {
-                tooltip?: string;
-                text?: string;
+                tooltip: string;
+                text: string;
             }) => ReturnType;
             unsetTooltip: () => ReturnType;
         };

package/dist/index.cjs

@@ -26168,11 +26168,10 @@ const Link = Link$1.extend({
   addCommands() {
     return {
       ...this.parent?.(),
-      setLinkText: ({ attributes, text } = {}) => ({ chain }) => {
-        return chain().setMark(this.name, { href: attributes?.href }).command(({ tr: tr2 }) => {
-          tr2.insertText(text);
-          return true;
-        }).setMeta("preventAutolink", true).run();
+      setLinkText: ({ href, text } = { href: "", text: "" }) => ({ chain, state }) => {
+        const { from: from2 } = state.selection;
+        const to = from2 + text.length;
+        return chain().insertContent(text).setTextSelection({ from: from2, to }).setMark(this.name, { href }).setMeta("preventAutolink", true).run();
       }
     };
   }
@@ -26200,6 +26199,8 @@ const Paragraph = Paragraph$1.extend({
 });
 const Tooltip = Mark2.create({
   name: "tooltip",
+  keepOnSplit: false,
+  exitable: true,
   addAttributes() {
     return {
       "data-tooltip": {
@@ -26223,11 +26224,10 @@ const Tooltip = Mark2.create({
   },
   addCommands() {
     return {
-      setTooltip: ({ tooltip, text } = {}) => ({ chain }) => {
-        return chain().setMark(this.name, { "data-tooltip": tooltip }).command(({ tr: tr2 }) => {
-          tr2.insertText(text);
-          return true;
-        }).run();
+      setTooltip: ({ tooltip, text } = { tooltip: "", text: "" }) => ({ chain, state }) => {
+        const { from: from2 } = state.selection;
+        const to = from2 + text.length;
+        return chain().insertContent(text).setTextSelection({ from: from2, to }).setMark(this.name, { "data-tooltip": tooltip }).run();
       },
       unsetTooltip: () => ({ chain }) => {
         return chain().unsetMark(this.name).run();
@@ -27095,8 +27095,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
       if (!valid) return;
       const href = url.value.startsWith("http") ? url.value : `https://${url.value}`;
       if (href) {
-        const attributes = { href };
-        props.editor.chain().focus().setLinkText({ attributes, text: text.value }).run();
+        props.editor.chain().focus().setLinkText({ href, text: text.value }).run();
       } else props.editor.chain().focus().unsetLink().run();
       show.value = false;
       form.value.resetValidation();
@@ -27219,7 +27218,7 @@ const _sfc_main$b = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const AddLink = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-8c3b7b32"]]);
+const AddLink = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-426754d7"]]);
 const _hoisted_1$1 = { class: "text-body-2" };
 const INIT_SIZE = 5;
 const MAX_SIZE = 10;

package/dist/index.css

@@ -179,7 +179,7 @@
   display: flex;
   flex-direction: column;
   gap: 0.75rem;
-}.v-sheet[data-v-8c3b7b32] {
+}.v-sheet[data-v-426754d7] {
   display: flex;
   flex-direction: column;
   gap: 0.75rem;

package/dist/index.js

@@ -26166,11 +26166,10 @@ const Link = Link$1.extend({
   addCommands() {
     return {
       ...this.parent?.(),
-      setLinkText: ({ attributes, text } = {}) => ({ chain }) => {
-        return chain().setMark(this.name, { href: attributes?.href }).command(({ tr: tr2 }) => {
-          tr2.insertText(text);
-          return true;
-        }).setMeta("preventAutolink", true).run();
+      setLinkText: ({ href, text } = { href: "", text: "" }) => ({ chain, state }) => {
+        const { from: from2 } = state.selection;
+        const to = from2 + text.length;
+        return chain().insertContent(text).setTextSelection({ from: from2, to }).setMark(this.name, { href }).setMeta("preventAutolink", true).run();
       }
     };
   }
@@ -26198,6 +26197,8 @@ const Paragraph = Paragraph$1.extend({
 });
 const Tooltip = Mark2.create({
   name: "tooltip",
+  keepOnSplit: false,
+  exitable: true,
   addAttributes() {
     return {
       "data-tooltip": {
@@ -26221,11 +26222,10 @@ const Tooltip = Mark2.create({
   },
   addCommands() {
     return {
-      setTooltip: ({ tooltip, text } = {}) => ({ chain }) => {
-        return chain().setMark(this.name, { "data-tooltip": tooltip }).command(({ tr: tr2 }) => {
-          tr2.insertText(text);
-          return true;
-        }).run();
+      setTooltip: ({ tooltip, text } = { tooltip: "", text: "" }) => ({ chain, state }) => {
+        const { from: from2 } = state.selection;
+        const to = from2 + text.length;
+        return chain().insertContent(text).setTextSelection({ from: from2, to }).setMark(this.name, { "data-tooltip": tooltip }).run();
       },
       unsetTooltip: () => ({ chain }) => {
         return chain().unsetMark(this.name).run();
@@ -27093,8 +27093,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       if (!valid) return;
       const href = url.value.startsWith("http") ? url.value : `https://${url.value}`;
       if (href) {
-        const attributes = { href };
-        props.editor.chain().focus().setLinkText({ attributes, text: text.value }).run();
+        props.editor.chain().focus().setLinkText({ href, text: text.value }).run();
       } else props.editor.chain().focus().unsetLink().run();
       show.value = false;
       form.value.resetValidation();
@@ -27217,7 +27216,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const AddLink = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-8c3b7b32"]]);
+const AddLink = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__scopeId", "data-v-426754d7"]]);
 const _hoisted_1$1 = { class: "text-body-2" };
 const INIT_SIZE = 5;
 const MAX_SIZE = 10;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Tailor CMS HTML editor authoring component",
   "author": "Studion <info@gostudion.com> (https://github.com/tailor-cms)",
   "type": "module",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "exports": {
     ".": {
       "import": "./dist/index.js",
@@ -26,7 +26,7 @@
     "typescript": "^5.8.3",
     "vite": "^7.0.3",
     "vue-tsc": "^3.0.1",
-    "@tailor-cms/ce-html-manifest": "0.1.2"
+    "@tailor-cms/ce-html-manifest": "0.1.3"
   },
   "dependencies": {
     "@tiptap/extension-color": "^2.25.0",