@chaibuilder/sdk 2.0.0-beta.55 → 2.0.0-beta.56

package/dist/render.cjs

@@ -1,3 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./ChaiThemeFn-DQu-2Eh9.cjs"),r=require("lodash-es"),m=require("./STRINGS-n7COZtKr.cjs"),_=require("@mhsdesign/jit-browser-tailwindcss"),B=require("@tailwindcss/aspect-ratio"),R=require("@tailwindcss/container-queries"),P=require("@tailwindcss/forms"),q=require("@tailwindcss/typography"),E=require("./plugin-2xcljWGM.cjs"),a=require("./jsx-runtime-qcKc-DpB.cjs"),Y=require("@chaibuilder/runtime"),p=require("react"),v=require("tailwind-merge"),A=(e,s="")=>{const t=e.replace(m.STYLES_KEY,"").split(",").map(i=>i.split(" ").map(l=>{if(l==="")return"";if(l.includes(":")){const u=l.split(":");return u[u.length-1]=s+r.last(u),u.join(":")}return`${s}${l}`}).join(" "));return r.flattenDeep(t).join(" ")},F=e=>{if(!e)return[];try{return JSON.parse(L(e)).filter(n=>!n._type.startsWith("@chai"))}catch{return[{_type:"Paragraph",_id:"error",content:"Invalid JSON. Please check the JSON string."}]}};function L(e){const s=/(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;return e.replace(s,n=>{const t=decodeURIComponent(n),i=t.indexOf("public");return i!==-1?t.substring(i+6):t})}async function O(e,s,n=[],t="",i){return await _.createTailwindcss({tailwindConfig:{darkMode:"class",safelist:n,theme:{extend:E.getChaiBuilderTheme(e)},plugins:[P,q,B,R,E.chaiBuilderPlugin],corePlugins:{preflight:i},...t?{prefix:`${t}`}:{}}}).generateStylesFromContent(` ${i?"@tailwind base;":""}
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./ChaiThemeFn-DQu-2Eh9.cjs"),r=require("lodash-es"),m=require("./STRINGS-n7COZtKr.cjs"),R=require("@mhsdesign/jit-browser-tailwindcss"),B=require("@tailwindcss/aspect-ratio"),P=require("@tailwindcss/container-queries"),q=require("@tailwindcss/forms"),F=require("@tailwindcss/typography"),E=require("./plugin-2xcljWGM.cjs"),a=require("./jsx-runtime-qcKc-DpB.cjs"),Y=require("@chaibuilder/runtime"),d=require("react"),L=require("tailwind-merge"),k=(e,s="")=>{const t=e.replace(m.STYLES_KEY,"").split(",").map(i=>i.split(" ").map(l=>{if(l==="")return"";if(l.includes(":")){const p=l.split(":");return p[p.length-1]=s+r.last(p),p.join(":")}return`${s}${l}`}).join(" "));return r.flattenDeep(t).join(" ")},v=e=>{if(!e)return[];try{return JSON.parse(A(e)).filter(n=>!n._type.startsWith("@chai"))}catch{return[{_type:"Paragraph",_id:"error",content:"Invalid JSON. Please check the JSON string."}]}};function A(e){const s=/(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;return e.replace(s,n=>{const t=decodeURIComponent(n),i=t.indexOf("public");return i!==-1?t.substring(i+6):t})}async function O(e,s,n=[],t="",i){return await R.createTailwindcss({tailwindConfig:{darkMode:"class",safelist:n,theme:{extend:E.getChaiBuilderTheme(e)},plugins:[q,F,B,P,E.chaiBuilderPlugin],corePlugins:{preflight:i},...t?{prefix:`${t}`}:{}}}).generateStylesFromContent(` ${i?"@tailwind base;":""}
       @tailwind components;
