@likec4/generators 0.6.1 → 0.6.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@likec4/generators",
-  "version": "0.6.1",
+  "version": "0.6.2",
   "license": "MIT",
   "bugs": "https://github.com/likec4/likec4/issues",
   "homepage": "https://like-c4.dev",
@@ -32,8 +32,8 @@
     }
   },
   "scripts": {
-    "compile": "",
-    "release:build": "tsc -p tsconfig.esm.json",
+    "compile": "tsc --emitDeclarationOnly",
+    "build:release": "tsc -p tsconfig.esm.json",
     "build": "tsc",
     "dev": "tsc --watch",
     "lint": "run -T eslint src/ --fix",
@@ -42,7 +42,7 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "@likec4/core": "0.6.1",
+    "@likec4/core": "0.6.2",
     "json5": "^2.2.3",
     "langium": "^1.1.0",
     "rambdax": "^9.1.0"

package/dist/__mocks__/data.d.ts

@@ -1,4 +0,0 @@
-import type { ComputedView, DiagramView } from '@likec4/core/types';
-export declare const fakeDiagram: DiagramView;
-export declare const fakeDiagram2: DiagramView;
-export declare const fakeComputedView3Levels: ComputedView;

package/dist/__mocks__/data.js

@@ -1,456 +0,0 @@
-export const fakeDiagram = {
-    edges: [
-        {
-            headArrow: [
-                [294, 487],
-                [291, 496],
-                [288, 487]
-            ],
-            id: 'cloud.frontend:cloud.backend',
-            label: 'requests',
-            labelBox: {
-                align: 'left',
-                width: 62,
-                x: 295,
-                y: 459
-            },
-            points: [
-                [291, 406],
-                [291, 432],
-                [291, 461],
-                [291, 487]
-            ],
-            relations: [
-                'cloud.frontend.dashboard:cloud.backend.graphql',
-                'cloud.frontend.adminPanel:cloud.backend.graphql'
-            ],
-            source: 'cloud.frontend',
-            target: 'cloud.backend'
-        },
-        {
-            headArrow: [
-                [294, 701],
-                [291, 711],
-                [288, 701]
-            ],
-            id: 'cloud.backend:amazon',
-            label: null,
-            labelBox: null,
-            points: [
-                [291, 641],
-                [291, 660],
-                [291, 681],
-                [291, 702]
-            ],
-            relations: ['cloud.backend.storage:amazon.s3'],
-            source: 'cloud.backend',
-            target: 'amazon'
-        },
-        {
-            headArrow: [
-                [344, 257],
-                [336, 263],
-                [338, 253]
-            ],
-            id: 'support:cloud.frontend',
-            label: null,
-            labelBox: null,
-            points: [
-                [413, 141],
-                [391, 176],
-                [364, 218],
-                [342, 255]
-            ],
-            relations: ['support:cloud.frontend.adminPanel'],
-            source: 'support',
-            target: 'cloud.frontend'
-        },
-        {
-            headArrow: [
-                [244, 253],
-                [246, 263],
-                [239, 257]
-            ],
-            id: 'customer:cloud.frontend',
-            label: 'opens',
-            labelBox: {
-                align: 'left',
-                width: 44,
-                x: 208,
-                y: 193
-            },
-            points: [
-                [169, 141],
-                [191, 176],
-                [218, 218],
-                [241, 255]
-            ],
-            relations: ['customer:cloud.frontend.dashboard'],
-            source: 'customer',
-            target: 'cloud.frontend'
-        }
-    ],
-    height: 855,
-    id: 'fakeView',
-    nodes: [
-        {
-            children: [],
-            color: 'primary',
-            id: 'amazon',
-            parent: null,
-            position: [165, 715],
-            relative: [165, 715],
-            shape: 'rectangle',
-            size: {
-                height: 140,
-                width: 251
-            },
-            title: 'amazon'
-        },
-        {
-            children: ['cloud.backend', 'cloud.frontend'],
-            color: 'primary',
-            id: 'cloud',
-            parent: null,
-            position: [139, 210],
-            relative: [139, 210],
-            shape: 'rectangle',
-            size: {
-                height: 457,
-                width: 304
-            },
-            title: 'cloud'
-        },
-        {
-            children: [],
-            color: 'primary',
-            id: 'customer',
-            parent: null,
-            position: [0, 0],
-            relative: [0, 0],
-            shape: 'rectangle',
-            size: {
-                height: 140,
-                width: 251
-            },
-            title: 'customer'
-        },
-        {
-            children: [],
-            color: 'primary',
-            id: 'support',
-            parent: null,
-            position: [330, 0],
-            relative: [330, 0],
-            shape: 'rectangle',
-            size: {
-                height: 140,
-                width: 251
-            },
-            title: 'support'
-        },
-        {
-            children: [],
-            color: 'primary',
-            id: 'cloud.backend',
-            parent: 'cloud',
-            position: [165, 500],
-            relative: [26, 290],
-            shape: 'rectangle',
-            size: {
-                height: 140,
-                width: 251
-            },
-            title: 'backend'
-        },
-        {
-            children: [],
-            color: 'primary',
-            id: 'cloud.frontend',
-            parent: 'cloud',
-            position: [165, 266],
-            relative: [26, 56],
-            shape: 'rectangle',
-            size: {
-                height: 140,
-                width: 251
-            },
-            title: 'frontend'
-        }
-    ],
-    rules: [
-        {
-            exprs: [
-                {
-                    wildcard: true
-                }
-            ],
-            isInclude: true
-        }
-    ],
-    title: '',
-    viewOf: 'cloud',
-    width: 582
-};
-export const fakeDiagram2 = {
-    edges: [
-        {
-            headArrow: [
-                [129, 456],
-                [126, 465],
-                [123, 456]
-            ],
-            id: 'system.frontend:system.backend',
-            label: 'requests',
-            labelBox: {
-                align: 'left',
-                width: 62,
-                x: 130,
-                y: 428
-            },
-            points: [
-                [126, 375],
-                [126, 400],
-                [126, 429],
-                [126, 456]
-            ],
-            relations: ['671e3db5eb605d5f245f247d95925bd0953e0e4c'],
-            source: 'system.frontend',
-            target: 'system.backend'
-        },
-        {
-            headArrow: [
-                [129, 221],
-                [126, 231],
-                [123, 221]
-            ],
-            id: 'client:system.frontend',
-            label: 'opens',
-            labelBox: {
-                align: 'left',
-                width: 44,
-                x: 130,
-                y: 193
-            },
-            points: [
-                [126, 141],
-                [126, 166],
-                [126, 195],
-                [126, 221]
-            ],
-            relations: ['99bffdfd5c78e024393e6223cd9b19225321a5e3'],
-            source: 'client',
-            target: 'system.frontend'
-        }
-    ],
-    height: 609,
-    id: '74f5364fa4b',
-    nodes: [
-        {
-            children: [],
-            color: 'primary',
-            id: 'client',
-            parent: null,
-            position: [0, 0],
-            relative: [0, 0],
-            shape: 'rectangle',
-            size: {
-                height: 140,
-                width: 251
-            },
-            title: 'client'
-        },
-        {
-            children: [],
-            color: 'primary',
-            id: 'system.backend',
-            parent: null,
-            position: [0, 469],
-            relative: [0, 469],
-            shape: 'rectangle',
-            size: {
-                height: 140,
-                width: 251
-            },
-            title: 'backend'
-        },
-        {
-            children: [],
-            color: 'primary',
-            id: 'system.frontend',
-            parent: null,
-            position: [0, 235],
-            relative: [0, 235],
-            shape: 'rectangle',
-            size: {
-                height: 140,
-                width: 251
-            },
-            title: 'frontend'
-        }
-    ],
-    rules: [
-        {
-            exprs: [
-                {
-                    wildcard: true
-                }
-            ],
-            isInclude: true
-        }
-    ],
-    title: 'frontend',
-    viewOf: 'system.frontend',
-    width: 251
-};
-export const fakeComputedView3Levels = {
-    edges: [
-        {
-            id: 'cloud.frontend.dashboard:cloud.backend.graphql',
-            label: null,
-            relations: ['cloud.frontend.dashboard:cloud.backend.graphql'],
-            source: 'cloud.frontend.dashboard',
-            target: 'cloud.backend.graphql'
-        },
-        {
-            id: 'cloud.frontend.adminPanel:cloud.backend.graphql',
-            label: null,
-            relations: ['cloud.frontend.adminPanel:cloud.backend.graphql'],
-            source: 'cloud.frontend.adminPanel',
-            target: 'cloud.backend.graphql'
-        },
-        {
-            id: 'cloud.backend.storage:amazon',
-            label: null,
-            relations: ['cloud.backend.storage:amazon.s3'],
-            source: 'cloud.backend.storage',
-            target: 'amazon'
-        },
-        {
-            id: 'cloud.backend.graphql:cloud.backend.storage',
-            label: null,
-            relations: ['cloud.backend.graphql:cloud.backend.storage'],
-            source: 'cloud.backend.graphql',
-            target: 'cloud.backend.storage'
-        },
-        {
-            id: 'support:cloud.frontend.adminPanel',
-            label: null,
-            relations: ['support:cloud.frontend.adminPanel'],
-            source: 'support',
-            target: 'cloud.frontend.adminPanel'
-        },
-        {
-            id: 'customer:cloud.frontend.dashboard',
-            label: null,
-            relations: ['customer:cloud.frontend.dashboard'],
-            source: 'customer',
-            target: 'cloud.frontend.dashboard'
-        }
-    ],
-    id: 'cloud3levels',
-    nodes: [
-        {
-            children: [],
-            color: 'primary',
-            id: 'amazon',
-            parent: null,
-            shape: 'rectangle',
-            title: 'amazon'
-        },
-        {
-            children: ['cloud.backend', 'cloud.frontend.adminPanel', 'cloud.frontend.dashboard'],
-            color: 'primary',
-            id: 'cloud',
-            navigateTo: 'fakeView',
-            parent: null,
-            shape: 'rectangle',
-            title: 'cloud'
-        },
-        {
-            children: [],
-            color: 'primary',
-            id: 'customer',
-            parent: null,
-            shape: 'rectangle',
-            title: 'customer'
-        },
-        {
-            children: [],
-            color: 'primary',
-            id: 'support',
-            parent: null,
-            shape: 'rectangle',
-            title: 'support'
-        },
-        {
-            children: ['cloud.backend.graphql', 'cloud.backend.storage'],
-            color: 'primary',
-            id: 'cloud.backend',
-            parent: 'cloud',
-            shape: 'rectangle',
-            title: 'backend'
-        },
-        {
-            children: [],
-            color: 'primary',
-            id: 'cloud.backend.graphql',
-            parent: 'cloud.backend',
-            shape: 'rectangle',
-            title: 'graphql'
-        },
-        {
-            children: [],
-            color: 'primary',
-            id: 'cloud.backend.storage',
-            parent: 'cloud.backend',
-            shape: 'rectangle',
-            title: 'storage'
-        },
-        {
-            children: [],
-            color: 'primary',
-            id: 'cloud.frontend.adminPanel',
-            parent: 'cloud',
-            shape: 'rectangle',
-            title: 'adminPanel'
-        },
-        {
-            children: [],
-            color: 'primary',
-            id: 'cloud.frontend.dashboard',
-            parent: 'cloud',
-            shape: 'rectangle',
-            title: 'dashboard'
-        }
-    ],
-    rules: [
-        {
-            exprs: [
-                {
-                    wildcard: true
-                },
-                {
-                    element: 'cloud.frontend',
-                    isDescedants: true
-                },
-                {
-                    element: 'cloud.backend',
-                    isDescedants: true
-                }
-            ],
-            isInclude: true
-        },
-        {
-            exprs: [
-                {
-                    element: 'cloud.frontend',
-                    isDescedants: false
-                }
-            ],
-            isInclude: false
-        }
-    ],
-    title: '',
-    viewOf: 'cloud'
-};

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

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

package/dist/d2/generate-d2.js

@@ -1,56 +0,0 @@
-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/generate-d2.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/d2/generate-d2.spec.js

@@ -1,12 +0,0 @@
-import { expect, test } from 'vitest';
-import { fakeDiagram, fakeDiagram2, fakeComputedView3Levels } from '../__mocks__/data';
-import { generateD2 } from './generate-d2';
-test('generate D2 - fakeDiagram', () => {
-    expect(generateD2(fakeDiagram)).toMatchSnapshot();
-});
-test('generate D2 - fakeDiagram2', () => {
-    expect(generateD2(fakeDiagram2)).toMatchSnapshot();
-});
-test('generate D2 - fakeComputedView 3 Levels', () => {
-    expect(generateD2(fakeComputedView3Levels)).toMatchSnapshot();
-});

package/dist/d2/index.d.ts

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

package/dist/d2/index.js

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

package/dist/index.d.ts

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

package/dist/index.js

@@ -1,3 +0,0 @@
-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

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

package/dist/react/generate-react.js

@@ -1,79 +0,0 @@
-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'
-      import '@likec4/diagrams/dist/index.css'
-    `.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 ViewId = keyof LikeC4ViewsData
-      export function isViewId(value: unknown): value is ViewId {
-        return typeof value === 'string' && value in LikeC4ViewsData
-      }
-
-      export type LikeC4ViewProps = Omit<EmbeddedDiagramProps<LikeC4ViewsData, ViewId>, 'views'>;
-      export function LikeC4View(props: LikeC4ViewProps) {
-        return <EmbeddedDiagram views={LikeC4ViewsData} {...props}/>
-      }
-
-      type LikeC4ViewsProps = Omit<EmbeddedDiagramProps<LikeC4ViewsData, ViewId>, '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/generate-react.spec.d.ts

@@ -1 +0,0 @@
-export {};

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

@@ -1,6 +0,0 @@
-import { expect, test } from 'vitest';
-import { fakeDiagram, fakeDiagram2 } from '../__mocks__/data';
-import { generateReact } from './generate-react';
-test('generate react', () => {
-    expect(generateReact([fakeDiagram, fakeDiagram2])).toMatchSnapshot();
-});

package/dist/react/index.d.ts

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

package/dist/react/index.js

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

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

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

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

@@ -1,33 +0,0 @@
-import JSON5 from 'json5';
-import { CompositeGeneratorNode, NL, expandToNode, joinToNode, toString } from 'langium';
-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 ViewId = keyof LikeC4ViewsData
-      export function isViewId(value: unknown): value is ViewId {
-        return typeof value === 'string' && value in LikeC4ViewsData
-      }
-    `.append(NL);
-    return toString(out);
-}

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

@@ -1 +0,0 @@
-export {};

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

@@ -1,6 +0,0 @@
-import { expect, test } from 'vitest';
-import { fakeDiagram, fakeDiagram2 } from '../__mocks__/data';
-import { generateViewsDataTs } from './generate-views-data';
-test('generate generateViewsDataTs', () => {
-    expect(generateViewsDataTs([fakeDiagram, fakeDiagram2])).toMatchSnapshot();
-});

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

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

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

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