@upstart.gg/sdk 0.0.136 → 0.0.137

package/src/shared/attributes.ts

@@ -3,15 +3,14 @@ import type { JSONSchemaType } from "ajv";
 import { getSchemaDefaults } from "../shared/utils/schema";
 import { manifest as navbarManifest } from "./bricks/manifests/navbar.manifest";
 import { manifest as footerManifest } from "./bricks/manifests/footer.manifest";
-import { string } from "./bricks/props/string";
 import { boolean } from "./bricks/props/boolean";
 import { datetime } from "./bricks/props/date";
-import { imageRef } from "./bricks/props/image";
-import { colorPresetRef } from "./bricks/props/color-preset";
-import { queryUseRef, type QueryUseSettings } from "./bricks/props/dynamic";
+import { image } from "./bricks/props/image";
+import { colorPreset } from "./bricks/props/color-preset";
+import { queryUse, type QueryUseSettings } from "./bricks/props/dynamic";
 import { querySchema } from "./datasources/types";
 import { StringEnum } from "./utils/string-enum";
-import { backgroundRef } from "./bricks/props/background";
+import { background } from "./bricks/props/background";
 import { toLLMSchema } from "./utils/llm";
 
 export type { JSONSchemaType };
@@ -19,9 +18,9 @@ export type { JSONSchemaType };
 // Default attributes
 export const pageAttributesSchema = Type.Object(
   {
-    backgroundImage: Type.Optional(backgroundRef()),
+    backgroundImage: Type.Optional(background()),
     colorPreset: Type.Optional(
-      colorPresetRef({
+      colorPreset({
         examples: [
           { color: "base-100" },
           { color: "primary-500" },
@@ -29,22 +28,17 @@ export const pageAttributesSchema = Type.Object(
         ],
       }),
     ),
-    tags: Type.Optional(
-      Type.Array(Type.String({ description: "A tag for the page. Should be url-safe." }), {
-        title: "Tags",
-        description:
-          "Use tags to organize, group and filter pages in navigation elements and in the dashboard. By default, the navbar element display pages having the 'navbar' tag, while the sidebar displays the pages with the tag 'sidebar'.",
-        "ui:field": "tags",
-        examples: [
-          ["navbar", "important"],
-          ["navbar", "sidebar"],
-          ["sidebar"],
-          ["campaign-landing-20250610"],
-        ],
-        maxItems: 8,
-      }),
-    ),
-    path: string("URL path", {
+    tags: Type.Array(Type.String({ description: "A tag for the page. Should be url-safe." }), {
+      title: "Tags",
+      description:
+        "Use tags to organize, group and filter pages in navigation elements and in the dashboard. By default, the navbar element display pages having the 'navbar' tag, while the sidebar displays the pages with the tag 'sidebar'.",
+      "ui:field": "tags",
+      examples: [["navbar", "important"], ["navbar", "sidebar"], ["sidebar"], ["campaign-landing-20250610"]],
+      maxItems: 8,
+      default: [],
+    }),
+    path: Type.String({
+      title: "URL path",
       default: "/",
       description: "The URL path of the page. Use placeholders like :id or :slug for dynamic paths.",
       "ai:instructions": "Never put language codes in the path.",
@@ -52,24 +46,25 @@ export const pageAttributesSchema = Type.Object(
       pattern: "^/[a-z0-9-:/]*$",
       examples: ["/", "/about", "/products/:id"],
     }),
-    queries: Type.Optional(
-      Type.Array(queryUseRef(), {
-        title: "Page Queries",
-        description:
-          "List of queries to use in this page. All listed queries will be executed when the page loads.",
-        "ai:instructions": "Reference Query IDs to use at the page level.",
-        "ui:field": "page-queries",
-        maxItems: 5,
-      }),
-    ),
-    title: string("Title", {
+    queries: Type.Array(queryUse(), {
+      title: "Page Queries",
+      description:
+        "List of queries to use in this page. All listed queries will be executed when the page loads.",
+      "ai:instructions": "Reference Query IDs to use at the page level.",
+      "ui:field": "page-queries",
+      maxItems: 8,
+      default: [],
+    }),
+    title: Type.String({
+      title: "Title",
       default: "Untitled",
       "ui:group": "meta",
       "ui:group:title": "Meta tags",
       description: "The title of the page. Appears in the browser tab and search results",
       "ui:placeholder": "Page title",
     }),
-    description: string("Description", {
+    description: Type.String({
+      title: "Description",
       "ui:widget": "textarea",
       "ui:group": "meta",
       "ui:group:title": "Meta tags",
@@ -79,7 +74,8 @@ export const pageAttributesSchema = Type.Object(
       default: "",
       "ui:placeholder": "A brief description of the page",
     }),
-    keywords: string("Keywords", {
+    keywords: Type.String({
+      title: "Keywords",
       "ui:group": "meta",
       "ui:group:title": "Meta tags",
       description: "Keywords related to the page. Used by search engines",
@@ -87,9 +83,8 @@ export const pageAttributesSchema = Type.Object(
       default: "",
       "ui:placeholder": "keyword1, keyword2, keyword3",
     }),
-
     ogImage: Type.Optional(
-      imageRef({
+      image({
         title: "Social share image",
         description: "Image shown when this page is shared on social media",
         "ui:group": "meta",
@@ -102,7 +97,9 @@ export const pageAttributesSchema = Type.Object(
       }),
     ),
     robotsIndexing: Type.Optional(
-      boolean("Allow search engines to index this page", true, {
+      Type.Boolean({
+        title: "Allow search engines to index this page",
+        default: true,
         description: "Disabling this will prevent search engines from indexing this page",
         "ai:hidden": true,
         "ui:group": "meta",
@@ -193,16 +190,21 @@ export const pageAttributesSchema = Type.Object(
             }),
           ),
         },
-        { "ui:group": "meta" },
+        { "ui:group": "meta", "ai:hidden": true },
       ),
     ),
-
-    noNavbar: Type.Optional(boolean("Hide navbar", false, { "ui:group": "layout" })),
-    noFooter: Type.Optional(boolean("Hide footer", false, { "ui:group": "layout" })),
-    lastUpdated: Type.Optional(
-      datetime("Last updated", {
-        "ui:hidden": true,
-        "ai:hidden": true,
+    noNavbar: Type.Optional(
+      Type.Boolean({
+        title: "Hide navbar",
+        default: false,
+        "ui:group": "layout",
+      }),
+    ),
+    noFooter: Type.Optional(
+      Type.Boolean({
+        title: "Hide footer",
+        default: false,
+        "ui:group": "layout",
       }),
     ),
   },
@@ -214,7 +216,7 @@ export const pageAttributesSchema = Type.Object(
   },
 );
 
-export const pageQueriesSchema = Type.Array(queryUseRef(), {
+export const pageQueriesSchema = Type.Array(queryUse(), {
   title: "Page Queries",
   description: `List of page queries in use in this page. All listed queries will be executed when the page loads. Aliases must be unique and camelCase'd.
 The queryId must reference an existing site query ID.`,
@@ -289,9 +291,9 @@ export const siteAttributesSchema = Type.Object(
           "Choose a value based on the site description. If the site is in multiple languages, use 'en'.",
       },
     ),
-    backgroundImage: Type.Optional(backgroundRef()),
+    backgroundImage: Type.Optional(background()),
     colorPreset: Type.Optional(
-      colorPresetRef({
+      colorPreset({
         examples: [
           { color: "base-100" },
           { color: "primary-500" },
@@ -325,7 +327,7 @@ export const siteAttributesSchema = Type.Object(
       }),
     ),
     ogImage: Type.Optional(
-      imageRef({
+      image({
         title: "Social share image",
         description: "Image shown when this site is shared on social media",
         "ai:hidden": true,

package/src/shared/brick-manifest.ts

@@ -1,11 +1,10 @@
-import type { TObject, TProperties, TArray } from "@sinclair/typebox";
-import type { IconBase, IconType } from "react-icons/lib";
+import type { TObject, TProperties } from "@sinclair/typebox";
+import type { IconType } from "react-icons/lib";
 import { getSchemaDefaults } from "./utils/schema";
-import type { ReactNode } from "react";
 
 export type BrickCategory = "layout" | "basic" | "media" | "widgets" | "container";
 
-type BrickManifestProps<BProps extends TProperties, DSSchema extends TObject | TArray<TObject>> = {
+type BrickManifestProps<BProps extends TProperties> = {
   type: string;
   category?: BrickCategory;
   name: string;
@@ -64,7 +63,7 @@ type BrickManifestProps<BProps extends TProperties, DSSchema extends TObject | T
   aiInstructions?: string;
 };
 
-export function defineBrickManifest<BProps extends TProperties, DSSchema extends TObject | TArray<TObject>>({
+export function defineBrickManifest<BProps extends TProperties>({
   props,
   defaultHeight,
   defaultWidth,
@@ -79,7 +78,7 @@ export function defineBrickManifest<BProps extends TProperties, DSSchema extends
   defaultInspectorTab = "preset",
   icon,
   ...rest
-}: BrickManifestProps<BProps, DSSchema>) {
+}: BrickManifestProps<BProps>) {
   return {
     ...rest,
     icon,

package/src/shared/bricks/manifests/accordion.manifest.ts

@@ -4,11 +4,11 @@ import { defineBrickManifest } from "~/shared/brick-manifest";
 import { StringEnum } from "~/shared/utils/string-enum";
 import { boolean } from "../props/boolean";
 import { defineProps } from "../props/helpers";
-import { colorPresetRef } from "../props/color-preset";
-import { fontSizeRef, textContentRef } from "../props/text";
+import { colorPreset } from "../props/color-preset";
+import { fontSize, textContent } from "../props/text";
 import type { BrickProps } from "../props/types";
-import { loopRef } from "../props/dynamic";
-import { cssLengthRef } from "../props/css-length";
+import { loop } from "../props/dynamic";
+import { cssLength } from "../props/css-length";
 import type { BrickExample } from "./_types";
 
 export const manifest = defineBrickManifest({
@@ -19,7 +19,7 @@ export const manifest = defineBrickManifest({
 
 WHEN TO USE:
 - FAQ sections with questions and detailed answers
-- Product feature lists with expandable descriptions  
+- Product feature lists with expandable descriptions
 - Documentation sections with organized topics
 - Step-by-step processes or tutorials
 - Menu categories (restaurant, services, pricing tiers)
@@ -57,13 +57,13 @@ AVOID:
   props: defineProps({
     items: Type.Array(
       Type.Object({
-        title: textContentRef({
+        title: textContent({
           title: "Title",
           default: "My title",
           disableSizing: true,
           showInSettings: true,
         }),
-        content: textContentRef({ title: "Content", default: "Expandable content goes here" }),
+        content: textContent({ title: "Content", default: "Expandable content goes here" }),
         defaultOpen: Type.Optional(boolean("Open by default", false)),
       }),
       {
@@ -73,13 +73,13 @@ AVOID:
         },
       },
     ),
-    fontSize: Type.Optional(fontSizeRef({ default: "inherit" })),
+    fontSize: Type.Optional(fontSize({ default: "inherit" })),
     restrictOneOpen: boolean("Restrict to one open item", false, {
       description:
         "Restrict to one open item at a time. If false, multiple items can be open simultaneously.",
     }),
     gap: Type.Optional(
-      cssLengthRef({
+      cssLength({
         title: "Gap",
         description: "The gap between the accordion items.",
         default: "1px",
@@ -110,12 +110,12 @@ AVOID:
       ),
     ),
     colorPreset: Type.Optional(
-      colorPresetRef({
+      colorPreset({
         title: "Color",
         default: { color: "bg-primary-500 text-primary-500-content" },
       }),
     ),
-    loop: Type.Optional(loopRef()),
+    loop: Type.Optional(loop()),
   }),
 });
 

package/src/shared/bricks/manifests/all-props.ts

@@ -0,0 +1,165 @@
+import { manifest as accordionManifest } from "./accordion.manifest";
+import { manifest as boxManifest } from "./box.manifest";
+import { manifest as buttonManifest } from "./button.manifest";
+import { manifest as cardManifest } from "./card.manifest";
+import { manifest as carouselManifest } from "./carousel.manifest";
+import { manifest as footerManifest } from "./footer.manifest";
+import { manifest as formManifest } from "./form.manifest";
+import { manifest as heroManifest } from "./hero.manifest";
+import { manifest as iconManifest } from "./icon.manifest";
+import { manifest as imageManifest } from "./image.manifest";
+import { manifest as imagesWallManifest } from "./images-gallery.manifest";
+import { manifest as mapManifest } from "./map.manifest";
+import { manifest as navbarManifest } from "./navbar.manifest";
+import { manifest as sidebarManifest } from "./sidebar.manifest";
+import { manifest as socialLinksManifest } from "./social-links.manifest";
+import { manifest as spacerManifest } from "./spacer.manifest";
+import { manifest as testimonialsManifest } from "./testimonials.manifest";
+import { manifest as textManifest } from "./text.manifest";
+import { manifest as videoManifest } from "./video.manifest";
+import { manifest as htmlManifest } from "./html.manifest";
+import { manifest as tableManifest } from "./table.manifest";
+import { manifest as tabsManifest } from "./tabs.manifest";
+import { manifest as timelineManifest } from "./timeline.manifest";
+import { Type } from "@sinclair/typebox";
+
+export const allBrickPropsUnion = Type.Union([
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(textManifest.type),
+    props: textManifest.props,
+    mobileProps: Type.Optional(Type.Partial(textManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(heroManifest.type),
+    props: heroManifest.props,
+    mobileProps: Type.Optional(Type.Partial(heroManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(imageManifest.type),
+    props: imageManifest.props,
+    mobileProps: Type.Optional(Type.Partial(imageManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(videoManifest.type),
+    props: videoManifest.props,
+    mobileProps: Type.Optional(Type.Partial(videoManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(cardManifest.type),
+    props: cardManifest.props,
+    mobileProps: Type.Optional(Type.Partial(cardManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(mapManifest.type),
+    props: mapManifest.props,
+    mobileProps: Type.Optional(Type.Partial(mapManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(formManifest.type),
+    props: formManifest.props,
+    mobileProps: Type.Optional(Type.Partial(formManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(sidebarManifest.type),
+    props: sidebarManifest.props,
+    mobileProps: Type.Optional(Type.Partial(sidebarManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(imagesWallManifest.type),
+    props: imagesWallManifest.props,
+    mobileProps: Type.Optional(Type.Partial(imagesWallManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(carouselManifest.type),
+    props: carouselManifest.props,
+    mobileProps: Type.Optional(Type.Partial(carouselManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(navbarManifest.type),
+    props: navbarManifest.props,
+    mobileProps: Type.Optional(Type.Partial(navbarManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(footerManifest.type),
+    props: footerManifest.props,
+    mobileProps: Type.Optional(Type.Partial(footerManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(buttonManifest.type),
+    props: buttonManifest.props,
+    mobileProps: Type.Optional(Type.Partial(buttonManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(iconManifest.type),
+    props: iconManifest.props,
+    mobileProps: Type.Optional(Type.Partial(iconManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(socialLinksManifest.type),
+    props: socialLinksManifest.props,
+    mobileProps: Type.Optional(Type.Partial(socialLinksManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(boxManifest.type),
+    props: boxManifest.props,
+    mobileProps: Type.Optional(Type.Partial(boxManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(spacerManifest.type),
+    props: spacerManifest.props,
+    mobileProps: Type.Optional(Type.Partial(spacerManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(testimonialsManifest.type),
+    props: testimonialsManifest.props,
+    mobileProps: Type.Optional(Type.Partial(testimonialsManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(accordionManifest.type),
+    props: accordionManifest.props,
+    mobileProps: Type.Optional(Type.Partial(accordionManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(htmlManifest.type),
+    props: htmlManifest.props,
+    mobileProps: Type.Optional(Type.Partial(htmlManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(tableManifest.type),
+    props: tableManifest.props,
+    mobileProps: Type.Optional(Type.Partial(tableManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(tabsManifest.type),
+    props: tabsManifest.props,
+    mobileProps: Type.Optional(Type.Partial(tabsManifest.props)),
+  }),
+  Type.Object({
+    id: Type.String(),
+    type: Type.Literal(timelineManifest.type),
+    props: timelineManifest.props,
+    mobileProps: Type.Optional(Type.Partial(timelineManifest.props)),
+  }),
+]);

package/src/shared/bricks/manifests/box.manifest.ts

@@ -1,14 +1,14 @@
 import { defineBrickManifest } from "~/shared/brick-manifest";
 import { defineProps } from "../props/helpers";
 import { Type } from "@sinclair/typebox";
-import { borderRef, roundingRef } from "../props/border";
-import { shadowRef } from "../props/effects";
-import { cssLengthRef } from "../props/css-length";
-import { directionRef } from "../props/direction";
+import { border, rounding } from "../props/border";
+import { shadow } from "../props/effects";
+import { cssLength } from "../props/css-length";
+import { direction } from "../props/direction";
 import { RxBox } from "react-icons/rx";
-import { alignItemsRef, justifyContentRef } from "../props/align";
-import { colorPresetRef } from "../props/color-preset";
-import { loopRef } from "../props/dynamic";
+import { alignItems, justifyContent } from "../props/align";
+import { colorPreset } from "../props/color-preset";
+import { loop } from "../props/dynamic";
 import type { BrickExample } from "./_types";
 
 // Generic container can hold any type of array data source
@@ -67,27 +67,27 @@ AVOID:
   icon: RxBox,
   props: defineProps({
     colorPreset: Type.Optional(
-      colorPresetRef({
+      colorPreset({
         title: "Color",
       }),
     ),
-    direction: directionRef({
+    direction: direction({
       default: "flex-col",
       title: "Direction",
       description: "Direction of the box layout",
     }),
     justifyContent: Type.Optional(
-      justifyContentRef({
+      justifyContent({
         default: "justify-center",
       }),
     ),
     alignItems: Type.Optional(
-      alignItemsRef({
+      alignItems({
         default: "items-stretch",
       }),
     ),
     gap: Type.Optional(
-      cssLengthRef({
+      cssLength({
         title: "Gap",
         default: "1rem",
         description: "Gap between children bricks.",
@@ -98,7 +98,7 @@ AVOID:
       }),
     ),
     padding: Type.Optional(
-      cssLengthRef({
+      cssLength({
         default: "1rem",
         description: "Padding inside the box.",
         "ai:instructions": "Use only a single value like '1rem' or '10px'",
@@ -115,14 +115,12 @@ AVOID:
         "ui:styleId": "styles:wrap",
       }),
     ),
-    rounding: Type.Optional(
-      roundingRef({
-        default: "rounded-md",
-      }),
-    ),
-    border: Type.Optional(borderRef()),
-    shadow: Type.Optional(shadowRef()),
-    loop: Type.Optional(loopRef()),
+    rounding: rounding({
+      default: "rounded-md",
+    }),
+    border: Type.Optional(border()),
+    shadow: Type.Optional(shadow()),
+    loop: Type.Optional(loop()),
     $children: Type.Array(Type.Any(), {
       "ui:field": "hidden",
       description: "List of nested bricks",