@chaibuilder/sdk 2.2.3 → 2.2.4

package/dist/CodeEditor-B7r9YjDC.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("./core.cjs");require("lodash-es");require("clsx");require("tailwind-merge");require("tree-model");const c=require("react");require("jotai");require("@chaibuilder/runtime");const C=require("react-i18next"),v=require("./sooner-AJ7QkeLS.cjs"),j=require("@radix-ui/react-icons"),q=require("@react-hookz/web"),d=o=>{const s=document.createElement("div");return s.innerHTML=o,s.innerHTML};function g(){const{t:o}=C.useTranslation(),[s,x]=c.useState(!1),[i,m]=c.useState(""),[t,a]=n.useCodeEditor(),[u]=n.useSelectedBlockIds(),b=n.useUpdateBlocksProps(),f=n.useUpdateBlocksPropsRealtime(),h=q.useThrottledCallback(l=>{const r=d(l);f([t.blockId],{[t.blockProp]:r})},[],300),p=c.useCallback(()=>{if(s){const l=d(i);b([t.blockId],{[t.blockProp]:l})}},[s,i]);c.useEffect(()=>{u.includes(t==null?void 0:t.blockId)||(p(),a(null))},[u]);const k=()=>{a(null)};return e.jsxs("div",{className:"h-full rounded-t-lg border-t-4 border-black bg-black text-white",children:[e.jsx("button",{onClick:k,className:"fixed inset-0 z-[100000] cursor-default bg-gray-400/20"}),e.jsxs("div",{className:"relative z-[100001] h-full w-full flex-col gap-y-1",children:[e.jsxs("div",{className:"-mt-1 flex items-center justify-between px-2 py-2",children:[e.jsxs("h3",{className:"space-x-3 text-sm font-semibold",children:[e.jsx("span",{children:o("HTML Code Editor |")}),e.jsx("span",{className:"text-xs text-gray-400",children:o("Scripts will be only executed in preview and live mode.")})]}),e.jsx("div",{className:"flex gap-x-2",children:e.jsx(v.Button,{onClick:()=>a(null),size:"sm",variant:"destructive",className:"h-6 w-fit",children:e.jsx(j.Cross2Icon,{})})})]}),e.jsx("textarea",{className:"h-full w-full bg-black p-2 font-mono text-xs text-white/90",value:i||t.initialCode,onChange:l=>{const r=l.target.value;x(!0),m(r),h(r)}})]})]})}exports.default=g;

package/dist/CodeEditor-HKrlrH8b.js

@@ -0,0 +1,71 @@
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
+import { useCodeEditor as k, useSelectedBlockIds as C, useUpdateBlocksProps as v, useUpdateBlocksPropsRealtime as g } from "./core.js";
+import "lodash-es";
+import "clsx";
+import "tailwind-merge";
+import "tree-model";
+import { useState as d, useCallback as N, useEffect as w } from "react";
+import "jotai";
+import "@chaibuilder/runtime";
+import { useTranslation as y } from "react-i18next";
+import { B as T } from "./sooner-DGhT8-JI.js";
+import { Cross2Icon as B } from "@radix-ui/react-icons";
+import { useThrottledCallback as E } from "@react-hookz/web";
+const m = (s) => {
+  const o = document.createElement("div");
+  return o.innerHTML = s, o.innerHTML;
+};
+function F() {
+  const { t: s } = y(), [o, u] = d(!1), [r, p] = d(""), [e, a] = k(), [c] = C(), f = v(), h = g(), x = E(
+    (l) => {
+      const i = m(l);
+      h([e.blockId], { [e.blockProp]: i });
+    },
+    [],
+    300
+  ), b = N(() => {
+    if (o) {
+      const l = m(r);
+      f([e.blockId], { [e.blockProp]: l });
+    }
+  }, [o, r]);
+  return w(() => {
+    c.includes(e == null ? void 0 : e.blockId) || (b(), a(null));
+  }, [c]), /* @__PURE__ */ n("div", { className: "h-full rounded-t-lg border-t-4 border-black bg-black text-white", children: [
+    /* @__PURE__ */ t("button", { onClick: () => {
+      a(null);
+    }, className: "fixed inset-0 z-[100000] cursor-default bg-gray-400/20" }),
+    /* @__PURE__ */ n("div", { className: "relative z-[100001] h-full w-full flex-col gap-y-1", children: [
+      /* @__PURE__ */ n("div", { className: "-mt-1 flex items-center justify-between px-2 py-2", children: [
+        /* @__PURE__ */ n("h3", { className: "space-x-3 text-sm font-semibold", children: [
+          /* @__PURE__ */ t("span", { children: s("HTML Code Editor |") }),
+          /* @__PURE__ */ t("span", { className: "text-xs text-gray-400", children: s("Scripts will be only executed in preview and live mode.") })
+        ] }),
+        /* @__PURE__ */ t("div", { className: "flex gap-x-2", children: /* @__PURE__ */ t(
+          T,
+          {
+            onClick: () => a(null),
+            size: "sm",
+            variant: "destructive",
+            className: "h-6 w-fit",
+            children: /* @__PURE__ */ t(B, {})
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ t(
+        "textarea",
+        {
+          className: "h-full w-full bg-black p-2 font-mono text-xs text-white/90",
+          value: r || e.initialCode,
+          onChange: (l) => {
+            const i = l.target.value;
+            u(!0), p(i), x(i);
+          }
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  F as default
+};