@likec4/generators 1.0.0-next.11 → 1.0.0-next.14

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

@@ -0,0 +1,2 @@
+import type { ComputedView } from '@likec4/core';
+export declare function generateD2<V extends ComputedView>(view: V): string;

package/dist/d2/generate-d2.js

@@ -0,0 +1,75 @@
+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) {
+        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';
+        }
+    }
+};
+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), {
+        appendNewLineIfNotEmpty: true
+    })));
+}

package/dist/d2/index.d.ts

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

package/dist/d2/index.js

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

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+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';

package/dist/index.js

@@ -0,0 +1,5 @@
+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';

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

@@ -0,0 +1,2 @@
+import type { ComputedView } from '@likec4/core';
+export declare function generateMermaid<V extends ComputedView>(view: V): string;

package/dist/mmd/generate-mmd.js

@@ -0,0 +1,72 @@
+import { CompositeGeneratorNode, expandToNode, joinToNode, NL, NLEmpty, 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 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 ['[', ']'];
+        }
+    }
+};
+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
+            }));
+        },
+        indentation: 2
+    }));
+}

package/dist/mmd/index.d.ts

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

package/dist/mmd/index.js

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

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

@@ -0,0 +1,2 @@
+import type { DiagramView } from '@likec4/core';
+export declare function generateReact(views: DiagramView[]): string;

package/{src/react/generate-react.ts → dist/react/generate-react.js}

