@uigraph/sdk 1.2.4 → 1.2.5

package/dist/{__headless.BLqB7VsJ.d.mts → __headless.CnrU6aAA.d.mts}

@@ -67,6 +67,7 @@ declare const contextSchema: z$1.ZodObject<{
     style: z$1.ZodOptional<z$1.ZodObject<{
       width: z$1.ZodOptional<z$1.ZodNumber>;
       height: z$1.ZodOptional<z$1.ZodNumber>;
+      color: z$1.ZodOptional<z$1.ZodString>;
       fill: z$1.ZodOptional<z$1.ZodString>;
       stroke: z$1.ZodOptional<z$1.ZodString>;
       strokeWidth: z$1.ZodOptional<z$1.ZodNumber>;

package/dist/{__headless.DfSqiw4X.d.cts → __headless.D9VUj46t.d.cts}

@@ -67,6 +67,7 @@ declare const contextSchema: z$1.ZodObject<{
     style: z$1.ZodOptional<z$1.ZodObject<{
       width: z$1.ZodOptional<z$1.ZodNumber>;
       height: z$1.ZodOptional<z$1.ZodNumber>;
+      color: z$1.ZodOptional<z$1.ZodString>;
       fill: z$1.ZodOptional<z$1.ZodString>;
       stroke: z$1.ZodOptional<z$1.ZodString>;
       strokeWidth: z$1.ZodOptional<z$1.ZodNumber>;

package/dist/{__headless.DGmyg-me.cjs → __headless.DbTnxFi3.cjs}

@@ -46,6 +46,7 @@ const contextSchema = zod.default.object({
 		style: zod.default.object({
 			width: zod.default.number().optional(),
 			height: zod.default.number().optional(),
+			color: zod.default.string().optional(),
 			fill: zod.default.string().optional(),
 			stroke: zod.default.string().optional(),
 			strokeWidth: zod.default.number().optional(),

package/dist/{__headless.DpdtlCFx.mjs → __headless.bq_YVz7q.mjs}

@@ -45,6 +45,7 @@ const contextSchema = z$1.object({
 		style: z$1.object({
 			width: z$1.number().optional(),
 			height: z$1.number().optional(),
+			color: z$1.string().optional(),
 			fill: z$1.string().optional(),
 			stroke: z$1.string().optional(),
 			strokeWidth: z$1.number().optional(),

package/dist/{__index.Bvdu5Kox.d.mts → __index.BQQp_uAt.d.mts}

@@ -1,6 +1,102 @@
 import { t as ComponentInputType } from "./__component-type.CO8FgnQE.mjs";
 import { Edge, Node } from "@xyflow/react";
 
+//#region src/types/c4.d.ts
+type C4DiagramType = 'C4Context' | 'C4Container' | 'C4Component' | 'C4Dynamic' | 'C4Deployment';
+type C4ElementKind = 'person' | 'system' | 'container' | 'component' | 'node';
+type C4ElementShape = 'default' | 'db' | 'queue';
+interface C4Element {
+  id: string;
+  label: string;
+  description?: string;
+  technology?: string;
+  kind: C4ElementKind;
+  shape: C4ElementShape;
+  isExternal: boolean;
+  /** `<<external_system_db>>` tag mermaid prints above the name. */
+  stereotype: string;
+  parentId?: string;
+  sprite?: string;
+  tags?: string;
+  link?: string;
+  /** `$link="uig:<diagramId>"` drill-down target rendered as a sub diagram. */
+  subDiagramId?: string;
+}
+type C4BoundaryKind = 'enterprise' | 'system' | 'container' | 'generic' | 'node';
+/** `Node_L` / `Node_R` only differ in how mermaid aligns the node label. */
+type C4NodeType = 'node' | 'nodeL' | 'nodeR';
+interface C4Boundary {
+  id: string;
+  label: string;
+  kind: C4BoundaryKind;
+  /** Printed as `[ENTERPRISE]` / `[SYSTEM]` / the verbatim custom type. */
+  type: string;
+  /** Only `Deployment_Node` and friends carry a description. */
+  description?: string;
+  /** Set for the deployment-node keywords, absent for plain boundaries. */
+  nodeType?: C4NodeType;
+  parentId?: string;
+  childIds: string[];
+  sprite?: string;
+  tags?: string;
+  link?: string;
+}
+type C4RelDirection = 'default' | 'up' | 'down' | 'left' | 'right' | 'back' | 'bi';
+interface C4Relationship {
+  from: string;
+  to: string;
+  label: string;
+  technology?: string;
+  description?: string;
+  direction: C4RelDirection;
+  index: number;
+  sprite?: string;
+  tags?: string;
+  link?: string;
+}
+/** `UpdateElementStyle(id, $bgColor="grey", …)` overrides. */
+interface C4ElementStyle {
+  bgColor?: string;
+  fontColor?: string;
+  borderColor?: string;
+  shadowing?: boolean;
+  shape?: string;
+  sprite?: string;
+  techn?: string;
+  legendText?: string;
+  legendSprite?: string;
+}
+/** `UpdateRelStyle(from, to, $lineColor="blue", …)` overrides. */
+interface C4RelStyle {
+  textColor?: string;
+  lineColor?: string;
+  offsetX?: number;
+  offsetY?: number;
+  lineWidth?: number;
+  lineStyle?: string;
+}
+/** `UpdateLayoutConfig($c4ShapeInRow="3", $c4BoundaryInRow="1")`. */
+interface C4LayoutConfig {
+  c4ShapeInRow: number;
+  c4BoundaryInRow: number;
+}
+type C4Direction = 'TB' | 'BT' | 'LR' | 'RL';
+interface C4DiagramData {
+  type: C4DiagramType;
+  title?: string;
+  accTitle?: string;
+  accDescription?: string;
+  direction?: C4Direction;
+  elements: C4Element[];
+  boundaries: C4Boundary[];
+  relationships: C4Relationship[];
+  elementStyles: Record<string, C4ElementStyle>;
+  boundaryStyles: Record<string, C4ElementStyle>;
+  /** Keyed by `${from}->${to}`. */
+  relStyles: Record<string, C4RelStyle>;
+  layout: C4LayoutConfig;
+}
+//#endregion
 //#region src/types/component.d.ts
 type LinkOrFileValue = {
   fileId?: string;
@@ -183,6 +279,28 @@ type CustomData = {
   columns?: string[];
   rows?: string[][];
   strokeAnimation?: 'dash';
+  c4Kind?: C4ElementKind;
+  c4Shape?: C4ElementShape;
+  c4BoundaryKind?: C4BoundaryKind;
+  c4NodeType?: C4NodeType;
+  boundaryType?: string;
+  isExternal?: boolean;
+  technology?: string;
+  description?: string;
+  link?: string;
+  color?: string;
+  fill?: string;
+  stroke?: string;
+  fontColor?: string;
+  backgroundColor?: string;
+  borderColor?: string;
+  labelColor?: string;
+  labelOffsetX?: number;
+  labelOffsetY?: number;
+  /** Diagram this node drills down into, opened in a new tab. */
+  diagramId?: string;
+  diagramName?: string;
+  thumbnailUrl?: string;
 };
 interface ReactFlowData {
   nodes: Node<CustomData>[];
@@ -195,4 +313,4 @@ interface RFComponentField {
   data: unknown;
 }
 //#endregion
-export { ServerComponentFieldInput as C, ServerComponentField as S, SequenceParticipantLink as _, MermaidNode as a, SubgraphLayout as b, SequenceAutonumber as c, SequenceBlockType as d, SequenceBox as f, SequenceParticipant as g, SequenceNote as h, MermaidEdge as i, SequenceBlock as l, SequenceMessage as m, RFComponentField as n, SequenceActivation as o, SequenceDiagramData as p, ReactFlowData as r, SequenceArrowHead as s, CustomData as t, SequenceBlockSection as u, SequenceParticipantType as v, LinkOrFileValue as x, SubgraphInfo as y };
+export { C4ElementKind as A, ServerComponentFieldInput as C, C4DiagramType as D, C4DiagramData as E, C4RelDirection as F, C4RelStyle as I, C4Relationship as L, C4ElementStyle as M, C4LayoutConfig as N, C4Direction as O, C4NodeType as P, ServerComponentField as S, C4BoundaryKind as T, SequenceParticipantLink as _, MermaidNode as a, SubgraphLayout as b, SequenceAutonumber as c, SequenceBlockType as d, SequenceBox as f, SequenceParticipant as g, SequenceNote as h, MermaidEdge as i, C4ElementShape as j, C4Element as k, SequenceBlock as l, SequenceMessage as m, RFComponentField as n, SequenceActivation as o, SequenceDiagramData as p, ReactFlowData as r, SequenceArrowHead as s, CustomData as t, SequenceBlockSection as u, SequenceParticipantType as v, C4Boundary as w, LinkOrFileValue as x, SubgraphInfo as y };

package/dist/{__index.YhKZQgFP.d.cts → __index.BVDt3Nmx.d.cts}

@@ -1,6 +1,102 @@
 import { t as ComponentInputType } from "./__component-type.tW2Xh7Xk.cjs";
 import { Edge, Node } from "@xyflow/react";
 
+//#region src/types/c4.d.ts
+type C4DiagramType = 'C4Context' | 'C4Container' | 'C4Component' | 'C4Dynamic' | 'C4Deployment';
+type C4ElementKind = 'person' | 'system' | 'container' | 'component' | 'node';
+type C4ElementShape = 'default' | 'db' | 'queue';
+interface C4Element {
+  id: string;
+  label: string;
+  description?: string;
+  technology?: string;
+  kind: C4ElementKind;
+  shape: C4ElementShape;
+  isExternal: boolean;
+  /** `<<external_system_db>>` tag mermaid prints above the name. */
+  stereotype: string;
+  parentId?: string;
+  sprite?: string;
+  tags?: string;
+  link?: string;
+  /** `$link="uig:<diagramId>"` drill-down target rendered as a sub diagram. */
+  subDiagramId?: string;
+}
+type C4BoundaryKind = 'enterprise' | 'system' | 'container' | 'generic' | 'node';
+/** `Node_L` / `Node_R` only differ in how mermaid aligns the node label. */
+type C4NodeType = 'node' | 'nodeL' | 'nodeR';
+interface C4Boundary {
+  id: string;
+  label: string;
+  kind: C4BoundaryKind;
+  /** Printed as `[ENTERPRISE]` / `[SYSTEM]` / the verbatim custom type. */
+  type: string;
+  /** Only `Deployment_Node` and friends carry a description. */
+  description?: string;
+  /** Set for the deployment-node keywords, absent for plain boundaries. */
+  nodeType?: C4NodeType;
+  parentId?: string;
+  childIds: string[];
+  sprite?: string;
+  tags?: string;
+  link?: string;
+}
+type C4RelDirection = 'default' | 'up' | 'down' | 'left' | 'right' | 'back' | 'bi';
+interface C4Relationship {
+  from: string;
+  to: string;
+  label: string;
+  technology?: string;
+  description?: string;
+  direction: C4RelDirection;
+  index: number;
+  sprite?: string;
+  tags?: string;
+  link?: string;
+}
+/** `UpdateElementStyle(id, $bgColor="grey", …)` overrides. */
+interface C4ElementStyle {
+  bgColor?: string;
+  fontColor?: string;
+  borderColor?: string;
+  shadowing?: boolean;
+  shape?: string;
+  sprite?: string;
+  techn?: string;
+  legendText?: string;
+  legendSprite?: string;
+}
+/** `UpdateRelStyle(from, to, $lineColor="blue", …)` overrides. */
+interface C4RelStyle {
+  textColor?: string;
+  lineColor?: string;
+  offsetX?: number;
+  offsetY?: number;
+  lineWidth?: number;
+  lineStyle?: string;
+}
+/** `UpdateLayoutConfig($c4ShapeInRow="3", $c4BoundaryInRow="1")`. */
+interface C4LayoutConfig {
+  c4ShapeInRow: number;
+  c4BoundaryInRow: number;
+}
+type C4Direction = 'TB' | 'BT' | 'LR' | 'RL';
+interface C4DiagramData {
+  type: C4DiagramType;
+  title?: string;
+  accTitle?: string;
+  accDescription?: string;
+  direction?: C4Direction;
+  elements: C4Element[];
+  boundaries: C4Boundary[];
+  relationships: C4Relationship[];
+  elementStyles: Record<string, C4ElementStyle>;
+  boundaryStyles: Record<string, C4ElementStyle>;
+  /** Keyed by `${from}->${to}`. */
+  relStyles: Record<string, C4RelStyle>;
+  layout: C4LayoutConfig;
+}
+//#endregion
 //#region src/types/component.d.ts
 type LinkOrFileValue = {
   fileId?: string;
@@ -183,6 +279,28 @@ type CustomData = {
   columns?: string[];
   rows?: string[][];
   strokeAnimation?: 'dash';
+  c4Kind?: C4ElementKind;
+  c4Shape?: C4ElementShape;
+  c4BoundaryKind?: C4BoundaryKind;
+  c4NodeType?: C4NodeType;
+  boundaryType?: string;
+  isExternal?: boolean;
+  technology?: string;
+  description?: string;
+  link?: string;
+  color?: string;
+  fill?: string;
+  stroke?: string;
+  fontColor?: string;
+  backgroundColor?: string;
+  borderColor?: string;
+  labelColor?: string;
+  labelOffsetX?: number;
+  labelOffsetY?: number;
+  /** Diagram this node drills down into, opened in a new tab. */
+  diagramId?: string;
+  diagramName?: string;
+  thumbnailUrl?: string;
 };
 interface ReactFlowData {
   nodes: Node<CustomData>[];
@@ -195,4 +313,4 @@ interface RFComponentField {
   data: unknown;
 }
 //#endregion
-export { ServerComponentFieldInput as C, ServerComponentField as S, SequenceParticipantLink as _, MermaidNode as a, SubgraphLayout as b, SequenceAutonumber as c, SequenceBlockType as d, SequenceBox as f, SequenceParticipant as g, SequenceNote as h, MermaidEdge as i, SequenceBlock as l, SequenceMessage as m, RFComponentField as n, SequenceActivation as o, SequenceDiagramData as p, ReactFlowData as r, SequenceArrowHead as s, CustomData as t, SequenceBlockSection as u, SequenceParticipantType as v, LinkOrFileValue as x, SubgraphInfo as y };
+export { C4ElementKind as A, ServerComponentFieldInput as C, C4DiagramType as D, C4DiagramData as E, C4RelDirection as F, C4RelStyle as I, C4Relationship as L, C4ElementStyle as M, C4LayoutConfig as N, C4Direction as O, C4NodeType as P, ServerComponentField as S, C4BoundaryKind as T, SequenceParticipantLink as _, MermaidNode as a, SubgraphLayout as b, SequenceAutonumber as c, SequenceBlockType as d, SequenceBox as f, SequenceParticipant as g, SequenceNote as h, MermaidEdge as i, C4ElementShape as j, C4Element as k, SequenceBlock as l, SequenceMessage as m, RFComponentField as n, SequenceActivation as o, SequenceDiagramData as p, ReactFlowData as r, SequenceArrowHead as s, CustomData as t, SequenceBlockSection as u, SequenceParticipantType as v, C4Boundary as w, LinkOrFileValue as x, SubgraphInfo as y };

package/dist/browser.d.cts

@@ -1,4 +1,4 @@
-import { S as ServerComponentField } from "./__index.YhKZQgFP.cjs";
+import { S as ServerComponentField } from "./__index.BVDt3Nmx.cjs";
 import "./__component-type.tW2Xh7Xk.cjs";
 import { z } from "zod";
 

package/dist/browser.d.mts

@@ -1,4 +1,4 @@
-import { S as ServerComponentField } from "./__index.Bvdu5Kox.mjs";
+import { S as ServerComponentField } from "./__index.BQQp_uAt.mjs";
 import "./__component-type.CO8FgnQE.mjs";
 import { z } from "zod";
 

package/dist/headless.cjs

@@ -1,3 +1,3 @@
 require("./__component-type.69UkUMKl.cjs");
-const require_headless = require("./__headless.DGmyg-me.cjs");
+const require_headless = require("./__headless.DbTnxFi3.cjs");
 exports.contextSchema = require_headless.contextSchema;

package/dist/headless.d.cts

@@ -1,3 +1,3 @@
 import "./__component-type.tW2Xh7Xk.cjs";
-import { t as contextSchema } from "./__headless.DfSqiw4X.cjs";
+import { t as contextSchema } from "./__headless.D9VUj46t.cjs";
 export { contextSchema };

package/dist/headless.d.mts

@@ -1,3 +1,3 @@
 import "./__component-type.CO8FgnQE.mjs";
-import { t as contextSchema } from "./__headless.BLqB7VsJ.mjs";
+import { t as contextSchema } from "./__headless.CnrU6aAA.mjs";
 export { contextSchema };

package/dist/headless.mjs

@@ -1,3 +1,3 @@
 import "./__component-type.CYmD-KIu.mjs";
-import { t as contextSchema } from "./__headless.DpdtlCFx.mjs";
+import { t as contextSchema } from "./__headless.bq_YVz7q.mjs";
 export { contextSchema };