@likec4/core 0.37.1 → 0.41.0

package/dist/{index.cjs → cjs/index.js}

@@ -3,69 +3,47 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _types = require("./types/index.cjs");
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _types[key];
-    }
-  });
-});
-var _utils = require("./utils/index.cjs");
-Object.keys(_utils).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _utils[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _utils[key];
-    }
-  });
-});
-var _modelIndex = require("./model-index/index.cjs");
-Object.keys(_modelIndex).forEach(function (key) {
+var _colors = require("./colors");
+Object.keys(_colors).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _modelIndex[key]) return;
+  if (key in exports && exports[key] === _colors[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _modelIndex[key];
+      return _colors[key];
     }
   });
 });
-var _computeView = require("./compute-view/index.cjs");
-Object.keys(_computeView).forEach(function (key) {
+var _errors = require("./errors");
+Object.keys(_errors).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _computeView[key]) return;
+  if (key in exports && exports[key] === _errors[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _computeView[key];
+      return _errors[key];
     }
   });
 });
-var _colors = require("./colors.cjs");
-Object.keys(_colors).forEach(function (key) {
+var _types = require("./types");
+Object.keys(_types).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _colors[key]) return;
+  if (key in exports && exports[key] === _types[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _colors[key];
+      return _types[key];
     }
   });
 });
-var _errors = require("./errors/index.cjs");
-Object.keys(_errors).forEach(function (key) {
+var _utils = require("./utils");
+Object.keys(_utils).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _errors[key]) return;
+  if (key in exports && exports[key] === _utils[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _errors[key];
+      return _utils[key];
     }
   });
 });

package/dist/{types → cjs/types}/computed-view.d.ts

@@ -1,6 +1,6 @@
 import type { Opaque } from './opaque';
 import type { ElementKind, ElementShape, Fqn, Tag } from './element';
-import type { RelationID } from './relation';
+import type { RelationID, RelationshipArrowType, RelationshipLineType } from './relation';
 import type { BasicElementView, ViewID, ViewRuleAutoLayout } from './view';
 import type { IconUrl, NonEmptyArray } from './_common';
 import type { ThemeColor } from './theme';
@@ -22,6 +22,7 @@ export interface ComputedNode {
     color: ThemeColor;
     icon?: IconUrl;
     navigateTo?: ViewID;
+    level: number;
 }
 export interface ComputedEdge {
     id: EdgeId;
@@ -30,11 +31,14 @@ export interface ComputedEdge {
     target: NodeId;
     label: string | null;
     relations: RelationID[];
+    color?: ThemeColor;
+    line?: RelationshipLineType;
+    head?: RelationshipArrowType;
+    tail?: RelationshipArrowType;
 }
-export interface ComputedView extends BasicElementView {
-    viewOf?: Fqn;
-    extends?: ViewID;
-    autoLayout: ViewRuleAutoLayout['autoLayout'];
-    nodes: ComputedNode[];
-    edges: ComputedEdge[];
+export interface ComputedView extends Omit<BasicElementView, 'rules'> {
+    readonly extends?: ViewID;
+    readonly autoLayout: ViewRuleAutoLayout['autoLayout'];
+    readonly nodes: ComputedNode[];
+    readonly edges: ComputedEdge[];
 }

package/dist/{types → cjs/types}/diagram.d.ts

@@ -1,6 +1,13 @@
 import type { ColorLiteral } from './theme';
 import type { ComputedEdge, ComputedNode, ComputedView } from './computed-view';
+import type { NonEmptyArray } from './_common';
 export type Point = [x: number, y: number];
+export type BBox = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
 export interface DiagramLabel {
     align: 'left' | 'right' | 'center';
     fontStyle?: 'bold' | 'normal';
@@ -17,21 +24,18 @@ export interface DiagramNode extends ComputedNode {
     };
     labels: DiagramLabel[];
     position: Point;
+    depth?: number;
 }
 export interface DiagramEdge extends ComputedEdge {
-    points: Point[];
-    headArrow?: Point[];
-    labels: DiagramLabel[];
+    points: NonEmptyArray<Point>;
+    headArrow?: NonEmptyArray<Point>;
+    tailArrow?: NonEmptyArray<Point>;
+    labels?: NonEmptyArray<DiagramLabel>;
+    labelBBox?: BBox;
 }
 export interface DiagramView extends Omit<ComputedView, 'nodes' | 'edges'> {
     readonly nodes: DiagramNode[];
     readonly edges: DiagramEdge[];
-    width: number;
-    height: number;
-    boundingBox: {
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    };
+    readonly width: number;
+    readonly height: number;
 }

package/dist/{types → cjs/types}/expression.d.ts

@@ -14,7 +14,7 @@ interface BaseExpr {
 }
 export interface ElementRefExpr extends Omit<BaseExpr, 'element' | 'isDescedants'> {
     element: Fqn;
-    isDescedants: boolean;
+    isDescedants?: boolean;
 }
 export declare function isElementRef(expr: Expression): expr is ElementRefExpr;
 export interface WildcardExpr extends Omit<BaseExpr, 'wildcard'> {

package/dist/{types/index.cjs → cjs/types/index.js}

@@ -7,7 +7,7 @@ var _exportNames = {
   Expr: true
 };
 exports.Expr = void 0;
-var _opaque = require("./opaque.cjs");
+var _opaque = require("./opaque");
 Object.keys(_opaque).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -19,7 +19,7 @@ Object.keys(_opaque).forEach(function (key) {
     }
   });
 });
