@chaibuilder/pages 0.16.8 → 0.16.9

package/dist/ai-panel-default-lang-CxmSDvNu.js

@@ -0,0 +1,307 @@
+import { jsxs as S, Fragment as L, jsx as m } from "react/jsx-runtime";
+import { C as F, a as P, b as W, R as O, c as $, d as V, T as q, M as j, e as K, f as _, h as z, S as G, i as U } from "./selected-block-display-BPkRbRtv.js";
+import { useAddBlock as J, useReplaceBlock as Q, useRemoveBlocks as X, getBlocksFromHTML as H, useSelectedBlock as Y, useSelectedBlockIds as Z, useBlocksHtmlForAi as tt } from "@chaibuilder/sdk";
+import { Bot as et } from "lucide-react";
+import { useCallback as nt, lazy as rt, Fragment as st, Suspense as ot } from "react";
+import { toast as it } from "sonner";
+const at = () => {
+  const { addPredefinedBlock: k } = J(), R = Q(), b = X(), y = async (r, e) => {
+    if (!e) return;
+    const o = H(e);
+    await k(o, r.parentId, r.position);
+  }, v = async (r, e) => {
+    if (!r.blockId || !e) return;
+    const o = H(e);
+    await R(r.blockId, o);
+  }, I = async (r) => {
+    !r.ids || r.ids.length === 0 || await b(r.ids);
+  };
+  let u = null;
+  const x = (r, e) => {
+    const o = document.getElementById("canvas-iframe");
+    if (!o)
+      return null;
+    const a = o == null ? void 0 : o.contentDocument;
+    if (!a)
+      return null;
+    a.querySelectorAll("[data-stream-canvas]").forEach((f) => f.remove());
+    let n = null;
+    if (r && r !== "undefined" && (n = a.querySelector(`[data-block-id="${r}"]`)), n || (n = a.body), !n)
+      return null;
+    if (u = a.createElement("div"), u.setAttribute("data-stream-canvas", "true"), e !== void 0 && e >= 0 && n.children) {
+      const f = Math.min(e, n.children.length);
+      f < n.children.length ? n.insertBefore(u, n.children[f]) : n.appendChild(u);
+    } else
+      n.appendChild(u);
+    return u;
+  }, C = (r) => {
+    var n;
+    const e = document.getElementById("canvas-iframe");
+    if (!e)
+      return null;
+    const o = e == null ? void 0 : e.contentDocument;
+    if (!o)
+      return null;
+    o.querySelectorAll("[data-stream-canvas]").forEach((f) => f.remove());
+    const d = o.querySelector(`[data-block-id="${r}"]`);
+    return d ? (u = o.createElement("div"), u.setAttribute("data-stream-canvas", "true"), (n = d.parentNode) == null || n.insertBefore(u, d.nextSibling), d.style.display = "none", u) : null;
+  }, T = (r, e, o) => {
+    const a = x(e, o);
+    if (a) {
+      a.innerHTML = r;
+      const d = a.getBoundingClientRect(), n = document.getElementById("canvas-iframe"), f = n == null ? void 0 : n.contentWindow;
+      f && (d.top >= 0 && d.bottom <= f.innerHeight || a.scrollIntoView({ behavior: "smooth", block: "nearest" }));
+    }
+  }, w = (r, e) => {
+    const o = C(e);
+    o && (o.innerHTML = r);
+  }, E = (r) => {
+    const e = r.match(/^--ACTION=(.+)--$/);
+    if (!e) return null;
+    let a = e[1].replace(/--/g, "").split("|");
+    const n = { type: a[0] };
+    return a.forEach((f) => {
+      const t = f.trim();
+      if (t.startsWith("PARENT=")) {
+        const s = t.substring(7);
+        n.parentId = s === "undefined" ? void 0 : s;
+      } else t.startsWith("POS=") ? n.position = parseInt(t.substring(4)) : t.startsWith("ID=") ? n.blockId = t.substring(3) : t.startsWith("IDS=") && (n.ids = t.substring(4).split(",").map((s) => s.trim()));
+    }), n;
+  };
+  return nt(
+    async (r, e) => {
+      const o = new TextDecoder();
+      let a = "", d = "", n = !1, f = null;
+      const t = {
+        isInAction: !1,
+        currentAction: null,
+        htmlBuffer: "",
+        isCapturingHtml: !1
+      }, s = async (h) => {
+        const i = h.trim();
+        if (i === "--START--") {
+          n = !0;
+          return;
+        }
+        if (n) {
+          if (i === "--END--") {
+            t.currentAction && (t.htmlBuffer || t.currentAction.type === "REMOVE") && await B(t.currentAction, t.htmlBuffer), u && (u.remove(), u = null);
+            return;
+          }
+          if (i.startsWith("--THINKING=")) {
+            const c = i.substring(11);
+            e((l) => {
+              const g = [...l], p = g[g.length - 1];
+              if (p && p.role === "assistant" && p.isReasoning)
+                p.content = c, p.isStreaming = !1;
+              else {
+                const A = {
+                  id: Date.now().toString(),
+                  role: "assistant",
+                  content: c,
+                  isReasoning: !0,
+                  isStreaming: !1
+                };
+                g.push(A);
+              }
+              return g;
+            });
+            return;
+          }
+          if (i.startsWith("--TASK=")) {
+            const c = i.substring(7), l = `task-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, g = {
+              id: l,
+              role: "assistant",
+              content: c.replace(/--$/, ""),
+              isTask: !0,
+              isTaskLoading: !0,
+              isTaskCompleted: !1
+            };
+            f = l, e((p) => [...p, g]);
+            return;
+          }
+          if (i.startsWith("--MSG=")) {
+            const c = i.substring(6), l = {
+              id: Date.now().toString(),
+              role: "assistant",
+              content: c.replace(/--$/g, ""),
+              isReasoning: !1,
+              isStreaming: !1
+            };
+            e((g) => [...g, l]);
+            return;
+          }
+          if (i.startsWith("--ACTION=")) {
+            t.currentAction && (t.htmlBuffer || t.currentAction.type === "REMOVE") && await B(t.currentAction, t.htmlBuffer), t.currentAction = E(i), t.htmlBuffer = "", t.isInAction = !0;
+            return;
+          }
+          if (i === "--ENDACTION--") {
+            t.currentAction && (t.htmlBuffer || t.currentAction.type === "REMOVE") && await B(t.currentAction, t.htmlBuffer), f && (e((c) => c.map((l) => l.isTask ? { ...l, isTaskCompleted: !0 } : l)), f = null), t.currentAction = null, t.htmlBuffer = "", t.isInAction = !1;
+            return;
+          }
+          if (i === "--HTML--") {
+            t.isCapturingHtml = !0;
+            return;
+          }
+          if (i === "--ENDHTML--") {
+            t.isCapturingHtml = !1;
+            return;
+          }
+          if (i.startsWith("--HTML--") && i.includes("--ENDHTML--")) {
+            const c = i.match(/^--HTML--(.+?)--ENDHTML--$/);
+            if (c && t.currentAction) {
+              const l = c[1];
+              t.htmlBuffer += l, t.currentAction.type === "ADD" ? T(t.htmlBuffer, t.currentAction.parentId, t.currentAction.position) : t.currentAction.type === "EDIT" && t.currentAction.blockId && w(t.htmlBuffer, t.currentAction.blockId);
+            }
+            return;
+          }
+          t.isCapturingHtml && t.currentAction && (t.htmlBuffer += h + `
+`, t.currentAction.type === "ADD" ? T(t.htmlBuffer, t.currentAction.parentId, t.currentAction.position) : t.currentAction.type === "EDIT" && t.currentAction.blockId && w(t.htmlBuffer, t.currentAction.blockId));
+        }
+      }, B = async (h, i) => {
+        try {
+          switch (h.type) {
+            case "ADD":
+              await y(h, i);
+              break;
+            case "EDIT":
+              await v(h, i);
+              break;
+            case "REMOVE":
+              await I(h);
+              break;
+          }
+          e((c) => c.filter((l) => !l.isTask));
+        } catch (c) {
+          console.log(c);
+        }
+      };
+      try {
+        for (; ; ) {
+          const { done: h, value: i } = await r.read();
+          if (h) break;
+          const c = o.decode(i, { stream: !0 });
+          a += c, d += c;
+          const l = d.split(`
+`);
+          d = l.pop() || "";
+          for (const g of l)
+            await s(g);
+        }
+        d && await s(d);
+      } catch (h) {
+        console.log(h);
+      }
+    },
+    [b]
+  );
+}, ct = rt(() => import("./ai-prompt-input-BOAqFpAN.js")), gt = ({
+  t: k,
+  fetch: R,
+  input: b,
+  messages: y,
+  setInput: v,
+  isLoading: I,
+  setMessages: u,
+  handleStop: x,
+  setIsLoading: C,
+  currentBlock: T,
+  fallbackLang: w,
+  setCurrentBlock: E,
+  setAbortController: r,
+  selectedModel: e = "google/gemini-2.5-flash",
+  onModelChange: o
+}) => {
+  const a = Y(), [, d] = Z(), n = tt(), f = at(), t = async (s, B, h, i) => {
+    var p;
+    if (!s || I) return;
+    E(a);
+    const c = n(a ? { blockId: a._id, additionalCoreBlocks: ["Icon"] } : { additionalCoreBlocks: ["Icon"] });
+    if (a && !c) {
+      it.error(k("Something went wrong. Please try again."));
+      return;
+    }
+    const l = {
+      id: Date.now().toString(),
+      role: "user",
+      content: U({
+        language: w,
+        userInput: B || s,
+        currentHtml: c
+      }),
+      userMessage: s
+    };
+    u((A) => [...A, l]), C(!0);
+    const g = new AbortController();
+    r(g);
+    try {
+      const A = {
+        messages: [...y, l].map((N) => ({
+          role: N.role,
+          content: N.content
+        })),
+        model: i || e
+      };
+      h && (A.image = h);
+      const M = await R({ body: { action: "ASK_AI", data: A }, streamResponse: !0 });
+      if (!M.ok)
+        throw new Error(k("Failed to get AI response"));
+      const D = (p = M.body) == null ? void 0 : p.getReader();
+      if (!D) throw new Error(k("Response body is not readable"));
+      await f(D, u);
+    } catch (A) {
+      if (A.name !== "AbortError") {
+        const M = {
+          id: (Date.now() + 1).toString(),
+          role: "assistant",
+          content: k("Sorry, I encountered an error. Please try again.")
+        };
+        u((D) => [...D, M]);
+      }
+    } finally {
+      v(""), C(!1), E(null), r(null);
+    }
+  };
+  return /* @__PURE__ */ S(L, { children: [
+    /* @__PURE__ */ S(F, { className: "no-scrollbar", children: [
+      /* @__PURE__ */ S(P, { className: "gap-2 px-0", children: [
+        y.length === 0 && /* @__PURE__ */ m(
+          W,
+          {
+            icon: /* @__PURE__ */ m(et, { size: 48, className: "text-gray-300" }),
+            title: "Start a conversation",
+            description: k("Start a conversation with the AI assistant to add/edit current page")
+          }
+        ),
+        y.map(
+          (s) => s.role !== "system" && /* @__PURE__ */ m(st, { children: s.isReasoning ? /* @__PURE__ */ S(O, { isStreaming: s.isStreaming, defaultOpen: !0, children: [
+            /* @__PURE__ */ m($, { className: "text-xs [&_p]:text-muted-foreground" }),
+            /* @__PURE__ */ m(V, { className: "p-0 text-xs", children: s.content })
+          ] }) : s.isTask && !s.isTaskCompleted ? /* @__PURE__ */ m(q, { content: s.content, isLoading: s.isTaskLoading }) : /* @__PURE__ */ m(j, { from: s.role, children: /* @__PURE__ */ m(K, { className: "p-0", children: s.role === "assistant" ? /* @__PURE__ */ m(_, { className: "p-0 text-xs", children: s.content }) : /* @__PURE__ */ m("div", { className: "p-0 text-xs", children: s.userMessage || s.content }) }) }) }, s.id)
+        )
+      ] }),
+      /* @__PURE__ */ m(z, {})
+    ] }),
+    /* @__PURE__ */ S("div", { className: "border-gray-200 pb-2", children: [
+      /* @__PURE__ */ m(G, { onRemove: () => d([]), isLoading: I }),
+      /* @__PURE__ */ m(ot, { fallback: /* @__PURE__ */ m("div", { children: "Loading..." }), children: /* @__PURE__ */ m(
+        ct,
+        {
+          input: b,
+          setInput: v,
+          onSend: t,
+          onStop: x,
+          isLoading: I,
+          selectedLang: "",
+          currentBlock: a || T,
+          disabled: (b == null ? void 0 : b.length) === 0,
+          selectedModel: e,
+          onModelChange: o
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  gt as default
+};

package/dist/ai-panel-other-lang-B0umwiEm.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("./selected-block-display-CMhOKq0c.cjs"),a=require("@chaibuilder/sdk"),G=require("lucide-react"),o=require("react"),H=o.lazy(()=>Promise.resolve().then(()=>require("./ai-translation-prompt-23g3VfWP.cjs"))),Q=o.lazy(()=>Promise.resolve().then(()=>require("./ai-prompt-input-L_bHFj7w.cjs"))),X=({fetch:B,input:c,messages:u,setInput:j,isLoading:i,handleStop:A,setMessages:k,setIsLoading:h,selectedLang:l,currentBlock:P,fallbackLang:q,abortController:x,setAbortController:E,setCurrentBlock:y,selectedModel:S="google/gemini-2.5-flash",onModelChange:M})=>{const{t:s}=a.useTranslation(),O=o.useRef(null),d=a.useSelectedBlock(),[,C]=a.useSelectedBlockIds(),T=a.useI18nBlocks(),I=a.useStreamMultipleBlocksProps(),D=()=>{var t;(t=O.current)==null||t.scrollIntoView({behavior:"smooth"})};o.useEffect(()=>{D()},[u,i]);const f=async(t,m,F)=>{var p;d&&y(d);const R=(t==null?void 0:t.toLowerCase())==="translate",b={id:Date.now().toString(),role:"user",content:n.getTranslationUserPrompt({fallbackLang:q,userInput:m||t,language:l,blocks:R?T():T(l)}),userMessage:m||t||s("Translate the content")},_={id:(Date.now()+1).toString(),role:"assistant",content:"Thinking...",isReasoning:!0,isStreaming:!0};h(!0);const z=new AbortController;E(z),k(w=>[...w,b,_]),h(!0);try{const N=await B({body:{action:"ASK_AI",data:{messages:[b],initiator:R?"TRANSLATE_CONTENT":"UPDATE_CONTENT",model:F||S}},streamResponse:!0});if(!N.ok)throw new Error(s("Failed to get AI response"));const v=(p=N.body)==null?void 0:p.getReader(),U=new TextDecoder;let r="";if(!v)throw new Error(s("Response body is not readable"));for(;;){const{done:K,value:V}=await v.read();if(K)break;const W=U.decode(V,{stream:!0});r+=W,k(g=>(g[g.length-1].content=r,[...g]))}const J=JSON.parse(r==null?void 0:r.replace("```json","").replace("```",""));I(J)}catch{x==null||x.abort()}finally{h(!1),j(""),y(null)}};return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"py-2",children:e.jsx(o.Suspense,{fallback:e.jsx("div",{children:s("Loading...")}),children:e.jsx(H,{isLoading:i,selectedBlock:d,selectedLang:l,onClick:f})})}),e.jsx(n.Conversation,{children:e.jsxs(n.ConversationContent,{className:"gap-4 px-0",children:[u.length===0&&e.jsx(n.ConversationEmptyState,{icon:e.jsx(G.Bot,{size:48,className:"text-gray-300"}),title:s("Start a conversation with the AI assistant to translate/edit your content"),description:s("Only content can be edited in secondary languages. To edit layout, styles and more, switch to the default language.")}),u.map(t=>t.role!=="system"&&e.jsx(o.Fragment,{children:t.isReasoning?e.jsxs(n.Reasoning,{isStreaming:t.isStreaming,defaultOpen:!0,children:[e.jsx(n.ReasoningTrigger,{className:"text-xs [&_p]:text-muted-foreground"}),e.jsx(n.ReasoningContent,{className:"p-0 text-xs",children:t.content})]}):t.isTask?e.jsx(n.TaskMessage,{content:t.content,isLoading:t.isTaskLoading}):e.jsx(n.Message,{from:t.role,children:e.jsx(n.MessageContent,{className:"p-0",children:t.role==="assistant"?e.jsx(n.MessageResponse,{className:"p-0 text-xs",children:t.content}):e.jsx("div",{className:"p-0 text-xs",children:t.userMessage||t.content})})})},t.id))]})}),e.jsxs("div",{className:"border-gray-200 pb-2",children:[e.jsx(n.SelectedBlockDisplay,{onRemove:()=>C([]),isLoading:i}),e.jsx(o.Suspense,{fallback:e.jsx("div",{children:s("Loading...")}),children:e.jsx(Q,{input:c,setInput:j,onSend:f,onStop:A,isLoading:i,selectedLang:l,currentBlock:d||P,disabled:(c==null?void 0:c.length)===0,selectedModel:S,onModelChange:M})})]})]})};exports.default=X;

package/dist/ai-panel-other-lang-CicrT1I-.js

@@ -0,0 +1,130 @@
+import { jsxs as i, Fragment as $, jsx as t } from "react/jsx-runtime";
+import { C as G, a as H, b as Q, R as X, c as Y, d as Z, T as L, M as ee, e as te, f as ne, S as se, g as oe } from "./selected-block-display-BPkRbRtv.js";
+import { useTranslation as ae, useSelectedBlock as re, useSelectedBlockIds as ce, useI18nBlocks as ie, useStreamMultipleBlocksProps as le } from "@chaibuilder/sdk";
+import { Bot as de } from "lucide-react";
+import { lazy as v, useRef as he, useEffect as ue, Suspense as B, Fragment as ge } from "react";
+const me = v(() => import("./ai-translation-prompt-DoeWqKDZ.js")), fe = v(() => import("./ai-prompt-input-BOAqFpAN.js")), we = ({
+  fetch: A,
+  input: o,
+  messages: l,
+  setInput: g,
+  isLoading: a,
+  handleStop: E,
+  setMessages: m,
+  setIsLoading: d,
+  selectedLang: r,
+  currentBlock: M,
+  fallbackLang: C,
+  abortController: h,
+  setAbortController: O,
+  setCurrentBlock: f,
+  selectedModel: k = "google/gemini-2.5-flash",
+  onModelChange: P
+}) => {
+  const { t: n } = ae(), I = he(null), c = re(), [, D] = ce(), p = ie(), F = le(), j = () => {
+    var e;
+    (e = I.current) == null || e.scrollIntoView({ behavior: "smooth" });
+  };
+  ue(() => {
+    j();
+  }, [l, a]);
+  const T = async (e, y, _) => {
+    var N;
+    c && f(c);
+    const S = (e == null ? void 0 : e.toLowerCase()) === "translate", w = {
+      id: Date.now().toString(),
+      role: "user",
+      content: oe({
+        fallbackLang: C,
+        userInput: y || e,
+        language: r,
+        blocks: S ? p() : p(r)
+      }),
+      userMessage: y || e || n("Translate the content")
+    }, q = {
+      id: (Date.now() + 1).toString(),
+      role: "assistant",
+      content: "Thinking...",
+      isReasoning: !0,
+      isStreaming: !0
+    };
+    d(!0);
+    const z = new AbortController();
+    O(z), m((b) => [...b, w, q]), d(!0);
+    try {
+      const x = await A({ body: { action: "ASK_AI", data: {
+        messages: [w],
+        initiator: S ? "TRANSLATE_CONTENT" : "UPDATE_CONTENT",
+        model: _ || k
+      } }, streamResponse: !0 });
+      if (!x.ok)
+        throw new Error(n("Failed to get AI response"));
+      const R = (N = x.body) == null ? void 0 : N.getReader(), U = new TextDecoder();
+      let s = "";
+      if (!R) throw new Error(n("Response body is not readable"));
+      for (; ; ) {
+        const { done: K, value: V } = await R.read();
+        if (K)
+          break;
+        const W = U.decode(V, { stream: !0 });
+        s += W, m((u) => (u[u.length - 1].content = s, [...u]));
+      }
+      const J = JSON.parse(s == null ? void 0 : s.replace("```json", "").replace("```", ""));
+      F(J);
+    } catch {
+      h == null || h.abort();
+    } finally {
+      d(!1), g(""), f(null);
+    }
+  };
+  return /* @__PURE__ */ i($, { children: [
+    /* @__PURE__ */ t("div", { className: "py-2", children: /* @__PURE__ */ t(B, { fallback: /* @__PURE__ */ t("div", { children: n("Loading...") }), children: /* @__PURE__ */ t(
+      me,
+      {
+        isLoading: a,
+        selectedBlock: c,
+        selectedLang: r,
+        onClick: T
+      }
+    ) }) }),
+    /* @__PURE__ */ t(G, { children: /* @__PURE__ */ i(H, { className: "gap-4 px-0", children: [
+      l.length === 0 && /* @__PURE__ */ t(
+        Q,
+        {
+          icon: /* @__PURE__ */ t(de, { size: 48, className: "text-gray-300" }),
+          title: n("Start a conversation with the AI assistant to translate/edit your content"),
+          description: n(
+            "Only content can be edited in secondary languages. To edit layout, styles and more, switch to the default language."
+          )
+        }
+      ),
+      l.map(
+        (e) => e.role !== "system" && /* @__PURE__ */ t(ge, { children: e.isReasoning ? /* @__PURE__ */ i(X, { isStreaming: e.isStreaming, defaultOpen: !0, children: [
+          /* @__PURE__ */ t(Y, { className: "text-xs [&_p]:text-muted-foreground" }),
+          /* @__PURE__ */ t(Z, { className: "p-0 text-xs", children: e.content })
+        ] }) : e.isTask ? /* @__PURE__ */ t(L, { content: e.content, isLoading: e.isTaskLoading }) : /* @__PURE__ */ t(ee, { from: e.role, children: /* @__PURE__ */ t(te, { className: "p-0", children: e.role === "assistant" ? /* @__PURE__ */ t(ne, { className: "p-0 text-xs", children: e.content }) : /* @__PURE__ */ t("div", { className: "p-0 text-xs", children: e.userMessage || e.content }) }) }) }, e.id)
+      )
+    ] }) }),
+    /* @__PURE__ */ i("div", { className: "border-gray-200 pb-2", children: [
+      /* @__PURE__ */ t(se, { onRemove: () => D([]), isLoading: a }),
+      /* @__PURE__ */ t(B, { fallback: /* @__PURE__ */ t("div", { children: n("Loading...") }), children: /* @__PURE__ */ t(
+        fe,
+        {
+          input: o,
+          setInput: g,
+          onSend: T,
+          onStop: E,
+          isLoading: a,
+          selectedLang: r,
+          currentBlock: c || M,
+          disabled: (o == null ? void 0 : o.length) === 0,
+          selectedModel: k,
+          onModelChange: P
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  we as default
+};