@btst/stack 2.5.3 → 2.5.5

package/dist/packages/stack/src/plugins/ai-chat/api/plugin.cjs

@@ -86,7 +86,7 @@ const aiChatBackendPlugin = (config) => api.defineBackendPlugin({
             });
           }
           const firstMessageContent = getMessageTextContent(firstMessage);
-          const modelMessages = ai.convertToModelMessages(uiMessages);
+          const modelMessages = await ai.convertToModelMessages(uiMessages);
           const pageContextContent = pageContext && pageContext.trim() ? `
 
 Current page context:

package/dist/packages/stack/src/plugins/ai-chat/api/plugin.mjs

@@ -84,7 +84,7 @@ const aiChatBackendPlugin = (config) => defineBackendPlugin({
             });
           }
           const firstMessageContent = getMessageTextContent(firstMessage);
-          const modelMessages = convertToModelMessages(uiMessages);
+          const modelMessages = await convertToModelMessages(uiMessages);
           const pageContextContent = pageContext && pageContext.trim() ? `
 
 Current page context:

package/dist/packages/stack/src/plugins/ui-builder/client/components/page-renderer.cjs

@@ -25,6 +25,7 @@ function PageRenderer({
   slug,
   componentRegistry = registry.defaultComponentRegistry,
   variableValues,
+  functionRegistry,
   LoadingComponent = DefaultLoadingComponent,
   ErrorComponent = DefaultErrorComponent,
   NotFoundComponent = DefaultNotFoundComponent,
@@ -40,6 +41,7 @@ function PageRenderer({
           slug,
           componentRegistry,
           variableValues,
+          functionRegistry,
           NotFoundComponent,
           className
         }
@@ -51,6 +53,7 @@ function SuspensePageRendererContent({
   slug,
   componentRegistry = registry.defaultComponentRegistry,
   variableValues,
+  functionRegistry,
   NotFoundComponent = DefaultNotFoundComponent,
   className
 }) {
@@ -69,7 +72,8 @@ function SuspensePageRendererContent({
       page: rootLayer,
       componentRegistry,
       variables,
-      variableValues
+      variableValues,
+      functionRegistry
     }
   );
 }
@@ -77,6 +81,7 @@ function SuspensePageRenderer({
   slug,
   componentRegistry = registry.defaultComponentRegistry,
   variableValues,
+  functionRegistry,
   NotFoundComponent = DefaultNotFoundComponent,
   className
 }) {
@@ -86,6 +91,7 @@ function SuspensePageRenderer({
       slug,
       componentRegistry,
       variableValues,
+      functionRegistry,
       NotFoundComponent,
       className
     }

package/dist/packages/stack/src/plugins/ui-builder/client/components/page-renderer.mjs

@@ -23,6 +23,7 @@ function PageRenderer({
   slug,
   componentRegistry = defaultComponentRegistry,
   variableValues,
+  functionRegistry,
   LoadingComponent = DefaultLoadingComponent,
   ErrorComponent = DefaultErrorComponent,
   NotFoundComponent = DefaultNotFoundComponent,
@@ -38,6 +39,7 @@ function PageRenderer({
           slug,
           componentRegistry,
           variableValues,
+          functionRegistry,
           NotFoundComponent,
           className
         }
@@ -49,6 +51,7 @@ function SuspensePageRendererContent({
   slug,
   componentRegistry = defaultComponentRegistry,
   variableValues,
+  functionRegistry,
   NotFoundComponent = DefaultNotFoundComponent,
   className
 }) {
@@ -67,7 +70,8 @@ function SuspensePageRendererContent({
       page: rootLayer,
       componentRegistry,
       variables,
-      variableValues
+      variableValues,
+      functionRegistry
     }
   );
 }
@@ -75,6 +79,7 @@ function SuspensePageRenderer({
   slug,
   componentRegistry = defaultComponentRegistry,
   variableValues,
+  functionRegistry,
   NotFoundComponent = DefaultNotFoundComponent,
   className
 }) {
@@ -84,6 +89,7 @@ function SuspensePageRenderer({
       slug,
       componentRegistry,
       variableValues,
+      functionRegistry,
       NotFoundComponent,
       className
     }

package/dist/packages/stack/src/plugins/ui-builder/client/registry.cjs

@@ -23,9 +23,118 @@ const primitiveComponentDefinitions = {
       target: z.z.enum(["_blank", "_self", "_parent", "_top"]).optional().default("_self"),
       rel: z.z.enum(["noopener", "noreferrer", "nofollow"]).optional(),
       title: z.z.string().optional(),
-      download: z.z.boolean().optional().default(false)
+      download: z.z.boolean().optional().default(false),
+      onClick: z.z.any().optional()
     }),
-    fieldOverrides: formFieldOverrides.commonFieldOverrides()
+    fieldOverrides: {
+      ...formFieldOverrides.commonFieldOverrides(),
+      onClick: () => formFieldOverrides.functionPropFieldOverrides("onClick")
+    }
+  },
+  button: {
+    schema: z.z.object({
+      className: z.z.string().optional(),
+      children: z.z.any().optional(),
+      type: z.z.enum(["button", "submit", "reset"]).optional().default("button"),
+      disabled: z.z.boolean().optional().default(false),
+      onClick: z.z.any().optional()
+    }),
+    defaultChildren: "Button",
+    fieldOverrides: {
+      ...formFieldOverrides.commonFieldOverrides(),
+      onClick: () => formFieldOverrides.functionPropFieldOverrides("onClick")
+    }
+  },
+  form: {
+    schema: z.z.object({
+      className: z.z.string().optional(),
+      children: z.z.any().optional(),
+      action: z.z.string().optional(),
+      method: z.z.enum(["get", "post"]).optional(),
+      onSubmit: z.z.any().optional()
+    }),
+    fieldOverrides: {
+      ...formFieldOverrides.commonFieldOverrides(),
+      onSubmit: () => formFieldOverrides.functionPropFieldOverrides("onSubmit")
+    }
+  },
+  input: {
+    schema: z.z.object({
+      className: z.z.string().optional(),
+      type: z.z.enum([
+        "text",
+        "password",
+        "email",
+        "number",
+        "tel",
+        "url",
+        "search",
+        "date",
+        "time",
+        "hidden"
+      ]).optional().default("text"),
+      name: z.z.string().optional(),
+      placeholder: z.z.string().optional(),
+      defaultValue: z.z.string().optional(),
+      disabled: z.z.boolean().optional().default(false),
+      required: z.z.boolean().optional().default(false),
+      onChange: z.z.any().optional(),
+      onBlur: z.z.any().optional(),
+      onFocus: z.z.any().optional()
+    }),
+    fieldOverrides: {
+      className: (layer) => formFieldOverrides.classNameFieldOverrides(),
+      onChange: () => formFieldOverrides.functionPropFieldOverrides("onChange"),
+      onBlur: () => formFieldOverrides.functionPropFieldOverrides("onBlur"),
+      onFocus: () => formFieldOverrides.functionPropFieldOverrides("onFocus")
+    }
+  },
+  textarea: {
+    schema: z.z.object({
+      className: z.z.string().optional(),
+      name: z.z.string().optional(),
+      placeholder: z.z.string().optional(),
+      defaultValue: z.z.string().optional(),
+      rows: z.z.coerce.number().optional(),
+      disabled: z.z.boolean().optional().default(false),
+      required: z.z.boolean().optional().default(false),
+      onChange: z.z.any().optional(),
+      onBlur: z.z.any().optional(),
+      onFocus: z.z.any().optional()
+    }),
+    fieldOverrides: {
+      className: (layer) => formFieldOverrides.classNameFieldOverrides(),
+      onChange: () => formFieldOverrides.functionPropFieldOverrides("onChange"),
+      onBlur: () => formFieldOverrides.functionPropFieldOverrides("onBlur"),
+      onFocus: () => formFieldOverrides.functionPropFieldOverrides("onFocus")
+    }
+  },
+  select: {
+    schema: z.z.object({
+      className: z.z.string().optional(),
+      children: z.z.any().optional(),
+      name: z.z.string().optional(),
+      defaultValue: z.z.string().optional(),
+      disabled: z.z.boolean().optional().default(false),
+      required: z.z.boolean().optional().default(false),
+      onChange: z.z.any().optional()
+    }),
+    fieldOverrides: {
+      ...formFieldOverrides.commonFieldOverrides(),
+      onChange: () => formFieldOverrides.functionPropFieldOverrides("onChange")
+    }
+  },
+  label: {
+    schema: z.z.object({
+      className: z.z.string().optional(),
+      children: z.z.any().optional(),
+      htmlFor: z.z.string().optional(),
+      onClick: z.z.any().optional()
+    }),
+    fieldOverrides: {
+      ...formFieldOverrides.commonFieldOverrides(),
+      onClick: () => formFieldOverrides.functionPropFieldOverrides("onClick")
+    }
   },
   img: {
     schema: z.z.object({
@@ -33,18 +142,24 @@ const primitiveComponentDefinitions = {
       src: z.z.string().default("https://placehold.co/200"),
       alt: z.z.string().optional(),
       width: z.z.coerce.number().optional(),
-      height: z.z.coerce.number().optional()
+      height: z.z.coerce.number().optional(),
+      onClick: z.z.any().optional()
     }),
     fieldOverrides: {
-      className: (layer) => formFieldOverrides.classNameFieldOverrides()
+      className: (layer) => formFieldOverrides.classNameFieldOverrides(),
+      onClick: () => formFieldOverrides.functionPropFieldOverrides("onClick")
     }
   },
   div: {
     schema: z.z.object({
       className: z.z.string().optional(),
-      children: z.z.any().optional()
+      children: z.z.any().optional(),
+      onClick: z.z.any().optional()
     }),
-    fieldOverrides: formFieldOverrides.commonFieldOverrides()
+    fieldOverrides: {
+      ...formFieldOverrides.commonFieldOverrides(),
+      onClick: () => formFieldOverrides.functionPropFieldOverrides("onClick")
+    }
   },
   iframe: {
     schema: z.z.object({
@@ -76,56 +191,101 @@ const primitiveComponentDefinitions = {
   span: {
     schema: z.z.object({
       className: z.z.string().optional(),
-      children: z.z.string().optional()
+      children: z.z.string().optional(),
+      onClick: z.z.any().optional()
     }),
     defaultChildren: "Text",
     fieldOverrides: {
       className: (layer) => formFieldOverrides.classNameFieldOverrides(),
-      children: (layer) => formFieldOverrides.childrenAsTextareaFieldOverrides(layer)
+      children: (layer) => formFieldOverrides.childrenAsTextareaFieldOverrides(layer),
+      onClick: () => formFieldOverrides.functionPropFieldOverrides("onClick")
     }
   },
   h1: {
     schema: z.z.object({
       className: z.z.string().optional(),
-      children: z.z.string().optional()
+      children: z.z.string().optional(),
+      onClick: z.z.any().optional()
     }),
     defaultChildren: "Heading 1",
     fieldOverrides: {
-      className: (layer) => formFieldOverrides.classNameFieldOverrides(),
-      children: (layer) => formFieldOverrides.childrenAsTextareaFieldOverrides(layer)
+      ...formFieldOverrides.commonFieldOverrides(),
+      children: (layer) => formFieldOverrides.childrenAsTextareaFieldOverrides(layer),
+      onClick: () => formFieldOverrides.functionPropFieldOverrides("onClick")
     }
   },
   h2: {
     schema: z.z.object({
       className: z.z.string().optional(),
-      children: z.z.string().optional()
+      children: z.z.string().optional(),
+      onClick: z.z.any().optional()
     }),
     defaultChildren: "Heading 2",
     fieldOverrides: {
-      className: (layer) => formFieldOverrides.classNameFieldOverrides(),
-      children: (layer) => formFieldOverrides.childrenAsTextareaFieldOverrides(layer)
+      ...formFieldOverrides.commonFieldOverrides(),
+      children: (layer) => formFieldOverrides.childrenAsTextareaFieldOverrides(layer),
+      onClick: () => formFieldOverrides.functionPropFieldOverrides("onClick")
     }
   },
   h3: {
     schema: z.z.object({
       className: z.z.string().optional(),
-      children: z.z.string().optional()
+      children: z.z.string().optional(),
+      onClick: z.z.any().optional()
     }),
     defaultChildren: "Heading 3",
     fieldOverrides: {
-      className: (layer) => formFieldOverrides.classNameFieldOverrides(),
-      children: (layer) => formFieldOverrides.childrenAsTextareaFieldOverrides(layer)
+      ...formFieldOverrides.commonFieldOverrides(),
+      children: (layer) => formFieldOverrides.childrenAsTextareaFieldOverrides(layer),
+      onClick: () => formFieldOverrides.functionPropFieldOverrides("onClick")
     }
   },
   p: {
     schema: z.z.object({
       className: z.z.string().optional(),
-      children: z.z.string().optional()
+      children: z.z.string().optional(),
+      onClick: z.z.any().optional()
     }),
-    defaultChildren: "Paragraph",
+    defaultChildren: "Paragraph text",
     fieldOverrides: {
-      className: (layer) => formFieldOverrides.classNameFieldOverrides(),
-      children: (layer) => formFieldOverrides.childrenAsTextareaFieldOverrides(layer)
+      ...formFieldOverrides.commonFieldOverrides(),
+      children: (layer) => formFieldOverrides.childrenAsTextareaFieldOverrides(layer),
+      onClick: () => formFieldOverrides.functionPropFieldOverrides("onClick")
+    }
+  },
+  li: {
+    schema: z.z.object({
+      className: z.z.string().optional(),
+      children: z.z.string().optional(),
+      onClick: z.z.any().optional()
+    }),
+    defaultChildren: "List item",
+    fieldOverrides: {
+      ...formFieldOverrides.commonFieldOverrides(),
+      children: (layer) => formFieldOverrides.childrenAsTextareaFieldOverrides(layer),
+      onClick: () => formFieldOverrides.functionPropFieldOverrides("onClick")
+    }
+  },
+  ul: {
+    schema: z.z.object({
+      className: z.z.string().optional(),
+      children: z.z.any().optional(),
+      onClick: z.z.any().optional()
+    }),
+    fieldOverrides: {
+      ...formFieldOverrides.commonFieldOverrides(),
+      onClick: () => formFieldOverrides.functionPropFieldOverrides("onClick")
+    }
+  },
+  ol: {
+    schema: z.z.object({
+      className: z.z.string().optional(),
+      children: z.z.any().optional(),
+      onClick: z.z.any().optional()
+    }),
+    fieldOverrides: {
+      ...formFieldOverrides.commonFieldOverrides(),
+      onClick: () => formFieldOverrides.functionPropFieldOverrides("onClick")
     }
   }
 };
@@ -144,7 +304,8 @@ const complexComponentDefinitions = {
         "ghost",
         "link"
       ]).default("default"),
-      size: z.z.enum(["default", "sm", "lg", "icon"]).default("default")
+      size: z.z.enum(["default", "sm", "lg", "icon"]).default("default"),
+      onClick: z.z.any().optional()
     }),
     from: "@/components/ui/button",
     defaultChildren: [
@@ -156,14 +317,18 @@ const complexComponentDefinitions = {
         children: "Button"
       }
     ],
-    fieldOverrides: formFieldOverrides.commonFieldOverrides()
+    fieldOverrides: {
+      ...formFieldOverrides.commonFieldOverrides(),
+      onClick: () => formFieldOverrides.functionPropFieldOverrides("onClick")
+    }
   },
   Badge: {
     component: badge.Badge,
     schema: z.z.object({
       className: z.z.string().optional(),
       children: z.z.any().optional(),
-      variant: z.z.enum(["default", "secondary", "destructive", "outline"]).default("default")
+      variant: z.z.enum(["default", "secondary", "destructive", "outline"]).default("default"),
+      onClick: z.z.any().optional()
     }),
     from: "@/components/ui/badge",
     defaultChildren: [
@@ -175,7 +340,10 @@ const complexComponentDefinitions = {
         children: "Badge"
       }
     ],
-    fieldOverrides: formFieldOverrides.commonFieldOverrides()
+    fieldOverrides: {
+      ...formFieldOverrides.commonFieldOverrides(),
+      onClick: () => formFieldOverrides.functionPropFieldOverrides("onClick")
+    }
   },
   Flexbox: {
     component: flexbox.Flexbox,
@@ -268,7 +436,8 @@ const complexComponentDefinitions = {
       className: z.z.string().optional(),
       children: z.z.any().optional(),
       type: z.z.enum(["single", "multiple"]).default("single"),
-      collapsible: z.z.boolean().optional()
+      collapsible: z.z.boolean().optional(),
+      onValueChange: z.z.any().optional()
     }),
     from: "@/components/ui/accordion",
     defaultChildren: [
@@ -285,7 +454,7 @@ const complexComponentDefinitions = {
             props: {},
             children: [
               {
-                id: "acc-trigger-text",
+                id: "acc-trigger-1-text",
                 type: "span",
                 name: "span",
                 props: {},
@@ -300,7 +469,45 @@ const complexComponentDefinitions = {
             props: {},
             children: [
               {
-                id: "acc-content-text",
+                id: "acc-content-1-text",
+                type: "span",
+                name: "span",
+                props: {},
+                children: "Accordion Content Text"
+              }
+            ]
+          }
+        ]
+      },
+      {
+        id: "acc-item-2",
+        type: "AccordionItem",
+        name: "AccordionItem",
+        props: { value: "item-2" },
+        children: [
+          {
+            id: "acc-trigger-2",
+            type: "AccordionTrigger",
+            name: "AccordionTrigger",
+            props: {},
+            children: [
+              {
+                id: "acc-trigger-2-text",
+                type: "span",
+                name: "span",
+                props: {},
+                children: "Accordion Item #2"
+              }
+            ]
+          },
+          {
+            id: "acc-content-2",
+            type: "AccordionContent",
+            name: "AccordionContent",
+            props: {},
+            children: [
+              {
+                id: "acc-content-2-text",
                 type: "span",
                 name: "span",
                 props: {},
@@ -311,7 +518,10 @@ const complexComponentDefinitions = {
         ]
       }
     ],
-    fieldOverrides: formFieldOverrides.commonFieldOverrides()
+    fieldOverrides: {
+      ...formFieldOverrides.commonFieldOverrides(),
+      onValueChange: () => formFieldOverrides.functionPropFieldOverrides("onValueChange")
+    }
   },
   AccordionItem: {
     component: accordion.AccordionItem,
@@ -321,18 +531,54 @@ const complexComponentDefinitions = {
       value: z.z.string().default("item-1")
     }),
     from: "@/components/ui/accordion",
+    childOf: ["Accordion"],
+    defaultChildren: [
+      {
+        id: "acc-trigger-default",
+        type: "AccordionTrigger",
+        name: "AccordionTrigger",
+        props: {},
+        children: [
+          {
+            id: "acc-trigger-default-text",
+            type: "span",
+            name: "span",
+            props: {},
+            children: "Accordion Item"
+          }
+        ]
+      },
+      {
+        id: "acc-content-default",
+        type: "AccordionContent",
+        name: "AccordionContent",
+        props: {},
+        children: [
+          {
+            id: "acc-content-default-text",
+            type: "span",
+            name: "span",
+            props: {},
+            children: "Accordion Content"
+          }
+        ]
+      }
+    ],
     fieldOverrides: formFieldOverrides.commonFieldOverrides()
   },
   AccordionTrigger: {
     component: accordion.AccordionTrigger,
     schema: z.z.object({
       className: z.z.string().optional(),
-      children: z.z.any().optional()
+      children: z.z.any().optional(),
+      onClick: z.z.any().optional()
     }),
     from: "@/components/ui/accordion",
+    childOf: ["AccordionItem"],
     fieldOverrides: {
       className: (layer) => formFieldOverrides.classNameFieldOverrides(),
-      children: (layer) => formFieldOverrides.childrenFieldOverrides(layer)
+      children: (layer) => formFieldOverrides.childrenFieldOverrides(layer),
+      onClick: () => formFieldOverrides.functionPropFieldOverrides("onClick")
     }
   },
   AccordionContent: {
@@ -342,13 +588,15 @@ const complexComponentDefinitions = {
       children: z.z.any().optional()
     }),
     from: "@/components/ui/accordion",
+    childOf: ["AccordionItem"],
     fieldOverrides: formFieldOverrides.commonFieldOverrides()
   },
   Card: {
     component: card.Card,
     schema: z.z.object({
       className: z.z.string().optional(),
-      children: z.z.any().optional()
+      children: z.z.any().optional(),
+      onClick: z.z.any().optional()
     }),
     from: "@/components/ui/card",
     defaultChildren: [
@@ -363,14 +611,30 @@ const complexComponentDefinitions = {
             type: "CardTitle",
             name: "CardTitle",
             props: {},
-            children: "Card Title"
+            children: [
+              {
+                id: "card-title-text",
+                type: "span",
+                name: "span",
+                props: {},
+                children: "Card Title"
+              }
+            ]
           },
           {
             id: "card-description",
             type: "CardDescription",
             name: "CardDescription",
             props: {},
-            children: "Card Description"
+            children: [
+              {
+                id: "card-description-text",
+                type: "span",
+                name: "span",
+                props: {},
+                children: "Card Description"
+              }
+            ]
           }
         ]
       },
@@ -385,7 +649,7 @@ const complexComponentDefinitions = {
             type: "span",
             name: "span",
             props: {},
-            children: "Card Content Text"
+            children: "Card Content"
           }
         ]
       },
@@ -400,12 +664,15 @@ const complexComponentDefinitions = {
             type: "span",
             name: "span",
             props: {},
-            children: "Card Footer Text"
+            children: "Card Footer"
           }
         ]
       }
     ],
-    fieldOverrides: formFieldOverrides.commonFieldOverrides()
+    fieldOverrides: {
+      ...formFieldOverrides.commonFieldOverrides(),
+      onClick: () => formFieldOverrides.functionPropFieldOverrides("onClick")
+    }
   },
   CardHeader: {
     component: card.CardHeader,
@@ -414,6 +681,7 @@ const complexComponentDefinitions = {
       children: z.z.any().optional()
     }),
     from: "@/components/ui/card",
+    childOf: ["Card"],
     fieldOverrides: formFieldOverrides.commonFieldOverrides()
   },
   CardTitle: {
@@ -423,6 +691,7 @@ const complexComponentDefinitions = {
       children: z.z.any().optional()
     }),
     from: "@/components/ui/card",
+    childOf: ["CardHeader"],
     fieldOverrides: formFieldOverrides.commonFieldOverrides()
   },
   CardDescription: {
@@ -432,6 +701,7 @@ const complexComponentDefinitions = {
       children: z.z.any().optional()
     }),
     from: "@/components/ui/card",
+    childOf: ["CardHeader"],
     fieldOverrides: formFieldOverrides.commonFieldOverrides()
   },
   CardContent: {
@@ -441,6 +711,7 @@ const complexComponentDefinitions = {
       children: z.z.any().optional()
     }),
     from: "@/components/ui/card",
+    childOf: ["Card"],
     fieldOverrides: formFieldOverrides.commonFieldOverrides()
   },
   CardFooter: {
@@ -450,6 +721,7 @@ const complexComponentDefinitions = {
       children: z.z.any().optional()
     }),
     from: "@/components/ui/card",
+    childOf: ["Card"],
     fieldOverrides: formFieldOverrides.commonFieldOverrides()
   },
   Separator: {