@tscircuit/props 0.0.638 → 0.0.640

package/lib/components/schematic-graphic.ts

@@ -0,0 +1,62 @@
+import { z } from "zod"
+import { type Distance, distance } from "lib/common/distance"
+import { url } from "lib/common/url"
+import { expectTypesMatch } from "lib/typecheck"
+
+/**
+ * Props for embedding an image or raw SVG graphic in a schematic sheet.
+ * At least one source is required; both sources may be provided.
+ * When both are provided, imageUrl is the canonical asset source and
+ * svgContent is optional materialized fallback content.
+ */
+export interface SchematicGraphicProps {
+  /** URL or static-file import for the canonical source SVG asset. */
+  imageUrl?: string
+  /**
+   * Complete SVG markup, including its dimensions or viewBox. Used as the
+   * source when imageUrl is omitted, or as fallback content when both exist.
+   */
+  svgContent?: string
+  /** Optional rendered width of the graphic. */
+  width?: Distance
+  /** Optional rendered height of the graphic. */
+  height?: Distance
+}
+
+const nonemptyUrl = url.refine((value) => value.trim().length > 0, {
+  message: "imageUrl cannot be empty",
+})
+
+const positiveDistance = (fieldName: "width" | "height") =>
+  distance.refine((value) => Number.isFinite(value) && value > 0, {
+    message: `${fieldName} must be a positive finite distance`,
+  })
+
+export const schematicGraphicProps = z
+  .object({
+    imageUrl: nonemptyUrl.optional(),
+    svgContent: z
+      .string()
+      .refine((value) => value.trim().length > 0, {
+        message: "svgContent cannot be empty",
+      })
+      .optional(),
+    width: positiveDistance("width").optional(),
+    height: positiveDistance("height").optional(),
+  })
+  .superRefine(({ imageUrl, svgContent }, ctx) => {
+    if (imageUrl === undefined && svgContent === undefined) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: "At least one of imageUrl or svgContent is required",
+      })
+    }
+  })
+
+export type InferredSchematicGraphicProps = z.input<
+  typeof schematicGraphicProps
+>
+
+expectTypesMatch<SchematicGraphicProps, z.input<typeof schematicGraphicProps>>(
+  true,
+)

package/lib/components/schematic-sheet.ts

@@ -1,22 +1,30 @@
 import { z } from "zod"
+import { distance } from "circuit-json"
+import type { Distance } from "lib/common/distance"
 import { expectTypesMatch } from "lib/typecheck"
 
 export type SchematicSheetSize = "A4" | "ANSI_B"
 
 export interface SchematicSheetProps {
-  name: string
-  displayName: string
+  name?: string
+  displayName?: string
   sheetIndex?: number
   /** Sheet size used to render the schematic. Defaults to A4. */
   sheetSize?: SchematicSheetSize
+  /** Explicit schematic sheet width. Overrides the width from sheetSize. */
+  sheetWidth?: Distance
+  /** Explicit schematic sheet height. Overrides the height from sheetSize. */
+  sheetHeight?: Distance
   children?: any
 }
 
 export const schematicSheetProps = z.object({
-  name: z.string(),
-  displayName: z.string(),
+  name: z.string().optional(),
+  displayName: z.string().optional(),
   sheetIndex: z.number().optional(),
   sheetSize: z.enum(["A4", "ANSI_B"]).default("A4"),
+  sheetWidth: distance.pipe(z.number().positive()).optional(),
+  sheetHeight: distance.pipe(z.number().positive()).optional(),
   children: z.any().optional(),
 })
 

package/lib/index.ts

@@ -121,6 +121,7 @@ export * from "./components/schematic-row"
 export * from "./components/schematic-cell"
 export * from "./components/schematic-section"
 export * from "./components/schematic-sheet"
+export * from "./components/schematic-graphic"
 export * from "./components/copper-text"
 export * from "./components/silkscreen-text"
 export * from "./components/silkscreen-path"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tscircuit/props",
-  "version": "0.0.638",
+  "version": "0.0.640",
   "description": "Props for tscircuit builtin component types",
   "main": "dist/index.js",
   "type": "module",