@likec4/core 0.37.1 → 0.41.0

package/README.md

@@ -1,10 +1,6 @@
-# LikeC4 Core
+# `@likec4/core`
 
-[docs](https://likec4.dev/docs/) | [example](https://likec4.dev/examples/bigbank/likec4/)
-
-```bash
-npm install @likec4/core
-```
+[docs](https://likec4.dev/docs/)
 
 Package contains:
 

package/dist/cjs/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";
+    };
+};

package/dist/{colors.js → cjs/colors/element.js}

@@ -1,40 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ElementColors = 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"
+  loContrast: "#bfdbfe"
 };
 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 = {
+const ElementColors = {
   primary: blue,
   blue,
   secondary: sky,
@@ -56,28 +44,22 @@ export const Colors = {
     // stroke: colors.red[600],
     // hiContrast: colors.red[50],
     // loContrast: colors.red[200],
-    fill: "#ef4444",
-    stroke: "#dc2626",
+    fill: "#b54548",
+    stroke: "#8c333a",
     // hiContrast: '#fef2f2',
     // loContrast: '#fecaca',
-    hiContrast: "#111827",
-    // colors.gray[900],
-    loContrast: "#1f2937"
-    // colors.gray[800],
+    // hiContrast: '#191111', // colors.gray[900],
+    // loContrast: '#3b1219' // colors.gray[800],
+    hiContrast: "#f8fafc",
+    // hiContrast: '#f8fafc',
+    // loContrast: '#fdd8d8' // radix black red 12
+    loContrast: "#F9C6C6"
   },
   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'
+    fill: "#428a4f",
+    stroke: "#2d5d39",
+    hiContrast: "#f8fafc",
+    loContrast: "#c2f0c2"
   },
   amber: {
     // fill: colors.amber[600],
@@ -88,11 +70,12 @@ export const Colors = {
     stroke: "#b45309",
     // hiContrast: '#fffbeb',
     // loContrast: '#fde68a',
-    hiContrast: "#111827",
+    hiContrast: "#f8fafc",
     // colors.gray[900],
-    loContrast: "#1f2937"
+    loContrast: "#ffe0c2"
     // colors.gray[800],
   },
+
   indigo: {
     // fill: colors.indigo[500],
     // stroke: colors.indigo[600],
@@ -104,9 +87,4 @@ export const Colors = {
     loContrast: "#c7d2fe"
   }
 };
-export const defaultTheme = {
-  font: "Helvetica",
-  shadow: "#0a0a0a",
-  relation: RelationColors,
-  colors: Colors
-};
+exports.ElementColors = ElementColors;

package/dist/cjs/colors/index.d.ts

@@ -0,0 +1,132 @@
+import { ElementColors } from './element';
+import { RelationshipColors } from './relationships';
+export declare const defaultTheme: {
+    elements: {
+        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";
+        };
+    };
+    relationships: {
+        amber: {
+            lineColor: "#b45309";
+            labelBgColor: "#78350f";
+            labelColor: "#f59e0b";
+        };
+        blue: {
+            lineColor: "#3b82f6";
+            labelBgColor: "#172554";
+            labelColor: "#60a5fa";
+        };
+        gray: {
+            lineColor: "#6E6E6E";
+            labelBgColor: "#18191b";
+            labelColor: "#C6C6C6";
+        };
+        green: {
+            lineColor: "#15803d";
+            labelBgColor: "#052e16";
+            labelColor: "#22c55e";
+        };
+        indigo: {
+            lineColor: "#6366f1";
+            labelBgColor: "#1e1b4b";
+            labelColor: "#818cf8";
+        };
+        muted: {
+            lineColor: "#64748b";
+            labelBgColor: "#0f172a";
+            labelColor: "#cbd5e1";
+        };
+        primary: {
+            lineColor: "#3b82f6";
+            labelBgColor: "#172554";
+            labelColor: "#60a5fa";
+        };
+        red: {
+            lineColor: "#b91c1c";
+            labelBgColor: "#b91c1c";
+            labelColor: "#dc2626";
+        };
+        secondary: {
+            lineColor: "#0ea5e9";
+            labelBgColor: "#082f49";
+            labelColor: "#38bdf8";
+        };
+        sky: {
+            lineColor: "#0ea5e9";
+            labelBgColor: "#082f49";
+            labelColor: "#38bdf8";
+        };
+        slate: {
+            lineColor: "#64748b";
+            labelBgColor: "#0f172a";
+            labelColor: "#cbd5e1";
+        };
+    };
+    font: "Helvetica";
+    shadow: "#0a0a0a";
+};
+export { ElementColors, RelationshipColors };

package/dist/cjs/colors/index.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ElementColors", {
+  enumerable: true,
+  get: function () {
+    return _element.ElementColors;
+  }
+});
+Object.defineProperty(exports, "RelationshipColors", {
+  enumerable: true,
+  get: function () {
+    return _relationships.RelationshipColors;
+  }
+});
+exports.defaultTheme = void 0;
+var _element = require("./element");
+var _relationships = require("./relationships");
+const defaultTheme = {
+  elements: _element.ElementColors,
+  relationships: _relationships.RelationshipColors,
+  font: "Helvetica",
+  shadow: "#0a0a0a"
+};
+exports.defaultTheme = defaultTheme;

