@supernova-studio/model 0.48.14 → 0.48.16

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@supernova-studio/model",
-  "version": "0.48.14",
+  "version": "0.48.16",
   "description": "Supernova Data Models",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/dsm/elements/component-properties.ts

@@ -0,0 +1,52 @@
+import { z } from "zod";
+
+export const FigmaComponentPropertyType = z.enum(["Boolean", "InstanceSwap", "Variant", "Text"]);
+
+export const FigmaComponentBooleanProperty = z.object({
+  type: z.literal(FigmaComponentPropertyType.enum.Boolean),
+  value: z.boolean(),
+  defaultValue: z.boolean(),
+});
+
+export const FigmaComponentInstanceSwapProperty = z.object({
+  type: z.literal(FigmaComponentPropertyType.enum.InstanceSwap),
+  value: z.string(), // Persistent ID of a Component to swap?
+});
+
+export const FigmaComponentVariantProperty = z.object({
+  type: z.literal(FigmaComponentPropertyType.enum.Variant),
+  value: z.string(),
+  options: z.array(z.string()),
+});
+
+export const FigmaComponentTextProperty = z.object({
+  type: z.literal(FigmaComponentPropertyType.enum.Text),
+  value: z.string(),
+});
+
+export const FigmaComponentProperties = z.record(
+  z.string(),
+  z.discriminatedUnion("type", [
+    FigmaComponentBooleanProperty,
+    FigmaComponentInstanceSwapProperty,
+    FigmaComponentTextProperty,
+  ])
+);
+
+export const FigmaComponentSetProperties = z.record(
+  z.string(),
+  z.discriminatedUnion("type", [
+    FigmaComponentBooleanProperty,
+    FigmaComponentInstanceSwapProperty,
+    FigmaComponentTextProperty,
+    FigmaComponentVariantProperty,
+  ])
+);
+
+export type FigmaComponentPropertyType = z.infer<typeof FigmaComponentPropertyType>;
+export type FigmaComponentBooleanProperty = z.infer<typeof FigmaComponentBooleanProperty>;
+export type FigmaComponentInstanceSwapProperty = z.infer<typeof FigmaComponentInstanceSwapProperty>;
+export type FigmaComponentVariantProperty = z.infer<typeof FigmaComponentVariantProperty>;
+export type FigmaComponentTextProperty = z.infer<typeof FigmaComponentTextProperty>;
+export type FigmaComponentProperties = z.infer<typeof FigmaComponentProperties>;
+export type FigmaComponentSetProperties = z.infer<typeof FigmaComponentSetProperties>;

package/src/dsm/elements/component-set.ts

@@ -0,0 +1,10 @@
+import { BaseComponent } from "./component";
+import { FigmaComponentSetProperties } from "./component-properties";
+import { z } from "zod";
+
+export const ComponentSet = BaseComponent.extend({
+      properties: FigmaComponentSetProperties,
+});
+
+
+export type ComponentSet = z.infer<typeof ComponentSet>;

package/src/dsm/elements/component.ts

@@ -7,6 +7,7 @@ import {
   DesignElementGroupableRequiredPart,
   DesignElementOrigin,
 } from "./base";
+import { FigmaComponentProperties, FigmaComponentSetProperties } from "./component-properties";
 
 export const ComponentOriginPart = z.object({
   nodeId: z.string().optional(),
@@ -21,14 +22,19 @@ const ComponentAsset = z.object({
 
 export const ComponentOrigin = DesignElementOrigin.extend(ComponentOriginPart.shape);
 
-export const Component = DesignElementBase.extend(DesignElementGroupableRequiredPart.shape)
+export const BaseComponent = DesignElementBase.extend(DesignElementGroupableRequiredPart.shape)
   .extend(DesignElementBrandedPart.shape)
   .extend({
     origin: ComponentOrigin.optional(),
     thumbnail: ComponentAsset,
+  });
+
+export const Component = BaseComponent.extend({
     svg: ComponentAsset.optional(),
     isAsset: z.boolean(),
-  });
+    componentSetId: z.string().optional(),
+    properties: FigmaComponentProperties.optional(),
+});
 
 export type ComponentAsset = z.infer<typeof ComponentAsset>;
 export type Component = z.infer<typeof Component>;

package/src/dsm/elements/index.ts

@@ -1,6 +1,8 @@
 export * from "./data";
 export * from "./primitives";
 export * from "./base";
+export * from "./component-properties";
+export * from "./component-set";
 export * from "./component";
 export * from "./documentation-page-v1";
 export * from "./documentation-page-v2";