@likec4/generators 1.47.0 → 1.48.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@likec4/generators",
-  "version": "1.47.0",
+  "version": "1.48.0",
   "license": "MIT",
   "bugs": "https://github.com/likec4/likec4/issues",
   "homepage": "https://likec4.dev",
@@ -9,9 +9,10 @@
   "files": [
     "dist",
     "src",
-    "!**/*.spec.ts",
-    "!**/__mocks__/*",
-    "!**/__snapshots__/*",
+    "**/package.json",
+    "!**/__*/**",
+    "!**/*.spec.*",
+    "!**/*.snap",
     "!**/*.map"
   ],
   "repository": {
@@ -25,9 +26,9 @@
     ".": {
       "sources": "./src/index.ts",
       "default": {
-        "types": "./dist/index.d.ts",
-        "import": "./dist/index.js",
-        "default": "./dist/index.js"
+        "types": "./dist/index.d.mts",
+        "import": "./dist/index.mjs",
+        "default": "./dist/index.mjs"
       }
     }
   },
@@ -36,27 +37,29 @@
     "access": "public"
   },
   "dependencies": {
+    "remeda": "^2.32.0",
     "json5": "^2.2.3",
     "langium": "3.5.0",
-    "remeda": "^2.32.0",
-    "@likec4/core": "1.47.0"
+    "@likec4/core": "1.48.0",
+    "@likec4/log": "1.48.0"
   },
   "devDependencies": {
-    "@types/node": "~22.19.3",
+    "@types/node": "~22.19.7",
     "typescript": "5.9.3",
-    "unbuild": "3.5.0",
-    "vitest": "4.0.16",
-    "@likec4/devops": "1.42.0",
-    "@likec4/tsconfig": "1.46.1"
+    "obuild": "^0.4.20",
+    "vitest": "4.0.18",
+    "@likec4/tsconfig": "1.48.0",
+    "@likec4/devops": "1.42.0"
   },
   "scripts": {
     "typecheck": "tsc -b --verbose",
-    "build": "unbuild",
+    "build": "obuild",
     "lint": "run -T eslint src/ --fix",
     "clean": "likec4ops clean",
+    "pack": "pnpm pack",
     "test": "vitest run --no-isolate",
     "test:watch": "vitest"
   },
-  "types": "dist/index.d.ts",
-  "module": "dist/index.js"
+  "types": "dist/index.d.mts",
+  "module": "dist/index.mjs"
 }

package/src/react/generate-react-types.ts

