@upstart.gg/sdk 0.0.104 → 0.0.105

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

@@ -1,75 +0,0 @@
-import { defineBrickManifest } from "~/shared/brick-manifest";
-import { defineProps, optional, prop } from "../props/helpers";
-import { LiaMapMarkedAltSolid } from "react-icons/lia";
-import { Type } from "@sinclair/typebox";
-import { string } from "../props/string";
-import { number } from "../props/number";
-import { backgroundColor, backgroundColorRef } from "../props/background";
-import { border, borderRef } from "../props/border";
-import { padding, paddingRef } from "../props/padding";
-import { shadow, shadowRef } from "../props/effects";
-import type { BrickProps } from "../props/types";
-import type { FC } from "react";
-
-export const manifest = defineBrickManifest({
-  type: "map",
-  kind: "widget",
-  name: "Map",
-  description: "A map element showing a location",
-  aiInstructions:
-    "This brick can be used to show a location on a map. Use the 'location' prop to set the coordinates and an optional tooltip.",
-  icon: LiaMapMarkedAltSolid,
-  props: defineProps({
-    location: prop({
-      title: "Location",
-      description: "The location to display on the map",
-      schema: Type.Object({
-        lat: number("Latitude"),
-        lng: number("Longitude"),
-        tooltip: optional(string("Tooltip")),
-      }),
-    }),
-    backgroundColor: optional(backgroundColorRef()),
-    border: optional(borderRef),
-    padding: optional(paddingRef),
-    shadow: optional(shadowRef()),
-  }),
-});
-
-export type Manifest = typeof manifest;
-
-export const examples: {
-  description: string;
-  type: string;
-  props: BrickProps<Manifest>["brick"]["props"];
-}[] = [
-  {
-    description: "Map showing a specific location",
-    type: "map",
-    props: {
-      location: {
-        lat: 37.7749,
-        lng: -122.4194,
-        tooltip: "San Francisco, CA",
-      },
-    },
-  },
-  {
-    description: "Map with custom styles",
-    type: "map",
-    props: {
-      location: {
-        lat: 40.7128,
-        lng: -74.006,
-        tooltip: "New York, NY",
-      },
-      backgroundColor: "bg-gray-100",
-      border: {
-        color: "border-gray-300",
-        width: "border",
-      },
-      padding: "p-16",
-      shadow: "shadow-lg",
-    },
-  },
-];

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

