pxengine 0.1.10 → 0.1.11

package/dist/index.cjs

@@ -37512,6 +37512,27 @@ var renderNotFoundError = (componentName, key) => {
     key
   );
 };
+var normalizeProps = (props) => {
+  const normalized = {};
+  Object.entries(props).forEach(([key, value]) => {
+    if (value === "true") {
+      normalized[key] = true;
+      return;
+    }
+    if (value === "false") {
+      normalized[key] = false;
+      return;
+    }
+    if (typeof value === "string" && value.trim() !== "" && !isNaN(Number(value)) && // Don't convert strings that are purely numeric but might be IDs or phone numbers
+    // A simple heuristic: if it's a small integer or a float, it's likely a prop number
+    (value.includes(".") || value.length < 10 && !value.startsWith("0") || value === "0")) {
+      normalized[key] = Number(value);
+      return;
+    }
+    normalized[key] = value;
+  });
+  return normalized;
+};
 var PXEngineRenderer = ({
   schema,
   onAction
@@ -37537,11 +37558,30 @@ var PXEngineRenderer = ({
     } = component;
     const componentName = name || type || componentType;
     if (!componentName || typeof componentName !== "string") return null;
-    const finalProps = { ...remainingProps, ...props };
+    const rawProps = { ...remainingProps, ...props };
+    const finalProps = normalizeProps(rawProps);
+    if (process.env.NODE_ENV === "development") {
+      const propTypes = Object.fromEntries(
+        Object.entries(finalProps).map(([k, v]) => [k, typeof v])
+      );
+      console.log(
+        `[PXEngineRenderer] Final props for ${componentName}:`,
+        finalProps,
+        "Types:",
+        propTypes
+      );
+    }
     if (id && !finalProps.id) {
       finalProps.id = id;
     }
     const uniqueKey = id || `${componentName}-${index || Math.random().toString(36).substr(2, 9)}`;
+    if (process.env.NODE_ENV === "development") {
+      console.log(`[PXEngineRenderer] Rendering ${componentName}`, {
+        id,
+        props: finalProps,
+        childrenCount: Array.isArray(children) ? children.length : children ? 1 : 0
+      });
+    }
     const normalizedName = componentName.charAt(0).toUpperCase() + componentName.slice(1);
     const resolveComponent = (identifier) => {
       const normalized = identifier.charAt(0).toUpperCase() + identifier.slice(1);
@@ -37582,6 +37622,12 @@ var PXEngineRenderer = ({
         return renderNotFoundError(componentName, uniqueKey);
       }
     }
+    if (process.env.NODE_ENV === "development") {
+      console.log(
+        `[PXEngineRenderer] Resolved ${componentName} to component`,
+        TargetComponent.displayName || TargetComponent.name || "Anonymous"
+      );
+    }
     const resolvedNormalized = resolvedIdentifier.charAt(0).toUpperCase() + resolvedIdentifier.slice(1);
     const atomName = resolvedNormalized.endsWith("Atom") ? resolvedNormalized : `${resolvedNormalized}Atom`;
     const isAtomWithRenderProp = atomName in atoms_exports;

package/dist/index.js

@@ -37247,6 +37247,27 @@ var renderNotFoundError = (componentName, key) => {
     key
   );
 };
+var normalizeProps = (props) => {
+  const normalized = {};
+  Object.entries(props).forEach(([key, value]) => {
+    if (value === "true") {
+      normalized[key] = true;
+      return;
+    }
+    if (value === "false") {
+      normalized[key] = false;
+      return;
+    }
+    if (typeof value === "string" && value.trim() !== "" && !isNaN(Number(value)) && // Don't convert strings that are purely numeric but might be IDs or phone numbers
+    // A simple heuristic: if it's a small integer or a float, it's likely a prop number
+    (value.includes(".") || value.length < 10 && !value.startsWith("0") || value === "0")) {
+      normalized[key] = Number(value);
+      return;
+    }
+    normalized[key] = value;
+  });
+  return normalized;
+};
 var PXEngineRenderer = ({
   schema,
   onAction
@@ -37272,11 +37293,30 @@ var PXEngineRenderer = ({
     } = component;
     const componentName = name || type || componentType;
     if (!componentName || typeof componentName !== "string") return null;
-    const finalProps = { ...remainingProps, ...props };
+    const rawProps = { ...remainingProps, ...props };
+    const finalProps = normalizeProps(rawProps);
+    if (process.env.NODE_ENV === "development") {
+      const propTypes = Object.fromEntries(
+        Object.entries(finalProps).map(([k, v]) => [k, typeof v])
+      );
+      console.log(
+        `[PXEngineRenderer] Final props for ${componentName}:`,
+        finalProps,
+        "Types:",
+        propTypes
+      );
+    }
     if (id && !finalProps.id) {
       finalProps.id = id;
     }
     const uniqueKey = id || `${componentName}-${index || Math.random().toString(36).substr(2, 9)}`;
+    if (process.env.NODE_ENV === "development") {
+      console.log(`[PXEngineRenderer] Rendering ${componentName}`, {
+        id,
+        props: finalProps,
+        childrenCount: Array.isArray(children) ? children.length : children ? 1 : 0
+      });
+    }
     const normalizedName = componentName.charAt(0).toUpperCase() + componentName.slice(1);
     const resolveComponent = (identifier) => {
       const normalized = identifier.charAt(0).toUpperCase() + identifier.slice(1);
@@ -37317,6 +37357,12 @@ var PXEngineRenderer = ({
         return renderNotFoundError(componentName, uniqueKey);
       }
     }
+    if (process.env.NODE_ENV === "development") {
+      console.log(
+        `[PXEngineRenderer] Resolved ${componentName} to component`,
+        TargetComponent.displayName || TargetComponent.name || "Anonymous"
+      );
+    }
     const resolvedNormalized = resolvedIdentifier.charAt(0).toUpperCase() + resolvedIdentifier.slice(1);
     const atomName = resolvedNormalized.endsWith("Atom") ? resolvedNormalized : `${resolvedNormalized}Atom`;
     const isAtomWithRenderProp = atomName in atoms_exports;

package/dist/registry.json

@@ -1,7 +1,7 @@
 {
   "name": "@pxengine/ui",
   "version": "1.0.0",
-  "lastUpdated": "2026-02-03T11:03:34.911Z",
+  "lastUpdated": "2026-02-03T12:31:23.566Z",
   "components": {
     "AccordionAtom": {
       "name": "AccordionAtom",
@@ -330,13 +330,13 @@
         "disabled": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "false",
+          "defaultValue": false,
           "description": ""
         },
         "isLoading": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "false",
+          "defaultValue": false,
           "description": ""
         },
         "id": {
@@ -357,7 +357,7 @@
           "label": "Get Started",
           "variant": "purple",
           "size": "lg",
-          "className": "shadow-lg border border-primary/20 hover:scale-[1.05] transition-all bg-primary font-bold px-8 text-white"
+          "className": "shadow-lg border border-primary/20 hover:scale-[1.05] transition-all bg-primary font-bold px-8 text-black"
         }
       }
     },
@@ -402,7 +402,7 @@
         "component": "CalendarAtom",
         "props": {
           "mode": "single",
-          "selectedDate": "2026-02-03T11:03:34.911Z",
+          "selectedDate": "2026-02-03T12:31:23.567Z",
           "className": "shadow-2xl border border-border bg-card rounded-[28px] p-6 ring-1 ring-border/5"
         }
       }
@@ -546,19 +546,19 @@
         "showTooltip": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "true",
+          "defaultValue": true,
           "description": ""
         },
         "showLegend": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "true",
+          "defaultValue": true,
           "description": ""
         },
         "stacked": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "false",
+          "defaultValue": false,
           "description": ""
         },
         "id": {
@@ -645,7 +645,7 @@
         "defaultOpen": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "false",
+          "defaultValue": false,
           "description": ""
         },
         "id": {
@@ -911,7 +911,7 @@
         "required": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "false",
+          "defaultValue": false,
           "description": ""
         },
         "inputType": {
@@ -973,7 +973,7 @@
         "required": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "false",
+          "defaultValue": false,
           "description": ""
         },
         "options": {
@@ -1034,13 +1034,13 @@
         "required": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "false",
+          "defaultValue": false,
           "description": ""
         },
         "rows": {
           "type": "number",
           "required": false,
-          "defaultValue": "3",
+          "defaultValue": 3,
           "description": ""
         }
       },
@@ -1279,13 +1279,13 @@
         "hasNext": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "true",
+          "defaultValue": true,
           "description": ""
         },
         "hasPrev": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "true",
