@likec4/generators 0.6.3 → 0.8.0

package/dist/__mocks__/data.d.ts

@@ -0,0 +1,5 @@
+import type { ComputedView, DiagramView } from '@likec4/core/types';
+export declare const fakeDiagram: DiagramView;
+export declare const fakeDiagram2: DiagramView;
+export declare const fakeComputedView3Levels: ComputedView;
+//# sourceMappingURL=data.d.ts.map

package/dist/__mocks__/data.js

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

package/dist/d2/generate-d2.js

@@ -34,7 +34,7 @@ export function generateD2({ nodes, edges }) {
             .indent({
             indentedChildren: indent => indent
                 .append('label: "', label, '"', NL)
-                .append('shape: ', shape, 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
         })

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=generate-d2.spec.d.ts.map

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

@@ -0,0 +1,12 @@
+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 +1,2 @@
 export * from './generate-d2';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts

@@ -1,3 +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/react/generate-react.d.ts

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

@@ -24,7 +24,6 @@ export function generateReact(views) {
 
       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);
@@ -43,17 +42,17 @@ export function generateReact(views) {
     })
         .append('} as const', NL, NL).appendTemplate `
       export type LikeC4ViewsData = typeof LikeC4ViewsData
-      export type ViewId = keyof LikeC4ViewsData
-      export function isViewId(value: unknown): value is ViewId {
+      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, ViewId>, 'views'>;
+      export type LikeC4ViewProps = Omit<EmbeddedDiagramProps<LikeC4ViewsData, LikeC4ViewId>, 'views'>;
       export function LikeC4View(props: LikeC4ViewProps) {
         return <EmbeddedDiagram views={LikeC4ViewsData} {...props}/>
       }
 
-      type LikeC4ViewsProps = Omit<EmbeddedDiagramProps<LikeC4ViewsData, ViewId>, 'views' | 'viewId'>
+      type LikeC4ViewsProps = Omit<EmbeddedDiagramProps<LikeC4ViewsData, LikeC4ViewId>, 'views' | 'viewId'>
       export const LikeC4Views = {
     `
         .append(NL)

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=generate-react.spec.d.ts.map

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

@@ -0,0 +1,6 @@
+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 +1,2 @@
 export * from './generate-react';
+//# sourceMappingURL=index.d.ts.map

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

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

@@ -24,8 +24,8 @@ export function generateViewsDataTs(views) {
     })
         .append('} as const', NL, NL).appendTemplate `
       export type LikeC4ViewsData = typeof LikeC4ViewsData
-      export type ViewId = keyof LikeC4ViewsData
-      export function isViewId(value: unknown): value is ViewId {
+      export type LikeC4ViewId = keyof LikeC4ViewsData
+      export function isLikeC4ViewId(value: unknown): value is LikeC4ViewId {
         return typeof value === 'string' && value in LikeC4ViewsData
       }
     `.append(NL);

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=generate-views-data.spec.d.ts.map

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

@@ -0,0 +1,6 @@
+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 +1,2 @@
 export * from './generate-views-data';
+//# sourceMappingURL=index.d.ts.map

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "@likec4/generators",
-  "version": "0.6.3",
+  "version": "0.8.0",
   "license": "MIT",
   "bugs": "https://github.com/likec4/likec4/issues",
-  "homepage": "https://like-c4.dev",
+  "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
   "files": [
-    "dist"
+    "dist",
+    "!**/*.map"
   ],
   "repository": {
     "type": "git",
@@ -14,6 +15,7 @@
     "directory": "packages/generators"
   },
   "main": "./dist/index.js",
+  "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",
   "sideEffects": false,
@@ -22,18 +24,10 @@
     "access": "public",
     "main": "./dist/index.js",
     "module": "./dist/index.js",
-    "types": "./dist/index.d.ts",
-    "exports": {
-      ".": {
-        "types": "./dist/index.d.ts",
-        "import": "./dist/index.js",
-        "default": "./dist/index.js"
-      }
-    }
+    "types": "./dist/index.d.ts"
   },
   "scripts": {
-    "compile": "tsc --emitDeclarationOnly",
-    "build:release": "tsc -p tsconfig.esm.json",
+    "compile": "tsc --noEmit",
     "build": "tsc",
     "dev": "tsc --watch",
     "lint": "run -T eslint src/ --fix",
@@ -42,23 +36,14 @@
     "test:watch": "vitest"
   },
   "dependencies": {
-    "@likec4/core": "0.6.3",
+    "@likec4/core": "0.7.0",
     "json5": "^2.2.3",
-    "langium": "^1.1.0",
-    "rambdax": "^9.1.0"
+    "langium": "^1.2.0",
+    "rambdax": "^9.1.1"
   },
   "devDependencies": {
     "@types/node": "^18.15.11",
     "typescript": "^5.0.4",
-    "vite": "^4.2.2",
-    "vitest": "^0.30.1"
-  },
-  "module": "./dist/index.js",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/index.js",
-      "default": "./dist/index.js"
-    }
+    "vitest": "^0.31.0"
   }
 }