@likec4/generators 1.5.0 → 1.29.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023-2025 Denis Davydkov
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

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

@@ -1,3 +1,2 @@
 import type { ComputedView } from '@likec4/core';
-export declare function generateD2<V extends ComputedView>(view: V): string;
-//# sourceMappingURL=generate-d2.d.ts.map
+export declare function generateD2<V extends ComputedView>(view: V): any;

package/dist/d2/generate-d2.js

@@ -1,75 +1,82 @@
-import { CompositeGeneratorNode, joinToNode, NL, toString } from 'langium/generate';
-import { isNullish as isNil } from 'remeda';
+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 fqnName = (nodeId) => nodeId.split(".").map(capitalizeFirstLetter).join("");
 const nodeName = (node) => {
-    return fqnName(node.parent ? node.id.slice(node.parent.length + 1) : node.id);
+  return fqnName(node.parent ? node.id.slice(node.parent.length + 1) : node.id);
 };
 const d2direction = ({ autoLayout }) => {
-    switch (autoLayout) {
-        case 'TB': {
-            return 'down';
-        }
-        case 'BT': {
-            return 'up';
-        }
-        case 'LR': {
-            return 'right';
-        }
-        case 'RL': {
-            return 'left';
-        }
+  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 'person': {
-            return shape;
-        }
-        case 'storage': {
-            return 'stored_data';
-        }
-        case 'mobile':
-        case 'browser': {
-            return 'rectangle';
-        }
+  switch (shape) {
+    case "queue":
+    case "cylinder":
+    case "rectangle":
+    case "person": {
+      return shape;
+    }
+    case "storage": {
+      return "stored_data";
     }
+    case "mobile":
+    case "browser": {
+      return "rectangle";
+    }
+  }
 };
 export function generateD2(view) {
-    const { nodes, edges } = view;
-    const names = new Map();
-    const printNode = (node, parentName) => {
-        const name = nodeName(node);
-        const fqnName = (parentName ? parentName + '.' : '') + name;
-        names.set(node.id, fqnName);
-        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, fqnName))),
-            indentation: 2
-        })
-            .append('}', NL);
-    };
-    //     return `${names.get(edge.source)} -> ${names.get(edge.target)}${edge.label ? ': ' + edge.label : ''}`
-    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), {
+  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,2 +1 @@
 export * from './generate-d2';
-//# sourceMappingURL=index.d.ts.map

package/dist/d2/index.js

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

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { generateD2 } from './d2/generate-d2';
 export { generateMermaid } from './mmd/generate-mmd';
+export { generateLikeC4Model } from './model/generate-likec4-model';
 export { generateReactNext } from './react-next/generate-react-next';
-export { generateReact } from './react/generate-react';
+export { generateReactTypes } from './react/generate-react-types';
 export { generateViewsDataDTs, generateViewsDataJs, generateViewsDataTs } from './views-data-ts/generate-views-data';
-//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -1,5 +1,6 @@
-export { generateD2 } from './d2/generate-d2';
-export { generateMermaid } from './mmd/generate-mmd';
-export { generateReactNext } from './react-next/generate-react-next';
-export { generateReact } from './react/generate-react';
-export { generateViewsDataDTs, generateViewsDataJs, generateViewsDataTs } from './views-data-ts/generate-views-data';
+export { generateD2 } from "./d2/generate-d2.js";
+export { generateMermaid } from "./mmd/generate-mmd.js";
+export { generateLikeC4Model } from "./model/generate-likec4-model.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 +1,2 @@
 import type { ComputedView } from '@likec4/core';
-export declare function generateMermaid<V extends ComputedView>(view: V): string;
-//# sourceMappingURL=generate-mmd.d.ts.map
+export declare function generateMermaid<V extends ComputedView>(view: V): any;

package/dist/mmd/generate-mmd.js

@@ -1,72 +1,91 @@
-import { CompositeGeneratorNode, expandToNode, joinToNode, NL, NLEmpty, toString } from 'langium/generate';
-import { isNullish as isNil } from 'remeda';
+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 fqnName = (nodeId) => nodeId.split(".").map(capitalizeFirstLetter).join("");
 const nodeName = (node) => {
-    return fqnName(node.parent ? node.id.slice(node.parent.length + 1) : node.id);
+  return fqnName(node.parent ? node.id.slice(node.parent.length + 1) : node.id);
 };
 const mmdshape = ({ shape }) => {
-    switch (shape) {
-        case 'queue':
-        case 'cylinder':
-            return ['[(', ')]'];
-        case 'person': {
-            return ['[fa:fa-user ', ']'];
-        }
-        case 'storage':
-            return ['([', '])'];
-        case 'mobile':
-        case 'browser':
-        case 'rectangle': {
-            return ['[', ']'];
-        }
+  switch (shape) {
+    case "queue":
+    case "cylinder":
+      return ["[(", ")]"];
+    case "person": {
+      return ["[fa:fa-user ", "]"];
     }
+    case "storage":
+      return ["([", "])"];
+    case "mobile":
+    case "browser":
+    case "rectangle": {
+      return ["[", "]"];
+    }
+  }
 };
 export function generateMermaid(view) {
-    const { nodes, edges } = view;
-    const names = new Map();
-    const printNode = (node, parentName) => {
-        const name = nodeName(node);
-        const fqnName = (parentName ? parentName + '.' : '') + name;
-        names.set(node.id, fqnName);
-        const label = node.title.replaceAll('\n', '\\n');
-        const shape = mmdshape(node);
-        const baseNode = new CompositeGeneratorNode();
-        if (node.children.length > 0) {
-            baseNode
-                .append('subgraph ', fqnName, '[', JSON.stringify(node.title), ']', NL)
-                .indent({
-                indentedChildren: [
-                    joinToNode(nodes.filter(n => n.parent === node.id), n => printNode(n, fqnName), {
-                        appendNewLineIfNotEmpty: true
-                    })
-                ],
-                indentation: 2
-            })
-                .append('end', NL);
-        }
-        else {
-            baseNode.append(fqnName, shape[0], label, shape[1]);
-        }
-        return baseNode;
-    };
-    //     return `${names.get(edge.source)} -> ${names.get(edge.target)}${edge.label ? ': ' + edge.label : ''}`
-    const printEdge = (edge) => {
-        return new CompositeGeneratorNode().append(names.get(edge.source), ' -.', edge.label ? ' "' + edge.label.replaceAll('\n', '\\n') + '" .-' : '-', '> ', names.get(edge.target));
-    };
-    return toString(new CompositeGeneratorNode()
-        .appendIf(view.title !== null && view.title.length > 0, '---', NL, `title: ${JSON.stringify(view.title)}`, NL, '---', NL)
-        .append('graph ', view.autoLayout, 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
-            }));
-        },
+  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 = node.title.replaceAll("\n", "\\n");
+    const shape = mmdshape(node);
+    const baseNode = new CompositeGeneratorNode();
+    if (node.children.length > 0) {
+      baseNode.append("subgraph ", fqnName2, "[", JSON.stringify(node.title), "]", 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, shape[0], label, shape[1]);
+    }
+    return baseNode;
+  };
+  const printEdge = (edge) => {
+    return new CompositeGeneratorNode().append(
+      names.get(edge.source),
+      " -.",
+      edge.label ? ' "' + edge.label.replaceAll("\n", "\\n") + '" .-' : "-",
+      "> ",
+      names.get(edge.target)
+    );
+  };
+  return toString(
+    new CompositeGeneratorNode().appendIf(
+      view.title !== null && view.title.length > 0,
+      "---",
+      NL,
+      `title: ${JSON.stringify(view.title)}`,
+      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,2 +1 @@
 export * from './generate-mmd';
-//# sourceMappingURL=index.d.ts.map

package/dist/mmd/index.js

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

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

@@ -0,0 +1,2 @@
+import { type LikeC4Model } from '@likec4/core';
+export declare function generateLikeC4Model(model: LikeC4Model): any;

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

@@ -0,0 +1,29 @@
+import JSON5 from "json5";
+import { CompositeGeneratorNode, toString } from "langium/generate";
+export function generateLikeC4Model(model) {
+  const out = new CompositeGeneratorNode();
+  out.appendTemplate`
+    /* prettier-ignore-start */
+    /* eslint-disable */
+
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+
+    import { LikeC4Model } from 'likec4/model'
+
+    export const likeC4Model = LikeC4Model.fromDump(${JSON5.stringify(model.$model, {
+    space: 2,
+    quote: "'"
+  })})
+
+    export type LikeC4ModelTypes = typeof likeC4Model.Aux
+    export type LikeC4ElementId = LikeC4ModelTypes['Fqn']
+    export type LikeC4DeploymentId = LikeC4ModelTypes['Deployment']
+    export type LikeC4ViewId = LikeC4ModelTypes['ViewId']
+
+    /* prettier-ignore-end */
+  `;
+  return toString(out);
+}

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

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

package/dist/model/generate-likec4.js

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

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

@@ -0,0 +1,2 @@
+import type { LikeC4Model } from '@likec4/core';
+export declare function generateReactTypes(model: LikeC4Model.Layouted): string;

package/dist/react/generate-react-types.js

@@ -0,0 +1,122 @@
+import { compareNatural, sortNaturalByFqn } from "@likec4/core";
+function toUnion(unionset) {
+  if (unionset instanceof Set) {
+    unionset = [...unionset].sort(compareNatural);
+  }
+  const union = unionset.map((v) => `  | ${JSON.stringify(v)}`);
+  if (union.length === 0) {
+    union.push("  never");
+  }
+  return union.join("\n") + ";";
+}
+export function generateReactTypes(model) {
+  const {
+    fqns,
+    tags,
+    kinds
+  } = sortNaturalByFqn([...model.elements()]).reduce((acc, d) => {
+    acc.fqns.push(d.id);
+    acc.kinds.add(d.kind);
+    acc.tags.push(...d.tags);
+    return acc;
+  }, {
+    fqns: [],
+    kinds: /* @__PURE__ */ new Set(),
+    tags: []
+  });
+  const deploymentFqns = sortNaturalByFqn([...model.deployment.elements()]).map((e) => e.id);
+  const {
+    viewIds
+  } = [...model.views()].reduce((acc, d) => {
+    acc.viewIds.add(d.id);
+    acc.tags.push(...d.tags);
+    acc.tags.push(...d.includedTags);
+    return acc;
+  }, {
+    viewIds: /* @__PURE__ */ new Set(),
+    tags
+  });
+  return `
+/* prettier-ignore-start */
+/* eslint-disable */
+
+/******************************************************************************
+ * This file was generated
+ * DO NOT EDIT MANUALLY!
+ ******************************************************************************/
+
+import type { PropsWithChildren } from 'react'
+import type { JSX } from 'react/jsx-runtime'
+import type {
+  DiagramView,
+  LikeC4Model as GenericLikeC4Model,
+} from 'likec4/model'
+import type {
+  LikeC4ViewProps as GenericLikeC4ViewProps,
+  ReactLikeC4Props as GenericReactLikeC4Props
+} from 'likec4/react'
+
+type LikeC4ElementId =
+${toUnion(fqns)}
+
+type LikeC4DeploymentId =
+${toUnion(deploymentFqns)}
+
+type LikeC4ViewId =
+${toUnion(viewIds)}
+
+type LikeC4ElementKind =
+${toUnion(kinds)}
+
+type LikeC4Tag =
+${toUnion(new Set(tags))}
+
+declare function isLikeC4ViewId(value: unknown): value is LikeC4ViewId;
+
+type Aux = GenericLikeC4Model.Typed<LikeC4ElementId, LikeC4DeploymentId, LikeC4ViewId, DiagramView<LikeC4ViewId>>;
+type LikeC4Model = GenericLikeC4Model<Aux>;
+type LikeC4ViewModel = GenericLikeC4Model.View<Aux>;
+
+declare const likeC4Model: LikeC4Model;
+declare function useLikeC4Model(): LikeC4Model;
+declare function useLikeC4View(viewId: LikeC4ViewId): DiagramView<LikeC4ViewId>;
+
+declare function LikeC4ModelProvider(props: PropsWithChildren): JSX.Element;
+
+type IconRendererProps = {
+  node: {
+    id: string
+    title: string
+    icon?: string | undefined
+  }
+}
+declare function RenderIcon(props: IconRendererProps): JSX.Element;
+
+type LikeC4ViewProps = GenericLikeC4ViewProps<LikeC4ViewId, LikeC4Tag, LikeC4ElementKind>;
+declare function LikeC4View({viewId, ...props}: LikeC4ViewProps): JSX.Element;
+
+type ReactLikeC4Props = GenericReactLikeC4Props<LikeC4ViewId, LikeC4Tag, LikeC4ElementKind>
+declare function ReactLikeC4({viewId, ...props}: ReactLikeC4Props): JSX.Element;
+
+export {
+  type LikeC4ElementId,
+  type LikeC4DeploymentId,
+  type LikeC4ViewId,
+  type LikeC4Tag,
+  type LikeC4ElementKind,
+  type LikeC4ViewProps,
+  type ReactLikeC4Props,
+  type LikeC4Model,
+  isLikeC4ViewId,
+  useLikeC4Model,
+  useLikeC4View,
+  useLikeC4ViewModel,
+  likeC4Model,
+  LikeC4ModelProvider,
+  LikeC4View,
+  RenderIcon,
+  ReactLikeC4
+}
+/* prettier-ignore-end */
+`.trimStart();
+}

package/dist/react/index.d.ts

@@ -1,2 +1 @@
-export { generateReact as default } from './generate-react';
-//# sourceMappingURL=index.d.ts.map
+export { generateReactTypes as default } from './generate-react-types';

package/dist/react/index.js

@@ -1 +1 @@
-export { generateReact as default } from './generate-react';
+export { generateReactTypes as default } from "./generate-react-types.js";

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

@@ -1,18 +1,20 @@
 import type { DiagramView } from '@likec4/core';
+/**
+ * @deprecated in favor packages/likec4/src/cli/codegen/react/index.ts
+ */
 export declare function generateReactNext(views: Iterable<DiagramView>): {
     viewsData: {
         fileName: string;
-        js: string;
-        dts: string;
+        js: any;
+        dts: any;
     };
     components: {
-        js: string;
-        dts: string;
+        js: any;
+        dts: any;
         fileName: string;
     };
     index: {
-        js: string;
-        dts: string;
+        js: any;
+        dts: any;
     };
 };
-//# sourceMappingURL=generate-react-next.d.ts.map