+          "defaultValue": true,
           "description": ""
         },
         "id": {
@@ -1428,13 +1428,13 @@
         "max": {
           "type": "number",
           "required": false,
-          "defaultValue": "5",
+          "defaultValue": 5,
           "description": ""
         },
         "readonly": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "false",
+          "defaultValue": false,
           "description": ""
         },
         "id": {
@@ -1676,19 +1676,19 @@
         "max": {
           "type": "number",
           "required": false,
-          "defaultValue": "100",
+          "defaultValue": 100,
           "description": ""
         },
         "min": {
           "type": "number",
           "required": false,
-          "defaultValue": "0",
+          "defaultValue": 0,
           "description": ""
         },
         "step": {
           "type": "number",
           "required": false,
-          "defaultValue": "1",
+          "defaultValue": 1,
           "description": ""
         },
         "disabled": {
@@ -2135,25 +2135,25 @@
         "autoplay": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "false",
+          "defaultValue": false,
           "description": ""
         },
         "controls": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "true",
+          "defaultValue": true,
           "description": ""
         },
         "muted": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "false",
+          "defaultValue": false,
           "description": ""
         },
         "loop": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "false",
+          "defaultValue": false,
           "description": ""
         },
         "id": {
@@ -3038,7 +3038,7 @@
         "pageSize": {
           "type": "number",
           "required": false,
-          "defaultValue": "10",
+          "defaultValue": 10,
           "description": ""
         },
         "id": {
@@ -3246,7 +3246,7 @@
         "showSearch": {
           "type": "boolean",
           "required": false,
-          "defaultValue": "true",
+          "defaultValue": true,
           "description": ""
         },
         "id": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pxengine",
-  "version": "0.1.10",
+  "version": "0.1.11",
   "type": "module",
   "description": "Shadcn-based UI component library for agent-driven interfaces",
   "main": "./dist/index.cjs",
@@ -30,8 +30,8 @@
   "author": "PXEngine Team",
   "license": "MIT",
   "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
     "tailwindcss": "^3.4.0",
     "@types/react": "^19.0.2",
     "@types/react-dom": "^19.0.2"

package/src/render/PXEngineRenderer.tsx

@@ -176,6 +176,46 @@ const renderNotFoundError = (
   );
 };
 
+/**
+ * Normalizes props by converting stringified booleans and numbers back to their proper types.
+ * This is necessary because some systems (like our registry generator) might stringify everything.
+ */
+const normalizeProps = (props: Record<string, any>): Record<string, any> => {
+  const normalized: Record<string, any> = {};
+
+  Object.entries(props).forEach(([key, value]) => {
+    // 1. Handle stringified booleans
+    if (value === "true") {
+      normalized[key] = true;
+      return;
+    }
+    if (value === "false") {
+      normalized[key] = false;
+      return;
+    }
+
+    // 2. Handle stringified numbers (if they look like actual numbers)
+    if (
+      typeof value === "string" &&
+      value.trim() !== "" &&
+      !isNaN(Number(value)) &&
+      // Don't convert strings that are purely numeric but might be IDs or phone numbers
+      // A simple heuristic: if it's a small integer or a float, it's likely a prop number
+      (value.includes(".") ||
+        (value.length < 10 && !value.startsWith("0")) ||
+        value === "0")
+    ) {
+      normalized[key] = Number(value);
+      return;
+    }
+
+    // 3. Keep as is
+    normalized[key] = value;
+  });
+
+  return normalized;
+};
+
 export const PXEngineRenderer: React.FC<PXEngineRendererProps> = ({
   schema,
   onAction,
@@ -218,7 +258,20 @@ export const PXEngineRenderer: React.FC<PXEngineRendererProps> = ({
 
     // Merge explicit props with flattened props (remainingProps)
     // Priority: explicit props > flattened props
-    const finalProps = { ...remainingProps, ...props };
+    const rawProps = { ...remainingProps, ...props };
+    const finalProps = normalizeProps(rawProps);
+
+    if (process.env.NODE_ENV === "development") {
+      const propTypes = Object.fromEntries(
+        Object.entries(finalProps).map(([k, v]) => [k, typeof v]),
+      );
+      console.log(
+        `[PXEngineRenderer] Final props for ${componentName}:`,
+        finalProps,
+        "Types:",
+        propTypes,
+      );
+    }
 
     // Also pass ID if not already in props
     if (id && !finalProps.id) {
@@ -230,6 +283,18 @@ export const PXEngineRenderer: React.FC<PXEngineRendererProps> = ({
       id ||
       `${componentName}-${index || Math.random().toString(36).substr(2, 9)}`;
 
+    if (process.env.NODE_ENV === "development") {
+      console.log(`[PXEngineRenderer] Rendering ${componentName}`, {
+        id,
+        props: finalProps,
+        childrenCount: Array.isArray(children)
+          ? children.length
+          : children
+            ? 1
+            : 0,
+      });
+    }
+
     // Normalize name to PascalCase for the *primary* identifier
     const normalizedName =
       componentName.charAt(0).toUpperCase() + componentName.slice(1);
@@ -302,6 +367,13 @@ export const PXEngineRenderer: React.FC<PXEngineRendererProps> = ({
       }
     }
 
+    if (process.env.NODE_ENV === "development") {
+      console.log(
+        `[PXEngineRenderer] Resolved ${componentName} to component`,
+        TargetComponent.displayName || TargetComponent.name || "Anonymous",
+      );
+    }
+
     // Calculate atom name for the *resolved* component to check for render props
     const resolvedNormalized =
       resolvedIdentifier.charAt(0).toUpperCase() + resolvedIdentifier.slice(1);