@upstart.gg/sdk 0.0.135 → 0.0.137

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.",
+        "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