@spectratools/graphic-designer-cli 0.12.3 → 0.14.0

package/dist/spec.schema.d.ts

@@ -1,3 +1,3 @@
 import 'zod';
-export { A as AnchorHint, e as AutoLayoutConfig, B as BuiltInTheme, f as CardElement, g as CodeBlockElement, ax as CodeBlockStyle, C as ConnectionElement, h as ConstraintSpec, k as Decorator, l as DesignCardSpec, m as DesignSafeFrame, D as DesignSpec, n as DesignTheme, o as DiagramElement, p as DiagramLayout, q as DiagramSpec, r as DrawArc, s as DrawBadge, t as DrawBezier, u as DrawCircle, b as DrawCommand, v as DrawFontFamily, w as DrawGradientRect, ay as DrawGrid, x as DrawLine, y as DrawPath, z as DrawPoint, E as DrawRect, F as DrawShadow, az as DrawStrokeGradient, G as DrawText, H as DrawTextRow, I as DrawTextRowSegment, J as Element, K as EllipseLayoutConfig, L as FlowNodeElement, aA as FlowNodeShadow, M as Gradient, N as GradientOverlayDecorator, aB as GradientStop, Q as GridLayoutConfig, S as ImageElement, V as LayoutConfig, aC as LinearGradient, X as ManualLayoutConfig, aD as RadialGradient, Y as RainbowRuleDecorator, $ as ShapeElement, a0 as StackLayoutConfig, a1 as TerminalElement, a2 as TextElement, c as Theme, a3 as ThemeInput, a4 as VignetteDecorator, a6 as builtInThemeBackgrounds, a7 as builtInThemes, a9 as connectionElementSchema, aa as defaultAutoLayout, ab as defaultCanvas, ac as defaultConstraints, ad as defaultGridLayout, ae as defaultLayout, af as defaultStackLayout, ag as defaultTheme, ah as deriveSafeFrame, ai as designSpecSchema, aj as diagramElementSchema, ak as diagramLayoutSchema, al as diagramSpecSchema, ap as flowNodeElementSchema, aq as inferLayout, as as parseDesignSpec, at as parseDiagramSpec, av as resolveTheme } from './spec.schema-BkbcnVcm.js';
+export { A as AnchorHint, e as AutoLayoutConfig, B as BuiltInTheme, f as CardElement, g as CodeBlockElement, ax as CodeBlockStyle, C as ConnectionElement, h as ConstraintSpec, k as Decorator, l as DesignCardSpec, m as DesignSafeFrame, D as DesignSpec, n as DesignTheme, o as DiagramElement, p as DiagramLayout, q as DiagramSpec, r as DrawArc, s as DrawBadge, t as DrawBezier, u as DrawCircle, b as DrawCommand, v as DrawFontFamily, w as DrawGradientRect, ay as DrawGrid, x as DrawLine, y as DrawPath, z as DrawPoint, E as DrawRect, F as DrawShadow, az as DrawStatsBar, aA as DrawStatsBarItem, aB as DrawStrokeGradient, G as DrawText, H as DrawTextRow, I as DrawTextRowSegment, J as Element, K as EllipseLayoutConfig, L as FlowNodeElement, aC as FlowNodeShadow, M as Gradient, N as GradientOverlayDecorator, aD as GradientStop, Q as GridLayoutConfig, S as ImageElement, V as LayoutConfig, aE as LinearGradient, X as ManualLayoutConfig, aF as RadialGradient, Y as RainbowRuleDecorator, aG as RingElement, aH as RingSegment, $ as ShapeElement, a0 as StackLayoutConfig, a1 as TerminalElement, a2 as TextElement, c as Theme, a3 as ThemeInput, a4 as VignetteDecorator, a6 as builtInThemeBackgrounds, a7 as builtInThemes, a9 as connectionElementSchema, aa as defaultAutoLayout, ab as defaultCanvas, ac as defaultConstraints, ad as defaultGridLayout, ae as defaultLayout, af as defaultStackLayout, ag as defaultTheme, ah as deriveSafeFrame, ai as designSpecSchema, aj as diagramElementSchema, ak as diagramLayoutSchema, al as diagramSpecSchema, ap as flowNodeElementSchema, aq as inferLayout, as as parseDesignSpec, at as parseDiagramSpec, av as resolveTheme } from './spec.schema-De-IkUjn.js';
 import '@napi-rs/canvas';

package/dist/spec.schema.js

@@ -439,6 +439,27 @@ var drawTextRowSchema = z2.object({
   defaultColor: colorHexSchema2.default("#FFFFFF"),
   opacity: z2.number().min(0).max(1).default(1)
 }).strict();
