@upstart.gg/sdk 0.0.104 → 0.0.106

package/src/shared/attributes.ts

@@ -1,211 +0,0 @@
-import { Type, type TProperties, type Static, type TObject } from "@sinclair/typebox";
-import type { JSONSchemaType } from "ajv";
-import { backgroundRef } from "./bricks/props/background";
-import { string } from "./bricks/props/string";
-import { optional } from "./bricks/props/helpers";
-import { boolean } from "./bricks/props/boolean";
-import { datetime } from "./bricks/props/date";
-import { enumProp } from "./bricks/props/enum";
-import { jsonDefault } from "json-schema-default";
-
-export function defineAttributes(attrs: TProperties) {
-  // Attributes starting with "$" are reserved for internal use
-  for (const key in attrs) {
-    if (key.startsWith("$")) {
-      throw new Error(
-        `Attribute names starting with '$' (like "${key}") are reserved for internal use. Please rename it.`,
-      );
-    }
-  }
-  return Type.Object(attrs);
-}
-
-/**
- * Retuns the custom attributes schema merged with the default attributes schema
- */
-export function processAttributesSchema(customAttributes: TObject) {
-  return Type.Composite([customAttributes, defaultAttributesSchema]) as AttributesSchema;
-}
-
-export type { JSONSchemaType };
-
-// Default attributes
-const defaultAttributes = {
-  $pageLanguage: enumProp("Language", "en", {
-    options: [
-      { value: "ar", title: "Arabic" },
-      { value: "zh", title: "Chinese" },
-      { value: "cs", title: "Czech" },
-      { value: "nl", title: "Dutch" },
-      { value: "en", title: "English" },
-      { value: "fr", title: "French" },
-      { value: "de", title: "German" },
-      { value: "he", title: "Hebrew" },
-      { value: "hi", title: "Hindi" },
-      { value: "it", title: "Italian" },
-      { value: "ja", title: "Japanese" },
-      { value: "ko", title: "Korean" },
-      { value: "fa", title: "Persian" },
-      { value: "pl", title: "Polish" },
-      { value: "pt", title: "Portuguese" },
-      { value: "ru", title: "Russian" },
-      { value: "es", title: "Spanish" },
-      { value: "tr", title: "Turkish" },
-      { value: "vi", title: "Vietnamese" },
-    ],
-    "ai:guidelines":
-      "Choose a value based on the site description. If the site is in multiple languages, use 'en'.",
-
-    "ui:group": "meta",
-    "ui:group:title": "Meta tags",
-  }),
-
-  $bodyBackground: optional(
-    backgroundRef({
-      default: {
-        color: "#ffffff",
-      },
-      title: "Body Background",
-      description:
-        "Applies to the body element of the page (while $pageBackground applies to the page container)",
-      "ui:field": "background",
-      // disable for now
-      // "ui:show-img-search": true,
-      "ui:group": "layout",
-      "ui:group:title": "Page Layout",
-      "ui:group:order": 3,
-    }),
-  ),
-
-  $pageBackground: optional(backgroundRef({ title: "Page Background", defaultValue: { color: "base-100" } })),
-
-  $pageOgImage: optional(
-    string("Social share image", "", {
-      description: "Image shown when page is shared on social media",
-      "ai:guidelines": "Don't generate this property/image, it is automatically generated.",
-      "ui:group": "meta",
-      "ui:field": "image",
-    }),
-  ),
-
-  $robotsIndexing: optional(
-    boolean("Allow search engines to index this site", true, {
-      description: "Disabling this will prevent search engines from indexing this site",
-      "ai:guidelines": "Don't generate this property/image, it is automatically generated.",
-      "ui:group": "seo",
-      "ui:group:title": "SEO",
-      "ui:scope": "site",
-    }),
-  ),
-
-  $siteOgImage: optional(
-    string("Social share image", "", {
-      description: "Image shown when this site is shared on social media",
-      "ai:guidelines": "Don't generate this image, it is automatically generated.",
-      "ui:field": "image",
-      "ui:group": "meta",
-      "ui:group:title": "Meta tags",
-      "ui:scope": "site",
-    }),
-  ),
-
-  $pagePath: string("Page path", "/", {
-    description: "The URL path of the page",
-    "ui:group": "location",
-    "ui:group:title": "Location",
-    "ui:field": "path",
-  }),
-
-  $pageTitle: string("Title", "Untitled", {
-    "ui:group": "meta",
-    "ui:group:title": "Meta tags",
-    description: "The title of the page. Appears in the browser tab and search results",
-  }),
-
-  $pageDescription: string("Description", "", {
-    "ui:widget": "textarea",
-    "ui:group": "meta",
-    "ui:group:title": "Meta tags",
-    description: "A short description of the page. Used by search engines",
-    "ui:multiline": true,
-  }),
-
-  $pageKeywords: string("Keywords", "", {
-    "ui:group": "meta",
-    "ui:group:title": "Meta tags",
-    description: "Keywords related to the page. Used by search engines",
-    "ui:multiline": true,
-  }),
-
-  $pageLastUpdated: optional(
-    datetime("Last updated", {
-      "ui:hidden": true,
-      "ai:guidelines": "Don't generate this property.",
-    }),
-  ),
-
-  // --- layout attributes ---
-
-  $siteHeadTags: optional(
-    Type.String({
-      title: "Head tags",
-      description:
-        "Add custom tags to the <head> of your site. Useful for analytics tags, custom scripts, etc.",
-      "ai:guidelines": "Don't include meta tags here, they are automatically generated.",
-      "ui:multiline": true,
-      "ui:textarea-class": "h-40 !font-mono",
-      "ui:placeholder": "<script src='https://example.com/script.js'></script>",
-      "ui:premium": true,
-      "ui:scope": "site",
-      "ui:group": "external-scripts",
-      "ui:group:title": "External scripts",
-    }),
-  ),
-  $siteBodyTags: optional(
-    Type.String({
-      title: "Body tags",
-      description:
-        "Add custom tags to the <body> of your site. Useful for analytics tags, custom scripts, etc.",
-      "ui:multiline": true,
-      "ui:premium": true,
-      "ui:textarea-class": "h-40 !font-mono",
-      "ui:placeholder": "<script src='https://example.com/script.js'></script>",
-      "ui:scope": "site",
-      "ui:group": "external-scripts",
-      "ui:group:title": "External scripts",
-    }),
-  ),
-};
-
-export const defaultAttributesSchema = Type.Object(defaultAttributes, { additionalProperties: true });
-export const siteAttributesSchemaForLLM = Type.Pick(defaultAttributesSchema, [
-  "$bodyBackground",
-  "$pageBackground",
-]);
-export const pageAttributesSchemaForLLM = Type.Pick(defaultAttributesSchema, [
-  "$pageTitle",
-  "$pageDescription",
-  "$pageKeywords",
-  "$pageLanguage",
-  "$pagePath",
-  "$bodyBackground",
-  "$pageBackground",
-]);
-
-export type AttributesSchema = typeof defaultAttributesSchema & Record<string, unknown>;
-
-export type Attributes<T extends Record<string, unknown> = Record<string, unknown>> = Static<
-  typeof defaultAttributesSchema
-> &
-  T;
-
-export function resolveAttributes(
-  customAttrsSchema: TObject = Type.Object({}),
-  data: Record<string, unknown> = {},
-) {
-  // To get default values from the custom attributes schema,
-  const defaultAttrValues = jsonDefault(defaultAttributesSchema) as Attributes<
-    Static<typeof defaultAttributesSchema>
-  >;
-  return { ...defaultAttrValues, ...data } as Attributes<Static<typeof customAttrsSchema>>;
-}