-var _common = require("./_common.cjs");
+var _common = require("./_common");
 Object.keys(_common).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -31,7 +31,7 @@ Object.keys(_common).forEach(function (key) {
     }
   });
 });
-var _theme = require("./theme.cjs");
+var _theme = require("./theme");
 Object.keys(_theme).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -43,7 +43,7 @@ Object.keys(_theme).forEach(function (key) {
     }
   });
 });
-var _element = require("./element.cjs");
+var _element = require("./element");
 Object.keys(_element).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -55,7 +55,7 @@ Object.keys(_element).forEach(function (key) {
     }
   });
 });
-var _relation = require("./relation.cjs");
+var _relation = require("./relation");
 Object.keys(_relation).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -67,7 +67,7 @@ Object.keys(_relation).forEach(function (key) {
     }
   });
 });
-var _model = require("./model.cjs");
+var _model = require("./model");
 Object.keys(_model).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -79,7 +79,7 @@ Object.keys(_model).forEach(function (key) {
     }
   });
 });
-var _view = require("./view.cjs");
+var _view = require("./view");
 Object.keys(_view).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -91,7 +91,7 @@ Object.keys(_view).forEach(function (key) {
     }
   });
 });
-var _Expr = _interopRequireWildcard(require("./expression.cjs"));
+var _Expr = _interopRequireWildcard(require("./expression"));
 exports.Expr = _Expr;
 Object.keys(_Expr).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -104,7 +104,7 @@ Object.keys(_Expr).forEach(function (key) {
     }
   });
 });
-var _computedView = require("./computed-view.cjs");
+var _computedView = require("./computed-view");
 Object.keys(_computedView).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -116,7 +116,7 @@ Object.keys(_computedView).forEach(function (key) {
     }
   });
 });
-var _diagram = require("./diagram.cjs");
+var _diagram = require("./diagram");
 Object.keys(_diagram).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;

package/dist/cjs/types/relation.d.ts

@@ -0,0 +1,22 @@
+import type { Opaque } from './opaque';
+import type { Fqn, Tag } from './element';
+import type { ThemeColor } from './theme';
+export type RelationID = Opaque<string, 'RelationID'>;
+export type RelationshipKind = Opaque<string, 'RelationshipKind'>;
+export type RelationshipLineType = 'dashed' | 'solid' | 'dotted';
+export type RelationshipArrowType = 'none' | 'normal' | 'onormal' | 'diamond' | 'odiamond' | 'crow' | 'open' | 'vee';
+export declare const DefaultLineStyle = "dashed";
+export declare const DefaultArrowType = "normal";
+export declare const DefaultRelationshipColor = "gray";
+export interface Relation {
+    readonly id: RelationID;
+    readonly source: Fqn;
+    readonly target: Fqn;
+    readonly title: string;
+    readonly tags?: Tag[];
+    readonly kind?: RelationshipKind;
+    readonly color?: ThemeColor;
+    readonly line?: RelationshipLineType;
+    readonly head?: RelationshipArrowType;
+    readonly tail?: RelationshipArrowType;
+}

