@harbour-enterprises/superdoc 0.12.0-RC1 → 0.12.0-RC2

package/dist/super-editor/ai-writer.es.js

@@ -1,98 +1,173 @@
-import { ref as u, onMounted as X, onUnmounted as q, computed as S, createElementBlock as A, openBlock as M, withModifiers as E, createElementVNode as h, withDirectives as $, unref as I, vModelText as B, createCommentVNode as G, nextTick as U } from "vue";
-import { T as Y } from "./chunks/converter-B_CnsyBe.js";
-import { _ as J } from "./chunks/editor-D_W26AM3.js";
-const Q = "https://sd-dev-express-gateway-i6xtm.ondigitalocean.app/insights", C = "You are an expert copywriter and you are immersed in a document editor. You are to provide document related text responses based on the user prompts. Only write what is asked for. Do not provide explanations. Try to keep placeholders as short as possible. Do not output your prompt. Your instructions are: ";
-async function D(i, r = {}) {
-  const e = r.apiKey, s = r.endpoint || Q;
+import { ref as x, onMounted as G, onUnmounted as U, computed as D, createElementBlock as O, openBlock as R, withModifiers as H, createElementVNode as S, withDirectives as Y, unref as N, vModelText as J, createCommentVNode as Q, nextTick as K } from "vue";
+import { T as Z } from "./chunks/converter-D1a6grDV.js";
+import { _ as ee } from "./chunks/editor-BY7pz5xQ.js";
+const te = "https://sd-dev-express-gateway-i6xtm.ondigitalocean.app/insights", z = "You are an expert copywriter and you are immersed in a document editor. You are to provide document related text responses based on the user prompts. Only write what is asked for. Do not provide explanations. Try to keep placeholders as short as possible. Do not output your prompt. Your instructions are: ";
+async function V(r, o = {}) {
+  const e = o.apiKey, a = o.endpoint || te;
   try {
-    const o = {
+    const s = {
       "Content-Type": "application/json"
     };
-    e && (o["x-api-key"] = e);
-    const n = await fetch(s, {
+    e && (s["x-api-key"] = e);
+    const n = await fetch(a, {
       method: "POST",
-      headers: o,
-      body: JSON.stringify(i)
+      headers: s,
+      body: JSON.stringify(r)
     });
     if (!n.ok) {
-      const l = await n.text();
-      throw new Error(`Harbour API error: ${n.status} - ${l}`);
+      const m = await n.text();
+      throw new Error(`Harbour API error: ${n.status} - ${m}`);
     }
     return n;
-  } catch (o) {
-    throw console.error("Error calling Harbour API:", o), o;
+  } catch (s) {
+    throw console.error("Error calling Harbour API:", s), s;
   }
 }
-async function F(i, r, e) {
-  const s = i.getReader(), o = new TextDecoder();
-  let n = "", l = "";
+async function j(r, o, e) {
+  const a = r.getReader(), s = new TextDecoder();
+  let n = "", m = "";
   try {
     for (; ; ) {
-      const { done: d, value: v } = await s.read();
-      if (d) {
+      const { done: h, value: g } = await a.read();
+      if (h) {
         typeof e == "function" && e();
         break;
       }
-      const w = o.decode(v, { stream: !0 });
-      typeof r == "function" && r(w);
+      const _ = s.decode(g, { stream: !0 });
+      typeof o == "function" && o(_);
     }
-    let c = Z(l);
-    return c !== null && (n = c), n || "";
-  } catch (c) {
-    throw console.error("Error reading stream:", c), c;
+    let l = oe(m);
+    return l !== null && (n = l), n || "";
+  } catch (l) {
+    throw console.error("Error reading stream:", l), l;
   } finally {
-    s.releaseLock();
+    a.releaseLock();
   }
 }
-function Z(i) {
+function oe(r) {
   try {
-    const r = /```json\s*\n([\s\S]*?)\n\s*```/, e = i.match(r);
+    const o = /```json\s*\n([\s\S]*?)\n\s*```/, e = r.match(o);
     if (e && e[1]) {
-      const s = JSON.parse(e[1]);
-      if (s.custom_prompt && s.custom_prompt.value !== void 0)
-        return s.custom_prompt.value || "";
+      const a = JSON.parse(e[1]);
+      if (a.custom_prompt && a.custom_prompt.value !== void 0)
+        return a.custom_prompt.value || "";
     }
     return null;
   } catch {
     return null;
   }
 }
-async function ee(i, r = {}, e, s) {
-  if (!i)
+async function ne(r, o = {}, e, a) {
+  if (!r)
     throw new Error("Prompt is required for text generation");
-  const o = {
+  const s = {
     stream: !0,
-    context: C,
+    context: z,
     doc_text: "",
     insights: [
       {
         type: "custom_prompt",
         name: "text_generation",
-        message: `Generate text based on the following prompt: ${i}`
+        message: `Generate text based on the following prompt: ${r}`
       }
     ]
   };
-  r.documentXml && (o.document_content = r.documentXml);
-  const n = await D(o, r.config || {});
-  return n.body ? await F(n.body, e, s) : "";
+  o.documentXml && (s.document_content = o.documentXml);
+  const n = await V(s, o.config || {});
+  return n.body ? await j(n.body, e, a) : "";
 }
-async function te(i, r = "", e = {}, s, o) {
-  if (!i)
+async function re(r, o = "", e = {}, a, s) {
+  if (!r)
     throw new Error("Text is required for rewriting");
   const n = {
     stream: !0,
-    context: C,
+    context: z,
     insights: [
       {
         type: "custom_prompt",
         name: "text_rewrite",
-        message: `Rewrite the following text: "${i}" using these instructions: ${r}`
+        message: `Rewrite the following text: "${r}" using these instructions: ${o}`
       }
     ]
-  }, l = await D(n, e.config || {});
-  return l.body ? await F(l.body, s, o) : "";
+  }, m = await V(n, e.config || {});
+  return m.body ? await j(m.body, a, s) : "";
+}
+const se = {
+  rules: [
+    {
+      name: "bold",
+      pattern: /\*\*(.*?)\*\*/g,
+      transform: (r, o, e) => ({
+        type: "text",
+        marks: [{ type: "bold" }],
+        text: o
+      })
+    }
+  ]
+};
+function ae(r) {
+  try {
+    let o = r.state.doc;
+    const e = o.textContent || "";
+    if (!e) return;
+    se.rules.forEach((a) => {
+      a.pattern.lastIndex = 0;
+      const s = [];
+      let n;
+      for (; (n = a.pattern.exec(e)) !== null; )
+        s.push({
+          rule: a,
+          startPos: n.index,
+          endPos: n.index + n[0].length,
+          originalText: n[0],
+          contentText: n[1]
+        });
+      s.sort((m, l) => l.startPos - m.startPos);
+      for (const m of s) {
+        const { startPos: l, endPos: h, originalText: g, contentText: _ } = m;
+        try {
+          let v = r.state.tr;
+          const L = a.transform(g, _, r), w = [];
+          if (o.nodesBetween(l, Math.min(h, o.content.size), (y, f) => (y.isText && w.push({ node: y, pos: f }), !0)), w.length > 0) {
+            let y = !1, f = -1, T = -1;
+            for (let c = 0; c < w.length; c++) {
+              const d = w[c], b = d.node.text || "", p = d.pos;
+              if (b.includes(g)) {
+                const u = b.indexOf(g);
+                f = p + u, T = f + g.length, y = !0;
+                break;
+              }
+            }
+            if (!y) {
+              let c = "", d = [], b = w[0].pos;
+              for (const u of w) {
+                const I = u.node.text || "", E = u.pos - b;
+                for (let k = 0; k < I.length; k++)
+                  d.push(E + k);
+                c += I;
+              }
+              const p = c.indexOf(g);
+              if (p >= 0) {
+                f = b + d[p];
+                const u = p + g.length - 1;
+                T = b + (d[u] || 0) + 1, y = !0;
+              }
+            }
+            if (y) {
+              const c = L.marks ? L.marks.map((d) => r.schema.marks[d.type].create(d.attrs)) : [];
+              v = v.delete(f, T), v = v.insert(f, r.schema.text(L.text, c)), v.docChanged && (r.view.dispatch(v), o = r.state.doc);
+            }
+          }
+        } catch (v) {
+          console.error("Error processing match:", v);
+        }
+      }
+    });
+  } catch (o) {
+    console.error("Error formatting document:", o);
+  }
 }
-const oe = `<!-- @note: includes color gradient for inline svg AI Writer -->
+const ie = `<!-- @note: includes color gradient for inline svg AI Writer -->
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
     <linearGradient id="gradient" x1="125%" y1="50%" x2="-25%" y2="50%">
         <stop offset="-20%" stop-color="rgba(218, 215, 118, 0.5)" />
@@ -101,7 +176,7 @@ const oe = `<!-- @note: includes color gradient for inline svg AI Writer -->
         <stop offset="150%" stop-color="rgb(255, 219, 102)" />
     </linearGradient>
     <path fill="url(#gradient)" d="M402.3 344.9l32-32c5-5 13.7-1.5 13.7 5.7V464c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h273.5c7.1 0 10.7 8.6 5.7 13.7l-32 32c-1.5 1.5-3.5 2.3-5.7 2.3H48v352h352V350.5c0-2.1 .8-4.1 2.3-5.6zm156.6-201.8L296.3 405.7l-90.4 10c-26.2 2.9-48.5-19.2-45.6-45.6l10-90.4L432.9 17.1c22.9-22.9 59.9-22.9 82.7 0l43.2 43.2c22.9 22.9 22.9 60 .1 82.8zM460.1 174L402 115.9 216.2 301.8l-7.3 65.3 65.3-7.3L460.1 174zm64.8-79.7l-43.2-43.2c-4.1-4.1-10.8-4.1-14.8 0L436 82l58.1 58.1 30.9-30.9c4-4.2 4-10.8-.1-14.9z"/>
-</svg>`, re = `<!-- @note: includes color gradient for inline svg AI Writer -->
+</svg>`, ce = `<!-- @note: includes color gradient for inline svg AI Writer -->
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.-->
   <defs>
     <linearGradient id="gradient" x1="125%" y1="50%" x2="-25%" y2="50%">
@@ -112,7 +187,7 @@ const oe = `<!-- @note: includes color gradient for inline svg AI Writer -->
     </linearGradient>
   </defs>
   <path fill="url(#gradient)" d="M440 6.5L24 246.4c-34.4 19.9-31.1 70.8 5.7 85.9L144 379.6V464c0 46.4 59.2 65.5 86.6 28.6l43.8-59.1 111.9 46.2c5.9 2.4 12.1 3.6 18.3 3.6 8.2 0 16.3-2.1 23.6-6.2 12.8-7.2 21.6-20 23.9-34.5l59.4-387.2c6.1-40.1-36.9-68.8-71.5-48.9zM192 464v-64.6l36.6 15.1L192 464zm212.6-28.7l-153.8-63.5L391 169.5c10.7-15.5-9.5-33.5-23.7-21.2L155.8 332.6 48 288 464 48l-59.4 387.3z"/>
-</svg>`, ne = { class: "ai-user-input-field" }, se = ["innerHTML"], ae = ["placeholder"], ie = { class: "ai-loader" }, ce = ["innerHTML"], le = {
+</svg>`, le = { class: "ai-user-input-field" }, de = ["innerHTML"], ue = ["placeholder"], me = { class: "ai-loader" }, fe = ["innerHTML"], pe = {
   __name: "AIWriter",
   props: {
     selectedText: {
@@ -145,56 +220,56 @@ const oe = `<!-- @note: includes color gradient for inline svg AI Writer -->
     }
   },
   emits: ["ai-highlight"],
-  setup(i, { emit: r }) {
-    const e = i, s = r, o = u(null), n = u(null), l = (t) => {
-      n.value && !n.value.contains(t.target) && (m.value || d("remove"), e.handleClose());
-    }, c = u(null), d = (t, a = null) => {
-      e.superToolbar ? e.superToolbar.emit("ai-highlight", { type: t, data: a }) : s("ai-highlight", { type: t, data: a });
-    }, v = () => {
-      e.selectedText && (o.value = {
+  setup(r, { emit: o }) {
+    const e = r, a = o, s = x(null), n = x(null), m = (t) => {
+      n.value && !n.value.contains(t.target) && (f.value || h("remove"), e.handleClose());
+    }, l = x(null), h = (t, i = null) => {
+      e.superToolbar ? e.superToolbar.emit("ai-highlight", { type: t, data: i }) : a("ai-highlight", { type: t, data: i });
+    }, g = () => {
+      e.selectedText && (s.value = {
         ...e.editor.state.selection,
         from: e.editor.state.selection.from,
         to: e.editor.state.selection.to
-      }, e.editor.commands.setMeta("storedSelection", o.value), d("add"));
-    }, w = () => {
-      U(() => {
-        c.value && c.value.focus();
+      }, e.editor.commands.setMeta("storedSelection", s.value), h("add"));
+    }, _ = () => {
+      K(() => {
+        l.value && l.value.focus();
       });
-    }, P = () => {
-      document.addEventListener("mousedown", l), document.addEventListener("keydown", x, !0);
-    }, H = () => {
-      document.removeEventListener("mousedown", l), document.removeEventListener("keydown", x, !0);
+    }, v = () => {
+      document.addEventListener("mousedown", m), document.addEventListener("keydown", w, !0);
+    }, L = () => {
+      document.removeEventListener("mousedown", m), document.removeEventListener("keydown", w, !0);
     };
-    X(() => {
-      v(), w(), P();
-    }), q(() => {
-      m.value || d("remove"), H();
+    G(() => {
+      g(), _(), v();
+    }), U(() => {
+      f.value || h("remove"), L();
     });
-    const x = (t) => {
-      c.value && t.target === c.value && ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(t.key) && t.stopPropagation();
-    }, N = S(
+    const w = (t) => {
+      l.value && t.target === l.value && ["ArrowUp", "ArrowDown", "ArrowLeft", "ArrowRight"].includes(t.key) && t.stopPropagation();
+    }, y = D(
       () => e.selectedText ? "Insert prompt to update text" : "Insert prompt to generate text"
-    ), m = u(!1), f = u(""), p = u(""), g = u(!1), O = u(""), b = S(() => e.editor.isInSuggestingMode?.() || !1), R = () => {
+    ), f = x(!1), T = x(""), c = x(""), d = x(!1), b = x(""), p = x(!1), u = x(!1), I = D(() => e.editor.isInSuggestingMode?.() || !1), E = () => {
       try {
         return e.editor.state.doc.textContent || "";
       } catch (t) {
         return console.error("Error getting document XML:", t), "";
       }
-    }, T = (t) => {
+    }, k = async (t) => {
       try {
-        if (e.editor.commands.removeAiNode("aiLoaderNode"), e.selectedText && !g.value) {
-          if (d("remove"), e.editor.commands.clearAiHighlightStyle(), o.value) {
-            const { state: k } = e.editor, { from: j, to: z } = o.value, W = k.tr.setSelection(
-              Y.create(k.doc, j, z)
+        if (e.editor.commands.removeAiNode("aiLoaderNode"), e.selectedText && !d.value) {
+          if (h("remove"), e.editor.commands.clearAiHighlightStyle(), s.value) {
+            const { state: F } = e.editor, { from: q, to: B } = s.value, $ = F.tr.setSelection(
+              Z.create(F.doc, q, B)
             );
-            e.editor.view.dispatch(W);
+            e.editor.view.dispatch($);
           } else
             console.warn("[AIWriter] No stored selection to restore");
-          e.editor.commands.deleteSelection(), g.value = !0;
+          e.editor.commands.deleteSelection(), d.value = !0;
         }
         if (t == null || t === "")
           return;
-        const a = String(t), y = {
+        const i = String(t), A = {
           type: "text",
           marks: [{
             type: "aiAnimationMark",
@@ -203,79 +278,91 @@ const oe = `<!-- @note: includes color gradient for inline svg AI Writer -->
               dataMarkId: `ai-animation-${Date.now()}`
             }
           }],
-          text: a
+          text: i
         };
-        e.editor.commands.insertContent(y), e.handleClose();
-      } catch (a) {
-        console.error("Error handling text chunk:", a);
+        e.editor.commands.insertContent(A), u.value = !0, p.value || await M(), e.handleClose();
+      } catch (i) {
+        console.error("Error handling text chunk:", i);
       }
-    }, _ = () => {
-      setTimeout(() => {
-        e.editor.commands.removeAiMark("aiAnimationMark"), d("remove");
+    }, M = async () => {
+      if (!p.value)
+        try {
+          p.value = !0, u.value = !1, await K(), ae(e.editor), u.value && (u.value = !1, await M());
+        } finally {
+          p.value = !1;
+        }
+    }, P = async () => {
+      (u.value || p.value) && (u.value = !0, await new Promise((t) => {
+        const i = () => {
+          !p.value && !u.value ? t() : setTimeout(i, 100);
+        };
+        i();
+      })), await M(), setTimeout(() => {
+        e.editor.commands.removeAiMark("aiAnimationMark"), h("remove");
       }, 1e3);
-    }, L = async () => {
-      f.value = "", g.value = !1, O.value = "", m.value = !0;
+    }, C = async () => {
+      T.value = "", d.value = !1, b.value = "", f.value = !0;
       try {
-        e.handleClose(), e.selectedText ? d("update") : e.editor.commands.insertContent({
+        e.handleClose(), e.selectedText ? h("update") : e.editor.commands.insertContent({
           type: "aiLoaderNode"
-        }), b.value && e.editor.commands.enableTrackChanges();
-        const a = {
+        }), I.value && e.editor.commands.enableTrackChanges();
+        const i = {
           // @todo: implement grabbing document text
           docText: "",
-          documentXml: R(),
+          documentXml: E(),
           config: {
             // Pass the aiApiKey to the AI helper functions
             apiKey: e.apiKey,
             endpoint: e.endpoint
           }
         };
-        e.selectedText ? await te(e.selectedText, p.value, a, T, _) : await ee(p.value, a, T, _);
+        e.selectedText ? await re(e.selectedText, c.value, i, k, P) : await ne(c.value, i, k, P);
       } catch (t) {
-        console.error("AI generation error:", t), f.value = t.message || "An error occurred";
+        console.error("AI generation error:", t), T.value = t.message || "An error occurred";
       } finally {
-        p.value = "", b.value && e.editor.commands.disableTrackChanges(), m.value = !1, g.value = !1;
+        c.value = "", I.value && e.editor.commands.disableTrackChanges(), f.value = !1, d.value = !1;
       }
-    }, K = (t) => {
-      t.key === "Enter" && !t.shiftKey && (t.preventDefault(), L());
-    }, V = (t) => {
-      f.value && (f.value = ""), p.value = t.target.value;
+    }, W = (t) => {
+      t.key === "Enter" && !t.shiftKey && (t.preventDefault(), C());
+    }, X = (t) => {
+      T.value && (T.value = ""), c.value = t.target.value;
     };
-    return (t, a) => (M(), A("div", {
+    return (t, i) => (R(), O("div", {
       class: "ai-writer prosemirror-isolated",
       ref_key: "aiWriterRef",
       ref: n,
-      onMousedown: a[1] || (a[1] = E(() => {
+      onMousedown: i[1] || (i[1] = H(() => {
       }, ["stop"]))
     }, [
-      h("div", ne, [
-        h("span", {
+      S("div", le, [
+        S("span", {
           class: "ai-textarea-icon",
-          innerHTML: I(oe)
-        }, null, 8, se),
-        $(h("textarea", {
+          innerHTML: N(ie)
+        }, null, 8, de),
+        Y(S("textarea", {
           ref_key: "editableRef",
-          ref: c,
+          ref: l,
           class: "ai-textarea",
-          placeholder: N.value,
-          onKeydown: K,
-          onInput: V,
-          "onUpdate:modelValue": a[0] || (a[0] = (y) => p.value = y),
+          placeholder: y.value,
+          onKeydown: W,
+          onInput: X,
+          "onUpdate:modelValue": i[0] || (i[0] = (A) => c.value = A),
           rows: "4"
-        }, null, 40, ae), [
-          [B, p.value]
+        }, null, 40, ue), [
+          [J, c.value]
         ])
       ]),
-      h("div", ie, [
-        p.value ? (M(), A("span", {
+      S("div", me, [
+        c.value ? (R(), O("span", {
           key: 0,
           class: "ai-textarea-icon ai-submit-button",
-          onClick: E(L, ["stop"]),
-          innerHTML: I(re)
-        }, null, 8, ce)) : G("", !0)
+          onClick: H(C, ["stop"]),
+          innerHTML: N(ce)
+        }, null, 8, fe)) : Q("", !0)
       ])
     ], 544));
   }
-}, me = /* @__PURE__ */ J(le, [["__scopeId", "data-v-b140a4fa"]]);
+}, xe = /* @__PURE__ */ ee(pe, [["__scopeId", "data-v-4cf86e1f"]]);
 export {
-  me as default
+  xe as default
 };