package/src/shared/brick-manifest.ts

@@ -1,110 +0,0 @@
-import type { TObject, TProperties, TArray } from "@sinclair/typebox";
-import type { IconBase } from "react-icons/lib";
-import { getSchemaDefaults } from "./utils/schema";
-
-type BrickKind = "brick" | "widget" | "container";
-
-type BrickManifestProps<BProps extends TProperties, DSSchema extends TObject | TArray<TObject>> = {
-  type: string;
-  kind?: BrickKind;
-  name: string;
-  icon: typeof IconBase;
-  iconClassName?: string;
-  description?: string;
-  minWidth?: {
-    mobile: number;
-    desktop: number;
-  };
-  maxWidth?: {
-    mobile: number;
-    desktop: number;
-  };
-  minHeight?: {
-    mobile: number;
-    desktop: number;
-  };
-  maxHeight?: {
-    mobile: number;
-    desktop: number;
-  };
-  defaultWidth?: {
-    mobile: number;
-    desktop: number;
-  };
-  defaultHeight?: {
-    mobile: number;
-    desktop: number;
-  };
-  props: TObject<BProps>;
-  datasource?: DSSchema;
-  hideInLibrary?: boolean;
-  defaultInspectorTab?: "preset" | "style" | "content";
-  deletable?: boolean;
-  movable?: boolean;
-  repeatable?: boolean;
-  resizable?: boolean;
-  duplicatable?: boolean;
-  isContainer?: boolean;
-  aiInstructions?: string;
-};
-
-export function defineBrickManifest<BProps extends TProperties, DSSchema extends TObject | TArray<TObject>>({
-  props,
-  defaultWidth,
-  defaultHeight,
-  minWidth,
-  minHeight,
-  kind = "brick",
-  isContainer = false,
-  hideInLibrary = false,
-  deletable = true,
-  movable = true,
-  resizable = true,
-  repeatable = false,
-  duplicatable = true,
-  defaultInspectorTab = "preset",
-  icon,
-  datasource,
-  ...rest
-}: BrickManifestProps<BProps, DSSchema>) {
-  return {
-    ...rest,
-    datasource: datasource as DSSchema,
-    icon,
-    props,
-    kind,
-    defaultInspectorTab,
-    hideInLibrary,
-    deletable,
-    movable,
-    resizable,
-    repeatable,
-    duplicatable,
-    isContainer,
-    defaultWidth:
-      defaultWidth ?? minWidth ?? ({ desktop: 8, mobile: -1 } as { desktop: number; mobile: number }),
-    defaultHeight:
-      defaultHeight ?? minHeight ?? ({ desktop: 3, mobile: 3 } as { desktop: number; mobile: number }),
-    minWidth,
-    minHeight,
-  } as const;
-}
-
-export type BrickManifest = ReturnType<typeof defineBrickManifest>;
-
-export function getBrickManifestDefaults<M extends BrickManifest>(manifest: M) {
-  return {
-    ...manifest,
-    props: getSchemaDefaults(manifest.props),
-    // mobileProps: {},
-    ...(manifest.datasource ? { datasource: getSchemaDefaults(manifest.datasource) } : {}),
-    // ...(manifest.datarecord ? { datarecord: Value.Create(manifest.datarecord) } : {}),
-  };
-}
-
-export type BrickDefaults = ReturnType<typeof getBrickManifestDefaults>;
-
-export type BrickConstraints = Pick<
-  BrickManifest,
-  "defaultWidth" | "defaultHeight" | "minWidth" | "minHeight" | "maxWidth" | "resizable" | "movable"
->;

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