package/dist/cjs/colors/relationships.d.ts

@@ -0,0 +1,57 @@
+export declare const RelationshipColors: {
+    amber: {
+        lineColor: "#b45309";
+        labelBgColor: "#78350f";
+        labelColor: "#f59e0b";
+    };
+    blue: {
+        lineColor: "#3b82f6";
+        labelBgColor: "#172554";
+        labelColor: "#60a5fa";
+    };
+    gray: {
+        lineColor: "#6E6E6E";
+        labelBgColor: "#18191b";
+        labelColor: "#C6C6C6";
+    };
+    green: {
+        lineColor: "#15803d";
+        labelBgColor: "#052e16";
+        labelColor: "#22c55e";
+    };
+    indigo: {
+        lineColor: "#6366f1";
+        labelBgColor: "#1e1b4b";
+        labelColor: "#818cf8";
+    };
+    muted: {
+        lineColor: "#64748b";
+        labelBgColor: "#0f172a";
+        labelColor: "#cbd5e1";
+    };
+    primary: {
+        lineColor: "#3b82f6";
+        labelBgColor: "#172554";
+        labelColor: "#60a5fa";
+    };
+    red: {
+        lineColor: "#b91c1c";
+        labelBgColor: "#b91c1c";
+        labelColor: "#dc2626";
+    };
+    secondary: {
+        lineColor: "#0ea5e9";
+        labelBgColor: "#082f49";
+        labelColor: "#38bdf8";
+    };
+    sky: {
+        lineColor: "#0ea5e9";
+        labelBgColor: "#082f49";
+        labelColor: "#38bdf8";
+    };
+    slate: {
+        lineColor: "#64748b";
+        labelBgColor: "#0f172a";
+        labelColor: "#cbd5e1";
+    };
+};

package/dist/cjs/colors/relationships.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RelationshipColors = void 0;
+const gray = {
+  lineColor: "#6E6E6E",
+  labelBgColor: "#18191b",
+  labelColor: "#C6C6C6"
+};
+const slate = {
+  lineColor: "#64748b",
+  // 500
+  labelBgColor: "#0f172a",
+  // 900
+  labelColor: "#cbd5e1"
+  // 300
+};
+
+const blue = {
+  lineColor: "#3b82f6",
+  // 500
+  labelBgColor: "#172554",
+  // 950
+  labelColor: "#60a5fa"
+  // 400
+};
+
+const sky = {
+  lineColor: "#0ea5e9",
+  // 500
+  labelBgColor: "#082f49",
+  // 950
+  labelColor: "#38bdf8"
+  // 400
+};
+
+const RelationshipColors = {
+  amber: {
+    lineColor: "#b45309",
+    labelBgColor: "#78350f",
+    labelColor: "#f59e0b"
+  },
+  blue,
+  gray,
+  green: {
+    lineColor: "#15803d",
+    // 700
+    labelBgColor: "#052e16",
+    //950
+    labelColor: "#22c55e"
+    // 500
+  },
+
+  indigo: {
+    lineColor: "#6366f1",
+    // 500
+    labelBgColor: "#1e1b4b",
+    // 950
+    labelColor: "#818cf8"
+    // 400
+  },
+
+  muted: slate,
+  primary: blue,
+  red: {
+    lineColor: "#b91c1c",
+    labelBgColor: "#b91c1c",
+    labelColor: "#dc2626"
+  },
+  secondary: sky,
+  sky,
+  slate
+};
+exports.RelationshipColors = RelationshipColors;

package/dist/cjs/errors/index.d.ts

@@ -0,0 +1,45 @@
+import { CustomError } from 'ts-custom-error';
+export interface BaseErrorOptions {
+    cause?: unknown;
+}
+/**
+ * Base class for all errors in the LikeC4 library.
+ */
+export declare class BaseError extends CustomError {
+    constructor(message: string, options?: BaseErrorOptions);
+}
+export declare class InvalidArgError extends BaseError {
+    constructor(message: string, options?: BaseErrorOptions);
+}
+/**
+ * Unknown error, mosly probably a bug, unhandled case or coming from a third-party library.
+ */
+export declare class UnknownError extends BaseError {
+    constructor(message: string, options?: BaseErrorOptions);
+}
+export declare class NullableError extends BaseError {
+    constructor(message: string, options?: BaseErrorOptions);
+}
+export declare class InvariantError extends BaseError {
+    constructor(message: string, options?: BaseErrorOptions);
+}
+export declare function nonNullable<T>(value: T, message?: string): T & {};
+export declare class RelationRefError extends BaseError {
+    constructor(message: string, options?: BaseErrorOptions);
+}
+export declare function normalizeError(e: unknown): BaseError;
+export declare function serializeError(e: unknown): {
+    name: string;
+    message: string;
+    error: BaseError;
+};
+export declare function throwNormalizedError(e: unknown): never;
+export declare function invariant(condition: any, message?: string): asserts condition;
+export declare class NonExhaustiveError extends BaseError {
+    constructor(message: string, options?: BaseErrorOptions);
+}
+export declare function nonexhaustive(value: never): never;
+export declare class InvalidModelError extends BaseError {
+    constructor(message: string, options?: BaseErrorOptions);
+}
+export declare function ensureModel(condition: any, message?: string): asserts condition;