@@ -1,344 +0,0 @@
-import { Type } from "@sinclair/typebox";
-import { defineBrickManifest } from "~/shared/brick-manifest";
-import { defineProps, group, optional, prop } from "../props/helpers";
-import { border, borderRef } from "../props/border";
-import { string, urlOrPageId, urlOrPageIdRef } from "../props/string";
-import { image, imageRef } from "../props/image";
-import { backgroundColor, backgroundColorRef } from "../props/background";
-import { textContent, textContentRef } from "../props/text";
-import { shadow, shadowRef } from "../props/effects";
-import { datasourceRef } from "../props/datasource";
-import { fixedPositioned } from "../props/position";
-import { boolean } from "../props/boolean";
-import { VscLayoutPanelOff } from "react-icons/vsc";
-import type { BrickProps } from "../props/types";
-import { colorRef } from "../props/color";
-import type { FC } from "react";
-
-export const datasource = Type.Array(
-  Type.Object({
-    href: urlOrPageIdRef(),
-    label: Type.String(),
-  }),
-  {
-    default: [
-      {
-        href: "#",
-        label: "Link 1",
-      },
-      {
-        href: "#",
-        label: "Link 2",
-      },
-      {
-        href: "#",
-        label: "Link 3",
-      },
-    ],
-  },
-);
-
-export const manifest = defineBrickManifest({
-  type: "navbar",
-  kind: "widget",
-  name: "Navbar",
-  description: "A navigation bar with logo and navigation",
-  aiInstructions: "This brick should be used on most sites/pages.",
-  datasource,
-  duplicatable: false,
-  defaultHeight: {
-    desktop: 3,
-    mobile: 3,
-  },
-  maxHeight: {
-    desktop: 3,
-    mobile: 3,
-  },
-  minHeight: {
-    desktop: 3,
-    mobile: 3,
-  },
-  icon: VscLayoutPanelOff,
-  iconClassName: "rotate-180",
-  props: defineProps({
-    container: optional(
-      group({
-        title: "Main element",
-        children: {
-          backgroundColor: optional(backgroundColorRef()),
-          border: optional(borderRef),
-          shadow: optional(shadowRef()),
-          fixedPositioned: optional(fixedPositioned()),
-        },
-        metadata: {
-          "ui:responsive": true,
-        },
-      }),
-    ),
-    brand: group({
-      title: "Brand",
-      children: {
-        name: optional(textContentRef({ title: "Brand name", default: "Acme Inc.", disableSizing: true })),
-        logo: optional(imageRef({ title: "Logo", noObjectOptions: true })),
-        hideText: optional(boolean("Hide text")),
-        color: optional(colorRef()),
-      },
-    }),
-    navigation: group({
-      title: "Links",
-      children: {
-        position: prop({
-          title: "Position",
-          schema: Type.Union(
-            [
-              Type.Literal("left", { title: "Left" }),
-              Type.Literal("center", { title: "Center" }),
-              Type.Literal("right", { title: "Right" }),
-            ],
-            { default: "right" },
-          ),
-        }),
-        color: optional(colorRef()),
-        datasource: optional(datasourceRef()),
-        staticItems: optional(
-          prop({
-            title: "Nav items",
-            schema: Type.Array(
-              Type.Object({
-                urlOrPageId: urlOrPageIdRef(),
-                label: optional(string("Label")),
-              }),
-              { title: "Navigation items", default: [] },
-            ),
-          }),
-        ),
-      },
-    }),
-  }),
-});
-
-export type Manifest = typeof manifest;
-
-export const examples: {
-  description: string;
-  type: string;
-  props: BrickProps<Manifest>["brick"]["props"];
-}[] = [
-  {
-    description: "Corporate navbar with logo and right-aligned navigation",
-    type: "navbar",
-    props: {
-      preset: "prominent-primary",
-      container: {},
-      brand: {
-        name: "TechCorp Solutions",
-        logo: {
-          src: "https://via.placeholder.com/120x40.png?text=TechCorp",
-          alt: "TechCorp Solutions logo",
-        },
-        color: "#1f2937",
-      },
-      navigation: {
-        position: "right",
-        color: "#374151",
-        staticItems: [
-          { urlOrPageId: "/services" },
-          { urlOrPageId: "/about" },
-          { urlOrPageId: "/portfolio" },
-          { urlOrPageId: "/contact" },
-        ],
-      },
-    },
-  },
-  {
-    description: "Dark theme navbar with centered navigation",
-    type: "navbar",
-    props: {
-      container: {
-        backgroundColor: "#1f2937",
-        shadow: "shadow-lg",
-      },
-      brand: {
-        name: "Creative Studio",
-        logo: {
-          src: "https://via.placeholder.com/100x35.png?text=Studio",
-          alt: "Creative Studio logo",
-        },
-        color: "#ffffff",
-      },
-      navigation: {
-        position: "center",
-        color: "#d1d5db",
-        staticItems: [
-          { urlOrPageId: "/work" },
-          { urlOrPageId: "/services" },
-          { urlOrPageId: "/team" },
-          { urlOrPageId: "/blog" },
-        ],
-      },
-    },
-  },
-  {
-    description: "SaaS platform navbar with fixed positioning",
-    type: "navbar",
-    props: {
-      container: {
-        backgroundColor: "#3b82f6",
-        fixedPositioned: true,
-        shadow: "shadow-md",
-      },
-      brand: {
-        name: "CloudFlow",
-        logo: {
-          src: "https://via.placeholder.com/110x38.png?text=CloudFlow",
-          alt: "CloudFlow platform logo",
-        },
-        color: "#ffffff",
-      },
-      navigation: {
-        position: "right",
-        color: "#f1f5f9",
-        staticItems: [
-          { urlOrPageId: "/features" },
-          { urlOrPageId: "/pricing" },
-          { urlOrPageId: "/docs" },
-          { urlOrPageId: "/login" },
-        ],
-      },
-    },
-  },
-  {
-    description: "E-commerce navbar",
-    type: "navbar",
-    props: {
-      preset: "prominent-primary",
-      brand: {
-        name: "ShopEasy",
-        logo: {
-          src: "https://via.placeholder.com/130x45.png?text=ShopEasy",
-          alt: "ShopEasy store logo",
-        },
-      },
-      navigation: {
-        position: "right",
-        staticItems: [
-          { urlOrPageId: "/products" },
-          { urlOrPageId: "/categories" },
-          { urlOrPageId: "/deals" },
-          { urlOrPageId: "/account" },
-          { urlOrPageId: "/cart" },
-        ],
-      },
-    },
-  },
-  {
-    description: "Agency navbar with logo-only brand",
-    type: "navbar",
-    props: {
-      container: {
-        shadow: "shadow-sm",
-      },
-      brand: {
-        logo: {
-          src: "https://via.placeholder.com/140x50.png?text=Agency+Logo",
-          alt: "Digital agency logo",
-        },
-        hideText: true,
-      },
-      navigation: {
-        position: "right",
-        color: "#64748b",
-        staticItems: [
-          { urlOrPageId: "/projects" },
-          { urlOrPageId: "/capabilities" },
-          { urlOrPageId: "/insights" },
-          { urlOrPageId: "/contact" },
-        ],
-      },
-    },
-  },
-  {
-    description: "Restaurant navbar with warm styling",
-    type: "navbar",
-    props: {
-      container: {
-        backgroundColor: "#7c2d12",
-        shadow: "shadow-lg",
-      },
-      brand: {
-        name: "Bella Vista",
-        logo: {
-          src: "https://via.placeholder.com/80x50.png?text=BV",
-          alt: "Bella Vista restaurant logo",
-        },
-        color: "#fed7aa",
-      },
-      navigation: {
-        position: "center",
-        color: "#fdba74",
-        staticItems: [
-          { urlOrPageId: "/menu" },
-          { urlOrPageId: "/reservations" },
-          { urlOrPageId: "/events" },
-          { urlOrPageId: "/location" },
-        ],
-      },
-    },
-  },
-  {
-    description: "Portfolio navbar with left-aligned navigation",
-    type: "navbar",
-    props: {
-      preset: "prominent-secondary",
-      container: {
-        backgroundColor: "#f1f5f9",
-        border: {
-          sides: ["border-b"],
-          color: "border-accent",
-        },
-      },
-      brand: {
-        name: "Alex Martinez",
-        color: "#334155",
-      },
-      navigation: {
-        position: "left",
-        color: "#64748b",
-        staticItems: [
-          { urlOrPageId: "/work" },
-          { urlOrPageId: "/about" },
-          { urlOrPageId: "/experience" },
-          { urlOrPageId: "/contact" },
-        ],
-      },
-    },
-  },
-  {
-    description: "Non-profit navbar with mission-focused design",
-    type: "navbar",
-    props: {
-      preset: "prominent-primary",
-      container: {
-        shadow: "shadow-md",
-      },
-      brand: {
-        name: "Green Future",
-        logo: {
-          src: "https://via.placeholder.com/100x40.png?text=GF",
-          alt: "Green Future organization logo",
-        },
-        color: "#d1fae5",
-      },
-      navigation: {
-        position: "right",
-        color: "#a7f3d0",
-        staticItems: [
-          { urlOrPageId: "/mission" },
-          { urlOrPageId: "/programs" },
-          { urlOrPageId: "/volunteer" },
-          { urlOrPageId: "/donate" },
-        ],
-      },
-    },
-  },
-];

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

