@chaibuilder/sdk 2.2.4 → 2.2.6

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "2.2.4",
+  "version": "2.2.6",
   "type": "module",
   "repository": {
     "type": "git",

package/dist/CodeEditor-B7r9YjDC.cjs

@@ -1 +0,0 @@
-"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/render-chai-blocks-6SVNwoLW.js

@@ -1,201 +0,0 @@
-import { jsx as g, jsxs as V } from "react/jsx-runtime";
-import { has as y, omit as h, memoize as O, get as c, isEmpty as f, filter as b, uniqBy as z, cloneDeep as j, forEach as k, keys as B, isString as x, isObject as I, find as _, includes as w } from "lodash-es";
-import S, { Suspense as C, createElement as W } from "react";
-import { getRegisteredChaiBlock as L } from "@chaibuilder/runtime";
-import { twMerge as G } from "tailwind-merge";
-const p = "#styles:", ce = "__ADD_BLOCK_INTERNAL_ROOT", A = (e) => {
-  if (e = e.replace(p, ""), !e) return { baseClasses: "", classes: "" };
-  const t = e.split(/,(?![^\[]*\])/);
-  if (t.length === 1)
-    return { baseClasses: "", classes: t[0].trim() };
-  const [s, ...n] = t;
-  return {
-    baseClasses: s.trim(),
-    classes: n.join(",").trim().replace(/ +(?= )/g, "")
-  };
-};
-import.meta.vitest && describe("getSplitChaiClasses", () => {
-  it("should return the base classes and the classes", () => {
-    const e = {
-      ",styles-2": { baseClasses: "", classes: "styles-2" },
-      "styles-1,styles-2": { baseClasses: "styles-1", classes: "styles-2" },
-      ",bg-[linear-gradient(-10deg,black,transparent_100%)]": {
-        baseClasses: "",
-        classes: "bg-[linear-gradient(-10deg,black,transparent_100%)]"
-      },
-      "styles-1,bg-[linear-gradient(-10deg,black,transparent_100%)]": {
-        baseClasses: "styles-1",
-        classes: "bg-[linear-gradient(-10deg,black,transparent_100%)]"
-      },
-      someclass: {
-        baseClasses: "",
-        classes: "someclass"
-      },
-      ",bg-red-500 text-center   font-bold": {
-        baseClasses: "",
-        classes: "bg-red-500 text-center font-bold"
-      },
-      "bg-[linear-gradient(-10deg,black,transparent_100%)], bg-[linear-gradient(-10deg,black,transparent_100%)]": {
-        baseClasses: "bg-[linear-gradient(-10deg,black,transparent_100%)]",
-        classes: "bg-[linear-gradient(-10deg,black,transparent_100%)]"
-      }
-    };
-    for (let t in e) {
-      const s = A(`${p}${t}`);
-      expect(s).toEqual(e[t]);
-    }
-  });
-});
-async function H(e) {
-  const t = await e.dataProvider({
-    pageProps: e.pageProps,
-    block: e.block,
-    lang: e.lang,
-    draft: e.draft,
-    inBuilder: e.inBuilder
-  });
-  return y(t, "$metadata") && e.dataProviderMetadataCallback(e.block, t.$metadata), /* @__PURE__ */ g(C, { children: S.createElement(e.component, {
-    ...h(e.props, ["dataProvider", "dataProviderMetadataCallback"]),
-    ...h(t, "$metadata"),
-    key: `${e.block._id}-async`
-  }) });
-}
-const J = O((e) => {
-  const { baseClasses: t, classes: s } = A(e);
-  return G(t, s).replace(p, "").trim();
-}), T = (e, t) => {
-  const s = j(e);
-  return k(B(s), (n) => {
-    if (x(s[n])) {
-      let l = s[n];
-      const r = /\{\{(.*?)\}\}/g, o = l.match(r);
-      o && o.forEach((i) => {
-        const d = i.slice(2, -2), m = c(t, d, i);
-        l = l.replace(i, m);
-      }), s[n] = l;
-    }
-    I(s[n]) && (s[n] = T(s[n], t));
-  }), s;
-};
-function Q(e, t) {
-  const s = c(e, `${t}_attrs`, {}), n = B(s).join(" ");
-  return w(n, "x-show") && !w(n, "x-transition") && (s["x-transition"] = ""), s;
-}
-function U(e) {
-  const t = {};
-  return Object.keys(e).forEach((s) => {
-    if (x(e[s]) && e[s].startsWith(p)) {
-      const n = J(e[s]);
-      t[s] = {
-        className: n,
-        ...Q(e, s)
-      };
-    }
-  }), t;
-}
-function X(e, t, s) {
-  if (f(t)) return e;
-  const n = j(e), l = c(s, "i18nProps", []);
-  return k(B(n), (r) => {
-    l.includes(r) && !f(t) && (n[r] = c(n, `${r}-${t}`, n[r]));
-  }), n;
-}
-const Z = O((e) => {
-  const t = L(e), s = c(t, "schema.properties", {});
-  return Object.fromEntries(Object.entries(s).filter(([, n]) => c(n, "runtime", !1)));
-}), ee = (e, t, s) => f(s) ? {} : Object.entries(s).reduce((n, [l, r]) => {
-  const o = [];
-  let i = _(e, { _id: t });
-  for (; i; )
-    o.push(i), i = _(e, { _id: i._parent });
-  const d = _(o, { _type: r.block });
-  return d && (n[l] = c(d, c(r, "prop"), null)), n;
-}, {}), se = () => /* @__PURE__ */ g("span", { children: "Loading..." });
-function oe(e) {
-  if (y(e, "metadata") && console.warn(" metadata is deprecated and will be removed in upcoming version, use forwardProps instead"), f(e.lang) && !f(e.fallbackLang))
-    throw new Error("lang prop is required when fallbackLang is provided");
-  const t = e.lang ?? "en", s = e.fallbackLang ?? t;
-  return /* @__PURE__ */ g(K, { ...e, lang: t, fallbackLang: s });
-}
-function K({
-  blocks: e,
-  parent: t,
-  externalData: s = {},
-  lang: n = "en",
-  fallbackLang: l = "en",
-  pageProps: r = {},
-  dataProviderMetadataCallback: o = () => {
-  },
-  draft: i = !1
-}) {
-  const d = e, m = (a) => U(a), M = t ? b(e, { _parent: t }) : b(e, (a) => f(a._parent));
-  return z(M, "_id").map((a, N) => {
-    const E = {}, q = b(d, { _parent: a._id });
-    E.children = q.length > 0 ? /* @__PURE__ */ g(
-      K,
-      {
-        externalData: s,
-        parent: a._id,
-        blocks: d,
-        lang: n,
-        fallbackLang: l,
-        pageProps: r,
-        dataProviderMetadataCallback: o,
-        draft: i
-      },
-      `${a._id}-children`
-    ) : null;
-    const u = L(a._type);
-    if (u !== null) {
-      let P = a;
-      const $ = u.component;
-      P = { ...u.defaults, ...a };
-      const F = n === l ? "" : n, Y = ee(d, a._id, Z(a._type)), v = T(X(a, F, u), s), R = h(
-        {
-          ...P,
-          ...v,
-          ...m(v),
-          ...E,
-          ...Y,
-          index: N,
-          lang: n,
-          key: a._id,
-          draft: i,
-          pageProps: r,
-          blockProps: {},
-          inBuilder: !1
-        },
-        ["_parent"]
-      );
-      if (y(u, "dataProvider")) {
-        const D = c(u, "suspenseFallback", se);
-        return /* @__PURE__ */ g(C, { fallback: W(D), children: /* @__PURE__ */ g(
-          H,
-          {
-            inBuilder: !1,
-            dataProviderMetadataCallback: o,
-            lang: n,
-            pageProps: r,
-            dataProvider: u.dataProvider,
-            block: a,
-            component: $,
-            props: R,
-            draft: i
-          },
-          `${a._id}-async`
-        ) }, `${a._id}-suspense`);
-      }
-      return /* @__PURE__ */ g(C, { children: S.createElement($, R) }, `${a._id}-suspense`);
-    }
-    return /* @__PURE__ */ V("noscript", { children: [
-      a._type,
-      " not found"
-    ] }, `${a._id}-noscript`);
-  });
-}
-export {
-  oe as R,
-  p as S,
-  ce as a,
-  A as g
-};

package/dist/render-chai-blocks-Bvl2_fRE.cjs

@@ -1 +0,0 @@
-"use strict";const u=require("react/jsx-runtime"),s=require("lodash-es"),f=require("react"),E=require("@chaibuilder/runtime"),O=require("tailwind-merge"),p="#styles:",v="__ADD_BLOCK_INTERNAL_ROOT",B=e=>{if(e=e.replace(p,""),!e)return{baseClasses:"",classes:""};const n=e.split(/,(?![^\[]*\])/);if(n.length===1)return{baseClasses:"",classes:n[0].trim()};const[t,...a]=n;return{baseClasses:t.trim(),classes:a.join(",").trim().replace(/ +(?= )/g,"")}};async function L(e){const n=await e.dataProvider({pageProps:e.pageProps,block:e.block,lang:e.lang,draft:e.draft,inBuilder:e.inBuilder});return s.has(n,"$metadata")&&e.dataProviderMetadataCallback(e.block,n.$metadata),u.jsx(f.Suspense,{children:f.createElement(e.component,{...s.omit(e.props,["dataProvider","dataProviderMetadataCallback"]),...s.omit(n,"$metadata"),key:`${e.block._id}-async`})})}const T=s.memoize(e=>{const{baseClasses:n,classes:t}=B(e);return O.twMerge(n,t).replace(p,"").trim()}),S=(e,n)=>{const t=s.cloneDeep(e);return s.forEach(s.keys(t),a=>{if(s.isString(t[a])){let c=t[a];const i=/\{\{(.*?)\}\}/g,o=c.match(i);o&&o.forEach(l=>{const d=l.slice(2,-2),m=s.get(n,d,l);c=c.replace(l,m)}),t[a]=c}s.isObject(t[a])&&(t[a]=S(t[a],n))}),t};function q(e,n){const t=s.get(e,`${n}_attrs`,{}),a=s.keys(t).join(" ");return s.includes(a,"x-show")&&!s.includes(a,"x-transition")&&(t["x-transition"]=""),t}function M(e){const n={};return Object.keys(e).forEach(t=>{if(s.isString(e[t])&&e[t].startsWith(p)){const a=T(e[t]);n[t]={className:a,...q(e,t)}}}),n}function Y(e,n,t){if(s.isEmpty(n))return e;const a=s.cloneDeep(e),c=s.get(t,"i18nProps",[]);return s.forEach(s.keys(a),i=>{c.includes(i)&&!s.isEmpty(n)&&(a[i]=s.get(a,`${i}-${n}`,a[i]))}),a}const K=s.memoize(e=>{const n=E.getRegisteredChaiBlock(e),t=s.get(n,"schema.properties",{});return Object.fromEntries(Object.entries(t).filter(([,a])=>s.get(a,"runtime",!1)))}),A=(e,n,t)=>s.isEmpty(t)?{}:Object.entries(t).reduce((a,[c,i])=>{const o=[];let l=s.find(e,{_id:n});for(;l;)o.push(l),l=s.find(e,{_id:l._parent});const d=s.find(o,{_type:i.block});return d&&(a[c]=s.get(d,s.get(i,"prop"),null)),a},{}),N=()=>u.jsx("span",{children:"Loading..."});function D(e){if(s.has(e,"metadata")&&console.warn(" metadata is deprecated and will be removed in upcoming version, use forwardProps instead"),s.isEmpty(e.lang)&&!s.isEmpty(e.fallbackLang))throw new Error("lang prop is required when fallbackLang is provided");const n=e.lang??"en",t=e.fallbackLang??n;return u.jsx(j,{...e,lang:n,fallbackLang:t})}function j({blocks:e,parent:n,externalData:t={},lang:a="en",fallbackLang:c="en",pageProps:i={},dataProviderMetadataCallback:o=()=>{},draft:l=!1}){const d=e,m=r=>M(r),P=n?s.filter(e,{_parent:n}):s.filter(e,r=>s.isEmpty(r._parent));return s.uniqBy(P,"_id").map((r,k)=>{const _={},x=s.filter(d,{_parent:r._id});_.children=x.length>0?u.jsx(j,{externalData:t,parent:r._id,blocks:d,lang:a,fallbackLang:c,pageProps:i,dataProviderMetadataCallback:o,draft:l},`${r._id}-children`):null;const g=E.getRegisteredChaiBlock(r._type);if(g!==null){let b=r;const h=g.component;b={...g.defaults,...r};const R=a===c?"":a,$=A(d,r._id,K(r._type)),y=S(Y(r,R,g),t),C=s.omit({...b,...y,...m(y),..._,...$,index:k,lang:a,key:r._id,draft:l,pageProps:i,blockProps:{},inBuilder:!1},["_parent"]);if(s.has(g,"dataProvider")){const w=s.get(g,"suspenseFallback",N);return u.jsx(f.Suspense,{fallback:f.createElement(w),children:u.jsx(L,{inBuilder:!1,dataProviderMetadataCallback:o,lang:a,pageProps:i,dataProvider:g.dataProvider,block:r,component:h,props:C,draft:l},`${r._id}-async`)},`${r._id}-suspense`)}return u.jsx(f.Suspense,{children:f.createElement(h,C)},`${r._id}-suspense`)}return u.jsxs("noscript",{children:[r._type," not found"]},`${r._id}-noscript`)})}exports.ROOT_TEMP_KEY=v;exports.RenderChaiBlocks=D;exports.STYLES_KEY=p;exports.getSplitChaiClasses=B;