-      @tailwind utilities;`,s)}const $=(e,s,n)=>{const t=JSON.stringify(e).replace(/#styles:([^"]*)/g,(i,o)=>`#styles:${o.replace(/,/g," ")}`.replace(/#styles:/g,""));return O(s,[t],[],"",n)},N=async(e,s=f.defaultThemeOptions,n=!1)=>await $(e,s,n);async function I(e){const s=await(e==null?void 0:e.dataProvider(e.block,e.lang,e.metadata));return a.jsxRuntimeExports.jsx(p.Suspense,{children:p.createElement(e.component,{...e.props,...s})})}const K=r.memoize((e,s)=>{const n=e.replace(m.STYLES_KEY,"").split(","),t=v.twMerge(n[0],n[1]);return s===""?t.replace(m.STYLES_KEY,"").trim():A(t,s).replace(m.STYLES_KEY,"").trim()});function M(e,s){const n=r.get(e,`${s}_attrs`,{}),t=r.keys(n).join(" ");return r.includes(t,"x-show")&&!r.includes(t,"x-transition")&&(n["x-transition"]=""),n}function k(e,s){const n={};return Object.keys(e).forEach(t=>{if(r.isString(e[t])&&e[t].startsWith(m.STYLES_KEY)){const i=K(e[t],s);n[t]={className:i,...M(e,t)}}}),n}function J(e,s){const n=r.get(e,"_bindings",{});return r.isEmpty(n)?{...e}:(r.each(n,(t,i)=>{r.isString(t)&&r.get(s,t,null)&&(e[i]=r.get(s,t,null))}),e)}function U(e,s,n){if(r.isEmpty(s))return e;const t=r.cloneDeep(e),i=r.get(n,"i18nProps",[]);return r.forEach(r.keys(t),o=>{i.includes(o)&&!r.isEmpty(s)&&(t[o]=r.get(t,`${o}-${s}`,t[o]))}),t}function j({blocks:e,parent:s,classPrefix:n="",externalData:t={},blockModifierCallback:i=null,lang:o="",metadata:h={}}){const l=e,u=c=>k(c,n),T=s?r.filter(e,{_parent:s}):r.filter(e,c=>r.isEmpty(c._parent));return a.jsxRuntimeExports.jsx(a.jsxRuntimeExports.Fragment,{children:p.Children.toArray(T.map((c,C)=>{const S={},w=r.filter(l,{_parent:c._id});S.children=w.length>0?a.jsxRuntimeExports.jsx(j,{externalData:t,classPrefix:n,parent:c._id,blocks:l,lang:o??"",metadata:h}):null;const d=Y.getRegisteredChaiBlock(c._type);if(d!==null){let g=c;const y=d.component;g={...d.defaults,...c},i&&(g=i(g));const x=r.omit({blockProps:{},inBuilder:!1,...g,index:C,...J(U(c,o,d),t),...u(g),...S,metadata:h,lang:o??""},["_parent"]);return r.has(d,"dataProvider")?a.jsxRuntimeExports.jsx(p.Suspense,{children:a.jsxRuntimeExports.jsx(I,{lang:o??"",metadata:h,dataProvider:d.dataProvider,block:c,component:y,props:x})}):a.jsxRuntimeExports.jsx(p.Suspense,{children:p.createElement(y,x)})}return a.jsxRuntimeExports.jsxs("noscript",{children:[c._type," not found"]})}))})}exports.getChaiThemeCssVariables=f.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=f.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=f.getThemeFontsLinkMarkup;exports.RenderChaiBlocks=j;exports.convertToBlocks=F;exports.getStylesForBlocks=N;
+      @tailwind utilities;`,s)}const $=(e,s,n)=>{const t=JSON.stringify(e).replace(/#styles:([^"]*)/g,(i,o)=>`#styles:${o.replace(/,/g," ")}`.replace(/#styles:/g,""));return O(s,[t],[],"",n)},N=async(e,s=f.defaultThemeOptions,n=!1)=>await $(e,s,n);async function I(e){const s=await(e==null?void 0:e.dataProvider(e.block,e.lang,e.metadata));return a.jsxRuntimeExports.jsx(d.Suspense,{children:d.createElement(e.component,{...e.props,...s})})}const K=r.memoize((e,s)=>{const n=e.replace(m.STYLES_KEY,"").split(","),t=L.twMerge(n[0],n[1]);return s===""?t.replace(m.STYLES_KEY,"").trim():k(t,s).replace(m.STYLES_KEY,"").trim()});function b(e,s){const n=r.get(e,`${s}_attrs`,{}),t=r.keys(n).join(" ");return r.includes(t,"x-show")&&!r.includes(t,"x-transition")&&(n["x-transition"]=""),n}function M(e,s){const n={};return Object.keys(e).forEach(t=>{if(r.isString(e[t])&&e[t].startsWith(m.STYLES_KEY)){const i=K(e[t],s);n[t]={className:i,...b(e,t)}}}),n}function J(e,s){const n=r.get(e,"_bindings",{});return r.isEmpty(n)?{...e}:(r.each(n,(t,i)=>{r.isString(t)&&r.get(s,t,null)&&(e[i]=r.get(s,t,null))}),e)}function U(e,s,n){if(r.isEmpty(s))return e;const t=r.cloneDeep(e),i=r.get(n,"i18nProps",[]);return r.forEach(r.keys(t),o=>{i.includes(o)&&!r.isEmpty(s)&&(t[o]=r.get(t,`${o}-${s}`,t[o]))}),t}const V=()=>a.jsxRuntimeExports.jsx("span",{children:"Loading..."});function j({blocks:e,parent:s,classPrefix:n="",externalData:t={},blockModifierCallback:i=null,lang:o="",metadata:h={}}){const l=e,p=c=>M(c,n),T=s?r.filter(e,{_parent:s}):r.filter(e,c=>r.isEmpty(c._parent));return a.jsxRuntimeExports.jsx(a.jsxRuntimeExports.Fragment,{children:d.Children.toArray(T.map((c,C)=>{const S={},w=r.filter(l,{_parent:c._id});S.children=w.length>0?a.jsxRuntimeExports.jsx(j,{externalData:t,classPrefix:n,parent:c._id,blocks:l,lang:o??"",metadata:h}):null;const u=Y.getRegisteredChaiBlock(c._type);if(u!==null){let g=c;const x=u.component;g={...u.defaults,...c},i&&(g=i(g));const y=r.omit({blockProps:{},inBuilder:!1,...g,index:C,...J(U(c,o,u),t),...p(g),...S,metadata:h,lang:o??""},["_parent"]);if(r.has(u,"dataProvider")){const _=r.get(u,"suspenseFallback",V);return a.jsxRuntimeExports.jsx(d.Suspense,{fallback:d.createElement(_),children:a.jsxRuntimeExports.jsx(I,{lang:o??"",metadata:h,dataProvider:u.dataProvider,block:c,component:x,props:y})})}return a.jsxRuntimeExports.jsx(d.Suspense,{children:d.createElement(x,y)})}return a.jsxRuntimeExports.jsxs("noscript",{children:[c._type," not found"]})}))})}exports.getChaiThemeCssVariables=f.getChaiThemeCssVariables;exports.getThemeFontsCSSImport=f.getThemeFontsCSSImport;exports.getThemeFontsLinkMarkup=f.getThemeFontsLinkMarkup;exports.RenderChaiBlocks=j;exports.convertToBlocks=v;exports.getStylesForBlocks=N;