@@ -1,30 +1,22 @@
-import type { DiagramView } from '@likec4/core'
-import JSON5 from 'json5'
-import { CompositeGeneratorNode, expandToNode, joinToNode, NL, toString } from 'langium/generate'
-
-const componentName = (value: string): string => {
-  if (!value.charAt(0).match(/[a-zA-Z]/)) {
-    value = 'View' + value
-  }
-  value = value.replaceAll('_', '')
-  return value.charAt(0).toLocaleUpperCase() + value.slice(1)
-}
-
-export const generateViewId = (views: Iterable<DiagramView>) =>
-  joinToNode(views, view => expandToNode`'${view.id}'`, {
-    separator: ' | '
-  })
-
-export function generateReact(views: DiagramView[]) {
-  const components = views.map(({ id }) => {
-    return {
-      id,
-      name: componentName(id)
+import JSON5 from 'json5';
+import { CompositeGeneratorNode, expandToNode, joinToNode, NL, toString } from 'langium/generate';
+import { generateViewId } from '../views-data-ts/generateViewId';
+const componentName = (value) => {
+    if (!value.charAt(0).match(/[a-zA-Z]/)) {
+        value = 'View' + value;
     }
-  })
-
-  const out = new CompositeGeneratorNode()
-  out.appendTemplate`
+    value = value.replaceAll('_', '');
+    return value.charAt(0).toLocaleUpperCase() + value.slice(1);
+};
+export function generateReact(views) {
+    const components = views.map(({ id }) => {
+        return {
+            id,
+            name: componentName(id)
+        };
+    });
+    const out = new CompositeGeneratorNode();
+    out.appendTemplate `
       /******************************************************************************
        * This file was generated
        * DO NOT EDIT MANUALLY!
@@ -37,38 +29,25 @@ export function generateReact(views: DiagramView[]) {
 
       import type { DiagramView } from '@likec4/diagrams'
       import { LikeC4 } from '@likec4/diagrams'
-    `.append(NL, NL)
-
-  if (components.length == 0) {
-    out.append('export {}', NL)
-    return toString(out)
-  }
-
-  out.appendTemplate`
+    `.append(NL, NL);
+    if (components.length == 0) {
+        out.append('export {}', NL);
+        return toString(out);
+    }
+    out.appendTemplate `
       export type LikeC4ViewId = ${generateViewId(views)};
       export const LikeC4Views = {
     `
-    .indent({
-      indentation: 2,
-      indentedChildren(indented) {
-        indented.appendNewLineIf(views.length > 1).append(
-          joinToNode(
-            views,
-            view =>
-              expandToNode`${JSON5.stringify(view.id)}: (${
-                JSON5.stringify(
-                  view
-                )
-              } as unknown) as DiagramView`,
-            {
-              separator: ',',
-              appendNewLineIfNotEmpty: true
-            }
-          )
-        )
-      }
+        .indent({
+        indentation: 2,
+        indentedChildren(indented) {
+            indented.appendNewLineIf(views.length > 1).append(joinToNode(views, view => expandToNode `${JSON5.stringify(view.id)}: (${JSON5.stringify(view)} as unknown) as DiagramView`, {
+                separator: ',',
+                appendNewLineIfNotEmpty: true
+            }));
+        }
     })
-    .append('} as const satisfies Record<LikeC4ViewId, DiagramView>', NL, NL).appendTemplate`
+        .append('} as const satisfies Record<LikeC4ViewId, DiagramView>', NL, NL).appendTemplate `
       export type LikeC4Views = typeof LikeC4Views
 
       export const {
@@ -113,7 +92,6 @@ export function generateReact(views: DiagramView[]) {
       } from '@likec4/diagrams'
 
       /* prettier-ignore-end */
-    `.append(NL)
-
-  return toString(out)
+    `.append(NL);
+    return toString(out);
 }

package/dist/react/index.d.ts

@@ -0,0 +1 @@
+export { generateReact as default } from './generate-react';

package/dist/react/index.js

@@ -0,0 +1 @@
+export { generateReact as default } from './generate-react';

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

@@ -0,0 +1,17 @@
+import type { DiagramView } from '@likec4/core';
+export declare function generateReactNext(views: Iterable<DiagramView>): {
+    viewsData: {
+        fileName: string;
+        js: string;
+        dts: string;
+    };
+    components: {
+        js: string;
+        dts: string;
+        fileName: string;
+    };
+    index: {
+        js: string;
+        dts: string;
+    };
+};

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

@@ -0,0 +1,102 @@
+import { CompositeGeneratorNode, toString } from 'langium/generate';
+import { generateViewsDataDTs, generateViewsDataJs } from '../views-data-ts/generate-views-data';
+export function generateReactNext(views) {
+    return {
+        viewsData: {
+            fileName: 'likec4-views-data',
+            js: generateViewsDataJs(views),
+            dts: generateViewsDataDTs(views)
+        },
+        components: {
+            fileName: 'likec4-components',
+            ...generateComponents()
+        },
+        index: generateIndex()
+    };
+}
+function generateComponents() {
+    const js = new CompositeGeneratorNode().appendTemplate `
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+    /* prettier-ignore-start */
+    /* eslint-disable */
+    import { createElement } from "react";
+    import { LikeC4Diagram, EmbeddedLikeC4Diagram } from "@likec4/diagram";
+    import { LikeC4Views } from "./likec4-views-data";
+    export function LikeC4View({ viewId, ...props }) {
+        const view = LikeC4Views[viewId];
+        if (!view) {
+            throw new Error(\`LikeC4View NotFound: "\${viewId}"\`);
+        }
+        return createElement(LikeC4Diagram, { view: view, ...props });
+    }
+    export function EmbeddedLikeC4View({ viewId, ...props }) {
+        return createElement(EmbeddedLikeC4Diagram, { viewId: viewId, views: LikeC4Views, ...props });
+    }
+    /* prettier-ignore-end */
+  `;
+    const dts = new CompositeGeneratorNode().appendTemplate `
+    /// <reference types="react" />
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+    /* prettier-ignore-start */
+    /* eslint-disable */
+
+    import type { LikeC4DiagramProps, EmbeddedLikeC4DiagramProps } from "@likec4/diagram";
+    import type { LikeC4ViewId } from "./likec4-views-data";
+
+    export type LikeC4ViewProps = {
+        viewId: LikeC4ViewId;
+    } & Omit<LikeC4DiagramProps, "view">;
+
+    export declare function LikeC4View({ viewId, ...props }: LikeC4ViewProps): JSX.Element;
+
+    export type EmbeddedLikeC4ViewProps = {
+        viewId: LikeC4ViewId;
+    } & Omit<EmbeddedLikeC4DiagramProps, "viewId" | "views">;
+
+    export declare function EmbeddedLikeC4View({ viewId, ...props }: EmbeddedLikeC4ViewProps): JSX.Element;
+    /* prettier-ignore-end */
+  `;
+    return {
+        js: toString(js),
+        dts: toString(dts)
+    };
+}
+function generateIndex() {
+    const js = new CompositeGeneratorNode().appendTemplate `
+    /* prettier-ignore-start */
+    /* eslint-disable */
+
+    // You are safe to edit/move these style imports,
+    // but they are required
+    import "@mantine/core/styles.css";
+    import "@likec4/diagram/style.css";
+
+    export * from "./likec4-components";
+
+    // OR with lazy loading:
+    //
+    // import { lazy } from "react";
+    // export const LikeC4View = lazy(async () => await import("./likec4-components").then(m => ({default: m.LikeC4View})));
+    // export const EmbeddedLikeC4View = lazy(async () => await import("./likec4-components").then(m => ({default: m.EmbeddedLikeC4View})));
+
+    /* prettier-ignore-end */
+  `;
+    const dts = new CompositeGeneratorNode().appendTemplate `
+    /* prettier-ignore-start */
+    /* eslint-disable */
+
+    export * from "./likec4-components";
+
+    /* prettier-ignore-end */
+  `;
+    return {
+        js: toString(js),
+        dts: toString(dts)
+    };
+}

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

@@ -0,0 +1 @@
+export { generateReactNext as default } from './generate-react-next';

package/dist/react-next/index.js

@@ -0,0 +1 @@
+export { generateReactNext as default } from './generate-react-next';

package/dist/views-data-ts/generate-views-data.d.ts

@@ -0,0 +1,4 @@
+import type { DiagramView } from '@likec4/core';
+export declare function generateViewsDataJs(diagrams: Iterable<DiagramView>): string;
+export declare function generateViewsDataTs(diagrams: Iterable<DiagramView>): string;
+export declare function generateViewsDataDTs(diagrams: Iterable<DiagramView>): string;

package/dist/views-data-ts/generate-views-data.js

@@ -0,0 +1,122 @@
+import JSON5 from 'json5';
+import { CompositeGeneratorNode, expandToNode, joinToNode, NL, toString } from 'langium/generate';
+import { generateViewId } from './generateViewId';
+export function generateViewsDataJs(diagrams) {
+    const views = Array.from(diagrams);
+    const out = new CompositeGeneratorNode();
+    out.appendTemplate `
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+    /* prettier-ignore-start */
+    /* eslint-disable */
+
+    `.append(NL, NL);
+    if (views.length == 0) {
+        out.append('export const LikeC4Views = {}', NL);
+        return toString(out);
+    }
+    out.appendTemplate `
+    export const LikeC4Views = {
+  `
+        .indent({
+        indentation: 2,
+        indentedChildren(indented) {
+            indented.appendNewLineIf(views.length > 1).append(joinToNode(views, view => expandToNode `${JSON5.stringify(view.id)}: ${JSON5.stringify(view)}`, {
+                separator: ',',
+                appendNewLineIfNotEmpty: true
+            }));
+        }
+    })
+        .append('}', NL, NL).appendTemplate `
+
+    export function isLikeC4ViewId(value) {
+      return (
+        value != null &&
+        typeof value === 'string' &&
+        Object.hasOwn(LikeC4Views, value) &&
+        LikeC4Views[value] != null
+      )
+    }
+
+    /* prettier-ignore-end */
+  `.append(NL);
+    return toString(out);
+}
+export function generateViewsDataTs(diagrams) {
+    const views = Array.from(diagrams);
+    const out = new CompositeGeneratorNode();
+    out.appendTemplate `
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+    /* prettier-ignore-start */
+    /* eslint-disable */
+
+    // @ts-nocheck
+
+    import type { DiagramView } from '@likec4/core'
+    `.append(NL, NL);
+    if (views.length === 0) {
+        out.append('export {}', NL);
+        return toString(out);
+    }
+    out.appendTemplate `
+    export type LikeC4ViewId = ${generateViewId(views)};
+    export const LikeC4Views = {
+  `
+        .indent({
+        indentation: 2,
+        indentedChildren(indented) {
+            indented.appendNewLineIf(views.length > 1).append(joinToNode(views, view => expandToNode `${JSON5.stringify(view.id)}: (${JSON5.stringify(view)} as unknown) as DiagramView`, {
+                separator: ',',
+                appendNewLineIfNotEmpty: true
+            }));
+        }
+    })
+        .append('} as const satisfies Record<LikeC4ViewId, DiagramView>', NL, NL).appendTemplate `
+    export type LikeC4Views = typeof LikeC4Views
+
+    export function isLikeC4ViewId(value: unknown): value is LikeC4ViewId {
+      return (
+        value != null &&
+        typeof value === 'string' &&
+        Object.hasOwn(LikeC4Views, value) &&
+        LikeC4Views[value] != null
+      )
+    }
+
+    /* prettier-ignore-end */
+  `.append(NL);
+    return toString(out);
+}
+export function generateViewsDataDTs(diagrams) {
+    const views = Array.from(diagrams);
+    const out = new CompositeGeneratorNode();
+    out.appendTemplate `
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+    /* prettier-ignore-start */
+    /* eslint-disable */
+
+    import type { DiagramView } from '@likec4/core'
+    `.append(NL, NL);
+    if (views.length == 0) {
+        out.append('export {}', NL);
+        return toString(out);
+    }
+    out.appendTemplate `
+    export type LikeC4ViewId = ${generateViewId(views)};
+    export type LikeC4Views = Record<LikeC4ViewId, DiagramView>
+
+    export declare const LikeC4Views: LikeC4Views
+    export declare function isLikeC4ViewId(value: unknown): value is LikeC4ViewId
+
+    /* prettier-ignore-end */
+  `.append(NL);
+    return toString(out);
+}

package/dist/views-data-ts/generateViewId.d.ts

@@ -0,0 +1,2 @@
+import type { DiagramView } from '@likec4/core';
+export declare function generateViewId(views: Iterable<DiagramView>): import("langium/generate").CompositeGeneratorNode | undefined;

package/dist/views-data-ts/generateViewId.js

@@ -0,0 +1,6 @@
+import { expandToNode, joinToNode } from 'langium/generate';
+export function generateViewId(views) {
+    return joinToNode(views, view => expandToNode `'${view.id}'`, {
+        separator: ' | '
+    });
+}

package/dist/views-data-ts/index.d.ts

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

package/dist/views-data-ts/index.js

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

package/package.json

@@ -1,15 +1,13 @@
 {
   "name": "@likec4/generators",
-  "version": "1.0.0-next.11",
+  "version": "1.0.0-next.14",
   "license": "MIT",
   "bugs": "https://github.com/likec4/likec4/issues",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
   "files": [
-    "src",
-    "!**/__mocks__/**",
-    "!**/*.spec.*",
-    "!**/*.map"
+    "dist",
+    "!dist/src"
   ],
   "repository": {
     "type": "git",
@@ -19,31 +17,39 @@
   "type": "module",
   "sideEffects": false,
   "exports": {
-    ".": "./src/index.ts"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
-    "access": "public"
+    "access": "public",
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    }
   },
   "scripts": {
     "typecheck": "tsc --noEmit",
-    "build": "unbuild",
-    "prepack": "unbuild",
+    "build": "tsc -b",
+    "prepack": "tsc -p tsconfig.build.json",
     "lint": "run -T eslint src/ --fix",
     "clean": "run -T rimraf dist",
     "test": "run -T vitest run"
   },
   "dependencies": {
-    "@likec4/core": "1.0.0-next.11",
+    "@likec4/core": "1.0.0-next.14",
     "json5": "^2.2.3",
     "langium": "^3.0.0",
     "remeda": "^1.56.0"
   },
   "devDependencies": {
-    "@types/node": "^20.11.25",
-    "typescript": "^5.4.3",
-    "unbuild": "^2.0.0",
-    "vitest": "^1.4.0"
+    "@types/node": "^20.12.7",
+    "typescript": "^5.4.5",
+    "vitest": "~1.4.0"
   },
   "packageManager": "yarn@4.1.1"
 }

package/src/d2/generate-d2.ts

@@ -1,106 +0,0 @@
-import type { ComputedEdge, ComputedNode, ComputedView, NodeId } from '@likec4/core'
-import { CompositeGeneratorNode, joinToNode, NL, toString } from 'langium/generate'
-import { isNullish as isNil } from 'remeda'
-
-const capitalizeFirstLetter = (value: string) => value.charAt(0).toLocaleUpperCase() + value.slice(1)
-
-const fqnName = (nodeId: string): string => nodeId.split('.').map(capitalizeFirstLetter).join('')
-
-const nodeName = (node: ComputedNode): string => {
-  return fqnName(node.parent ? node.id.slice(node.parent.length + 1) : node.id)
-}
-
-const d2direction = ({ autoLayout }: ComputedView) => {
-  switch (autoLayout) {
-    case 'TB': {
-      return 'down'
-    }
-    case 'BT': {
-      return 'up'
-    }
-    case 'LR': {
-      return 'right'
-    }
-    case 'RL': {
-      return 'left'
-    }
-  }
-}
-
-const d2shape = ({ shape }: ComputedNode) => {
-  switch (shape) {
-    case 'queue':
-    case 'cylinder':
-    case 'rectangle':
-    case 'person': {
-      return shape
-    }
-    case 'storage': {
-      return 'stored_data' as const
-    }
-    case 'mobile':
-    case 'browser': {
-      return 'rectangle' as const
-    }
-  }
-}
-
-export function generateD2<V extends ComputedView>(view: V) {
-  const { nodes, edges } = view
-  const names = new Map<NodeId, string>()
-
-  const printNode = (node: ComputedNode, parentName?: string): CompositeGeneratorNode => {
-    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: ComputedEdge): CompositeGeneratorNode => {
-    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/src/d2/index.ts

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

package/src/index.ts

@@ -1,4 +0,0 @@
-export { generateD2 } from './d2/generate-d2'
-export { generateMermaid } from './mmd/generate-mmd'
-export { generateReact } from './react/generate-react'
-export { generateViewsDataDTs, generateViewsDataJs, generateViewsDataTs } from './views-data-ts/generate-views-data'

package/src/mmd/generate-mmd.ts

@@ -1,110 +0,0 @@
-import type { ComputedEdge, ComputedNode, ComputedView, NodeId } from '@likec4/core'
-import { CompositeGeneratorNode, expandToNode, joinToNode, NL, NLEmpty, toString } from 'langium/generate'
-import { isNullish as isNil } from 'remeda'
-
-const capitalizeFirstLetter = (value: string) => value.charAt(0).toLocaleUpperCase() + value.slice(1)
-
-const fqnName = (nodeId: string): string => nodeId.split('.').map(capitalizeFirstLetter).join('')
-
-const nodeName = (node: ComputedNode): string => {
-  return fqnName(node.parent ? node.id.slice(node.parent.length + 1) : node.id)
-}
-
-const mmdshape = ({ shape }: ComputedNode): [start: string, end: string] => {
-  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<V extends ComputedView>(view: V) {
-  const { nodes, edges } = view
-  const names = new Map<NodeId, string>()
-
-  const printNode = (node: ComputedNode, parentName?: string): CompositeGeneratorNode => {
-    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: ComputedEdge): CompositeGeneratorNode => {
-    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
-              })
-            )
-        },
-        indentation: 2
-      })
-  )
-}

