@upstart.gg/sdk 0.0.136 → 0.0.137

package/src/shared/bricks/props/common.ts

@@ -1,7 +1,6 @@
 import { type Static, type TString, Type } from "@sinclair/typebox";
-import { typedRef } from "~/shared/utils/typed-ref";
-import { cssLengthRef } from "./css-length";
-import { alignSelfRef } from "./align";
+import { cssLength } from "./css-length";
+import { alignSelf } from "./align";
 
 export function hidden() {
   return Type.Object(
@@ -25,7 +24,7 @@ export const commonProps = {
       "ai:hidden": true,
     }),
   ),
-  hidden: Type.Optional(typedRef("styles:hidden")),
+  hidden: Type.Optional(hidden()),
   editable: Type.Optional(
     Type.Boolean({
       "ui:field": "hidden",
@@ -33,7 +32,7 @@ export const commonProps = {
     }),
   ),
   width: Type.Optional(
-    cssLengthRef({
+    cssLength({
       title: "Fixed Width",
       description:
         "Set a fixed width for the brick. If not set, the brick will be responsive and will follow the flex layout of its parent section.",
@@ -42,7 +41,7 @@ export const commonProps = {
     }) as TString,
   ),
   height: Type.Optional(
-    cssLengthRef({
+    cssLength({
       title: "Fixed height",
       description:
         "Set a fixed height for the brick. If not set, the brick will be responsive and will follow the flex layout of its parent section.",
@@ -57,7 +56,7 @@ export const commonProps = {
       "ui:responsive": true,
     }),
   ),
-  alignSelf: Type.Optional(alignSelfRef()),
+  alignSelf: Type.Optional(alignSelf()),
 };
 
 const commonPropsSchema = Type.Object(commonProps);

package/src/shared/bricks/props/css-length.ts

@@ -1,5 +1,4 @@
 import { type Static, Type, type StringOptions } from "@sinclair/typebox";
-import { typedRef } from "~/shared/utils/typed-ref";
 
 export const cssUnits = ["px", "%", "em", "rem", "vh", "vw", "dvh", "dvw", "rlh", "lh", "cqh", "cqw"];
 
@@ -18,10 +17,6 @@ export function cssLength(options: StringOptions = {}) {
 
 export type CssLength = Static<ReturnType<typeof cssLength>>;
 
-export function cssLengthRef(options: StringOptions = {}) {
-  return typedRef("styles:cssLength", options);
-}
-
 export function isCssLength(value: string | number | undefined): boolean {
   if (typeof value !== "string") {
     return false;

package/src/shared/bricks/props/datasource.ts

@@ -1,82 +1,80 @@
 import { Type, type Static } from "@sinclair/typebox";
 import { StringEnum } from "~/shared/utils/string-enum";
 
-export function datasource(title = "Database") {
-  return Type.Object(
-    {
-      id: Type.String({
-        title: "Database",
+export const deprecated_datasourceField = Type.Object(
+  {
+    id: Type.String({
+      title: "Database",
+    }),
+    offset: Type.Optional(
+      Type.Number({
+        title: "Offset",
+        description: "Offset the records to fetch from the datasource",
+        minimum: 0,
+        default: 0,
       }),
-      offset: Type.Optional(
-        Type.Number({
-          title: "Offset",
-          description: "Offset the records to fetch from the datasource",
-          minimum: 0,
-          default: 0,
-        }),
-      ),
-      limit: Type.Optional(
-        Type.Number({
-          title: "Limit",
-          description:
-            "Limit the number of records to fetch from the datasource. Setting to 1 will fetch and render only one item.",
-          minimum: 1,
-          default: 3,
-        }),
-      ),
-      sortDirection: Type.Optional(
-        StringEnum(["asc", "desc"], {
-          title: "Sort",
-          enumNames: ["Ascending", "Descending"],
-          description: "Direction to sort the records by",
-          default: "desc",
-        }),
-      ),
-      sortField: Type.Optional(
-        Type.String({
-          title: "Sort Field",
-          description: "Select a field to sort by (must be indexed)",
-          default: "$publicationDate",
+    ),
+    limit: Type.Optional(
+      Type.Number({
+        title: "Limit",
+        description:
+          "Limit the number of records to fetch from the datasource. Setting to 1 will fetch and render only one item.",
+        minimum: 1,
+        default: 3,
+      }),
+    ),
+    sortDirection: Type.Optional(
+      StringEnum(["asc", "desc"], {
+        title: "Sort",
+        enumNames: ["Ascending", "Descending"],
+        description: "Direction to sort the records by",
+        default: "desc",
+      }),
+    ),
+    sortField: Type.Optional(
+      Type.String({
+        title: "Sort Field",
+        description: "Select a field to sort by (must be indexed)",
+        default: "$publicationDate",
+      }),
+    ),
+    filters: Type.Optional(
+      Type.Array(
+        Type.Object({
+          field: Type.String(),
+          op: StringEnum([
+            "eq",
+            "ne",
+            "lt",
+            "lte",
+            "gt",
+            "gte",
+            "in",
+            "nin",
+            "contains",
+            "notContains",
+            "startsWith",
+            "notStartsWith",
+            "endsWith",
+            "notEndsWith",
+            "before",
+            "after",
+          ]),
+          value: Type.Union([Type.String(), Type.Number(), Type.Boolean()]),
         }),
+        {
+          default: [],
+        },
       ),
-      filters: Type.Optional(
-        Type.Array(
-          Type.Object({
-            field: Type.String(),
-            op: StringEnum([
-              "eq",
-              "ne",
-              "lt",
-              "lte",
-              "gt",
-              "gte",
-              "in",
-              "nin",
-              "contains",
-              "notContains",
-              "startsWith",
-              "notStartsWith",
-              "endsWith",
-              "notEndsWith",
-              "before",
-              "after",
-            ]),
-            value: Type.Union([Type.String(), Type.Number(), Type.Boolean()]),
-          }),
-          {
-            default: [],
-          },
-        ),
-      ),
-    },
-    {
-      "ui:field": "datasource",
-      title,
-      metadata: {
-        category: "content",
-      },
+    ),
+  },
+  {
+    "ui:field": "datasource",
+    title: "Database",
+    metadata: {
+      category: "content",
     },
-  );
-}
+  },
+);
 
-export type DatasourceSettings = Static<ReturnType<typeof datasource>>;
+export type DeprecatedDatasourceSettings = Static<typeof deprecated_datasourceField>;

package/src/shared/bricks/props/direction.ts

@@ -1,12 +1,12 @@
 import { type SchemaOptions, type Static, type StringOptions, Type } from "@sinclair/typebox";
 import { StringEnum } from "~/shared/utils/string-enum";
-import { typedRef } from "~/shared/utils/typed-ref";
 
 export function direction(options: StringOptions = {}) {
   return StringEnum(["flex-row", "flex-col"], {
     title: "Direction",
     description: "The direction of the layout",
     enumNames: ["Horizontal", "Vertical"],
+    default: "flex-row",
     // $id: "styles:direction",
     "ui:styleId": "styles:direction",
     examples: ["flex-row", "flex-col"],
@@ -15,7 +15,3 @@ export function direction(options: StringOptions = {}) {
 }
 
 export type DirectionSettings = Static<ReturnType<typeof direction>>;
-
-export function directionRef(options: SchemaOptions = {}) {
-  return typedRef("styles:direction", options);
-}

package/src/shared/bricks/props/dynamic.ts

@@ -1,4 +1,3 @@
-import { typedRef } from "~/shared/utils/typed-ref";
 import { type ObjectOptions, Type, type Static } from "@sinclair/typebox";
 import { queryFilter } from "~/shared/datasources/types";
 
@@ -53,14 +52,8 @@ export function queryUse() {
   );
 }
 
-export const queryUseSchema = queryUseRef();
-
 export type QueryUseSettings = Static<ReturnType<typeof queryUse>>;
 
-export function queryUseRef(options: ObjectOptions = {}) {
-  return typedRef("content:queryUse", options);
-}
-
 export function loop(options: ObjectOptions = {}) {
   return Type.Object(
     {
@@ -105,7 +98,3 @@ export function loop(options: ObjectOptions = {}) {
 }
 
 export type LoopSettings = Static<ReturnType<typeof loop>>;
-
-export function loopRef(options: ObjectOptions = {}) {
-  return typedRef("content:loop", options);
-}

package/src/shared/bricks/props/effects.ts

@@ -1,5 +1,4 @@
 import { type SchemaOptions, Type, type Static } from "@sinclair/typebox";
-import { typedRef } from "~/shared/utils/typed-ref";
 import { StringEnum, type StringEnumOptions } from "~/shared/utils/string-enum";
 
 export function shadow(options: StringEnumOptions = {}) {
@@ -19,10 +18,6 @@ export function shadow(options: StringEnumOptions = {}) {
 
 export type ShadowSettings = Static<ReturnType<typeof shadow>>;
 
-export function shadowRef(options: StringEnumOptions = {}) {
-  return typedRef("styles:shadow", options);
-}
-
 /**
  * This function is used in ajv and type ref translations, but should not be used directly in bricks
  */
@@ -43,10 +38,6 @@ export function textShadow(options: StringEnumOptions = {}) {
   );
 }
 
-export function textShadowRef(options: SchemaOptions = {}) {
-  return typedRef("styles:textShadow", options);
-}
-
 export type TextShadowSettings = Static<ReturnType<typeof textShadow>>;
 
 type OpacityOptions = {

package/src/shared/bricks/props/geolocation.ts

@@ -1,6 +1,5 @@
 import { type ObjectOptions, Type, type Static } from "@sinclair/typebox";
 import { number } from "./number";
-import { string } from "./string";
 
 export function geolocation(opts: ObjectOptions & { defaultZoom?: number } = {}) {
   const { title = "Location", defaultZoom } = opts;
@@ -8,10 +7,11 @@ export function geolocation(opts: ObjectOptions & { defaultZoom?: number } = {})
     {
       lat: number("Latitude", { "ui:field": "hidden" }),
       lng: number("Longitude", { "ui:field": "hidden" }),
-      address: string("Address", {
+      address: Type.String({
+        title: "Address",
         "ui:field": "geoaddress",
       }),
-      tooltip: Type.Optional(string("Tooltip", {})),
+      tooltip: Type.Optional(Type.String({ title: "Tooltip" })),
       zoom: Type.Optional(
         number("Zoom", {
           description: "Zoom level for the map",

package/src/shared/bricks/props/helpers.ts

@@ -66,7 +66,7 @@ export function defineProps<P extends TProperties>(
     ...(options?.noAlignSelf ? {} : { alignSelf }),
     ...(options?.noGrow ? {} : { grow }),
   } as typeof allProps;
-  return Type.Object(finalProps, { ...options, additionalProperties: false });
+  return Type.Object(finalProps, options);
 }
 
 // export const optional = Type.Optional;

package/src/shared/bricks/props/image.ts

@@ -1,6 +1,5 @@
-import { type SchemaOptions, Type, type Static, type ObjectOptions } from "@sinclair/typebox";
+import { Type, type Static, type ObjectOptions } from "@sinclair/typebox";
 import { StringEnum } from "~/shared/utils/string-enum";
-import { typedRef } from "~/shared/utils/typed-ref";
 
 type PropImageOptions = {
   defaultImageUrl?: string;
@@ -8,13 +7,12 @@ type PropImageOptions = {
   noObjectOptions?: boolean;
 } & ObjectOptions;
 
-export function image(title = "Image", options: PropImageOptions = {}) {
+export function image(options: PropImageOptions = {}) {
   const { defaultImageUrl, showImgSearch = false, noObjectOptions = false } = options;
   const schema = Type.Object(
     {
       src: Type.String({
-        default: defaultImageUrl,
-        title,
+        title: options.title ?? "Image URL",
         description: "Image URL. Can be a link to an image or a data URI",
       }),
       alt: Type.Optional(
@@ -29,7 +27,6 @@ export function image(title = "Image", options: PropImageOptions = {}) {
           enumNames: ["None", "Contain", "Cover", "Fill", "Scale down"],
           title: "Fit",
           description: "How the image should be resized to fit its container",
-          default: "object-cover",
           "ui:field": "enum",
           "ui:styleId": "styles:objectFit",
         }),
@@ -69,16 +66,11 @@ export function image(title = "Image", options: PropImageOptions = {}) {
     },
     {
       // $id: "assets:image",
-      title,
+      title: "Image",
       "ui:field": "image",
       "ui:accept": "image/*",
       "ui:show-img-search": showImgSearch,
       "ui:no-object-options": noObjectOptions,
-      default: {
-        alt: "Image",
-        fit: "object-cover",
-        position: "object-center",
-      },
       // "ui:responsive": "desktop",
       metadata: {
         category: "content",
@@ -89,8 +81,4 @@ export function image(title = "Image", options: PropImageOptions = {}) {
   return schema;
 }
 
-export function imageRef(options: PropImageOptions & SchemaOptions = {}) {
-  return typedRef("assets:image", options);
-}
-
 export type ImageProps = Static<ReturnType<typeof image>>;

package/src/shared/bricks/props/string.ts

@@ -1,16 +1,11 @@
 import { type Static, Type, type StringOptions } from "@sinclair/typebox";
 import type { FieldMetadata } from "./types";
-import { typedRef } from "~/shared/utils/typed-ref";
 
 type StrFieldOptions = StringOptions &
   FieldMetadata & {
     "ui:multiline"?: boolean;
   };
 
-export function string(title: string, options: StrFieldOptions = {}) {
-  return Type.String({ title, ...options });
-}
-
 export function url(title = "URL", defaultValue?: string) {
   return Type.String({
     title,
@@ -24,7 +19,7 @@ const pageIdSchema = Type.String({
   "ui:field": "page-id",
 });
 
-export function urlOrPageId(title = "URL", defaultValue?: string) {
+export function urlOrPageId(options: StringOptions = {}) {
   return Type.Union(
     [
       Type.String({
@@ -34,29 +29,25 @@ export function urlOrPageId(title = "URL", defaultValue?: string) {
     ],
     {
       // $id: "content:urlOrPageId",
-      default: defaultValue,
-      title,
+      title: "URL",
       metadata: {
         category: "content",
       },
       "ui:field": "url-page-id",
       "ai:instructions":
         "This field can be a URL or a page ID. Use the page ID when linking to a internal page, and a URL for external links. It can also contain page queries refrences like '/products/{{ categories.$slug }}' or '/blog/{{ blogPosts.$slug }}'.",
+      ...options,
     },
   );
 }
 
 export type UrlOrPageIdSettings = Static<ReturnType<typeof urlOrPageId>>;
 
-export function urlOrPageIdRef(options: StrFieldOptions = {}) {
-  return typedRef("content:urlOrPageId", { ...options });
-}
-
 type IconOptions = StrFieldOptions & { "ui:default-icon-collection"?: string };
 
-export function icon(title?: string, options: IconOptions = {}) {
+export function icon(options: IconOptions = {}) {
   return Type.String({
-    title: title ?? "Icon",
+    title: "Icon",
     "ai:instructions": "Use a iconify reference like 'mdi:heart' or 'fa-solid:coffee'.",
     "ui:field": "iconify",
     // $id: "assets:icon",
@@ -66,7 +57,3 @@ export function icon(title?: string, options: IconOptions = {}) {
     ...options,
   });
 }
-
-export function iconRef(options: IconOptions = {}) {
-  return typedRef("assets:icon", options);
-}

package/src/shared/bricks/props/tags.ts

@@ -1,5 +1,4 @@
 import { type Static, Type, type StringOptions } from "@sinclair/typebox";
-import { typedRef } from "~/shared/utils/typed-ref";
 
 export function tags(options?: StringOptions) {
   return Type.Array(
@@ -20,7 +19,3 @@ export function tags(options?: StringOptions) {
 }
 
 export type TagsSettings = Static<ReturnType<typeof tags>>;
-
-export function tagsRef(options: StringOptions = {}) {
-  return typedRef("content:tags", { ...options });
-}

package/src/shared/bricks/props/tests/background.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect } from "vitest";
-import { background, backgroundRef, backgroundColor } from "../background";
+import { background, backgroundColor } from "../background";
 
 describe("Background prop test suite", () => {
   describe("background", () => {
@@ -47,20 +47,6 @@ describe("Background prop test suite", () => {
         expect(imageProp.type).toBe("string");
       });
     });
-
-    describe("size property", () => {
-      it("should have correct metadata", () => {
-        const sizeProp = background().properties.size;
-        expect(sizeProp.default).toBe("auto");
-      });
-    });
-
-    describe("repeat property", () => {
-      it("should have correct metadata", () => {
-        const repeatProp = background().properties.repeat;
-        expect(repeatProp.default).toBe("no-repeat");
-      });
-    });
   });
 
   describe("backgroundColor", () => {

package/src/shared/bricks/props/tests/image.test.ts

@@ -9,7 +9,7 @@ describe("Image prop test suite", () => {
     });
 
     it("should have a custom title when provided", () => {
-      const imageProp = image("Custom Image");
+      const imageProp = image({ title: "Custom Image" });
       expect(imageProp.title).toBe("Custom Image");
     });
 
@@ -29,21 +29,15 @@ describe("Image prop test suite", () => {
     });
 
     it("should show image search when specified", () => {
-      const imageProp = image("Image", { showImgSearch: true });
+      const imageProp = image({ showImgSearch: true });
       expect(imageProp["ui:show-img-search"]).toBe(true);
     });
 
     describe("src property", () => {
       it("should have correct src title", () => {
-        const imageProp = image("Custom Image");
+        const imageProp = image({ title: "Custom Image" });
         expect(imageProp.properties?.src.title).toBe("Custom Image");
       });
-
-      it("should have default image URL when specified", () => {
-        const defaultUrl = "https://example.com/image.jpg";
-        const imageProp = image("Image", { defaultImageUrl: defaultUrl });
-        expect(imageProp.properties?.src.default).toBe(defaultUrl);
-      });
     });
 
     describe("alt property", () => {

package/src/shared/bricks/props/tests/string.test.ts

@@ -1,31 +1,7 @@
 import { describe, it, expect } from "vitest";
-import { string, url, urlOrPageId } from "../string";
+import { url, urlOrPageId } from "../string";
 
 describe("String prop test suite", () => {
-  describe("string", () => {
-    it("should have the correct title", () => {
-      const stringProp = string("Test String");
-      expect(stringProp.title).toBe("Test String");
-    });
-
-    it("should have the correct default value when provided", () => {
-      const stringProp = string("Test String", { default: "Default value" });
-      expect(stringProp.default).toBe("Default value");
-    });
-
-    it("should apply additional options when provided", () => {
-      const stringProp = string("Test String", { minLength: 5, maxLength: 10 });
-      expect(stringProp.minLength).toBe(5);
-      expect(stringProp.maxLength).toBe(10);
-      expect(stringProp.default).toBeUndefined();
-    });
-
-    it("should apply UI field options when provided", () => {
-      const stringProp = string("Test String", { "ui:field": "textarea" });
-      expect(stringProp["ui:field"]).toBe("textarea");
-    });
-  });
-
   describe("url", () => {
     it("should have the correct title", () => {
       const urlProp = url();
@@ -55,7 +31,7 @@ describe("String prop test suite", () => {
     });
 
     it("should have custom title when provided", () => {
-      const prop = urlOrPageId("Custom Link");
+      const prop = urlOrPageId({ title: "Custom Link" });
       expect(prop.title).toBe("Custom Link");
     });
 

package/src/shared/bricks/props/text.ts

@@ -1,6 +1,5 @@
 import { type StringOptions, Type, type Static } from "@sinclair/typebox";
 import { StringEnum } from "~/shared/utils/string-enum";
-import { typedRef } from "~/shared/utils/typed-ref";
 
 type Options = StringOptions & {
   "ui:no-extra-large-sizes"?: boolean;
@@ -21,10 +20,6 @@ export function fontSize(options: Options = {}) {
 
 export type FontSizeSettings = Static<ReturnType<typeof fontSize>>;
 
-export function fontSizeRef(options: Options = {}) {
-  return typedRef("styles:fontSize", options);
-}
-
 export function fontSizeXL(options: Options = {}) {
   return StringEnum(
     [
@@ -66,9 +61,6 @@ export function fontSizeXL(options: Options = {}) {
     },
   );
 }
-export function fontSizeXLRef(options: Options = {}) {
-  return typedRef("styles:fontSizeXL", options);
-}
 
 type TextContentOptions = {
   showInSettings?: boolean;
@@ -101,7 +93,3 @@ export function textContent({
 }
 
 export type TextContentSettings = Static<ReturnType<typeof textContent>>;
-
-export function textContentRef(options: TextContentOptions & StringOptions = {}) {
-  return typedRef("content:text", options);
-}

package/src/shared/bricks/props/types.ts

@@ -1,13 +1,14 @@
-import type { Static, TObject, TProperties, TSchema } from "@sinclair/typebox";
+import type { Static, TObject, TProperties, TSchema, StaticDecode } from "@sinclair/typebox";
 import type { BrickManifest } from "~/shared/brick-manifest";
 import type { Brick } from "~/shared/bricks";
 
 export type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
 
 export type BrickProps<T extends BrickManifest> = {
+  // brick: Brick;
   brick: Omit<Brick, "props" | "mobileProps"> & {
-    props: Static<T["props"]>;
-    mobileProps?: Partial<Static<T["props"]>>;
+    props: Static<T["props"]> & {};
+    mobileProps?: Partial<Static<T["props"]>> & {};
   };
   /**
    * True if we are in the context of the Editor