@@ -1,90 +0,0 @@
-import { defineBrickManifest } from "~/shared/brick-manifest";
-import { defineProps, group, optional, prop } from "../props/helpers";
-import { VscLayoutSidebarLeftOff } from "react-icons/vsc";
-import { Type } from "@sinclair/typebox";
-import { datasourceRef } from "../props/datasource";
-import { string, urlOrPageId, urlOrPageIdRef } from "../props/string";
-import { backgroundColor, backgroundColorRef } from "../props/background";
-import { border, borderRef } from "../props/border";
-import { fixedPositioned } from "../props/position";
-import { preset } from "../props/preset";
-import type { BrickProps } from "../props/types";
-import type { FC } from "react";
-import { shadowRef } from "../props/effects";
-
-export const manifest = defineBrickManifest({
-  type: "sidebar",
-  kind: "widget",
-  name: "Sidebar",
-  description: "A sidebard element",
-  aiInstructions: `
-    This brick should be used on most sites/pages for navigation. By deault, it will display links
-    to the main pages of the site. You can customize the links by using the 'navigation.navItems' prop.
-  `.trim(),
-  icon: VscLayoutSidebarLeftOff,
-  props: defineProps({
-    container: optional(
-      group({
-        title: "Main element",
-        children: {
-          backgroundColor: optional(backgroundColorRef()),
-          border: optional(borderRef),
-          shadow: optional(shadowRef()),
-          fixedPositioned: optional(fixedPositioned()),
-        },
-        metadata: {
-          "ui:responsive": true,
-        },
-      }),
-    ),
-    navigation: optional(
-      group({
-        title: "Links",
-        children: {
-          datasource: optional(datasourceRef()),
-          navItems: optional(
-            prop({
-              title: "Nav items",
-              schema: Type.Array(
-                Type.Object({
-                  urlOrPageId: urlOrPageIdRef(),
-                  label: optional(string("Label")),
-                }),
-                { title: "Navigation items", default: [] },
-              ),
-            }),
-          ),
-        },
-      }),
-    ),
-  }),
-});
-
-export type Manifest = typeof manifest;
-
-export const examples: {
-  description: string;
-  type: string;
-  props: BrickProps<Manifest>["brick"]["props"];
-}[] = [
-  {
-    description: "Standard sidebar with navigation links base on site pages",
-    type: "sidebar",
-    props: {},
-  },
-  {
-    description: "Sidebar with specified navigation links",
-    type: "sidebar",
-    props: {
-      container: {
-        backgroundColor: "#f0f0f0",
-      },
-      navigation: {
-        navItems: [
-          { urlOrPageId: "https://google.com", label: "Google" },
-          { urlOrPageId: "https://bing.com", label: "Bing" },
-        ],
-      },
-    },
-  },
-];