@likec4/generators 0.35.0 → 0.37.0

package/dist/index.d.ts

@@ -1,4 +1,5 @@
 export { generateReact } from './react/generate-react';
 export { generateD2 } from './d2/generate-d2';
+export { generateMermaid } from './mmd/generate-mmd';
 export { generateViewsDataTs } from './views-data-ts/generate-views-data';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.js

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

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

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

package/dist/mmd/generate-mmd.js

@@ -0,0 +1,62 @@
+import { CompositeGeneratorNode, NL, joinToNode, toString } from 'langium';
+import { isNil } from 'rambdax';
+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, '["', label, '"]', NL)
+                .indent({
+                indentedChildren: indent => indent.appendIf(node.children.length > 0, NL, joinToNode(nodes.filter(n => n.parent === node.id), n => printNode(n, fqnName))),
+                indentation: 2
+            })
+                .append('end', NL);
+        }
+        else {
+            baseNode.append(fqnName, shape[0], label, shape[1], NL);
+        }
+        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: ${view.title}`, NL, '---', NL)
+        .append('graph ', view.autoLayout, 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/mmd/index.d.ts

@@ -0,0 +1,2 @@
+export * from './generate-mmd';
+//# sourceMappingURL=index.d.ts.map

package/dist/mmd/index.js

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

package/dist/react/generate-react.js

@@ -25,7 +25,7 @@ export function generateReact(views) {
        ******************************************************************************/
       /* eslint-disable */
 
-      import type { DiagramView } from '@likec4/core'
+      import type { DiagramView } from '@likec4/diagrams'
       import { LikeC4 } from '@likec4/diagrams'
     `.append(NL, NL);
     if (components.length == 0) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@likec4/generators",
-  "version": "0.35.0",
+  "version": "0.37.0",
   "license": "MIT",
   "bugs": "https://github.com/likec4/likec4/issues",
   "homepage": "https://likec4.dev",
@@ -38,7 +38,7 @@
     "test:watch": "run -T vitest"
   },
   "dependencies": {
-    "@likec4/core": "0.35.0",
+    "@likec4/core": "0.37.0",
     "json5": "^2.2.3",
     "langium": "^2.0.2",
     "rambdax": "^9.1.1"