@likec4/core 0.31.0 → 0.33.0

package/README.md

@@ -1,3 +1,14 @@
-# @likec4/core
+# LikeC4 Core
 
-Core likec4 types, errors, functions and utilities.
+[docs](https://likec4.dev/docs/) | [example](https://likec4.dev/examples/bigbank/likec4/)
+
+```bash
+npm install @likec4/core
+```
+
+Package contains:
+
+- types
+- view computation
+- utilities and guards
+- errors

package/dist/colors.d.ts

@@ -1,10 +1,3 @@
-type Color = `#${string}`;
-export interface ElementColors {
-    fill: Color;
-    stroke: Color;
-    hiContrast: Color;
-    loContrast: Color;
-}
 export declare const RelationColors: {
     readonly lineColor: "#a3a3a3";
     readonly labelColor: "#d4d4d4";
@@ -55,20 +48,20 @@ export declare const Colors: {
     readonly red: {
         readonly fill: "#ef4444";
         readonly stroke: "#dc2626";
-        readonly hiContrast: "#fef2f2";
-        readonly loContrast: "#fecaca";
+        readonly hiContrast: "#111827";
+        readonly loContrast: "#1f2937";
     };
     readonly green: {
         readonly fill: "#16a34a";
         readonly stroke: "#15803d";
-        readonly hiContrast: "#f0fdf4";
-        readonly loContrast: "#bbf7d0";
+        readonly hiContrast: "#111827";
+        readonly loContrast: "#1f2937";
     };
     readonly amber: {
         readonly fill: "#d97706";
         readonly stroke: "#b45309";
-        readonly hiContrast: "#fffbeb";
-        readonly loContrast: "#fde68a";
+        readonly hiContrast: "#111827";
+        readonly loContrast: "#1f2937";
     };
     readonly indigo: {
         readonly fill: "#6366f1";
@@ -77,5 +70,79 @@ export declare const Colors: {
         readonly loContrast: "#c7d2fe";
     };
 };
-export {};
-//# sourceMappingURL=colors.d.ts.map
+export declare const defaultTheme: {
+    readonly font: "Helvetica";
+    readonly shadow: "#0a0a0a";
+    readonly relation: {
+        readonly lineColor: "#a3a3a3";
+        readonly labelColor: "#d4d4d4";
+    };
+    readonly colors: {
+        readonly primary: {
+            fill: "#3b82f6";
+            stroke: "#2563eb";
+            hiContrast: "#eff6ff";
+            loContrast: "#dbeafe";
+        };
+        readonly blue: {
+            fill: "#3b82f6";
+            stroke: "#2563eb";
+            hiContrast: "#eff6ff";
+            loContrast: "#dbeafe";
+        };
+        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: "#ef4444";
+            readonly stroke: "#dc2626";
+            readonly hiContrast: "#111827";
+            readonly loContrast: "#1f2937";
+        };
+        readonly green: {
+            readonly fill: "#16a34a";
+            readonly stroke: "#15803d";
+            readonly hiContrast: "#111827";
+            readonly loContrast: "#1f2937";
+        };
+        readonly amber: {
+            readonly fill: "#d97706";
+            readonly stroke: "#b45309";
+            readonly hiContrast: "#111827";
+            readonly loContrast: "#1f2937";
+        };
+        readonly indigo: {
+            readonly fill: "#6366f1";
+            readonly stroke: "#4f46e5";
+            readonly hiContrast: "#eef2ff";
+            readonly loContrast: "#c7d2fe";
+        };
+    };
+};

package/dist/colors.js

@@ -1,95 +1,124 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultTheme = exports.RelationColors = exports.Colors = void 0;
 const blue = {
-    // fill: colors.blue[500],
-    // stroke: colors.blue[600],
-    // hiContrast: colors.blue[50],
-    // loContrast: colors.blue[100],
-    fill: '#3b82f6',
-    stroke: '#2563eb',
-    hiContrast: '#eff6ff',
-    loContrast: '#dbeafe'
+  // fill: colors.blue[500],
+  // stroke: colors.blue[600],
+  // hiContrast: colors.blue[50],
+  // loContrast: colors.blue[100],
+  fill: "#3b82f6",
+  stroke: "#2563eb",
+  hiContrast: "#eff6ff",
+  loContrast: "#dbeafe"
 };
 const sky = {
-    // fill: colors.sky[600],
-    // stroke: colors.sky[700],
-    // hiContrast: colors.sky[50],
-    // loContrast: colors.sky[100],
-    fill: '#0284c7',
-    stroke: '#0369a1',
-    hiContrast: '#f0f9ff',
-    loContrast: '#e0f2fe'
+  // fill: colors.sky[600],
+  // stroke: colors.sky[700],
+  // hiContrast: colors.sky[50],
+  // loContrast: colors.sky[100],
+  fill: "#0284c7",
+  stroke: "#0369a1",
+  hiContrast: "#f0f9ff",
+  loContrast: "#e0f2fe"
 };
 const slate = {
-    // fill: colors.slate[500],
-    // stroke: colors.slate[600],
-    // hiContrast: colors.slate[50],
-    // loContrast: colors.slate[200],
-    fill: '#64748b',
-    stroke: '#475569',
-    hiContrast: '#f8fafc',
-    loContrast: '#e2e8f0'
+  // fill: colors.slate[500],
+  // stroke: colors.slate[600],
+  // hiContrast: colors.slate[50],
+  // loContrast: colors.slate[200],
+  fill: "#64748b",
+  stroke: "#475569",
+  hiContrast: "#f8fafc",
+  loContrast: "#e2e8f0"
 };
-export const RelationColors = {
-    // lineColor: colors.neutral[400],
-    // labelColor: colors.neutral[300],
-    lineColor: '#a3a3a3',
-    labelColor: '#d4d4d4',
+const RelationColors = {
+  // lineColor: colors.neutral[400],
+  // labelColor: colors.neutral[300],
+  lineColor: "#a3a3a3",
+  labelColor: "#d4d4d4"
 };
-export const Colors = {
-    primary: blue,
-    blue,
-    secondary: sky,
-    sky,
-    muted: slate,
-    slate,
-    gray: {
-        // fill: colors.neutral[500],
-        // stroke: colors.neutral[600],
-        // hiContrast: colors.neutral[50],
-        // loContrast: colors.neutral[200],
-        fill: '#737373',
-        stroke: '#525252',
-        hiContrast: '#fafafa',
-        loContrast: '#e5e5e5'
-    },
-    red: {
-        // fill: colors.red[500],
-        // stroke: colors.red[600],
-        // hiContrast: colors.red[50],
-        // loContrast: colors.red[200],
-        fill: '#ef4444',
-        stroke: '#dc2626',
-        hiContrast: '#fef2f2',
-        loContrast: '#fecaca'
-    },
-    green: {
-        // fill: colors.green[600],
-        // stroke: colors.green[700],
-        // hiContrast: colors.green[50],
-        // loContrast: colors.green[200],
-        fill: '#16a34a',
-        stroke: '#15803d',
-        hiContrast: '#f0fdf4',
-        loContrast: '#bbf7d0'
-    },
-    amber: {
-        // fill: colors.amber[600],
-        // stroke: colors.amber[700],
-        // hiContrast: colors.amber[50],
-        // loContrast: colors.amber[200],
-        fill: '#d97706',
-        stroke: '#b45309',
-        hiContrast: '#fffbeb',
-        loContrast: '#fde68a'
-    },
-    indigo: {
-        // fill: colors.indigo[500],
-        // stroke: colors.indigo[600],
-        // hiContrast: colors.indigo[50],
-        // loContrast: colors.indigo[200],
-        fill: '#6366f1',
-        stroke: '#4f46e5',
-        hiContrast: '#eef2ff',
-        loContrast: '#c7d2fe'
-    }
+exports.RelationColors = RelationColors;
+const Colors = {
+  primary: blue,
+  blue,
+  secondary: sky,
+  sky,
+  muted: slate,
+  slate,
+  gray: {
+    // fill: colors.neutral[500],
+    // stroke: colors.neutral[600],
+    // hiContrast: colors.neutral[50],
+    // loContrast: colors.neutral[200],
+    fill: "#737373",
+    stroke: "#525252",
+    hiContrast: "#fafafa",
+    loContrast: "#e5e5e5"
+  },
+  red: {
+    // fill: colors.red[500],
+    // stroke: colors.red[600],
+    // hiContrast: colors.red[50],
+    // loContrast: colors.red[200],
+    fill: "#ef4444",
+    stroke: "#dc2626",
+    // hiContrast: '#fef2f2',
+    // loContrast: '#fecaca',
+    hiContrast: "#111827",
+    // colors.gray[900],
+    loContrast: "#1f2937"
+    // colors.gray[800],
+  },
+
+  green: {
+    // fill: colors.green[600],
+    // stroke: colors.green[700],
+    // hiContrast: colors.green[50],
+    // loContrast: colors.green[200],
+    fill: "#16a34a",
+    stroke: "#15803d",
+    hiContrast: "#111827",
+    // colors.gray[900],
+    // hiContrast: '#f0fdf4',
+    loContrast: "#1f2937"
+    // colors.gray[800],
+    // loContrast: '#bbf7d0'
+  },
+
+  amber: {
+    // fill: colors.amber[600],
+    // stroke: colors.amber[700],
+    // hiContrast: colors.amber[50],
+    // loContrast: colors.amber[200],
+    fill: "#d97706",
+    stroke: "#b45309",
+    // hiContrast: '#fffbeb',
+    // loContrast: '#fde68a',
+    hiContrast: "#111827",
+    // colors.gray[900],
+    loContrast: "#1f2937"
+    // colors.gray[800],
+  },
+
+  indigo: {
+    // fill: colors.indigo[500],
+    // stroke: colors.indigo[600],
+    // hiContrast: colors.indigo[50],
+    // loContrast: colors.indigo[200],
+    fill: "#6366f1",
+    stroke: "#4f46e5",
+    hiContrast: "#eef2ff",
+    loContrast: "#c7d2fe"
+  }
 };
-//# sourceMappingURL=colors.js.map
+exports.Colors = Colors;
+const defaultTheme = {
+  font: "Helvetica",
+  shadow: "#0a0a0a",
+  relation: RelationColors,
+  colors: Colors
+};
+exports.defaultTheme = defaultTheme;

package/dist/colors.mjs

@@ -0,0 +1,112 @@
+const blue = {
+  // fill: colors.blue[500],
+  // stroke: colors.blue[600],
+  // hiContrast: colors.blue[50],
+  // loContrast: colors.blue[100],
+  fill: "#3b82f6",
+  stroke: "#2563eb",
+  hiContrast: "#eff6ff",
+  loContrast: "#dbeafe"
+};
+const sky = {
+  // fill: colors.sky[600],
+  // stroke: colors.sky[700],
+  // hiContrast: colors.sky[50],
+  // loContrast: colors.sky[100],
+  fill: "#0284c7",
+  stroke: "#0369a1",
+  hiContrast: "#f0f9ff",
+  loContrast: "#e0f2fe"
+};
+const slate = {
+  // fill: colors.slate[500],
+  // stroke: colors.slate[600],
+  // hiContrast: colors.slate[50],
+  // loContrast: colors.slate[200],
+  fill: "#64748b",
+  stroke: "#475569",
+  hiContrast: "#f8fafc",
+  loContrast: "#e2e8f0"
+};
+export const RelationColors = {
+  // lineColor: colors.neutral[400],
+  // labelColor: colors.neutral[300],
+  lineColor: "#a3a3a3",
+  labelColor: "#d4d4d4"
+};
+export const Colors = {
+  primary: blue,
+  blue,
+  secondary: sky,
+  sky,
+  muted: slate,
+  slate,
+  gray: {
+    // fill: colors.neutral[500],
+    // stroke: colors.neutral[600],
+    // hiContrast: colors.neutral[50],
+    // loContrast: colors.neutral[200],
+    fill: "#737373",
+    stroke: "#525252",
+    hiContrast: "#fafafa",
+    loContrast: "#e5e5e5"
+  },
+  red: {
+    // fill: colors.red[500],
+    // stroke: colors.red[600],
+    // hiContrast: colors.red[50],
+    // loContrast: colors.red[200],
+    fill: "#ef4444",
+    stroke: "#dc2626",
+    // hiContrast: '#fef2f2',
+    // loContrast: '#fecaca',
+    hiContrast: "#111827",
+    // colors.gray[900],
+    loContrast: "#1f2937"
+    // colors.gray[800],
+  },
+  green: {
+    // fill: colors.green[600],
+    // stroke: colors.green[700],
+    // hiContrast: colors.green[50],
+    // loContrast: colors.green[200],
+    fill: "#16a34a",
+    stroke: "#15803d",
+    hiContrast: "#111827",
+    // colors.gray[900],
+    // hiContrast: '#f0fdf4',
+    loContrast: "#1f2937"
+    // colors.gray[800],
+    // loContrast: '#bbf7d0'
+  },
+  amber: {
+    // fill: colors.amber[600],
+    // stroke: colors.amber[700],
+    // hiContrast: colors.amber[50],
+    // loContrast: colors.amber[200],
+    fill: "#d97706",
+    stroke: "#b45309",
+    // hiContrast: '#fffbeb',
+    // loContrast: '#fde68a',
+    hiContrast: "#111827",
+    // colors.gray[900],
+    loContrast: "#1f2937"
+    // colors.gray[800],
+  },
+  indigo: {
+    // fill: colors.indigo[500],
+    // stroke: colors.indigo[600],
+    // hiContrast: colors.indigo[50],
+    // loContrast: colors.indigo[200],
+    fill: "#6366f1",
+    stroke: "#4f46e5",
+    hiContrast: "#eef2ff",
+    loContrast: "#c7d2fe"
+  }
+};
+export const defaultTheme = {
+  font: "Helvetica",
+  shadow: "#0a0a0a",
+  relation: RelationColors,
+  colors: Colors
+};

package/dist/compute-view/EdgeBuilder.d.ts

@@ -5,4 +5,3 @@ export declare class EdgeBuilder {
     add(source: Fqn, target: Fqn, relation: Relation): this;
     build(): ComputedEdge[];
 }
-//# sourceMappingURL=EdgeBuilder.d.ts.map

package/dist/compute-view/EdgeBuilder.js

@@ -1,35 +1,38 @@
-import { equals, head, keys, pluck, reject } from 'rambdax';
-import { commonAncestor } from '../utils/fqn';
-import { compareRelations } from '../utils/relations';
-export class EdgeBuilder {
-    _relationsObj = {};
-    add(source, target, relation) {
-        const bySource = this._relationsObj[source] ?? {};
-        const relations = bySource[target] ?? [];
-        relations.push(relation);
-        bySource[target] = relations;
-        this._relationsObj[source] = bySource;
-        return this;
-    }
-    build() {
-        return keys(this._relationsObj)
-            .flatMap(source => {
-            const targets = this._relationsObj[source] ?? {};
-            return keys(targets).map(target => {
-                const relations = (targets[target] ?? []).sort(compareRelations);
-                const label = head(reject(equals(''), pluck('title', relations))) ?? null;
-                return {
-                    id: `${source}:${target}`,
-                    parent: commonAncestor(source, target),
-                    source,
-                    target,
-                    label,
-                    relations: pluck('id', relations)
-                };
-            });
-        })
-            .sort(compareRelations)
-            .reverse();
-    }
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EdgeBuilder = void 0;
+var _rambdax = require("rambdax");
+var _fqn = require("../utils/fqn");
+var _relations = require("../utils/relations");
+class EdgeBuilder {
+  _relationsObj = {};
+  add(source, target, relation) {
+    const bySource = this._relationsObj[source] ?? {};
+    const relations = bySource[target] ?? [];
+    relations.push(relation);
+    bySource[target] = relations;
+    this._relationsObj[source] = bySource;
+    return this;
+  }
+  build() {
+    return (0, _rambdax.keys)(this._relationsObj).flatMap(source => {
+      const targets = this._relationsObj[source] ?? {};
+      return (0, _rambdax.keys)(targets).map(target => {
+        const relations = (targets[target] ?? []).sort(_relations.compareRelations);
+        const label = relations.find(r => r.title !== "")?.title ?? null;
+        return {
+          id: `${source}:${target}`,
+          parent: (0, _fqn.commonAncestor)(source, target),
+          source,
+          target,
+          label,
+          relations: (0, _rambdax.pluck)("id", relations)
+        };
+      });
+    }).sort(_relations.compareRelations).reverse();
+  }
 }
-//# sourceMappingURL=EdgeBuilder.js.map
+exports.EdgeBuilder = EdgeBuilder;

package/dist/compute-view/EdgeBuilder.mjs

@@ -0,0 +1,31 @@
+import { keys, pluck } from "rambdax";
+import { commonAncestor } from "../utils/fqn.mjs";
+import { compareRelations } from "../utils/relations.mjs";
+export class EdgeBuilder {
+  _relationsObj = {};
+  add(source, target, relation) {
+    const bySource = this._relationsObj[source] ?? {};
+    const relations = bySource[target] ?? [];
+    relations.push(relation);
+    bySource[target] = relations;
+    this._relationsObj[source] = bySource;
+    return this;
+  }
+  build() {
+    return keys(this._relationsObj).flatMap((source) => {
+      const targets = this._relationsObj[source] ?? {};
+      return keys(targets).map((target) => {
+        const relations = (targets[target] ?? []).sort(compareRelations);
+        const label = relations.find((r) => r.title !== "")?.title ?? null;
+        return {
+          id: `${source}:${target}`,
+          parent: commonAncestor(source, target),
+          source,
+          target,
+          label,
+          relations: pluck("id", relations)
+        };
+      });
+    }).sort(compareRelations).reverse();
+  }
+}

package/dist/compute-view/compute-ctx.d.ts

@@ -15,4 +15,3 @@ export declare class ComputeCtx {
     include({ elements, relations, implicits }: ComputeCtxPatch): ComputeCtx;
     exclude({ elements, relations, implicits }: ComputeCtxPatch): ComputeCtx;
 }
-//# sourceMappingURL=compute-ctx.d.ts.map

package/dist/compute-view/compute-ctx.js

@@ -1,26 +1,35 @@
-import { difference } from 'rambdax';
-export class ComputeCtx {
-    index;
-    root;
-    elements;
-    relations;
-    implicits;
-    constructor(index, root, elements = new Set(), relations = new Set(), implicits = new Set()) {
-        this.index = index;
-        this.root = root;
-        this.elements = elements;
-        this.relations = relations;
-        this.implicits = implicits;
-    }
-    include({ elements, relations, implicits }) {
-        return new ComputeCtx(this.index, this.root, elements ? new Set([...this.elements, ...elements]) : this.elements, relations ? new Set([...this.relations, ...relations]) : this.relations, implicits ? new Set([...this.implicits, ...implicits]) : this.implicits);
-    }
-    exclude({ elements, relations, implicits }) {
-        let newImplicits = implicits ? new Set(difference([...this.implicits], implicits)) : this.implicits;
-        if (elements) {
-            newImplicits = new Set(difference([...newImplicits], elements));
-        }
-        return new ComputeCtx(this.index, this.root, elements ? new Set(difference([...this.elements], elements)) : this.elements, relations ? new Set(difference([...this.relations], relations)) : this.relations, newImplicits);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ComputeCtx = void 0;
+var _rambdax = require("rambdax");
+class ComputeCtx {
+  constructor(index, root, elements = /* @__PURE__ */new Set(), relations = /* @__PURE__ */new Set(), implicits = /* @__PURE__ */new Set()) {
+    this.index = index;
+    this.root = root;
+    this.elements = elements;
+    this.relations = relations;
+    this.implicits = implicits;
+  }
+  include({
+    elements,
+    relations,
+    implicits
+  }) {
+    return new ComputeCtx(this.index, this.root, elements ? /* @__PURE__ */new Set([...this.elements, ...elements]) : this.elements, relations ? /* @__PURE__ */new Set([...this.relations, ...relations]) : this.relations, implicits ? /* @__PURE__ */new Set([...this.implicits, ...implicits]) : this.implicits);
+  }
+  exclude({
+    elements,
+    relations,
+    implicits
+  }) {
+    let newImplicits = implicits ? new Set((0, _rambdax.difference)([...this.implicits], implicits)) : this.implicits;
+    if (elements) {
+      newImplicits = new Set((0, _rambdax.difference)([...newImplicits], elements));
     }
+    return new ComputeCtx(this.index, this.root, elements ? new Set((0, _rambdax.difference)([...this.elements], elements)) : this.elements, relations ? new Set((0, _rambdax.difference)([...this.relations], relations)) : this.relations, newImplicits);
+  }
 }
-//# sourceMappingURL=compute-ctx.js.map
+exports.ComputeCtx = ComputeCtx;