package/dist/cjs/errors/index.js

@@ -0,0 +1,137 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UnknownError = exports.RelationRefError = exports.NullableError = exports.NonExhaustiveError = exports.InvariantError = exports.InvalidModelError = exports.InvalidArgError = exports.BaseError = void 0;
+exports.ensureModel = ensureModel;
+exports.invariant = invariant;
+exports.nonNullable = nonNullable;
+exports.nonexhaustive = nonexhaustive;
+exports.normalizeError = normalizeError;
+exports.serializeError = serializeError;
+exports.throwNormalizedError = throwNormalizedError;
+var _safeStableStringify = _interopRequireDefault(require("safe-stable-stringify"));
+var _tsCustomError = require("ts-custom-error");
+var _guards = require("../utils/guards");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+class BaseError extends _tsCustomError.CustomError {
+  constructor(message, options) {
+    super(message, options);
+    Object.defineProperty(this, "name", {
+      value: "BaseError"
+    });
+  }
+}
+exports.BaseError = BaseError;
+class InvalidArgError extends BaseError {
+  constructor(message, options) {
+    super(message, options);
+    Object.defineProperty(this, "name", {
+      value: "InvalidArgError"
+    });
+  }
+}
+exports.InvalidArgError = InvalidArgError;
+class UnknownError extends BaseError {
+  constructor(message, options) {
+    super(message, options);
+    Object.defineProperty(this, "name", {
+      value: "UnknownError"
+    });
+  }
+}
+exports.UnknownError = UnknownError;
+class NullableError extends BaseError {
+  constructor(message, options) {
+    super(message, options);
+    Object.defineProperty(this, "name", {
+      value: "NullableError"
+    });
+  }
+}
+exports.NullableError = NullableError;
+class InvariantError extends BaseError {
+  constructor(message, options) {
+    super(message, options);
+    Object.defineProperty(this, "name", {
+      value: "InvariantError"
+    });
+  }
+}
+exports.InvariantError = InvariantError;
+function nonNullable(value, message) {
+  if (typeof value === "undefined" || value == null) {
+    throw new NullableError(message ?? `Expected defined value, but received ${value}`);
+  }
+  return value;
+}
+class RelationRefError extends BaseError {
+  constructor(message, options) {
+    super(message, options);
+    Object.defineProperty(this, "name", {
+      value: "RelationRefError"
+    });
+  }
+}
+exports.RelationRefError = RelationRefError;
+function normalizeError(e) {
+  if (e instanceof BaseError) {
+    return e;
+  }
+  if (e instanceof Error) {
+    return new UnknownError(e.message, {
+      cause: e
+    });
+  }
+  if (e === null || e === void 0) {
+    return new UnknownError("Undefined error");
+  }
+  const message = (0, _guards.isString)(e) ? e : (0, _safeStableStringify.default)(e);
+  return new UnknownError(message);
+}
+function serializeError(e) {
+  const error = normalizeError(e);
+  return {
+    name: error.name,
+    message: error.stack ? error.stack : `${error.name}: ${error.message}`,
+    error
+  };
+}
+function throwNormalizedError(e) {
+  throw normalizeError(e);
+}
+function invariant(condition, message) {
+  if (condition) {
+    return;
+  }
+  throw new InvariantError(message ?? "Invariant failed");
+}
+class NonExhaustiveError extends BaseError {
+  constructor(message, options) {
+    super(message, options);
+    Object.defineProperty(this, "name", {
+      value: "NonExhaustiveError"
+    });
+  }
+}
+exports.NonExhaustiveError = NonExhaustiveError;
+function nonexhaustive(value) {
+  const val = typeof value === "string" ? value : (0, _safeStableStringify.default)(value);
+  throw new NonExhaustiveError(`NonExhaustive value: ${val}`);
+}
+class InvalidModelError extends BaseError {
+  constructor(message, options) {
+    super(message, options);
+    Object.defineProperty(this, "name", {
+      value: "InvalidModelError"
+    });
+  }
+}
+exports.InvalidModelError = InvalidModelError;
+function ensureModel(condition, message) {
+  if (condition) {
+    return;
+  }
+  throw new InvalidModelError(message ?? "ModelIndex Invariant failed");
+}

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

@@ -1,8 +1,6 @@
-export * from './types';
-export * from './utils';
-export * from './model-index';
-export * from './compute-view';
 export * from './colors';
 export * from './errors';
-export type * as c4 from './types';
+export * from './types';
+export * from './utils';
 export type * as likec4 from './types';
+export type * as c4 from './types';