@likec4/generators 0.2.0

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

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

package/dist/d2/generate-d2.js

@@ -0,0 +1,56 @@
+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 d2shape = ({ shape }) => {
+    switch (shape) {
+        case 'queue':
+        case 'cylinder':
+        case 'rectangle':
+        case 'person': {
+            return shape;
+        }
+        case 'storage': {
+            return 'stored_data';
+        }
+        case 'browser': {
+            return 'rectangle';
+        }
+    }
+};
+export function generateD2({ nodes, edges }) {
+    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)
+                .append('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(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,2 @@
+export { generateReact } from './react/generate-react';
+export { generateD2 } from './d2/generate-d2';

package/dist/index.js

@@ -0,0 +1,2 @@
+export { generateReact } from './react/generate-react';
+export { generateD2 } from './d2/generate-d2';

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

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

package/dist/react/generate-react.js

@@ -0,0 +1,61 @@
+import JSON5 from 'json5';
+import { CompositeGeneratorNode, NL, expandToNode, joinToNode, toString } from 'langium';
+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 LikeC4ViewData = {', NL)
+        .indent(indent => {
+        indent.append(joinToNode(views, view => expandToNode `'${view.id}': (${JSON5.stringify(view)} as any) as DiagramView`, {
+            separator: ',',
+            appendNewLineIfNotEmpty: true
+        }));
+    })
+        .append('} as const', NL, NL)
+        .appendTemplate `
+      export type ViewId = keyof typeof LikeC4ViewData
+      export function isViewId(value: unknown): value is ViewId {
+        return typeof value === 'string' && value in LikeC4ViewData
+      }
+
+      export type LikeC4ViewProps = Omit<EmbeddedDiagramProps, 'diagram'>;
+      export function LikeC4View({viewId, ...rest}: LikeC4ViewProps & { viewId: ViewId }) {
+        return <EmbeddedDiagram diagram={LikeC4ViewData[viewId]} {...rest}/>
+      }
+    `
+        .append(NL, NL, joinToNode(components, ({ id, name }) => expandToNode `
+            LikeC4View['${name}'] = (props: LikeC4ViewProps) => <EmbeddedDiagram diagram={LikeC4ViewData['${id}']} {...props}/>
+          `, {
+        separator: ',',
+        appendNewLineIfNotEmpty: true
+    }), NL);
+    return toString(out);
+}

package/dist/react/index.d.ts

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

package/dist/react/index.js

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

package/dist/util.d.ts

@@ -0,0 +1,7 @@
+/******************************************************************************
+ * Copyright 2021 TypeFox GmbH
+ * This program and the accompanying materials are made available under the
+ * terms of the MIT License, which is available in the project root.
+ ******************************************************************************/
+import type { GeneratorNode } from 'langium';
+export declare function generatedHeader(): GeneratorNode;

package/dist/util.js

@@ -0,0 +1,11 @@
+/******************************************************************************
+ * Copyright 2021 TypeFox GmbH
+ * This program and the accompanying materials are made available under the
+ * terms of the MIT License, which is available in the project root.
+ ******************************************************************************/
+import { CompositeGeneratorNode, NL } from 'langium';
+export function generatedHeader() {
+    const node = new CompositeGeneratorNode();
+    node.contents.push('/******************************************************************************', NL, ' * This file was generated', NL, ' * DO NOT EDIT MANUALLY!', NL, ' ******************************************************************************/', NL, NL, '/* eslint-disable */', NL);
+    return node;
+}

package/package.json

@@ -0,0 +1,80 @@
+{
+  "name": "@likec4/generators",
+  "version": "0.2.0",
+  "bugs": "https://github.com/likec4/likec4/issues",
+  "homepage": "https://like-c4.dev",
+  "author": "Denis Davydkov <denis@davydkov.com>",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/likec4/likec4.git"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "import": "./dist/react/index.js",
+      "require": "./dist/react/index.cjs"
+    },
+    "./d2": {
+      "types": "./dist/d2/index.d.ts",
+      "import": "./dist/d2/index.js",
+      "require": "./dist/d2/index.cjs"
+    }
+  },
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org",
+    "access": "public",
+    "main": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+      ".": {
+        "types": "./dist/index.d.ts",
+        "import": "./dist/index.js",
+        "require": "./dist/index.cjs"
+      },
+      "./react": {
+        "types": "./dist/react/index.d.ts",
+        "import": "./dist/react/index.js",
+        "require": "./dist/react/index.cjs"
+      },
+      "./d2": {
+        "types": "./dist/d2/index.d.ts",
+        "import": "./dist/d2/index.js",
+        "require": "./dist/d2/index.cjs"
+      }
+    }
+  },
+  "scripts": {
+    "compile": "",
+    "release:build": "tsc -p tsconfig.esm.json",
+    "build": "tsc",
+    "dev": "tsc --watch",
+    "lint": "run -T eslint src/ --fix",
+    "clean": "rimraf dist",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "dependencies": {
+    "@likec4/core": "0.2.1",
+    "json5": "^2.2.3",
+    "langium": "^1.1.0",
+    "rambdax": "^9.1.0"
+  },
+  "devDependencies": {
+    "@types/node": "^18.15.6",
+    "typescript": "^5.0.3",
+    "vite": "^4.2.1",
+    "vitest": "^0.29.8"
+  }
+}