@@ -19,7 +19,7 @@ export function generateReactTypes(model: AnyLikeC4Model, options: { useCorePack
 import type { PropsWithChildren } from 'react'
 import type { JSX } from 'react/jsx-runtime'
 import type { LikeC4Model } from '${useCorePackage ? '@likec4/core' : 'likec4'}/model'
-import type { DiagramView } from '${useCorePackage ? '@likec4/core/types' : 'likec4/model'}'
+import type { LayoutedView } from '${useCorePackage ? '@likec4/core/types' : 'likec4/model'}'
 import type {
   LikeC4ViewProps as GenericLikeC4ViewProps,
   ReactLikeC4Props as GenericReactLikeC4Props
@@ -31,7 +31,7 @@ declare function isLikeC4ViewId(value: unknown): value is $ViewId;
 
 declare const likec4model: LikeC4Model<$Aux>;
 declare function useLikeC4Model(): LikeC4Model<$Aux>;
-declare function useLikeC4View(viewId: $ViewId): DiagramView<$Aux>;
+declare function useLikeC4View(viewId: $ViewId): LayoutedView<$Aux>;
 
 declare function LikeC4ModelProvider(props: PropsWithChildren): JSX.Element;
 

package/dist/d2/generate-d2.d.ts

@@ -1,3 +0,0 @@
-import type { LikeC4ViewModel } from '@likec4/core/model';
-import type { aux } from '@likec4/core/types';
-export declare function generateD2(viewmodel: LikeC4ViewModel<aux.Unknown>): any;

package/dist/d2/generate-d2.js

@@ -1,87 +0,0 @@
-import { CompositeGeneratorNode, joinToNode, NL, toString } from "langium/generate";
-import { isNullish as isNil } from "remeda";
-const capitalizeFirstLetter = (value) => value.charAt(0).toLocaleUpperCase() + value.slice(1);
-const fqnName = (nodeId) => nodeId.split(".").map(capitalizeFirstLetter).join("");
-const nodeName = (node) => {
-  return fqnName(node.parent ? node.id.slice(node.parent.length + 1) : node.id);
-};
-const d2direction = ({ autoLayout }) => {
-  switch (autoLayout.direction) {
-    case "TB": {
-      return "down";
-    }
-    case "BT": {
-      return "up";
-    }
-    case "LR": {
-      return "right";
-    }
-    case "RL": {
-      return "left";
-    }
-  }
-};
-const d2shape = ({ shape }) => {
-  switch (shape) {
-    case "queue":
-    case "cylinder":
-    case "rectangle":
-    case "document": {
-      return shape;
-    }
-    case "person": {
-      return "c4-person";
-    }
-    case "storage": {
-      return "stored_data";
-    }
-    case "bucket":
-    case "mobile":
-    case "browser": {
-      return "rectangle";
-    }
-  }
-};
-export function generateD2(viewmodel) {
-  const view = viewmodel.$view;
-  const { nodes, edges } = view;
-  const names = /* @__PURE__ */ new Map();
-  const printNode = (node, parentName) => {
-    const name = nodeName(node);
-    const fqnName2 = (parentName ? parentName + "." : "") + name;
-    names.set(node.id, fqnName2);
-    const label = JSON.stringify(node.title);
-    const shape = d2shape(node);
-    return new CompositeGeneratorNode().append(name, ": {", NL).indent({
-      indentedChildren: (indent) => indent.append("label: ", label, NL).appendIf(shape !== "rectangle", "shape: ", shape, NL).appendIf(
-        node.children.length > 0,
-        NL,
-        joinToNode(
-          nodes.filter((n) => n.parent === node.id),
-          (n) => printNode(n, fqnName2)
-        )
-      ),
-      indentation: 2
-    }).append("}", NL);
-  };
-  const printEdge = (edge) => {
-    return new CompositeGeneratorNode().append(names.get(edge.source), " -> ", names.get(edge.target)).append((out) => edge.label && out.append(": ", JSON.stringify(edge.label)));
-  };
-  return toString(
-    new CompositeGeneratorNode().append("direction: ", d2direction(view), NL, NL).append(
-      joinToNode(
-        nodes.filter((n) => isNil(n.parent)),
-        (n) => printNode(n),
-        {
-          appendNewLineIfNotEmpty: true
-        }
-      )
-    ).appendIf(
-      edges.length > 0,
-      NL,
-      joinToNode(edges, (e) => printEdge(e), {
-        appendNewLineIfNotEmpty: true
-      })
-    )
-  );
-}

package/dist/d2/index.d.ts

@@ -1 +0,0 @@
-export * from './generate-d2';

package/dist/d2/index.js

@@ -1 +0,0 @@
-export * from "./generate-d2.js";

package/dist/index.d.ts

@@ -1,7 +0,0 @@
-export { generateD2 } from './d2/generate-d2';
-export { generateMermaid } from './mmd/generate-mmd';
-export { generateLikeC4Model } from './model/generate-likec4-model';
-export { generatePuml } from './puml/generate-puml';
-export { generateReactNext } from './react-next/generate-react-next';
-export { generateReactTypes } from './react/generate-react-types';
-export { generateViewsDataDTs, generateViewsDataJs, generateViewsDataTs } from './views-data-ts/generate-views-data';

package/dist/index.js

@@ -1,7 +0,0 @@
-export { generateD2 } from "./d2/generate-d2.js";
-export { generateMermaid } from "./mmd/generate-mmd.js";
-export { generateLikeC4Model } from "./model/generate-likec4-model.js";
-export { generatePuml } from "./puml/generate-puml.js";
-export { generateReactNext } from "./react-next/generate-react-next.js";
-export { generateReactTypes } from "./react/generate-react-types.js";
-export { generateViewsDataDTs, generateViewsDataJs, generateViewsDataTs } from "./views-data-ts/generate-views-data.js";

package/dist/mmd/generate-mmd.d.ts

@@ -1,3 +0,0 @@
-import type { LikeC4ViewModel } from '@likec4/core/model';
-import type { aux } from '@likec4/core/types';
-export declare function generateMermaid(viewmodel: LikeC4ViewModel<aux.Unknown>): any;

package/dist/mmd/generate-mmd.js

@@ -1,107 +0,0 @@
-import { nonexhaustive } from "@likec4/core";
-import { CompositeGeneratorNode, joinToNode, NL, toString } from "langium/generate";
-import { isNullish as isNil } from "remeda";
-const capitalizeFirstLetter = (value) => value.charAt(0).toLocaleUpperCase() + value.slice(1);
-const fqnName = (nodeId) => nodeId.split(".").map(capitalizeFirstLetter).join("");
-const nodeName = (node) => {
-  return fqnName(node.parent ? node.id.slice(node.parent.length + 1) : node.id);
-};
-const toSingleQuotes = (str) => str.replace(/\\?"/g, `'`);
-const mmdshape = ({ shape, title }) => {
-  const label = `label: ${JSON.stringify(title)}`;
-  switch (shape) {
-    case "queue": {
-      return `@{ shape: horizontal-cylinder, ${label} }`;
-    }
-    case "person": {
-      return `@{ icon: "fa:user", shape: rounded, ${label} }`;
-    }
-    case "storage": {
-      return `@{ shape: disk, ${label} }`;
-    }
-    case "cylinder": {
-      return `@{ shape: cylinder, ${label} }`;
-    }
-    case "mobile":
-    case "browser": {
-      return `@{ shape: rounded, ${label} }`;
-    }
-    case "bucket": {
-      return `@{ shape: trap-t, ${label} }`;
-    }
-    case "rectangle": {
-      return `@{ shape: rectangle, ${label} }`;
-    }
-    case "document": {
-      return `@{ shape: doc, ${label} }`;
-    }
-    default:
-      nonexhaustive(shape);
-  }
-};
-export function generateMermaid(viewmodel) {
-  const view = viewmodel.$view;
-  const { nodes, edges } = view;
-  const names = /* @__PURE__ */ new Map();
-  const printNode = (node, parentName) => {
-    const name = nodeName(node);
-    const fqnName2 = (parentName ? parentName + "." : "") + name;
-    names.set(node.id, fqnName2);
-    const baseNode = new CompositeGeneratorNode();
-    if (node.children.length > 0) {
-      const label = toSingleQuotes(node.title);
-      baseNode.append("subgraph ", fqnName2, '["`', label, '`"]', NL).indent({
-        indentedChildren: [
-          joinToNode(
-            nodes.filter((n) => n.parent === node.id),
-            (n) => printNode(n, fqnName2),
-            {
-              appendNewLineIfNotEmpty: true
-            }
-          )
-        ],
-        indentation: 2
-      }).append("end", NL);
-    } else {
-      baseNode.append(fqnName2, mmdshape(node));
-    }
-    return baseNode;
-  };
-  const printEdge = (edge) => {
-    return new CompositeGeneratorNode().append(
-      names.get(edge.source),
-      " -.",
-      edge.label ? ' "`' + toSingleQuotes(edge.label) + '`" .-' : "-",
-      "> ",
-      names.get(edge.target)
-    );
-  };
-  return toString(
-    new CompositeGeneratorNode().append(
-      "---",
-      NL,
-      `title: ${JSON.stringify(toSingleQuotes(viewmodel.titleOrId))}`,
-      NL,
-      "---",
-      NL
-    ).append("graph ", view.autoLayout.direction, NL).indent({
-      indentedChildren: (indent) => {
-        indent.append(
-          joinToNode(
-            nodes.filter((n) => isNil(n.parent)),
-            (n) => printNode(n),
-            {
-              appendNewLineIfNotEmpty: true
-            }
-          )
-        ).appendIf(
-          edges.length > 0,
-          joinToNode(edges, (e) => printEdge(e), {
-            appendNewLineIfNotEmpty: true
-          })
-        );
-      },
-      indentation: 2
-    })
-  );
-}

package/dist/mmd/index.d.ts

@@ -1 +0,0 @@
-export * from './generate-mmd';

package/dist/mmd/index.js

@@ -1 +0,0 @@
-export * from "./generate-mmd.js";

package/dist/model/generate-aux.d.ts

@@ -1,4 +0,0 @@
-import type { AnyLikeC4Model } from '@likec4/core/model';
-export declare function generateAux(model: AnyLikeC4Model, options?: {
-    useCorePackage?: boolean;
-}): string;

package/dist/model/generate-aux.js

@@ -1,67 +0,0 @@
-import {
-  compareNatural,
-  sortNaturalByFqn
-} from "@likec4/core/utils";
-import { keys, map, pipe, values } from "remeda";
-function toUnion(elements) {
-  if (elements.length === 0) {
-    return "never";
-  }
-  let union = elements.sort(compareNatural).map((v) => `  | ${JSON.stringify(v)}`);
-  return union.join("\n").trimStart();
-}
-function elementIdToUnion(_elements) {
-  const elements = values(_elements);
-  if (elements.length === 0) {
-    return "never";
-  }
-  let union = pipe(
-    elements,
-    sortNaturalByFqn,
-    map((v) => `  | ${JSON.stringify(v.id)}`)
-  );
-  return union.join("\n").trimStart();
-}
-export function generateAux(model, options = {}) {
-  const { useCorePackage = false } = options;
-  return `
-import type { Aux, SpecAux } from '${useCorePackage ? "@likec4/core/types" : "likec4/model"}';
-
-export type $Specs = SpecAux<
-  // Element kinds
-  ${toUnion(keys(model.specification.elements))},
-  // Deployment kinds
-  ${toUnion(keys(model.specification.deployments ?? {}))},
-  // Relationship kinds
-  ${toUnion(keys(model.specification.relationships ?? {}))},
-  // Tags
-  ${toUnion(keys(model.specification.tags ?? {}))},
-  // Metadata keys
-  ${toUnion(model.specification.metadataKeys ?? [])}
->
-
-export type $Aux = Aux<
-  ${JSON.stringify(model.stage)},
-  // Elements
-  ${elementIdToUnion(model.$data.elements)},
-  // Deployments
-  ${elementIdToUnion(model.$data.deployments.elements)},
-  // Views
-  ${toUnion(keys(model.$data.views))},
-  // Project ID
-  ${JSON.stringify(model.projectId)},
-  $Specs
->
-
-export type $ElementId = $Aux['ElementId']
-export type $DeploymentId = $Aux['DeploymentId']
-export type $ViewId = $Aux['ViewId']
-
-export type $ElementKind = $Aux['ElementKind']
-export type $RelationKind = $Aux['RelationKind']
-export type $DeploymentKind = $Aux['DeploymentKind']
-export type $Tag = $Aux['Tag']
-export type $Tags = readonly $Aux['Tag'][]
-export type $MetadataKey = $Aux['MetadataKey']
-`.trimStart();
-}

package/dist/model/generate-likec4-model.d.ts

@@ -1,4 +0,0 @@
-import type { LikeC4Model } from '@likec4/core/model';
-export declare function generateLikeC4Model(model: LikeC4Model<any>, options?: {
-    useCorePackage?: boolean;
-}): string;

package/dist/model/generate-likec4-model.js

@@ -1,22 +0,0 @@
-import JSON5 from "json5";
-import { generateAux } from "./generate-aux.js";
-export function generateLikeC4Model(model, options = {}) {
-  const aux = generateAux(model, options);
-  const { useCorePackage = false } = options;
-  return `
-/* prettier-ignore-start */
-/* eslint-disable */
-
-/******************************************************************************
- * This file was generated
- * DO NOT EDIT MANUALLY!
- ******************************************************************************/
-
-import { LikeC4Model } from '${useCorePackage ? "@likec4/core" : "likec4"}/model'
-${aux}
-
-export const likec4model: LikeC4Model<$Aux> = new LikeC4Model(${JSON5.stringify(model.$data, { space: 2, quote: "'" })} as any) as any
-
-/* prettier-ignore-end */
-`.trimStart();
-}

package/dist/model/generate-likec4.d.ts

@@ -1,2 +0,0 @@
-import type { ParsedLikeC4ModelData } from '@likec4/core';
-export declare function generateLikeC4(_model: ParsedLikeC4ModelData): void;

package/dist/model/generate-likec4.js

@@ -1,2 +0,0 @@
-export function generateLikeC4(_model) {
-}

package/dist/puml/generate-puml.d.ts

@@ -1,3 +0,0 @@
-import type { LikeC4ViewModel } from '@likec4/core/model';
-import type { aux } from '@likec4/core/types';
-export declare function generatePuml(viewmodel: LikeC4ViewModel<aux.Unknown>): any;

package/dist/puml/generate-puml.js

@@ -1,170 +0,0 @@
-import { nonexhaustive } from "@likec4/core";
-import { RichText } from "@likec4/core/types";
-import { CompositeGeneratorNode, joinToNode, NL, toString } from "langium/generate";
-import { isEmptyish, isNullish as isNil } from "remeda";
-const capitalizeFirstLetter = (value) => value.charAt(0).toLocaleUpperCase() + value.slice(1);
-const fqnName = (nodeId) => {
-  return nodeId.split(/[.-]/).map(capitalizeFirstLetter).join("");
-};
-const nodeName = (node) => {
-  return fqnName(node.parent ? node.id.slice(node.parent.length + 1) : node.id);
-};
-const pumlColor = (color, customColorProvider, defaultColor = "#3b82f6") => {
-  if (color) {
-    return customColorProvider(color) ?? defaultColor;
-  }
-  return defaultColor;
-};
-const pumlDirection = ({ autoLayout }) => {
-  switch (autoLayout.direction) {
-    case "TB": {
-      return "top to bottom";
-    }
-    case "BT": {
-      console.warn("Bottom to top direction is not supported. Defaulting to top to bottom.");
-      return "top to bottom";
-    }
-    case "LR": {
-      return "left to right";
-    }
-    case "RL": {
-      console.warn("Right to left direction is not supported. Defaulting to left to right.");
-      return "left to right";
-    }
-  }
-};
-const pumlShape = ({ shape }) => {
-  switch (shape) {
-    case "queue":
-    case "rectangle":
-    case "person": {
-      return shape;
-    }
-    case "storage":
-    case "cylinder": {
-      return "database";
-    }
-    case "document":
-    case "mobile":
-    case "bucket":
-    case "browser": {
-      return "rectangle";
-    }
-    default:
-      nonexhaustive(shape);
-  }
-};
-const escapeLabel = (label) => isEmptyish(label) ? null : JSON.stringify(label).slice(1, -1).replace(/\\"/g, '"');
-export function generatePuml(viewmodel) {
-  const view = viewmodel.$view;
-  const colors = viewmodel.$model.$styles.theme.colors;
-  const { nodes, edges } = view;
-  const elemntColorProvider = (key) => (colorKey) => colorKey in colors ? colors[colorKey].elements[key] : void 0;
-  const relationshipsColorProvider = (key) => (colorKey) => colorKey in colors ? colors[colorKey].relationships[key] : void 0;
-  const names = /* @__PURE__ */ new Map();
-  const printHeader = () => {
-    return new CompositeGeneratorNode().append('title "', viewmodel.titleOrId, '"', NL).append(pumlDirection(view), " direction", NL);
-  };
-  const printTheme = () => {
-    return new CompositeGeneratorNode().append("hide stereotype", NL).append("skinparam ranksep ", "60", NL).append("skinparam nodesep ", "30", NL).append("skinparam {", NL).indent({
-      indentedChildren: (indent) => indent.append("arrowFontSize ", "10", NL).append("defaultTextAlignment ", "center", NL).append("wrapWidth ", "200", NL).append("maxMessageSize ", "100", NL).append("shadowing ", "false", NL),
-      indentation: 2
-    }).append("}", NL);
-  };
-  const printStereotypes = (node) => {
-    const shape = pumlShape(node);
-    const fqn = fqnName(node.id);
-    return new CompositeGeneratorNode().append("skinparam ", shape, "<<", fqn, ">>", "{", NL).indent({
-      indentedChildren: (indent) => indent.append("BackgroundColor ", pumlColor(node.color, elemntColorProvider("fill")), NL).append(
-        "FontColor ",
-        pumlColor(node.color, elemntColorProvider("hiContrast"), "#FFFFFF"),
-        NL
-      ).append("BorderColor ", pumlColor(node.color, elemntColorProvider("stroke")), NL),
-      indentation: 2
-    }).append("}", NL);
-  };
-  const printNode = (node) => {
-    const shape = pumlShape(node);
-    const fqn = fqnName(node.id);
-    const label = escapeLabel(node.title) || nodeName(node);
-    const tech = escapeLabel(node.technology);
-    names.set(node.id, fqn);
-    const description = RichText.from(node.description);
-    return new CompositeGeneratorNode().append(shape, " ").append('"').append("==", label).appendIf(!!tech, `\\n<size:10>[`, tech, "]</size>").appendIf(description.nonEmpty, `\\n\\n`, escapeLabel(description.text)).append('"', " <<", fqn, ">> ", "as ", fqn, NL);
-  };
-  const printBoundary = (node) => {
-    const label = escapeLabel(node.title) || nodeName(node);
-    const fqn = fqnName(node.id);
-    names.set(node.id, fqn);
-    return new CompositeGeneratorNode().append('rectangle "', label, '" <<', fqn, ">> as ", fqn, " {", NL).indent({
-      indentedChildren: (indent) => indent.append(
-        "skinparam ",
-        "RectangleBorderColor<<",
-        fqn,
-        ">> ",
-        pumlColor(node.color, elemntColorProvider("fill")),
-        NL
-      ).append(
-        "skinparam ",
-        "RectangleFontColor<<",
-        fqn,
-        ">> ",
-        pumlColor(node.color, elemntColorProvider("fill")),
-        NL
-      ).append("skinparam ", "RectangleBorderStyle<<", fqn, ">> ", "dashed", NL, NL).append(joinToNode(
-        nodes.filter((n) => n.parent === node.id),
-        (c) => c.children.length > 0 ? printBoundary(c) : printNode(c)
-      )),
-      indentation: 2
-    }).append("}", NL);
-  };
-  const printEdge = (edge) => {
-    const tech = edge.technology || "";
-    const label = edge.label || tech;
-    const color = pumlColor(edge.color, relationshipsColorProvider("line"), "#777777");
-    const withColor = (text) => `<color:${color}>${text.replaceAll('"', `'`)}`;
-    const out = new CompositeGeneratorNode().append(
-      names.get(edge.source),
-      " .[",
-      color,
-      ",thickness=2].> ",
-      names.get(edge.target)
-    );
-    if (label || tech) {
-      out.append(
-        " : ",
-        // Prepend color to each line
-        label.split("\n").map((l) => isEmptyish(l) ? l : withColor(l)).join("\\n")
-      );
-      if (tech && tech !== label) {
-        out.append("\\n<size:8>[", withColor(tech), "]</size>");
-      }
-    }
-    return out.append(NL);
-  };
-  return toString(
-    new CompositeGeneratorNode().append("@startuml", NL).append(printHeader(), NL).append(printTheme(), NL).append(
-      joinToNode(
-        nodes.filter((n) => n.children.length == 0),
-        (n) => printStereotypes(n),
-        {
-          appendNewLineIfNotEmpty: true
-        }
-      )
-    ).append(
-      joinToNode(
-        nodes.filter((n) => isNil(n.parent)),
-        (n) => n.children.length > 0 ? printBoundary(n) : printNode(n),
-        {
-          appendNewLineIfNotEmpty: true
-        }
-      )
-    ).appendIf(
-      edges.length > 0,
-      NL,
-      joinToNode(edges, (e) => printEdge(e), {
-        appendNewLineIfNotEmpty: true
-      })
-    ).append(`@enduml`, NL)
-  );
-}

package/dist/puml/index.d.ts

@@ -1 +0,0 @@
-export { generatePuml } from './generate-puml';

package/dist/puml/index.js

@@ -1 +0,0 @@
-export { generatePuml } from "./generate-puml.js";

package/dist/react/generate-react-types.d.ts

@@ -1,4 +0,0 @@
-import type { AnyLikeC4Model } from '@likec4/core/model';
-export declare function generateReactTypes(model: AnyLikeC4Model, options?: {
-    useCorePackage?: boolean;
-}): string;