@truecodeio/sdk-react 0.2.7 → 0.2.9

package/dist/index.d.ts

@@ -0,0 +1,80 @@
+import { createBokoClient } from '@truecodeio/sdk-core';
+export declare const ClientProvider: ({ children, client, }: React.PropsWithChildren<{
+    client: ReturnType<typeof createBokoClient>;
+}>) => import("react/jsx-runtime").JSX.Element;
+export declare const useClient: () => {
+    getEligibleCampaign: () => Promise<{
+        template: {
+            content: {
+                id: string;
+                type: "root";
+                name: string;
+                isCollapsed: boolean;
+                props: {
+                    color: string;
+                };
+                children: {
+                    id: string;
+                    type: "row";
+                    name: string;
+                    isCollapsed: boolean;
+                    props: {
+                        padding: {
+                            top: number;
+                            right: number;
+                            bottom: number;
+                            left: number;
+                        };
+                        gap: number;
+                        background: {
+                            color: string;
+                        };
+                    };
+                    children: {
+                        id: string;
+                        type: "column";
+                        name: string;
+                        isCollapsed: boolean;
+                        props: Record<string, unknown>;
+                        children: ({
+                            id: string;
+                            type: "spacer";
+                            name: string;
+                            isCollapsed: boolean;
+                            props: {
+                                size: number;
+                            };
+                        } | {
+                            id: string;
+                            type: "text";
+                            name: string;
+                            isCollapsed: boolean;
+                            props: {
+                                type: "paragraph" | "heading-1" | "heading-2" | "heading-3" | "heading-4" | "heading-5" | "heading-6";
+                                content: string;
+                            };
+                        } | {
+                            id: string;
+                            type: "button";
+                            name: string;
+                            isCollapsed: boolean;
+                            props: {
+                                title: string;
+                            };
+                        })[];
+                    }[];
+                }[];
+            };
+            id: string;
+            name: string;
+            organizationId: string;
+            createdBy: string;
+            createdAt: Date;
+            updatedAt: Date;
+            status: string;
+        };
+        id: string;
+    } | null>;
+};
+export declare const Renderer: () => import("react/jsx-runtime").JSX.Element | null;
+export { createBokoClient } from '@truecodeio/sdk-core';

package/dist/index.js