@@ -1,179 +0,0 @@
-import { defineBrickManifest } from "~/shared/brick-manifest";
-import { defineProps, optional, group, prop } from "../props/helpers";
-import { Type } from "@sinclair/typebox";
-import { MdExpandMore } from "react-icons/md";
-import { preset } from "../props/preset";
-import { backgroundColor, backgroundColorRef } from "../props/background";
-import { fontSize, textContent, textContentRef } from "../props/text";
-import { string } from "../props/string";
-import { padding, paddingRef } from "../props/padding";
-import { border, borderRef } from "../props/border";
-import { shadow, shadowRef } from "../props/effects";
-import { boolean } from "../props/boolean";
-import { TfiLayoutAccordionSeparated } from "react-icons/tfi";
-import type { BrickProps } from "../props/types";
-import { StringEnum } from "~/shared/utils/schema";
-import { colorRef } from "../props/color";
-import type { FC } from "react";
-
-export const manifest = defineBrickManifest({
-  type: "accordion",
-  kind: "widget",
-  name: "Accordion",
-  description: "An accordion/collapse element for expandable content",
-  aiInstructions: `
-This accordion element displays content in collapsible panels.
-It is typically used for FAQ sections, organized documentation, or to save space.
-Each item has a title and expandable content area.
-Multiple panels can be open simultaneously or limited to one at a time.
-  `.trim(),
-  icon: TfiLayoutAccordionSeparated,
-
-  defaultHeight: { desktop: 10, mobile: 15 },
-  defaultWidth: { desktop: 36, mobile: 24 },
-
-  props: defineProps(
-    {
-      container: optional(
-        group({
-          title: "Container",
-          children: {
-            backgroundColor: optional(backgroundColorRef()),
-            padding: optional(paddingRef),
-            border: optional(borderRef),
-            shadow: optional(shadowRef()),
-          },
-        }),
-      ),
-      items: prop({
-        title: "Accordion items",
-        schema: Type.Array(
-          Type.Object({
-            title: textContentRef({ title: "Title", default: "My title", disableSizing: true }),
-            content: textContentRef({ title: "Content", default: "Expandable content goes here" }),
-            defaultOpen: optional(boolean("Open by default", false)),
-          }),
-        ),
-      }),
-      itemsStyles: optional(
-        group({
-          title: "Accordion item styles",
-          children: {
-            backgroundColor: optional(backgroundColorRef()),
-            color: optional(colorRef()),
-            fontSize: fontSize("text-base"),
-          },
-        }),
-      ),
-      allowMultiple: prop({
-        title: "Accordion items",
-        schema: boolean("Allow multiple open", true, {
-          description: "Allow multiple accordion items to be open at the same time",
-        }),
-      }),
-      variants: Type.Array(
-        StringEnum(["collapse-arrow", "collapse-plus"], {
-          default: ["collapse-arrow"],
-          enumNames: ["With Arrow indicator", "With + indicator"],
-        }),
-      ),
-    },
-    {
-      default: {
-        container: {
-          padding: "p-6",
-          backgroundColor: "bg-transparent",
-        },
-        allowMultiple: true,
-        variants: ["collapse-arrow"],
-      },
-    },
-  ),
-});
-
-export type Manifest = typeof manifest;
-
-export const examples: {
-  description: string;
-  type: string;
-  props: BrickProps<Manifest>["brick"]["props"];
-}[] = [
-  {
-    description: "FAQ section with card styling with single open",
-    type: "accordion",
-    props: {
-      container: {
-        backgroundColor: "bg-base-50",
-        padding: "p-8",
-        border: {
-          rounding: "rounded-lg",
-        },
-        shadow: "shadow-lg",
-      },
-      variants: ["collapse-plus"],
-      allowMultiple: false,
-      items: [
-        {
-          title: "What is included in the basic plan?",
-          content:
-            "The basic plan includes access to all core features, up to 10 projects, 5GB storage, email support, and basic analytics. You can upgrade at any time to access advanced features like API access, priority support, and unlimited projects.",
-          defaultOpen: true,
-        },
-        {
-          title: "How do I cancel my subscription?",
-          content:
-            "You can cancel your subscription at any time from your account settings. Go to Billing > Manage Subscription > Cancel. Your access will continue until the end of your current billing period, and you won't be charged for the next cycle.",
-        },
-        {
-          title: "Is there a free trial available?",
-          content:
-            "Yes! We offer a 14-day free trial with full access to all premium features. No credit card required to start. You can upgrade to a paid plan anytime during or after the trial period.",
-        },
-        {
-          title: "What payment methods do you accept?",
-          content:
-            "We accept all major credit cards (Visa, MasterCard, American Express), PayPal, and bank transfers for annual subscriptions. All payments are processed securely through our payment partners.",
-        },
-        {
-          title: "Do you offer refunds?",
-          content:
-            "We offer a 30-day money-back guarantee for all new subscriptions. If you're not satisfied with our service, contact our support team within 30 days of your purchase for a full refund.",
-        },
-      ],
-    },
-  },
-  {
-    description: "Product features with arrow indicator and multiple open",
-    type: "accordion",
-    props: {
-      container: {
-        padding: "p-4",
-      },
-      variants: ["collapse-arrow"],
-      allowMultiple: true,
-      items: [
-        {
-          title: "Advanced Analytics",
-          content:
-            "Get detailed insights into your data with our comprehensive analytics dashboard. Track key metrics, generate custom reports, and identify trends with powerful visualization tools.",
-          defaultOpen: true,
-        },
-        {
-          title: "Team Collaboration",
-          content:
-            "Work seamlessly with your team using real-time collaboration features. Share projects, assign tasks, leave comments, and track progress all in one place.",
-        },
-        {
-          title: "API Integration",
-          content:
-            "Connect with your existing tools and workflows using our robust API. Full documentation, SDKs for popular languages, and webhook support included.",
-        },
-        {
-          title: "Security & Compliance",
-          content:
-            "Enterprise-grade security with SOC 2 compliance, data encryption at rest and in transit, SSO support, and comprehensive audit logs.",
-        },
-      ],
-    },
-  },
-];

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

