@pixerate/schemas 1.4.0 → 1.5.0

package/dist/index.cjs

@@ -20,6 +20,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  ActivityActionSchema: () => ActivityActionSchema,
+  ActivityLogSchema: () => ActivityLogSchema,
+  AestheticSchema: () => AestheticSchema,
   AgentConfigSchema: () => AgentConfigSchema,
   AgentDocumentAttachmentSchema: () => AgentDocumentAttachmentSchema,
   AgentEnvironmentSchema: () => AgentEnvironmentSchema,
@@ -32,8 +35,14 @@ __export(index_exports, {
   AgentToolTypeSchema: () => AgentToolTypeSchema,
   AspectRatioSchema: () => AspectRatioSchema,
   CodeGenerationSchema: () => CodeGenerationSchema,
+  ComponentDocsSchema: () => ComponentDocsSchema,
+  ComponentPackageSchema: () => ComponentPackageSchema,
   ComponentPropDefinitionSchema: () => ComponentPropDefinitionSchema,
+  ComponentPropDocSchema: () => ComponentPropDocSchema,
   ComponentSynthesisSchema: () => ComponentSynthesisSchema,
+  ComponentTransformationResultSchema: () => ComponentTransformationResultSchema,
+  ComponentVariantSchema: () => ComponentVariantSchema,
+  ComponentVersionSchema: () => ComponentVersionSchema,
   ConditionOperatorSchema: () => ConditionOperatorSchema,
   ConditionSchema: () => ConditionSchema,
   ControlValidationSchema: () => ControlValidationSchema,
@@ -52,12 +61,16 @@ __export(index_exports, {
   FormStageSchema: () => FormStageSchema,
   FormSubmissionPayloadSchema: () => FormSubmissionPayloadSchema,
   FormValidatorSchema: () => FormValidatorSchema,
+  GenerateHarnessOptionsSchema: () => GenerateHarnessOptionsSchema,
   ImageCompositingSchema: () => ImageCompositingSchema,
   ImageGenerationSchema: () => ImageGenerationSchema,
   ImageTextOverlaySchema: () => ImageTextOverlaySchema,
   ImageTransformationSchema: () => ImageTransformationSchema,
   ImageWatermarkSchema: () => ImageWatermarkSchema,
+  IngestionInputSchema: () => IngestionInputSchema,
   JsonGenerationSchema: () => JsonGenerationSchema,
+  PlatformLanguageSchema: () => PlatformLanguageSchema,
+  PreviewHarnessSchema: () => PreviewHarnessSchema,
   QueueJobSchema: () => QueueJobSchema,
   QueueJobStatusSchema: () => QueueJobStatusSchema,
   QueueJobTypeSchema: () => QueueJobTypeSchema,
@@ -75,6 +88,13 @@ __export(index_exports, {
   TechnicalFormSchema: () => TechnicalFormSchema,
   TextAlignmentSchema: () => TextAlignmentSchema,
   TextOverlayPositionSchema: () => TextOverlayPositionSchema,
+  ThemeColorsSchema: () => ThemeColorsSchema,
+  ThemeIngestionInputSchema: () => ThemeIngestionInputSchema,
+  ThemeSchema: () => ThemeSchema,
+  ThemeSupportSchema: () => ThemeSupportSchema,
+  ThemeTokensSchema: () => ThemeTokensSchema,
+  ThemeTypographyTokensSchema: () => ThemeTypographyTokensSchema,
+  UIComponentTypeSchema: () => UIComponentTypeSchema,
   VideoAnalysisCategorySchema: () => VideoAnalysisCategorySchema,
   VideoAnalysisSchema: () => VideoAnalysisSchema,
   VideoAspectRatioSchema: () => VideoAspectRatioSchema,
@@ -266,20 +286,193 @@ var CodeGenerationSchema = import_zod.z.object({
   prompt: import_zod.z.string(),
   language: import_zod.z.string()
 });
-var ComponentPropDefinitionSchema = import_zod.z.object({
+var PlatformLanguageSchema = import_zod.z.enum(["svelte", "react", "webcomponent"]);
+var ThemeSupportSchema = import_zod.z.enum(["default", "light-and-dark"]);
+var ComponentPropDocSchema = import_zod.z.object({
   name: import_zod.z.string(),
   type: import_zod.z.string(),
   default: import_zod.z.string().optional(),
-  description: import_zod.z.string().optional()
+  description: import_zod.z.string()
+});
+var ComponentPropDefinitionSchema = ComponentPropDocSchema;
+var ComponentDocsSchema = import_zod.z.object({
+  usage: import_zod.z.string().describe("Usage instructions and import examples"),
+  props: import_zod.z.array(ComponentPropDocSchema).describe("List of prop definitions and types"),
+  notes: import_zod.z.string().optional().describe("Additional usage or architectural notes")
+});
+var PreviewHarnessSchema = import_zod.z.object({
+  driverCode: import_zod.z.string().describe(
+    "Complete, runnable preview driver code harness demonstrating usage of the component with snippets/children or mock props"
+  ),
+  mockProps: import_zod.z.record(import_zod.z.any()).describe("JSON map of realistic mock prop values passed to the component"),
+  wrapperClass: import_zod.z.string().optional().describe("Tailwind CSS class string for wrapping the preview container")
+});
+var GenerateHarnessOptionsSchema = import_zod.z.object({
+  code: import_zod.z.string(),
+  language: PlatformLanguageSchema,
+  componentName: import_zod.z.string(),
+  docsProps: import_zod.z.array(ComponentPropDocSchema).optional()
 });
 var ComponentSynthesisSchema = import_zod.z.object({
-  svelte5: import_zod.z.string().describe("Synthesized Svelte 5 component implementation using runes"),
-  reactTsx: import_zod.z.string().describe("Synthesized React 19 TSX component implementation"),
-  webComponent: import_zod.z.string().describe("Synthesized WebComponent custom element implementation"),
-  usageDocs: import_zod.z.string().describe("Markdown documentation detailing props and usage patterns"),
-  propsSummary: import_zod.z.array(ComponentPropDefinitionSchema).describe("List of prop definitions and types"),
-  supportedThemes: import_zod.z.enum(["default", "light-and-dark"]).describe("Color theme support classification"),
-  previewHtml: import_zod.z.string().optional().describe("Self-contained interactive preview HTML harness")
+  title: import_zod.z.string().describe("Title of the synthesized component"),
+  description: import_zod.z.string().describe("Detailed description of the component"),
+  tags: import_zod.z.array(import_zod.z.string()).describe("Keywords and categorization tags"),
+  platforms: import_zod.z.object({
+    svelte: import_zod.z.string().describe("Self-contained Svelte 5 component with runes ($props, $state, onclick, snippets, etc.)"),
+    react: import_zod.z.string().describe("Self-contained React 19 TSX component with all subcomponents defined and exported"),
+    webcomponent: import_zod.z.string().describe("Self-contained WebComponent custom element extending HTMLElement")
+  }),
+  harnesses: import_zod.z.object({
+    svelte: PreviewHarnessSchema,
+    react: PreviewHarnessSchema,
+    webcomponent: PreviewHarnessSchema
+  }).optional(),
+  docs: ComponentDocsSchema
+});
+var ComponentTransformationResultSchema = import_zod.z.object({
+  title: import_zod.z.string(),
+  description: import_zod.z.string(),
+  tags: import_zod.z.array(import_zod.z.string()),
+  platforms: import_zod.z.record(PlatformLanguageSchema, import_zod.z.string()),
+  harnesses: import_zod.z.record(PlatformLanguageSchema, PreviewHarnessSchema),
+  docs: ComponentDocsSchema,
+  detectedLanguage: PlatformLanguageSchema,
+  themeSupport: ThemeSupportSchema
+});
+var ComponentPackageSchema = import_zod.z.object({
+  language: PlatformLanguageSchema,
+  code: import_zod.z.string().describe("Formatted code bundle with trimmed leading whitespace"),
+  docs: ComponentDocsSchema,
+  screenshot: import_zod.z.string().describe("Data URI or URL of actual rendered component"),
+  themeSupport: ThemeSupportSchema,
+  tags: import_zod.z.array(import_zod.z.string()),
+  previewHarness: PreviewHarnessSchema.optional()
+});
+var UIComponentTypeSchema = import_zod.z.object({
+  id: import_zod.z.string().describe("Slug, e.g., 'button'"),
+  name: import_zod.z.string().describe("e.g. 'Button'"),
+  description: import_zod.z.string().describe("Official description e.g. from Shadcn documentation"),
+  tags: import_zod.z.array(import_zod.z.string()).describe("Freeform tags e.g. ['form', 'action']"),
+  createdAt: import_zod.z.string().describe("ISO timestamp"),
+  updatedAt: import_zod.z.string().describe("ISO timestamp")
+});
+var ComponentVariantSchema = import_zod.z.object({
+  id: import_zod.z.string().describe("Slug, e.g., 'glass-card' or 'glassmorphism'"),
+  componentTypeId: import_zod.z.string().describe("References UIComponentType.id"),
+  name: import_zod.z.string().describe("e.g. 'Glass Action Button'"),
+  aestheticId: import_zod.z.string().describe("Style aesthetic, e.g. 'glassmorphism', 'neubrutalism', 'minimalist', 'modern', 'shadcn'"),
+  recommendedThemeId: import_zod.z.string().optional().describe("Optional recommended theme ID (e.g., 'shadcn-zinc', 'tokyo-night')"),
+  description: import_zod.z.string().optional().describe("Style & business logic description"),
+  imageUrl: import_zod.z.string().optional().describe("Optional image URL"),
+  image: import_zod.z.string().optional(),
+  screenshot: import_zod.z.string().optional(),
+  createdAt: import_zod.z.string().describe("ISO timestamp"),
+  updatedAt: import_zod.z.string().describe("ISO timestamp")
+});
+var AestheticSchema = ComponentVariantSchema;
+var ComponentVersionSchema = import_zod.z.object({
+  id: import_zod.z.string().describe("Unique version ID e.g. 'button-glass-action-button-v1.0.0'"),
+  componentTypeId: import_zod.z.string().describe("References UIComponentType.id"),
+  variantId: import_zod.z.string().describe("References ComponentVariant.id"),
+  aestheticId: import_zod.z.string().describe("References Aesthetic style e.g. 'glassmorphism'"),
+  version: import_zod.z.string().describe("Semver e.g. '1.0.0'"),
+  changelogNote: import_zod.z.string(),
+  createdBy: import_zod.z.string(),
+  createdAt: import_zod.z.string().describe("ISO timestamp"),
+  packages: import_zod.z.record(PlatformLanguageSchema, ComponentPackageSchema)
+});
+var ActivityActionSchema = import_zod.z.enum([
+  "CREATED",
+  "UPDATED",
+  "REVERTED",
+  "PACKAGE_GENERATED",
+  "DELETED"
+]);
+var ActivityLogSchema = import_zod.z.object({
+  id: import_zod.z.string(),
+  componentTypeId: import_zod.z.string(),
+  componentTypeName: import_zod.z.string(),
+  variantId: import_zod.z.string().optional(),
+  aestheticId: import_zod.z.string(),
+  action: ActivityActionSchema,
+  version: import_zod.z.string(),
+  details: import_zod.z.string(),
+  timestamp: import_zod.z.string()
+});
+var IngestionInputSchema = import_zod.z.object({
+  codeBundle: import_zod.z.string().describe("Raw code bundle provided"),
+  css: import_zod.z.string().optional().describe("Optional raw CSS or CSS bundle to extract and inline"),
+  componentTypeId: import_zod.z.string().describe("Slug or Name of UI Component Type (e.g., 'button')"),
+  variantName: import_zod.z.string().describe("Mandatory Variant Name text input (e.g., 'Glass Action Button')"),
+  variantId: import_zod.z.string().optional().describe("Optional custom slug or ID for variant"),
+  aestheticId: import_zod.z.string().optional().describe("Dropdown value for aesthetic style (e.g., 'glassmorphism', 'neubrutalism', 'minimalist', 'modern', 'shadcn')"),
+  recommendedThemeId: import_zod.z.string().optional().describe("Optional recommended theme ID"),
+  componentTypeName: import_zod.z.string().optional().describe("Optional display name if creating new component type"),
+  componentTypeDescription: import_zod.z.string().optional().describe("Optional description if creating new component type"),
+  variantDescription: import_zod.z.string().optional().describe("Optional description if creating new variant"),
+  aestheticName: import_zod.z.string().optional().describe("Optional display name for aesthetic"),
+  aestheticDescription: import_zod.z.string().optional().describe("Optional description if creating new aesthetic"),
+  sourcePlatform: PlatformLanguageSchema.optional().describe("Optional source platform - detected automatically if omitted"),
+  changelogNote: import_zod.z.string().optional(),
+  tags: import_zod.z.array(import_zod.z.string()).optional()
+});
+var ThemeColorsSchema = import_zod.z.object({
+  primary: import_zod.z.string(),
+  primaryForeground: import_zod.z.string().optional(),
+  secondary: import_zod.z.string().optional(),
+  secondaryForeground: import_zod.z.string().optional(),
+  accent: import_zod.z.string().optional(),
+  accentForeground: import_zod.z.string().optional(),
+  background: import_zod.z.string(),
+  foreground: import_zod.z.string(),
+  surface: import_zod.z.string().optional(),
+  surfaceForeground: import_zod.z.string().optional(),
+  muted: import_zod.z.string().optional(),
+  mutedForeground: import_zod.z.string().optional(),
+  destructive: import_zod.z.string().optional(),
+  destructiveForeground: import_zod.z.string().optional(),
+  border: import_zod.z.string().optional(),
+  ring: import_zod.z.string().optional(),
+  customProperties: import_zod.z.record(import_zod.z.string()).optional()
+});
+var ThemeTypographyTokensSchema = import_zod.z.object({
+  fontSans: import_zod.z.string().optional(),
+  fontMono: import_zod.z.string().optional(),
+  fontHeading: import_zod.z.string().optional(),
+  fontImports: import_zod.z.array(import_zod.z.string()).optional(),
+  fontCss: import_zod.z.string().optional(),
+  fontSize: import_zod.z.record(import_zod.z.string()).optional(),
+  fontWeight: import_zod.z.record(import_zod.z.string()).optional()
+});
+var ThemeTokensSchema = import_zod.z.object({
+  colors: import_zod.z.object({
+    light: ThemeColorsSchema,
+    dark: ThemeColorsSchema.partial().optional()
+  }),
+  typography: ThemeTypographyTokensSchema.optional(),
+  radii: import_zod.z.record(import_zod.z.string().optional()).optional(),
+  spacing: import_zod.z.record(import_zod.z.string()).optional(),
+  paddings: import_zod.z.record(import_zod.z.string()).optional(),
+  shadows: import_zod.z.record(import_zod.z.string()).optional()
+});
+var ThemeSchema = import_zod.z.object({
+  id: import_zod.z.string().describe("e.g. 'shadcn-zinc', 'tokyo-night', 'glassmorphism-cyber'"),
+  name: import_zod.z.string().describe("e.g. 'Shadcn Zinc Modern'"),
+  description: import_zod.z.string().optional(),
+  tokens: ThemeTokensSchema,
+  supportsDarkMode: import_zod.z.boolean().optional(),
+  isSystem: import_zod.z.boolean().optional(),
+  createdAt: import_zod.z.string().describe("ISO timestamp"),
+  updatedAt: import_zod.z.string().describe("ISO timestamp")
+});
+var ThemeIngestionInputSchema = import_zod.z.object({
+  id: import_zod.z.string().optional(),
+  name: import_zod.z.string(),
+  description: import_zod.z.string().optional(),
+  tokens: ThemeTokensSchema.optional(),
+  rawCss: import_zod.z.string().optional(),
+  supportsDarkMode: import_zod.z.boolean().optional(),
+  isSystem: import_zod.z.boolean().optional()
 });
 var JsonGenerationSchema = import_zod.z.object({
   prompt: import_zod.z.string(),
@@ -825,6 +1018,9 @@ var FORM_SCHEMA_JSON_SCHEMA = {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ActivityActionSchema,
+  ActivityLogSchema,
+  AestheticSchema,
   AgentConfigSchema,
   AgentDocumentAttachmentSchema,
   AgentEnvironmentSchema,
@@ -837,8 +1033,14 @@ var FORM_SCHEMA_JSON_SCHEMA = {
   AgentToolTypeSchema,
   AspectRatioSchema,
   CodeGenerationSchema,
+  ComponentDocsSchema,
+  ComponentPackageSchema,
   ComponentPropDefinitionSchema,
+  ComponentPropDocSchema,
   ComponentSynthesisSchema,
+  ComponentTransformationResultSchema,
+  ComponentVariantSchema,
+  ComponentVersionSchema,
   ConditionOperatorSchema,
   ConditionSchema,
   ControlValidationSchema,
@@ -857,12 +1059,16 @@ var FORM_SCHEMA_JSON_SCHEMA = {
   FormStageSchema,
   FormSubmissionPayloadSchema,
   FormValidatorSchema,
+  GenerateHarnessOptionsSchema,
   ImageCompositingSchema,
   ImageGenerationSchema,
   ImageTextOverlaySchema,
   ImageTransformationSchema,
   ImageWatermarkSchema,
+  IngestionInputSchema,
   JsonGenerationSchema,
+  PlatformLanguageSchema,
+  PreviewHarnessSchema,
   QueueJobSchema,
   QueueJobStatusSchema,
   QueueJobTypeSchema,
@@ -880,6 +1086,13 @@ var FORM_SCHEMA_JSON_SCHEMA = {
   TechnicalFormSchema,
   TextAlignmentSchema,
   TextOverlayPositionSchema,
+  ThemeColorsSchema,
+  ThemeIngestionInputSchema,
+  ThemeSchema,
+  ThemeSupportSchema,
+  ThemeTokensSchema,
+  ThemeTypographyTokensSchema,
+  UIComponentTypeSchema,
   VideoAnalysisCategorySchema,
   VideoAnalysisSchema,
   VideoAspectRatioSchema,