package/dist/cjs/types/relation.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultRelationshipColor = exports.DefaultLineStyle = exports.DefaultArrowType = void 0;
+const DefaultLineStyle = "dashed";
+exports.DefaultLineStyle = DefaultLineStyle;
+const DefaultArrowType = "normal";
+exports.DefaultArrowType = DefaultArrowType;
+const DefaultRelationshipColor = "gray";
+exports.DefaultRelationshipColor = DefaultRelationshipColor;

package/dist/{types → cjs/types}/theme.d.ts

@@ -1,22 +1,26 @@
 export type ThemeColor = 'amber' | 'blue' | 'gray' | 'slate' | 'green' | 'indigo' | 'muted' | 'primary' | 'red' | 'secondary' | 'sky';
 export type HexColorLiteral = `#${string}`;
 export type ColorLiteral = HexColorLiteral;
-export interface ThemeColorValues {
+export interface ElementThemeColorValues {
     fill: ColorLiteral;
     stroke: ColorLiteral;
     hiContrast: ColorLiteral;
     loContrast: ColorLiteral;
 }
-export type ThemeColors = {
-    [key in ThemeColor]: ThemeColorValues;
+export type ElementThemeColors = {
+    [key in ThemeColor]: ElementThemeColorValues;
 };
-export interface ThemeRelationColors {
+export interface RelationshipThemeColorValues {
     lineColor: ColorLiteral;
+    labelBgColor: ColorLiteral;
     labelColor: ColorLiteral;
 }
+export type RelationshipThemeColors = {
+    [key in ThemeColor]: RelationshipThemeColorValues;
+};
 export interface LikeC4Theme {
     font: 'Helvetica';
     shadow: ColorLiteral;
-    relation: ThemeRelationColors;
-    colors: ThemeColors;
+    relationships: RelationshipThemeColors;
+    elements: ElementThemeColors;
 }

package/dist/{types → cjs/types}/view.d.ts

@@ -4,10 +4,13 @@ import type { ElementExpression, Expression } from './expression';
 import type { IconUrl, NonEmptyArray } from './_common';
 import type { ThemeColor } from './theme';
 export type ViewID = Opaque<string, 'ViewID'>;
-export interface ViewRuleExpression {
-    isInclude: boolean;
-    exprs: Expression[];
-}
+export type ViewRuleExpression = {
+    include: Expression[];
+    exclude?: never;
+} | {
+    include?: never;
+    exclude: Expression[];
+};
 export declare function isViewRuleExpression(rule: ViewRule): rule is ViewRuleExpression;
 export interface ViewRuleStyle {
     targets: ElementExpression[];
@@ -31,6 +34,21 @@ export interface BasicElementView {
     readonly tags: NonEmptyArray<Tag> | null;
     readonly links: NonEmptyArray<string> | null;
     readonly rules: ViewRule[];
+    /**
+     * URI to the source file of this view.
+     * Undefined if the view is auto-generated.
+     */
+    readonly docUri?: string;
+    /**
+     * For all views we find common ancestor path.
+     * This is used to generate relative paths, i.e.:
+     * - "" for views in the common ancestor directory (or root)
+     * - "subdir" for views in "<root>/subdir"
+     * - "subdir/subdir1" for views in "<root>/subdir/subdir1"
+     *
+     * Undefined if the view is auto-generated.
+     */
+    readonly relativePath?: string;
 }
 export interface StrictElementView extends BasicElementView {
     readonly viewOf: Fqn;

package/dist/{types/view.cjs → cjs/types/view.js}

@@ -9,7 +9,7 @@ exports.isViewRuleAutoLayout = isViewRuleAutoLayout;
 exports.isViewRuleExpression = isViewRuleExpression;
 exports.isViewRuleStyle = isViewRuleStyle;
 function isViewRuleExpression(rule) {
-  return "exprs" in rule && "isInclude" in rule;
+  return "include" in rule && Array.isArray(rule.include) || "exclude" in rule && Array.isArray(rule.exclude);
 }
 function isViewRuleStyle(rule) {
   return "style" in rule && "targets" in rule;

package/dist/{utils → cjs/utils}/fqn.d.ts

@@ -5,13 +5,18 @@ export declare function isAncestor<E extends {
 }>(...args: [ancestor: Fqn, another: Fqn] | [ancestor: E, another: E]): boolean;
 export declare function isSameHierarchy<E extends {
     id: Fqn;
-}>(...args: [one: Fqn, another: Fqn] | [one: E, another: E]): boolean;
+}>(one: E | Fqn, another: E | Fqn): boolean;
 export declare function isDescendantOf<E extends {
     id: Fqn;
 }>(ancestors: E[]): (e: E) => boolean;
 export declare function notDescendantOf(ancestors: Element[]): (e: Element) => boolean;
 export declare function commonAncestor(first: Fqn, second: Fqn): Fqn | null;
 export declare function parentFqn(fqn: Fqn): Fqn | null;
+/**
+ * Get all ancestor elements (i.e. parent, parent’s parent, etc.)
+ * (from closest to root)
+ */
+export declare function ancestorsFqn(fqn: Fqn): Fqn[];
 /**
  * Compares two fully qualified names (fqns) hierarchically based on their depth.
  * From parent nodes to leaves

package/dist/{utils/fqn.cjs → cjs/utils/fqn.js}

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.ancestorsFqn = ancestorsFqn;
 exports.commonAncestor = commonAncestor;
 exports.compareByFqnHierarchically = compareByFqnHierarchically;
 exports.compareFqnHierarchically = compareFqnHierarchically;
@@ -13,7 +14,7 @@ exports.nameFromFqn = nameFromFqn;
 exports.notDescendantOf = notDescendantOf;
 exports.parentFqn = parentFqn;
 var _remeda = require("remeda");
-var _guards = require("./guards.cjs");
+var _guards = require("./guards");
 function nameFromFqn(fqn) {
   const lastDot = fqn.lastIndexOf(".");
   if (lastDot > 0) {
@@ -27,10 +28,10 @@ function isAncestor(...args) {
   const another = (0, _guards.isString)(args[1]) ? args[1] : args[1].id;
   return another.startsWith(ancestor + ".");
 }
-function isSameHierarchy(...args) {
-  const one = (0, _guards.isString)(args[0]) ? args[0] : args[0].id;
-  const another = (0, _guards.isString)(args[1]) ? args[1] : args[1].id;
-  return one === another || another.startsWith(one + ".") || one.startsWith(another + ".");
+function isSameHierarchy(one, another) {
+  const first = (0, _guards.isString)(one) ? one : one.id;
+  const second = (0, _guards.isString)(another) ? another : another.id;
+  return first === second || second.startsWith(first + ".") || first.startsWith(second + ".");
 }
 function isDescendantOf(ancestors) {
   const predicates = ancestors.flatMap(a => [e => e.id === a.id, e => isAncestor(a, e)]);
@@ -66,6 +67,18 @@ function parentFqn(fqn) {
   }
   return null;
 }
+function ancestorsFqn(fqn) {
+  const path = fqn.split(".");
+  path.pop();
+  if (path.length === 0) {
+    return [];
+  }
+  return path.reduce((acc, _, idx) => {
+    const ancestor = path.slice(0, idx + 1).join(".");
+    acc.unshift(ancestor);
+    return acc;
+  }, []);
+}
 function compareFqnHierarchically(a, b) {
   const depthA = a.split(".").length;
   const depthB = b.split(".").length;

package/dist/{utils → cjs/utils}/guards.d.ts

@@ -1,5 +1,4 @@
 import type { NonEmptyArray } from '../types';
+export { hasAtLeast } from 'remeda';
 export declare function isString(value: unknown): value is string;
-export declare function failUnexpected(arg: never): never;
-export declare function ignoreNeverInRuntime(arg: never): void;
 export declare function isNonEmptyArray<A>(arr: ArrayLike<A>): arr is NonEmptyArray<A>;

package/dist/cjs/utils/guards.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "hasAtLeast", {
+  enumerable: true,
+  get: function () {
+    return _remeda.hasAtLeast;
+  }
+});
+exports.isNonEmptyArray = isNonEmptyArray;
+exports.isString = isString;
+var _remeda = require("remeda");
+function isString(value) {
+  return value != null && typeof value === "string";
+}
+function isNonEmptyArray(arr) {
+  return arr.length > 0;
+}

package/dist/{utils → cjs/utils}/index.d.ts

@@ -1,4 +1,3 @@
 export * from './fqn';
 export * from './guards';
-export * from './compute-node-levels';
 export * from './relations';

package/dist/{utils/index.cjs → cjs/utils/index.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _fqn = require("./fqn.cjs");
+var _fqn = require("./fqn");
 Object.keys(_fqn).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _fqn[key]) return;
@@ -14,7 +14,7 @@ Object.keys(_fqn).forEach(function (key) {
     }
   });
 });
-var _guards = require("./guards.cjs");
+var _guards = require("./guards");
 Object.keys(_guards).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _guards[key]) return;
@@ -25,18 +25,7 @@ Object.keys(_guards).forEach(function (key) {
     }
   });
 });
-var _computeNodeLevels = require("./compute-node-levels.cjs");
-Object.keys(_computeNodeLevels).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _computeNodeLevels[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _computeNodeLevels[key];
-    }
-  });
-});
-var _relations = require("./relations.cjs");
+var _relations = require("./relations");
 Object.keys(_relations).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _relations[key]) return;

package/dist/{utils/relations.cjs → cjs/utils/relations.js}

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.compareRelations = exports.Relations = void 0;
-var _fqn = require("./fqn.cjs");
+var _fqn = require("./fqn");
 var _rambdax = require("rambdax");
 const compareRelations = (a, b) => {
   return (0, _fqn.compareFqnHierarchically)(a.source, b.source) || (0, _fqn.compareFqnHierarchically)(a.target, b.target);

package/dist/esm/colors/element.d.ts

@@ -0,0 +1,68 @@
+export declare const ElementColors: {
+    readonly primary: {
+        fill: "#3b82f6";
+        stroke: "#2563eb";
+        hiContrast: "#eff6ff";
+        loContrast: "#bfdbfe";
+    };
+    readonly blue: {
+        fill: "#3b82f6";
+        stroke: "#2563eb";
+        hiContrast: "#eff6ff";
+        loContrast: "#bfdbfe";
+    };
+    readonly secondary: {
+        fill: "#0284c7";
+        stroke: "#0369a1";
+        hiContrast: "#f0f9ff";
+        loContrast: "#e0f2fe";
+    };
+    readonly sky: {
+        fill: "#0284c7";
+        stroke: "#0369a1";
+        hiContrast: "#f0f9ff";
+        loContrast: "#e0f2fe";
+    };
+    readonly muted: {
+        fill: "#64748b";
+        stroke: "#475569";
+        hiContrast: "#f8fafc";
+        loContrast: "#e2e8f0";
+    };
+    readonly slate: {
+        fill: "#64748b";
+        stroke: "#475569";
+        hiContrast: "#f8fafc";
+        loContrast: "#e2e8f0";
+    };
+    readonly gray: {
+        readonly fill: "#737373";
+        readonly stroke: "#525252";
+        readonly hiContrast: "#fafafa";
+        readonly loContrast: "#e5e5e5";
+    };
+    readonly red: {
+        readonly fill: "#b54548";
+        readonly stroke: "#8c333a";
+        readonly hiContrast: "#f8fafc";
+        readonly loContrast: "#F9C6C6";
+    };
+    readonly green: {
+        readonly fill: "#428a4f";
+        readonly stroke: "#2d5d39";
+        readonly hiContrast: "#f8fafc";
+        readonly loContrast: "#c2f0c2";
+    };
+    readonly amber: {
+        readonly fill: "#d97706";
+        readonly stroke: "#b45309";
+        readonly hiContrast: "#f8fafc";
+        readonly loContrast: "#ffe0c2";
+    };
+    readonly indigo: {
+        readonly fill: "#6366f1";
+        readonly stroke: "#4f46e5";
+        readonly hiContrast: "#eef2ff";
+        readonly loContrast: "#c7d2fe";
+    };
+};