@@ -1,92 +0,0 @@
-import { manifest as heroManifest, examples as heroExamples } from "./hero.manifest";
-import { manifest as imageManifest, examples as imageExamples } from "./image.manifest";
-import { manifest as videoManifest, examples as videoExamples } from "./video.manifest";
-import { manifest as textManifest, examples as textExamples } from "./text.manifest";
-import { manifest as containerManifest, examples as containerExamples } from "./container.manifest";
-import { manifest as cardManifest, examples as cardExamples } from "./card.manifest";
-import { manifest as mapManifest, examples as mapExamples } from "./map.manifest";
-import { manifest as formManifest, examples as formExamples } from "./form.manifest";
-import { manifest as imagesWallManifest, examples as imagesWallExamples } from "./images-gallery.manifest";
-import { manifest as carouselManifest, examples as carouselExamples } from "./carousel.manifest";
-import { manifest as navbarManifest, examples as navbarExamples } from "./navbar.manifest";
-import { manifest as footerManifest, examples as footerExamples } from "./footer.manifest";
-import { manifest as buttonManifest, examples as buttonExamples } from "./button.manifest";
-import { manifest as iconManifest, examples as iconExamples } from "./icon.manifest";
-import { manifest as socialLinksManifest, examples as socialLinksExamples } from "./social-links.manifest";
-import { manifest as sidebarManifest, examples as sidebarExamples } from "./sidebar.manifest";
-import { manifest as dividerManifest, examples as dividerExamples } from "./divider.manifest";
-import { manifest as testimonialsManifest, examples as testimonialsExamples } from "./testimonials.manifest";
-import { manifest as timelineManifest, examples as timelineExamples } from "./timeline.manifest";
-import { manifest as accordionManifest, examples as accordionExamples } from "./accordion.manifest";
-
-import { getBrickManifestDefaults, type BrickDefaults, type BrickManifest } from "../../brick-manifest";
-
-export const manifests: Record<string, BrickManifest> = {
-  [textManifest.type]: textManifest,
-  [heroManifest.type]: heroManifest,
-  [imageManifest.type]: imageManifest,
-  [videoManifest.type]: videoManifest,
-  [cardManifest.type]: cardManifest,
-  [mapManifest.type]: mapManifest,
-  [formManifest.type]: formManifest,
-  [sidebarManifest.type]: sidebarManifest,
-  [imagesWallManifest.type]: imagesWallManifest,
-  [carouselManifest.type]: carouselManifest,
-  [navbarManifest.type]: navbarManifest,
-  [footerManifest.type]: footerManifest,
-  [buttonManifest.type]: buttonManifest,
-  [iconManifest.type]: iconManifest,
-  [socialLinksManifest.type]: socialLinksManifest,
-  [containerManifest.type]: containerManifest,
-  [dividerManifest.type]: dividerManifest,
-  [testimonialsManifest.type]: testimonialsManifest,
-  [timelineManifest.type]: timelineManifest,
-  [accordionManifest.type]: accordionManifest,
-};
-
-export const defaultProps: Record<string, BrickDefaults> = {
-  [textManifest.type]: getBrickManifestDefaults(textManifest),
-  [heroManifest.type]: getBrickManifestDefaults(heroManifest),
-  [imageManifest.type]: getBrickManifestDefaults(imageManifest),
-  [videoManifest.type]: getBrickManifestDefaults(videoManifest),
-  [cardManifest.type]: getBrickManifestDefaults(cardManifest),
-  [sidebarManifest.type]: getBrickManifestDefaults(sidebarManifest),
-  [mapManifest.type]: getBrickManifestDefaults(mapManifest),
-  [formManifest.type]: getBrickManifestDefaults(formManifest),
-  [imagesWallManifest.type]: getBrickManifestDefaults(imagesWallManifest),
-  [carouselManifest.type]: getBrickManifestDefaults(carouselManifest),
-  [navbarManifest.type]: getBrickManifestDefaults(navbarManifest),
-  [footerManifest.type]: getBrickManifestDefaults(footerManifest),
-  [buttonManifest.type]: getBrickManifestDefaults(buttonManifest),
-  [iconManifest.type]: getBrickManifestDefaults(iconManifest),
-  [socialLinksManifest.type]: getBrickManifestDefaults(socialLinksManifest),
-  [containerManifest.type]: getBrickManifestDefaults(containerManifest),
-  [dividerManifest.type]: getBrickManifestDefaults(dividerManifest),
-  [testimonialsManifest.type]: getBrickManifestDefaults(testimonialsManifest),
-  [timelineManifest.type]: getBrickManifestDefaults(timelineManifest),
-  [accordionManifest.type]: getBrickManifestDefaults(accordionManifest),
-};
-
-// biome-ignore lint/suspicious/noExplicitAny: <explanation>
-export const examples: Record<string, { description: string; type: string; props: any }[]> = {
-  [textManifest.type]: textExamples,
-  [heroManifest.type]: heroExamples,
-  [imageManifest.type]: imageExamples,
-  [videoManifest.type]: videoExamples,
-  [cardManifest.type]: cardExamples,
-  [mapManifest.type]: mapExamples,
-  [formManifest.type]: formExamples,
-  [sidebarManifest.type]: sidebarExamples,
-  [imagesWallManifest.type]: imagesWallExamples,
-  [carouselManifest.type]: carouselExamples,
-  [navbarManifest.type]: navbarExamples,
-  [footerManifest.type]: footerExamples,
-  [buttonManifest.type]: buttonExamples,
-  [iconManifest.type]: iconExamples,
-  [socialLinksManifest.type]: socialLinksExamples,
-  [containerManifest.type]: containerExamples,
-  [dividerManifest.type]: dividerExamples,
-  [testimonialsManifest.type]: testimonialsExamples,
-  [timelineManifest.type]: timelineExamples,
-  [accordionManifest.type]: accordionExamples,
-};