package/src/mmd/index.ts

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

package/src/react/index.ts

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

package/src/views-data-ts/generate-views-data.ts

@@ -1,149 +0,0 @@
-import type { DiagramView } from '@likec4/core'
-import JSON5 from 'json5'
-import { CompositeGeneratorNode, expandToNode, joinToNode, NL, toString } from 'langium/generate'
-import { generateViewId } from '../react/generate-react'
-
-export function generateViewsDataJs(diagrams: Iterable<DiagramView>) {
-  const views = Array.from(diagrams)
-  const out = new CompositeGeneratorNode()
-  out.appendTemplate`
-    /******************************************************************************
-     * This file was generated
-     * DO NOT EDIT MANUALLY!
-     ******************************************************************************/
-    /* prettier-ignore-start */
-    /* eslint-disable */
-
-    `.append(NL, NL)
-
-  if (views.length == 0) {
-    out.append('export const LikeC4Views = {}', NL)
-    return toString(out)
-  }
-
-  out.appendTemplate`
-    export const LikeC4Views = {
-  `
-    .indent({
-      indentation: 2,
-      indentedChildren(indented) {
-        indented.appendNewLineIf(views.length > 1).append(
-          joinToNode(
-            views,
-            view => expandToNode`${JSON5.stringify(view.id)}: ${JSON5.stringify(view)}`,
-            {
-              separator: ',',
-              appendNewLineIfNotEmpty: true
-            }
-          )
-        )
-      }
-    })
-    .append('}', NL, NL).appendTemplate`
-
-    export function isLikeC4ViewId(value) {
-      return (
-        value != null &&
-        typeof value === 'string' &&
-        Object.hasOwn(LikeC4Views, value) &&
-        LikeC4Views[value] != null
-      )
-    }
-
-    /* prettier-ignore-end */
-  `.append(NL)
-  return toString(out)
-}
-
-export function generateViewsDataTs(diagrams: Iterable<DiagramView>) {
-  const views = Array.from(diagrams)
-  const out = new CompositeGeneratorNode()
-  out.appendTemplate`
-    /******************************************************************************
-     * This file was generated
-     * DO NOT EDIT MANUALLY!
-     ******************************************************************************/
-    /* prettier-ignore-start */
-    /* eslint-disable */
-
-    // @ts-nocheck
-
-    import type { DiagramView } from '@likec4/core'
-    `.append(NL, NL)
-
-  if (views.length === 0) {
-    out.append('export {}', NL)
-    return toString(out)
-  }
-
-  out.appendTemplate`
-    export type LikeC4ViewId = ${generateViewId(views)};
-    export const LikeC4Views = {
-  `
-    .indent({
-      indentation: 2,
-      indentedChildren(indented) {
-        indented.appendNewLineIf(views.length > 1).append(
-          joinToNode(
-            views,
-            view =>
-              expandToNode`${JSON5.stringify(view.id)}: (${
-                JSON5.stringify(
-                  view
-                )
-              } as unknown) as DiagramView`,
-            {
-              separator: ',',
-              appendNewLineIfNotEmpty: true
-            }
-          )
-        )
-      }
-    })
-    .append('} as const satisfies Record<LikeC4ViewId, DiagramView>', NL, NL).appendTemplate`
-    export type LikeC4Views = typeof LikeC4Views
-
-    export function isLikeC4ViewId(value: unknown): value is LikeC4ViewId {
-      return (
-        value != null &&
-        typeof value === 'string' &&
-        Object.hasOwn(LikeC4Views, value) &&
-        LikeC4Views[value] != null
-      )
-    }
-
-    /* prettier-ignore-end */
-  `.append(NL)
-  return toString(out)
-}
-
-export function generateViewsDataDTs(diagrams: Iterable<DiagramView>) {
-  const views = Array.from(diagrams)
-  const out = new CompositeGeneratorNode()
-  out.appendTemplate`
-    /******************************************************************************
-     * This file was generated
-     * DO NOT EDIT MANUALLY!
-     ******************************************************************************/
-    /* prettier-ignore-start */
-    /* eslint-disable */
-
-    import type { DiagramView } from '@likec4/core'
-    `.append(NL, NL)
-
-  if (views.length == 0) {
-    out.append('export {}', NL)
-    return toString(out)
-  }
-
-  out.appendTemplate`
-    export type LikeC4ViewId = ${generateViewId(views)};
-    export type LikeC4Views = Record<LikeC4ViewId, DiagramView>
-
-    export declare const LikeC4Views: LikeC4Views
-    export declare function isLikeC4ViewId(value: unknown): value is LikeC4ViewId
-
-    /* prettier-ignore-end */
-  `.append(NL)
-  return toString(out)
-}

package/src/views-data-ts/index.ts

@@ -1 +0,0 @@
-export * from './generate-views-data'