package/dist/render.js

@@ -1,154 +1,163 @@
-import { d as A } from "./ChaiThemeFn-Cort9tch.js";
-import { a as xt, b as _t, c as Ct } from "./ChaiThemeFn-Cort9tch.js";
-import { last as $, flattenDeep as O, memoize as v, filter as h, isEmpty as g, omit as N, has as R, get as p, each as F, isString as j, cloneDeep as I, forEach as J, keys as P, includes as C } from "lodash-es";
+import { d as $ } from "./ChaiThemeFn-Cort9tch.js";
+import { a as Ct, b as Pt, c as Bt } from "./ChaiThemeFn-Cort9tch.js";
+import { last as F, flattenDeep as O, memoize as v, filter as h, isEmpty as g, omit as N, has as R, get as u, each as I, isString as C, cloneDeep as J, forEach as L, keys as P, includes as j } from "lodash-es";
 import { S as m } from "./STRINGS-DtEft2kY.js";
-import { createTailwindcss as L } from "@mhsdesign/jit-browser-tailwindcss";
-import K from "@tailwindcss/aspect-ratio";
-import M from "@tailwindcss/container-queries";
-import U from "@tailwindcss/forms";
-import W from "@tailwindcss/typography";
-import { g as Y, c as z } from "./plugin-kUMxtQR5.js";
+import { createTailwindcss as b } from "@mhsdesign/jit-browser-tailwindcss";
+import k from "@tailwindcss/aspect-ratio";
+import K from "@tailwindcss/container-queries";
+import M from "@tailwindcss/forms";
+import U from "@tailwindcss/typography";
+import { g as W, c as Y } from "./plugin-kUMxtQR5.js";
 import { j as a } from "./jsx-runtime-Drh4NO5G.js";
