upstream-twenty/packages/twenty-front-component-renderer/scripts/remote-dom/generators/schemas.ts

import { z } from 'zod';

export const PropertySchemaZ = z.object({
  type: z.enum(['string', 'number', 'boolean']),
  optional: z.boolean(),
});

export const HtmlElementConfigZ = z.object({
  tag: z.string().regex(/^html-[a-z0-9]+$/, 'Tag must start with "html-"'),
  name: z
    .string()
    .regex(/^Html[A-Z]/, 'Name must be PascalCase starting with Html'),
  properties: z.record(z.string(), PropertySchemaZ),
  events: z.array(z.string()).optional(),
  htmlTag: z.string().optional(),
});

export const HtmlElementConfigArrayZ = z.array(HtmlElementConfigZ);

export const ComponentSchemaZ = z.object({
  name: z.string().min(1),
  customElementName: z.string().min(1),
  properties: z.record(z.string(), PropertySchemaZ),
  events: z.array(z.string()).readonly(),
  htmlTag: z.string().optional(),
  customHostRenderer: z.string().optional(),
  customHostRendererPath: z.string().optional(),
});

export type PropertySchema = z.infer<typeof PropertySchemaZ>;
export type HtmlElementConfig = z.infer<typeof HtmlElementConfigZ>;
export type ComponentSchema = z.infer<typeof ComponentSchemaZ>;