@opencx/widget-react 5.0.0-beta.4 → 5.0.0-beta.5

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-dev-runtime");require("@radix-ui/react-popover");require("framer-motion");require("react");require("@opencx/widget-react-headless");const e=require("./index-Dq4Fgreq.cjs");exports.HostedSpecRenderer=e.HostedSpecRenderer;exports.Widget=e.Widget;exports.segmentContent=e.segmentContent;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("@radix-ui/react-popover");require("framer-motion");require("react");require("@opencx/widget-react-headless");const e=require("./index-DUXQC-ei.cjs");exports.HostedSpecRenderer=e.HostedSpecRenderer;exports.Widget=e.Widget;exports.segmentContent=e.segmentContent;
 //# sourceMappingURL=index.cjs.map

package/dist/index.js

@@ -1,9 +1,9 @@
-import "react/jsx-dev-runtime";
+import "react/jsx-runtime";
 import "@radix-ui/react-popover";
 import "framer-motion";
 import "react";
 import "@opencx/widget-react-headless";
-import { H as s, W as n, s as a } from "./index-JZSCf6mZ.js";
+import { H as s, W as n, s as a } from "./index-BZu_OuM0.js";
 export {
   s as HostedSpecRenderer,
   n as Widget,

package/dist/package.json.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
   "name": "@opencx/widget-react",
   "private": false,
-  "version": "5.0.0-beta.4",
+  "version": "5.0.0-beta.5",
   "type": "module",
   "repository": {
     "type": "git",
@@ -11,12 +11,13 @@ declare const _default: {
     "clean": "rm -rf node_modules dist .turbo",
     "clean:dist": "rm -rf dist .turbo",
     "dev": "vite --host",
-    "build": "vite build -c vite.config.ts",
+    "build": "NODE_ENV=production vite build -c vite.config.ts && node ../../scripts/check-production-build.mjs dist",
     "gen:ui-prompt": "tsx scripts/generate-ui-prompt.ts",
     "test": "vitest run",
     "type-check": "tsc --noEmit",
     "lint": "eslint .",
-    "format": "prettier --write ."
+    "format": "prettier --write .",
+    "prepack": "node ../../scripts/check-production-build.mjs dist"
   },
   "files": [
     "dist"

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@opencx/widget-react",
   "private": false,
-  "version": "5.0.0-beta.4",
+  "version": "5.0.0-beta.5",
   "type": "module",
   "repository": {
     "type": "git",
@@ -40,8 +40,8 @@
     "tailwind-merge": "^2.4.0",
     "tinycolor2": "^1.6.0",
     "zod": "^4.3.6",
-    "@opencx/widget-core": "5.0.0-beta.4",
-    "@opencx/widget-react-headless": "5.0.0-beta.4"
+    "@opencx/widget-core": "5.0.0-beta.5",
+    "@opencx/widget-react-headless": "5.0.0-beta.5"
   },
   "peerDependencies": {
     "@types/react": ">=18 <20",
@@ -70,7 +70,7 @@
     "clean": "rm -rf node_modules dist .turbo",
     "clean:dist": "rm -rf dist .turbo",
     "dev": "vite --host",
-    "build": "vite build -c vite.config.ts",
+    "build": "NODE_ENV=production vite build -c vite.config.ts && node ../../scripts/check-production-build.mjs dist",
     "gen:ui-prompt": "tsx scripts/generate-ui-prompt.ts",
     "test": "vitest run",
     "type-check": "tsc --noEmit",

package/dist/Chart.impl-BSHyATLw.js

@@ -1,285 +0,0 @@
-import { jsxDEV as e } from "react/jsx-dev-runtime";
-import m from "react";
-import { PieChart as v, Tooltip as c, Legend as w, Pie as x, Cell as k, Label as C, LineChart as j, CartesianGrid as f, XAxis as h, YAxis as N, Line as y, BarChart as L, Bar as S } from "recharts";
-import { u as R } from "./index-JZSCf6mZ.js";
-function z() {
-  const t = m.useRef(null), [r, n] = m.useState(0);
-  return m.useLayoutEffect(() => {
-    const a = t.current;
-    if (!a) return;
-    const i = () => n(a.clientWidth);
-    i();
-    const s = new ResizeObserver(i);
-    return s.observe(a), () => s.disconnect();
-  }, []), { ref: t, width: r };
-}
-const b = "hsl(var(--opencx-foreground, 240 10% 20%))", g = [90, 70, 50, 30].map(
-  (t) => `color-mix(in oklch, ${b} ${t}%, transparent)`
-), p = (t) => g[t % g.length] ?? b, u = {
-  borderRadius: 8,
-  border: "1px solid color-mix(in oklch, currentColor 15%, transparent)",
-  fontSize: 12
-};
-function T({
-  type: t,
-  data: r,
-  height: n,
-  centerLabel: a
-}) {
-  const i = n ?? 220, { ref: s, width: o } = z();
-  return r.length === 0 ? /* @__PURE__ */ e(O, { height: i }, void 0, !1, {
-    fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-    lineNumber: 82,
-    columnNumber: 12
-  }, this) : /* @__PURE__ */ e("div", { ref: s, className: "w-full text-foreground", style: { height: i }, children: o > 0 && (t === "pie" ? /* @__PURE__ */ e(v, { width: o, height: i, children: [
-    /* @__PURE__ */ e(c, { contentStyle: u }, void 0, !1, {
-      fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-      lineNumber: 90,
-      columnNumber: 13
-    }, this),
-    /* @__PURE__ */ e(
-      w,
-      {
-        verticalAlign: "bottom",
-        iconType: "circle",
-        iconSize: 8,
-        wrapperStyle: { fontSize: 12 }
-      },
-      void 0,
-      !1,
-      {
-        fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-        lineNumber: 91,
-        columnNumber: 13
-      },
-      this
-    ),
-    /* @__PURE__ */ e(
-      x,
-      {
-        data: r,
-        dataKey: "value",
-        nameKey: "label",
-        outerRadius: "85%",
-        innerRadius: "60%",
-        children: [
-          r.map((l, d) => /* @__PURE__ */ e(k, { fill: p(d) }, d, !1, {
-            fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-            lineNumber: 105,
-            columnNumber: 17
-          }, this)),
-          a && /* @__PURE__ */ e(
-            C,
-            {
-              position: "center",
-              content: ({ viewBox: l }) => {
-                if (l && "cx" in l && "cy" in l)
-                  return /* @__PURE__ */ e(
-                    "text",
-                    {
-                      x: l.cx,
-                      y: l.cy,
-                      textAnchor: "middle",
-                      dominantBaseline: "middle",
-                      className: "fill-foreground text-2xl font-medium",
-                      children: a
-                    },
-                    void 0,
-                    !1,
-                    {
-                      fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-                      lineNumber: 113,
-                      columnNumber: 25
-                    },
-                    this
-                  );
-              }
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-              lineNumber: 108,
-              columnNumber: 17
-            },
-            this
-          )
-        ]
-      },
-      void 0,
-      !0,
-      {
-        fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-        lineNumber: 97,
-        columnNumber: 13
-      },
-      this
-    )
-  ] }, void 0, !0, {
-    fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-    lineNumber: 89,
-    columnNumber: 11
-  }, this) : t === "line" ? /* @__PURE__ */ e(
-    j,
-    {
-      width: o,
-      height: i,
-      data: r,
-      margin: { top: 8, right: 8, bottom: 0, left: -16 },
-      children: [
-        /* @__PURE__ */ e(f, { strokeOpacity: 0.15, vertical: !1 }, void 0, !1, {
-          fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-          lineNumber: 136,
-          columnNumber: 13
-        }, this),
-        /* @__PURE__ */ e(
-          h,
-          {
-            dataKey: "label",
-            tickLine: !1,
-            axisLine: !1,
-            tickMargin: 10,
-            fontSize: 11
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-            lineNumber: 137,
-            columnNumber: 13
-          },
-          this
-        ),
-        /* @__PURE__ */ e(N, { tickLine: !1, axisLine: !1, fontSize: 11, width: 32 }, void 0, !1, {
-          fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-          lineNumber: 144,
-          columnNumber: 13
-        }, this),
-        /* @__PURE__ */ e(c, { contentStyle: u }, void 0, !1, {
-          fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-          lineNumber: 145,
-          columnNumber: 13
-        }, this),
-        /* @__PURE__ */ e(
-          y,
-          {
-            type: "monotone",
-            dataKey: "value",
-            stroke: p(0),
-            strokeWidth: 2,
-            dot: !1
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-            lineNumber: 146,
-            columnNumber: 13
-          },
-          this
-        )
-      ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-      lineNumber: 130,
-      columnNumber: 11
-    },
-    this
-  ) : /* @__PURE__ */ e(
-    L,
-    {
-      width: o,
-      height: i,
-      data: r,
-      margin: { top: 8, right: 8, bottom: 0, left: -16 },
-      children: [
-        /* @__PURE__ */ e(f, { strokeOpacity: 0.15, vertical: !1 }, void 0, !1, {
-          fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-          lineNumber: 161,
-          columnNumber: 13
-        }, this),
-        /* @__PURE__ */ e(
-          h,
-          {
-            dataKey: "label",
-            tickLine: !1,
-            axisLine: !1,
-            tickMargin: 10,
-            fontSize: 11
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-            lineNumber: 162,
-            columnNumber: 13
-          },
-          this
-        ),
-        /* @__PURE__ */ e(N, { tickLine: !1, axisLine: !1, fontSize: 11, width: 32 }, void 0, !1, {
-          fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-          lineNumber: 169,
-          columnNumber: 13
-        }, this),
-        /* @__PURE__ */ e(
-          c,
-          {
-            contentStyle: u,
-            cursor: { fillOpacity: 0.06 }
-          },
-          void 0,
-          !1,
-          {
-            fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-            lineNumber: 170,
-            columnNumber: 13
-          },
-          this
-        ),
-        /* @__PURE__ */ e(S, { dataKey: "value", fill: p(0), radius: [4, 4, 0, 0] }, void 0, !1, {
-          fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-          lineNumber: 174,
-          columnNumber: 13
-        }, this)
-      ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-      lineNumber: 155,
-      columnNumber: 11
-    },
-    this
-  )) }, void 0, !1, {
-    fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-    lineNumber: 86,
-    columnNumber: 5
-  }, this);
-}
-function O({ height: t }) {
-  const { t: r } = R();
-  return /* @__PURE__ */ e(
-    "div",
-    {
-      className: "flex w-full items-center justify-center rounded-lg border border-muted-foreground/15 text-xs text-muted-foreground",
-      style: { height: t },
-      children: r("json_no_chart_data")
-    },
-    void 0,
-    !1,
-    {
-      fileName: "/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",
-      lineNumber: 184,
-      columnNumber: 5
-    },
-    this
-  );
-}
-export {
-  T as default
-};
-//# sourceMappingURL=Chart.impl-BSHyATLw.js.map

package/dist/Chart.impl-CgMJWhHk.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-dev-runtime"),c=require("react"),t=require("recharts"),N=require("./index-Dq4Fgreq.cjs");function g(){const r=c.useRef(null),[i,m]=c.useState(0);return c.useLayoutEffect(()=>{const a=r.current;if(!a)return;const s=()=>m(a.clientWidth);s();const n=new ResizeObserver(s);return n.observe(a),()=>n.disconnect()},[]),{ref:r,width:i}}const h="hsl(var(--opencx-foreground, 240 10% 20%))",f=[90,70,50,30].map(r=>`color-mix(in oklch, ${h} ${r}%, transparent)`),u=r=>f[r%f.length]??h,p={borderRadius:8,border:"1px solid color-mix(in oklch, currentColor 15%, transparent)",fontSize:12};function x({type:r,data:i,height:m,centerLabel:a}){const s=m??220,{ref:n,width:o}=g();return i.length===0?e.jsxDEV(b,{height:s},void 0,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:82,columnNumber:12},this):e.jsxDEV("div",{ref:n,className:"w-full text-foreground",style:{height:s},children:o>0&&(r==="pie"?e.jsxDEV(t.PieChart,{width:o,height:s,children:[e.jsxDEV(t.Tooltip,{contentStyle:p},void 0,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:90,columnNumber:13},this),e.jsxDEV(t.Legend,{verticalAlign:"bottom",iconType:"circle",iconSize:8,wrapperStyle:{fontSize:12}},void 0,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:91,columnNumber:13},this),e.jsxDEV(t.Pie,{data:i,dataKey:"value",nameKey:"label",outerRadius:"85%",innerRadius:"60%",children:[i.map((l,d)=>e.jsxDEV(t.Cell,{fill:u(d)},d,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:105,columnNumber:17},this)),a&&e.jsxDEV(t.Label,{position:"center",content:({viewBox:l})=>{if(l&&"cx"in l&&"cy"in l)return e.jsxDEV("text",{x:l.cx,y:l.cy,textAnchor:"middle",dominantBaseline:"middle",className:"fill-foreground text-2xl font-medium",children:a},void 0,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:113,columnNumber:25},this)}},void 0,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:108,columnNumber:17},this)]},void 0,!0,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:97,columnNumber:13},this)]},void 0,!0,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:89,columnNumber:11},this):r==="line"?e.jsxDEV(t.LineChart,{width:o,height:s,data:i,margin:{top:8,right:8,bottom:0,left:-16},children:[e.jsxDEV(t.CartesianGrid,{strokeOpacity:.15,vertical:!1},void 0,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:136,columnNumber:13},this),e.jsxDEV(t.XAxis,{dataKey:"label",tickLine:!1,axisLine:!1,tickMargin:10,fontSize:11},void 0,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:137,columnNumber:13},this),e.jsxDEV(t.YAxis,{tickLine:!1,axisLine:!1,fontSize:11,width:32},void 0,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:144,columnNumber:13},this),e.jsxDEV(t.Tooltip,{contentStyle:p},void 0,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:145,columnNumber:13},this),e.jsxDEV(t.Line,{type:"monotone",dataKey:"value",stroke:u(0),strokeWidth:2,dot:!1},void 0,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:146,columnNumber:13},this)]},void 0,!0,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:130,columnNumber:11},this):e.jsxDEV(t.BarChart,{width:o,height:s,data:i,margin:{top:8,right:8,bottom:0,left:-16},children:[e.jsxDEV(t.CartesianGrid,{strokeOpacity:.15,vertical:!1},void 0,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:161,columnNumber:13},this),e.jsxDEV(t.XAxis,{dataKey:"label",tickLine:!1,axisLine:!1,tickMargin:10,fontSize:11},void 0,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:162,columnNumber:13},this),e.jsxDEV(t.YAxis,{tickLine:!1,axisLine:!1,fontSize:11,width:32},void 0,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:169,columnNumber:13},this),e.jsxDEV(t.Tooltip,{contentStyle:p,cursor:{fillOpacity:.06}},void 0,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:170,columnNumber:13},this),e.jsxDEV(t.Bar,{dataKey:"value",fill:u(0),radius:[4,4,0,0]},void 0,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:174,columnNumber:13},this)]},void 0,!0,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:155,columnNumber:11},this))},void 0,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:86,columnNumber:5},this)}function b({height:r}){const{t:i}=N.useJsonRenderHost();return e.jsxDEV("div",{className:"flex w-full items-center justify-center rounded-lg border border-muted-foreground/15 text-xs text-muted-foreground",style:{height:r},children:i("json_no_chart_data")},void 0,!1,{fileName:"/private/tmp/widget-followup-stream-20260909/packages/react/src/json-render/Chart.impl.tsx",lineNumber:184,columnNumber:5},this)}exports.default=x;
-//# sourceMappingURL=Chart.impl-CgMJWhHk.cjs.map