@@ -0,0 +1,91 @@
+import { jsx as e } from "react/jsx-runtime";
+import { createContext as p, use as a, useState as o, useEffect as l } from "react";
+import { createBokoClient as N } from "@truecodeio/sdk-core";
+class u extends Error {
+  constructor(n) {
+    super(n), this.name = "AssertionError";
+  }
+}
+function h(t, n, i) {
+  if (!n(t))
+    throw new u(i);
+}
+function d(t, n, i) {
+  return h(t, n, i), t;
+}
+const g = (t) => t !== null, m = (t, n = "should be non null") => d(t, g, n), c = p(null), b = ({
+  children: t,
+  client: n
+}) => /* @__PURE__ */ e(c, { value: { client: n }, children: t }), f = () => m(a(c)).client, v = () => {
+  const [t, n] = o(null), i = f();
+  return l(() => {
+    (async () => {
+      try {
+        const r = await i.getEligibleCampaign();
+        n(r);
+      } catch (r) {
+        console.error("Error fetching campaign:", r);
+      }
+    })();
+  }, []), (() => {
+    if (!t)
+      return null;
+    const s = (r) => {
+      switch (r.type) {
+        case "root":
+          return /* @__PURE__ */ e("div", { style: { color: r.props.color }, children: r.children.map(s) });
+        case "row":
+          return /* @__PURE__ */ e(
+            "div",
+            {
+              style: {
+                display: "flex",
+                backgroundColor: r.props.background.color,
+                paddingLeft: r.props.padding.left,
+                paddingRight: r.props.padding.right,
+                paddingTop: r.props.padding.top,
+                paddingBottom: r.props.padding.bottom
+              },
+              children: r.children.map(s)
+            },
+            r.id
+          );
+        case "column":
+          return /* @__PURE__ */ e("div", { style: { flex: 1 }, children: r.children.map(s) }, r.id);
+        case "button":
+          return /* @__PURE__ */ e("button", { type: "button", children: r.props.title }, r.id);
+        case "text":
+          switch (r.props.type) {
+            case "paragraph":
+              return /* @__PURE__ */ e("p", { children: r.props.content }, r.id);
+            case "heading-1":
+              return /* @__PURE__ */ e("h1", { children: r.props.content }, r.id);
+            case "heading-2":
+              return /* @__PURE__ */ e("h2", { children: r.props.content }, r.id);
+            case "heading-3":
+              return /* @__PURE__ */ e("h3", { children: r.props.content }, r.id);
+            case "heading-4":
+              return /* @__PURE__ */ e("h4", { children: r.props.content }, r.id);
+            case "heading-5":
+              return /* @__PURE__ */ e("h5", { children: r.props.content }, r.id);
+            case "heading-6":
+              return /* @__PURE__ */ e("h6", { children: r.props.content }, r.id);
+            default:
+              return r.props.type;
+          }
+        case "spacer":
+          return /* @__PURE__ */ e("div", { style: { height: r.props.size } }, r.id);
+        default:
+          return r;
+      }
+    };
+    return s(t.template.content);
+  })();
+};
+export {
+  b as ClientProvider,
+  v as Renderer,
+  N as createBokoClient,
+  f as useClient
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../node_modules/.pnpm/@truecodeio+common@0.1.3_react@19.1.0/node_modules/@truecodeio/common/src/typescript/utils/assert.ts","../../../node_modules/.pnpm/@truecodeio+common@0.1.3_react@19.1.0/node_modules/@truecodeio/common/src/typescript/utils/non-nullable.ts","../src/index.tsx"],"sourcesContent":["export class AssertionError extends Error {\n  constructor(message?: string) {\n    super(message);\n\n    this.name = \"AssertionError\";\n  }\n}\n\n// eslint-disable-next-line prefer-arrow/prefer-arrow-functions\nexport function assert<InputT, OutputT extends InputT>(\n  input: InputT,\n  guard: (input: InputT) => input is OutputT,\n  message?: string,\n): asserts input is OutputT {\n  if (!guard(input)) {\n    throw new AssertionError(message);\n  }\n}\n\n// eslint-disable-next-line prefer-arrow/prefer-arrow-functions\nexport function asserted<InputT, OutputT extends InputT>(\n  input: InputT,\n  guard: (input: InputT) => input is OutputT,\n  message?: string,\n): OutputT {\n  assert(input, guard, message);\n\n  return input;\n}\n","import { asserted } from \"./assert.ts\";\n\nexport const checkNonUndefined = <ValueT>(\n  value: ValueT,\n): value is Exclude<ValueT, undefined> => {\n  return value !== undefined;\n};\n\nexport const assertedNonUndefined = <ValueT>(\n  value: ValueT,\n  message = \"should be non undefined\",\n) => {\n  return asserted(value, checkNonUndefined, message);\n};\n\nexport const checkNonNull = <ValueT>(\n  value: ValueT,\n): value is Exclude<ValueT, null> => {\n  return value !== null;\n};\n\nexport const assertedNonNull = <ValueT>(\n  value: ValueT,\n  message = \"should be non null\",\n) => {\n  return asserted(value, checkNonNull, message);\n};\n\nexport const checkNonNullable = <ValueT>(\n  value: ValueT,\n): value is Exclude<ValueT, null> => {\n  return checkNonUndefined(value) && checkNonNull(value);\n};\n\nexport const assertedNonNullable = <ValueT>(value: ValueT) => {\n  return asserted(\n    value,\n    checkNonNullable,\n    \"should be non null and non undefined\",\n  );\n};\n\nexport const checkIsNullable = <ValueT>(\n  value: ValueT,\n): value is Extract<ValueT, null> => {\n  return !checkNonNullable(value);\n};\n","import { createContext, use, useEffect, useState } from \"react\";\nimport type { createBokoClient, EligibleCampaign } from \"@truecodeio/sdk-core\";\nimport type { NodeT } from \"@truecodeio/client-shared/schemas/tree-nodes/index.ts\";\nimport { assertedNonNull } from \"@truecodeio/common/typescript/utils/non-nullable.ts\";\n\ntype ClientContextValue = {\n  client: ReturnType<typeof createBokoClient>;\n};\n\nconst ClientContext = createContext<ClientContextValue | null>(null);\n\nexport const ClientProvider = ({\n  children,\n  client,\n}: React.PropsWithChildren<{\n  client: ReturnType<typeof createBokoClient>;\n}>) => {\n  return <ClientContext value={{ client }}>{children}</ClientContext>;\n};\n\nexport const useClient = () => {\n  return assertedNonNull(use(ClientContext)).client;\n};\n\nexport const Renderer = () => {\n  const [campaign, setCampaign] = useState<EligibleCampaign | null>(null);\n\n  const client = useClient();\n\n  useEffect(() => {\n    // TODO: Replace with tanstack query\n    const fetchCampaign = async () => {\n      try {\n        const response = await client.getEligibleCampaign();\n\n        setCampaign(response);\n      } catch (error) {\n        console.error(\"Error fetching campaign:\", error);\n      }\n    };\n\n    void fetchCampaign();\n  }, []);\n\n  const renderCampaign = () => {\n    if (!campaign) {\n      return null;\n    }\n\n    const renderNode = (node: NodeT) => {\n      switch (node.type) {\n        case \"root\": {\n          return (\n            <div style={{ color: node.props.color }}>\n              {node.children.map(renderNode)}\n            </div>\n          );\n        }\n        case \"row\": {\n          return (\n            <div\n              style={{\n                display: \"flex\",\n                backgroundColor: node.props.background.color,\n                paddingLeft: node.props.padding.left,\n                paddingRight: node.props.padding.right,\n                paddingTop: node.props.padding.top,\n                paddingBottom: node.props.padding.bottom,\n              }}\n              key={node.id}\n            >\n              {node.children.map(renderNode)}\n            </div>\n          );\n        }\n        case \"column\": {\n          return (\n            <div style={{ flex: 1 }} key={node.id}>\n              {node.children.map(renderNode)}\n            </div>\n          );\n        }\n        case \"button\": {\n          return (\n            <button type=\"button\" key={node.id}>\n              {node.props.title}\n            </button>\n          );\n        }\n        case \"text\": {\n          switch (node.props.type) {\n            case \"paragraph\": {\n              return <p key={node.id}>{node.props.content}</p>;\n            }\n            case \"heading-1\": {\n              return <h1 key={node.id}>{node.props.content}</h1>;\n            }\n            case \"heading-2\": {\n              return <h2 key={node.id}>{node.props.content}</h2>;\n            }\n            case \"heading-3\": {\n              return <h3 key={node.id}>{node.props.content}</h3>;\n            }\n            case \"heading-4\": {\n              return <h4 key={node.id}>{node.props.content}</h4>;\n            }\n            case \"heading-5\": {\n              return <h5 key={node.id}>{node.props.content}</h5>;\n            }\n            case \"heading-6\": {\n              return <h6 key={node.id}>{node.props.content}</h6>;\n            }\n\n            default: {\n              return node.props.type satisfies never;\n            }\n          }\n        }\n        case \"spacer\": {\n          return <div style={{ height: node.props.size }} key={node.id}></div>;\n        }\n\n        default: {\n          return node satisfies never;\n        }\n      }\n    };\n\n    return renderNode(campaign.template.content);\n  };\n\n  return renderCampaign();\n};\n\nexport { createBokoClient } from \"@truecodeio/sdk-core\";\n"],"names":["AssertionError","message","assert","input","guard","asserted","checkNonNull","value","assertedNonNull","ClientContext","createContext","ClientProvider","children","client","useClient","use","Renderer","campaign","setCampaign","useState","useEffect","response","error","renderNode","node","jsx"],"mappings":"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","x_google_ignoreList":[0,1]}

package/package.json

@@ -1,14 +1,23 @@
 {
   "name": "@truecodeio/sdk-react",
-  "version": "0.2.7",
+  "version": "0.2.9",
   "type": "module",
-  "main": "src/index.tsx",
-  "access": "public",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
   "devDependencies": {
     "@types/react": "^19.1.8",
     "react": "^19.1.0",
-    "@boko/tsconfig": "^1.0.0",
-    "@truecodeio/sdk-core": "0.2.7"
+    "vite": "^7.0.0",
+    "vite-plugin-dts": "^4.5.4",
+    "@truecodeio/sdk-core": "0.2.7",
+    "@boko/tsconfig": "^1.0.0"
   },
   "dependencies": {
     "@truecodeio/client-shared": "^0.1.5",
@@ -19,6 +28,7 @@
     "@truecodeio/sdk-core": "0.2.7"
   },
   "scripts": {
+    "build": "vite build",
     "format:prettier:fix:all": "prettier --cache --write ./src",
     "lint:eslint:fix:all": "eslint --cache --fix ./src",
     "lint:typescript": "tsc --noEmit"

package/CHANGELOG.md

@@ -1,64 +0,0 @@
-# @boko/sdk-react
-
-## 0.2.7
-
-### Patch Changes
-
-- Updated dependencies
-  - @truecodeio/sdk-core@0.2.7
-
-## 0.2.6
-
-### Patch Changes
-
-- Updated dependencies
-  - @truecodeio/sdk-core@0.2.6
-
-## 0.2.5
-
-### Patch Changes
-
-- Updated dependencies
-  - @truecodeio/sdk-core@0.2.5
-
-## 0.2.4
-
-### Patch Changes
-
-- Remove workspace dependencies
-- Updated dependencies
-  - @truecodeio/sdk-core@0.2.4
-
-## 0.2.3
-
-### Patch Changes
-
-- Updated dependencies
-  - @truecodeio/sdk-core@0.2.3
-
-## 0.2.2
-
-### Patch Changes
-
-- change package name
-- Updated dependencies
-  - @truecodeio/sdk-core@0.2.2
-
-## 0.2.1
-
-### Patch Changes
-
-- Override access property
-- Updated dependencies
-  - @boko/sdk-core@0.2.1
-
-## 0.2.0
-
-### Minor Changes
-
-- Init packages
-
-### Patch Changes
-
-- Updated dependencies
-  - @boko/sdk-core@0.2.0

package/src/index.tsx

@@ -1,135 +0,0 @@
-import { createContext, use, useEffect, useState } from "react";
-import type { createBokoClient, EligibleCampaign } from "@truecodeio/sdk-core";
-import type { NodeT } from "@truecodeio/client-shared/schemas/tree-nodes/index.ts";
-import { assertedNonNull } from "@truecodeio/common/typescript/utils/non-nullable.ts";
-
-type ClientContextValue = {
-  client: ReturnType<typeof createBokoClient>;
-};
-
-const ClientContext = createContext<ClientContextValue | null>(null);
-
-export const ClientProvider = ({
-  children,
-  client,
-}: React.PropsWithChildren<{
-  client: ReturnType<typeof createBokoClient>;
-}>) => {
-  return <ClientContext value={{ client }}>{children}</ClientContext>;
-};
-
-export const useClient = () => {
-  return assertedNonNull(use(ClientContext)).client;
-};
-
-export const Renderer = () => {
-  const [campaign, setCampaign] = useState<EligibleCampaign | null>(null);
-
-  const client = useClient();
-
-  useEffect(() => {
-    // TODO: Replace with tanstack query
-    const fetchCampaign = async () => {
-      try {
-        const response = await client.getEligibleCampaign();
-
-        setCampaign(response);
-      } catch (error) {
-        console.error("Error fetching campaign:", error);
-      }
-    };
-
-    void fetchCampaign();
-  }, []);
-
-  const renderCampaign = () => {
-    if (!campaign) {
-      return null;
-    }
-
-    const renderNode = (node: NodeT) => {
-      switch (node.type) {
-        case "root": {
-          return (
-            <div style={{ color: node.props.color }}>
-              {node.children.map(renderNode)}
-            </div>
-          );
-        }
-        case "row": {
-          return (
-            <div
-              style={{
-                display: "flex",
-                backgroundColor: node.props.background.color,
-                paddingLeft: node.props.padding.left,
-                paddingRight: node.props.padding.right,
-                paddingTop: node.props.padding.top,
-                paddingBottom: node.props.padding.bottom,
-              }}
-              key={node.id}
-            >
-              {node.children.map(renderNode)}
-            </div>
-          );
-        }
-        case "column": {
-          return (
-            <div style={{ flex: 1 }} key={node.id}>
-              {node.children.map(renderNode)}
-            </div>
-          );
-        }
-        case "button": {
-          return (
-            <button type="button" key={node.id}>
-              {node.props.title}
-            </button>
-          );
-        }
-        case "text": {
-          switch (node.props.type) {
-            case "paragraph": {
-              return <p key={node.id}>{node.props.content}</p>;
-            }
-            case "heading-1": {
-              return <h1 key={node.id}>{node.props.content}</h1>;
-            }
-            case "heading-2": {
-              return <h2 key={node.id}>{node.props.content}</h2>;
-            }
-            case "heading-3": {
-              return <h3 key={node.id}>{node.props.content}</h3>;
-            }
-            case "heading-4": {
-              return <h4 key={node.id}>{node.props.content}</h4>;
-            }
-            case "heading-5": {
-              return <h5 key={node.id}>{node.props.content}</h5>;
-            }
-            case "heading-6": {
-              return <h6 key={node.id}>{node.props.content}</h6>;
-            }
-
-            default: {
-              return node.props.type satisfies never;
-            }
-          }
-        }
-        case "spacer": {
-          return <div style={{ height: node.props.size }} key={node.id}></div>;
-        }
-
-        default: {
-          return node satisfies never;
-        }
-      }
-    };
-
-    return renderNode(campaign.template.content);
-  };
-
-  return renderCampaign();
-};
-
-export { createBokoClient } from "@truecodeio/sdk-core";

package/tsconfig.json

@@ -1,13 +0,0 @@
-{
-  "extends": "@boko/tsconfig",
-  "compilerOptions": {
-    "allowImportingTsExtensions": true,
-    "moduleResolution": "bundler",
-    "module": "ES2022",
-    "jsx": "react-jsx",
-    "paths": {
-      "@truecodeio/sdk-react/*": ["./src/*"]
-    }
-  },
-  "include": ["src"]
-}