@likec4/generators 0.26.0 → 0.27.0

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

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

package/dist/d2/generate-d2.js

@@ -0,0 +1,75 @@
+import { CompositeGeneratorNode, NL, joinToNode, toString } from 'langium/lib/generator';
+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 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 = node.title.replaceAll('\n', '\\n');
+        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(': ', edge.label.replaceAll('\n', '\\n')));
+    };
+    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,2 @@
+export * from './generate-d2';
+//# sourceMappingURL=index.d.ts.map

package/dist/d2/index.js

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

package/dist/index.d.ts

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

package/dist/index.js

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

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

@@ -0,0 +1,3 @@
+import type { DiagramView } from '@likec4/core/types';
+export declare function generateReact(views: DiagramView[]): string;
+//# sourceMappingURL=generate-react.d.ts.map

package/dist/react/generate-react.js

@@ -0,0 +1,78 @@
+import JSON5 from 'json5';
+import { CompositeGeneratorNode, NL, expandToNode, joinToNode, toString } from 'langium/lib/generator';
+const componentName = (value) => {
+    if (!value.charAt(0).match(/[a-zA-Z]/)) {
+        value = 'View' + value;
+    }
+    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!
+       ******************************************************************************/
+      /* eslint-disable */
+
+      import type { DiagramView, EmbeddedDiagramProps } from '@likec4/diagrams'
+      import { EmbeddedDiagram } from '@likec4/diagrams'
+    `.append(NL, NL);
+    if (components.length == 0) {
+        out.append('export {}', NL);
+        return toString(out);
+    }
+    out
+        .append('export const LikeC4ViewsData = {', NL)
+        .indent({
+        indentation: 2,
+        indentedChildren: indent => {
+            indent.append(joinToNode(views, view => expandToNode `'${view.id}': (${JSON5.stringify(view)} as unknown) as DiagramView`, {
+                separator: ',',
+                appendNewLineIfNotEmpty: true
+            }));
+        }
+    })
+        .append('} as const', NL, NL).appendTemplate `
+      export type LikeC4ViewsData = typeof LikeC4ViewsData
+      export type LikeC4ViewId = keyof LikeC4ViewsData
+      export function isLikeC4ViewId(value: unknown): value is LikeC4ViewId {
+        return typeof value === 'string' && value in LikeC4ViewsData
+      }
+
+      export type LikeC4ViewProps = Omit<EmbeddedDiagramProps<LikeC4ViewsData, LikeC4ViewId>, 'views'>;
+      export function LikeC4View(props: LikeC4ViewProps) {
+        return <EmbeddedDiagram views={LikeC4ViewsData} {...props}/>
+      }
+
+      type LikeC4ViewsProps = Omit<EmbeddedDiagramProps<LikeC4ViewsData, LikeC4ViewId>, 'views' | 'viewId'>
+      export const LikeC4Views = {
+    `
+        .append(NL)
+        .indent({
+        indentation: 2,
+        indentedChildren: components.map(({ id, name }) => expandToNode `
+            ['${name}']: (props: LikeC4ViewsProps) => <LikeC4View viewId={'${id}'} {...props}/>,
+          `.append(NL))
+        // indentedChildren: [joinToNode(
+        //   components,
+        //   ({ id, name }) =>
+        //     expandToNode`
+        //       ['${name}']: (props: NamedViewProps) => <EmbeddedDiagram views={LikeC4ViewsData} viewId={'${id}'} {...props}/>
+        //     `,
+        //   {
+        //     separator: ',',
+        //     appendNewLineIfNotEmpty: true
+        //   }
+        // )],
+    })
+        .append('} as const', NL, NL);
+    return toString(out);
+}

package/dist/react/index.d.ts

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

package/dist/react/index.js

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

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

@@ -0,0 +1,3 @@
+import type { DiagramView } from '@likec4/core/types';
+export declare function generateViewsDataTs(views: DiagramView[]): string;
+//# sourceMappingURL=generate-views-data.d.ts.map

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

@@ -0,0 +1,33 @@
+import JSON5 from 'json5';
+import { CompositeGeneratorNode, NL, expandToNode, joinToNode, toString } from 'langium/lib/generator';
+export function generateViewsDataTs(views) {
+    const out = new CompositeGeneratorNode();
+    out.appendTemplate `
+      /******************************************************************************
+       * This file was generated
+       * DO NOT EDIT MANUALLY!
+       ******************************************************************************/
+      /* eslint-disable */
+
+      import type { DiagramView } from '@likec4/diagrams'
+    `.append(NL, NL);
+    out
+        .append('export const LikeC4ViewsData = {', NL)
+        .indent({
+        indentation: 2,
+        indentedChildren: indent => {
+            indent.append(joinToNode(views, view => expandToNode `'${view.id}': (${JSON5.stringify(view)} as unknown) as DiagramView`, {
+                separator: ',',
+                appendNewLineIfNotEmpty: true
+            }));
+        }
+    })
+        .append('} as const', NL, NL).appendTemplate `
+      export type LikeC4ViewsData = typeof LikeC4ViewsData
+      export type LikeC4ViewId = keyof LikeC4ViewsData
+      export function isLikeC4ViewId(value: unknown): value is LikeC4ViewId {
+        return typeof value === 'string' && value in LikeC4ViewsData
+      }
+    `.append(NL);
+    return toString(out);
+}

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@likec4/generators",
-  "version": "0.26.0",
+  "version": "0.27.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.26.0",
+    "@likec4/core": "0.27.0",
     "json5": "^2.2.3",
     "langium": "^1.2.1",
     "rambdax": "^9.1.1"