-import { getRegisteredChaiBlock as D } from "@chaibuilder/runtime";
-import y, { Suspense as S } from "react";
+import { getRegisteredChaiBlock as z } from "@chaibuilder/runtime";
+import y, { Suspense as S, createElement as D } from "react";
 import { twMerge as Q } from "tailwind-merge";
 const V = (t, n = "") => {
-  const e = t.replace(m, "").split(",").map((s) => s.split(" ").map((c) => {
+  const e = t.replace(m, "").split(",").map((r) => r.split(" ").map((c) => {
     if (c === "") return "";
     if (c.includes(":")) {
-      const l = c.split(":");
-      return l[l.length - 1] = n + $(l), l.join(":");
+      const p = c.split(":");
+      return p[p.length - 1] = n + F(p), p.join(":");
     }
     return `${n}${c}`;
   }).join(" "));
   return O(e).join(" ");
-}, ht = (t) => {
+}, xt = (t) => {
   if (!t) return [];
   try {
-    return JSON.parse(q(t)).filter((r) => !r._type.startsWith("@chai"));
+    return JSON.parse(q(t)).filter((s) => !s._type.startsWith("@chai"));
   } catch {
     return [{ _type: "Paragraph", _id: "error", content: "Invalid JSON. Please check the JSON string." }];
   }
 };
 function q(t) {
   const n = /(asset:\/\/|https:\/\/asset\.localhost\/)(?:localhost\/)?[^"']+/g;
-  return t.replace(n, (r) => {
-    const e = decodeURIComponent(r), s = e.indexOf("public");
-    return s !== -1 ? e.substring(s + 6) : e;
+  return t.replace(n, (s) => {
+    const e = decodeURIComponent(s), r = e.indexOf("public");
+    return r !== -1 ? e.substring(r + 6) : e;
   });
 }
-async function G(t, n, r = [], e = "", s) {
-  return await L({
+async function G(t, n, s = [], e = "", r) {
+  return await b({
     tailwindConfig: {
       darkMode: "class",
-      safelist: r,
-      theme: { extend: Y(t) },
-      plugins: [U, W, K, M, z],
-      corePlugins: { preflight: s },
+      safelist: s,
+      theme: { extend: W(t) },
+      plugins: [M, U, k, K, Y],
+      corePlugins: { preflight: r },
       ...e ? { prefix: `${e}` } : {}
     }
   }).generateStylesFromContent(
-    ` ${s ? "@tailwind base;" : ""}
+    ` ${r ? "@tailwind base;" : ""}
       @tailwind components;
       @tailwind utilities;`,
     n
   );
 }
-const H = (t, n, r) => {
-  const e = JSON.stringify(t).replace(/#styles:([^"]*)/g, (s, i) => `#styles:${i.replace(/,/g, " ")}`.replace(/#styles:/g, ""));
-  return G(n, [e], [], "", r);
-}, yt = async (t, n = A, r = !1) => await H(t, n, r);
+const H = (t, n, s) => {
+  const e = JSON.stringify(t).replace(/#styles:([^"]*)/g, (r, i) => `#styles:${i.replace(/,/g, " ")}`.replace(/#styles:/g, ""));
+  return G(n, [e], [], "", s);
+}, wt = async (t, n = $, s = !1) => await H(t, n, s);
 async function X(t) {
   const n = await (t == null ? void 0 : t.dataProvider(t.block, t.lang, t.metadata));
   return /* @__PURE__ */ a.jsx(S, { children: y.createElement(t.component, { ...t.props, ...n }) });
 }
 const Z = v((t, n) => {
-  const r = t.replace(m, "").split(","), e = Q(r[0], r[1]);
+  const s = t.replace(m, "").split(","), e = Q(s[0], s[1]);
   return n === "" ? e.replace(m, "").trim() : V(e, n).replace(m, "").trim();
 });
-function b(t, n) {
-  const r = p(t, `${n}_attrs`, {}), e = P(r).join(" ");
-  return C(e, "x-show") && !C(e, "x-transition") && (r["x-transition"] = ""), r;
+function tt(t, n) {
+  const s = u(t, `${n}_attrs`, {}), e = P(s).join(" ");
+  return j(e, "x-show") && !j(e, "x-transition") && (s["x-transition"] = ""), s;
 }
-function k(t, n) {
-  const r = {};
+function et(t, n) {
+  const s = {};
   return Object.keys(t).forEach((e) => {
-    if (j(t[e]) && t[e].startsWith(m)) {
-      const s = Z(t[e], n);
-      r[e] = {
-        className: s,
-        ...b(t, e)
+    if (C(t[e]) && t[e].startsWith(m)) {
+      const r = Z(t[e], n);
+      s[e] = {
+        className: r,
+        ...tt(t, e)
       };
     }
-  }), r;
+  }), s;
 }
-function tt(t, n) {
-  const r = p(t, "_bindings", {});
-  return g(r) ? { ...t } : (F(r, (e, s) => {
-    j(e) && p(n, e, null) && (t[s] = p(n, e, null));
+function nt(t, n) {
+  const s = u(t, "_bindings", {});
+  return g(s) ? { ...t } : (I(s, (e, r) => {
+    C(e) && u(n, e, null) && (t[r] = u(n, e, null));
   }), t);
 }
-function et(t, n, r) {
+function st(t, n, s) {
   if (g(n)) return t;
-  const e = I(t), s = p(r, "i18nProps", []);
-  return J(P(e), (i) => {
-    s.includes(i) && !g(n) && (e[i] = p(e, `${i}-${n}`, e[i]));
+  const e = J(t), r = u(s, "i18nProps", []);
+  return L(P(e), (i) => {
+    r.includes(i) && !g(n) && (e[i] = u(e, `${i}-${n}`, e[i]));
   }), e;
 }
-function nt({
+const rt = () => /* @__PURE__ */ a.jsx("span", { children: "Loading..." });
+function it({
   blocks: t,
   parent: n,
-  classPrefix: r = "",
+  classPrefix: s = "",
   externalData: e = {},
-  blockModifierCallback: s = null,
+  blockModifierCallback: r = null,
   lang: i = "",
   metadata: f = {}
 }) {
-  const c = t, l = (o) => k(o, r), B = n ? h(t, { _parent: n }) : h(t, (o) => g(o._parent));
+  const c = t, p = (o) => et(o, s), B = n ? h(t, { _parent: n }) : h(t, (o) => g(o._parent));
   return /* @__PURE__ */ a.jsx(a.Fragment, { children: y.Children.toArray(
     B.map((o, T) => {
-      const w = {}, E = h(c, { _parent: o._id });
-      w.children = E.length > 0 ? /* @__PURE__ */ a.jsx(
-        nt,
+      const x = {}, E = h(c, { _parent: o._id });
+      x.children = E.length > 0 ? /* @__PURE__ */ a.jsx(
+        it,
         {
           externalData: e,
-          classPrefix: r,
+          classPrefix: s,
           parent: o._id,
           blocks: c,
           lang: i ?? "",
           metadata: f
         }
       ) : null;
-      const u = D(o._type);
-      if (u !== null) {
+      const l = z(o._type);
+      if (l !== null) {
         let d = o;
-        const x = u.component;
-        d = { ...u.defaults, ...o }, s && (d = s(d));
+        const w = l.component;
+        d = { ...l.defaults, ...o }, r && (d = r(d));
         const _ = N(
           {
             blockProps: {},
             inBuilder: !1,
             ...d,
             index: T,
-            ...tt(et(o, i, u), e),
-            ...l(d),
-            ...w,
+            ...nt(st(o, i, l), e),
+            ...p(d),
+            ...x,
             metadata: f,
             lang: i ?? ""
           },
           ["_parent"]
         );
-        return R(u, "dataProvider") ? /* @__PURE__ */ a.jsx(S, { children: /* @__PURE__ */ a.jsx(
-          X,
-          {
-            lang: i ?? "",
-            metadata: f,
-            dataProvider: u.dataProvider,
-            block: o,
-            component: x,
-            props: _
-          }
-        ) }) : /* @__PURE__ */ a.jsx(S, { children: y.createElement(x, _) });
+        if (R(l, "dataProvider")) {
+          const A = u(
+            l,
+            "suspenseFallback",
+            rt
+          );
+          return /* @__PURE__ */ a.jsx(S, { fallback: D(A), children: /* @__PURE__ */ a.jsx(
+            X,
+            {
+              lang: i ?? "",
+              metadata: f,
+              dataProvider: l.dataProvider,
+              block: o,
+              component: w,
+              props: _
+            }
+          ) });
+        }
+        return /* @__PURE__ */ a.jsx(S, { children: y.createElement(w, _) });
       }
       return /* @__PURE__ */ a.jsxs("noscript", { children: [
         o._type,
@@ -158,10 +167,10 @@ function nt({
   ) });
 }
 export {
-  nt as RenderChaiBlocks,
-  ht as convertToBlocks,
-  xt as getChaiThemeCssVariables,
-  yt as getStylesForBlocks,
-  _t as getThemeFontsCSSImport,
-  Ct as getThemeFontsLinkMarkup
+  it as RenderChaiBlocks,
+  xt as convertToBlocks,
+  Ct as getChaiThemeCssVariables,
+  wt as getStylesForBlocks,
+  Pt as getThemeFontsCSSImport,
+  Bt as getThemeFontsLinkMarkup
 };

package/package.json

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "2.0.0-beta.55",
+  "version": "2.0.0-beta.56",
   "type": "module",
   "repository": {
     "type": "git",
@@ -66,6 +66,7 @@
     }
   },
   "peerDependencies": {
+    "@chaibuilder/runtime": "2.0.0-beta.21",
     "@types/react": "*",
     "@types/react-dom": "*",
     "react": "^18.0 || ^19.0",
@@ -80,7 +81,7 @@
     }
   },
   "dependencies": {
-    "@chaibuilder/runtime": "2.0.0-beta.20",
+    "@chaibuilder/runtime": "2.0.0-beta.21",
     "@floating-ui/dom": "1.6.13",
     "@floating-ui/react-dom": "2.1.2",
     "@mhsdesign/jit-browser-tailwindcss": "0.4.2",