+var drawStatsBarItemSchema = z2.object({
+  value: z2.string().min(1).max(50),
+  label: z2.string().min(1).max(100)
+}).strict();
+var drawStatsBarSchema = z2.object({
+  type: z2.literal("stats-bar"),
+  y: z2.number().describe("Vertical position of the stats bar"),
+  items: z2.array(drawStatsBarItemSchema).min(1).max(8),
+  separator: z2.enum(["dot", "pipe", "none"]).default("dot"),
+  valueColor: colorHexSchema2.default("#FFFFFF"),
+  valueFontSize: z2.number().min(8).max(72).default(18),
+  valueFontWeight: z2.number().int().min(100).max(900).default(700),
+  valueFontFamily: drawFontFamilySchema.default("mono"),
+  labelColor: colorHexSchema2.default("#AAAAAA"),
+  labelFontSize: z2.number().min(8).max(72).default(14),
+  labelFontWeight: z2.number().int().min(100).max(900).default(400),
+  labelFontFamily: drawFontFamilySchema.default("body"),
+  separatorColor: colorHexSchema2.default("#666666"),
+  gap: z2.number().min(0).max(100).default(24),
+  opacity: z2.number().min(0).max(1).default(1)
+}).strict();
 var drawCommandSchema = z2.discriminatedUnion("type", [
   drawRectSchema,
   drawCircleSchema,
@@ -450,7 +471,8 @@ var drawCommandSchema = z2.discriminatedUnion("type", [
   drawBadgeSchema,
   drawGradientRectSchema,
   drawGridSchema,
-  drawTextRowSchema
+  drawTextRowSchema,
+  drawStatsBarSchema
 ]);
 var defaultCanvas = {
   width: 1200,
@@ -652,6 +674,24 @@ var imageElementSchema = z2.object({
   fit: z2.enum(["contain", "cover", "fill", "none"]).default("contain"),
   borderRadius: z2.number().min(0).default(0)
 }).strict();
+var ringSegmentSchema = z2.object({
+  color: colorHexSchema2
+}).strict();
+var ringElementSchema = z2.object({
+  type: z2.literal("ring"),
+  id: z2.string().min(1).max(120),
+  radius: z2.number().min(8).max(512).default(48),
+  strokeWidth: z2.number().min(1).max(32).default(2),
+  label: z2.string().max(100).optional(),
+  labelColor: colorHexSchema2.optional(),
+  labelSize: z2.number().min(8).max(48).default(12),
+  segments: z2.array(ringSegmentSchema).min(1).max(24).default([{ color: "#4A7BF7" }]),
+  glowRadius: z2.number().min(0).max(64).default(0),
+  glowColor: colorHexSchema2.optional(),
+  showCycleArrows: z2.boolean().default(false),
+  fill: colorHexSchema2.optional(),
+  fillOpacity: z2.number().min(0).max(1).default(0.05)
+}).strict();
 var elementSchema = z2.discriminatedUnion("type", [
   cardElementSchema,
   flowNodeElementSchema,
@@ -660,7 +700,8 @@ var elementSchema = z2.discriminatedUnion("type", [
   terminalElementSchema,
   textElementSchema,
   shapeElementSchema,
-  imageElementSchema
+  imageElementSchema,
+  ringElementSchema
 ]);
 var diagramCenterSchema = z2.object({
   x: z2.number(),
@@ -781,8 +822,13 @@ var decoratorSchema = z2.discriminatedUnion("type", [
   }).strict(),
   z2.object({
     type: z2.literal("vignette"),
+    mode: z2.enum(["radial", "edge"]).default("radial"),
     intensity: z2.number().min(0).max(1).default(0.3),
-    color: colorHexSchema2.default("#000000")
+    color: colorHexSchema2.default("#000000"),
+    edgeTopHeight: z2.number().min(0).max(200).default(35),
+    edgeBottomHeight: z2.number().min(0).max(200).default(55),
+    edgeTopOpacity: z2.number().min(0).max(1).default(0.3),
+    edgeBottomOpacity: z2.number().min(0).max(1).default(0.4)
   }).strict(),
   z2.object({
     type: z2.literal("gradient-overlay"),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@spectratools/graphic-designer-cli",
-  "version": "0.12.3",
+  "version": "0.14.0",
   "description": "Deterministic visual content generator — code screenshots, terminal shots, flowcharts, and infographics. No browser dependency.",
   "type": "module",
   "license": "MIT",
@@ -40,7 +40,7 @@
     "sharp": "^0.34.4",
     "shiki": "^4.0.2",
     "zod": "^3.24.1",
-    "@spectratools/cli-shared": "0.2.1"
+    "@spectratools/cli-shared": "0.4.0"
   },
   "devDependencies": {
     "typescript": "5.7.3",