@likec4/generators 1.5.0 → 1.29.0

package/src/views-data-ts/generate-views-data.ts

@@ -0,0 +1,147 @@
+import type { DiagramView } from '@likec4/core'
+import JSON5 from 'json5'
+import { CompositeGeneratorNode, expandToNode, joinToNode, NL, toString } from 'langium/generate'
+import { generateViewId } from './generateViewId'
+
+export function generateViewsDataJs(diagrams: Iterable<DiagramView>) {
+  const views = Array.from(diagrams)
+  const out = new CompositeGeneratorNode()
+  out.appendTemplate`
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+    /* prettier-ignore-start */
+    /* eslint-disable */
+
+    `.append(NL, NL)
+
+  if (views.length == 0) {
+    out.append('export const LikeC4Views = {}', NL)
+    return toString(out)
+  }
+
+  out.appendTemplate`
+    export const LikeC4Views = {
+  `
+    .indent({
+      indentation: 2,
+      indentedChildren(indented) {
+        indented.appendNewLineIf(views.length > 1).append(
+          joinToNode(
+            views,
+            view => expandToNode`${JSON5.stringify(view.id)}: ${JSON5.stringify(view)}`,
+            {
+              separator: ',',
+              appendNewLineIfNotEmpty: true
+            }
+          )
+        )
+      }
+    })
+    .append('}', NL, NL).appendTemplate`
+
+    export function isLikeC4ViewId(value) {
+      return (
+        value != null &&
+        typeof value === 'string' &&
+        !!LikeC4Views[value]
+      )
+    }
+
+    /* prettier-ignore-end */
+  `.append(NL)
+  return toString(out)
+}
+
+export function generateViewsDataTs(diagrams: Iterable<DiagramView>) {
+  const views = Array.from(diagrams)
+  const out = new CompositeGeneratorNode()
+  out.appendTemplate`
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+    /* prettier-ignore-start */
+    /* eslint-disable */
+
+    // @ts-nocheck
+
+    import type { DiagramView } from 'likec4'
+    `.append(NL, NL)
+
+  if (views.length === 0) {
+    out.append('export {}', NL)
+    return toString(out)
+  }
+
+  out.appendTemplate`
+    export type LikeC4ViewId = ${generateViewId(views)};
+    export const LikeC4Views = {
+  `
+    .indent({
+      indentation: 2,
+      indentedChildren(indented) {
+        indented.appendNewLineIf(views.length > 1).append(
+          joinToNode(
+            views,
+            view =>
+              expandToNode`${JSON5.stringify(view.id)}: (${
+                JSON5.stringify(
+                  view
+                )
+              } as unknown) as DiagramView`,
+            {
+              separator: ',',
+              appendNewLineIfNotEmpty: true
+            }
+          )
+        )
+      }
+    })
+    .append('} as const satisfies Record<LikeC4ViewId, DiagramView>', NL, NL).appendTemplate`
+    export type LikeC4Views = typeof LikeC4Views
+
+    export function isLikeC4ViewId(value: unknown): value is LikeC4ViewId {
+      return (
+        value != null &&
+        typeof value === 'string' &&
+        !!LikeC4Views[value]
+      )
+    }
+
+    /* prettier-ignore-end */
+  `.append(NL)
+  return toString(out)
+}
+
+export function generateViewsDataDTs(diagrams: Iterable<DiagramView>) {
+  const views = Array.from(diagrams)
+  const out = new CompositeGeneratorNode()
+  out.appendTemplate`
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+    /* prettier-ignore-start */
+    /* eslint-disable */
+
+    import type { DiagramView } from 'likec4'
+    `.append(NL, NL)
+
+  if (views.length == 0) {
+    out.append('export {}', NL)
+    return toString(out)
+  }
+
+  out.appendTemplate`
+    export type LikeC4ViewId = ${generateViewId(views)};
+    export type LikeC4Views = Record<LikeC4ViewId, DiagramView>
+
+    export declare const LikeC4Views: LikeC4Views
+    export declare function isLikeC4ViewId(value: unknown): value is LikeC4ViewId
+
+    /* prettier-ignore-end */
+  `.append(NL)
+  return toString(out)
+}

package/src/views-data-ts/generateViewId.ts

@@ -0,0 +1,9 @@
+import type { DiagramView } from '@likec4/core'
+import JSON5 from 'json5'
+import { expandToNode, joinToNode } from 'langium/generate'
+
+export function generateViewId(views: Iterable<DiagramView>) {
+  return joinToNode(views, view => expandToNode`${JSON5.stringify(view.id)}`, {
+    separator: ' | '
+  })
+}

package/src/views-data-ts/index.ts

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

package/dist/__mocks__/data.d.ts

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

package/dist/__mocks__/data.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../src/__mocks__/data.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE7D,eAAO,MAAM,WAAW,EAAE,WAiMlB,CAAA;AAER,eAAO,MAAM,YAAY,EAAE,WA8GnB,CAAA;AAER,eAAO,MAAM,uBAAuB,EAAE,YAsJ9B,CAAA"}

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: 'Context: Cloud',
-    viewOf: 'cloud'
-};

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

@@ -1 +0,0 @@
-{"version":3,"file":"generate-d2.d.ts","sourceRoot":"","sources":["../../src/d2/generate-d2.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA8B,YAAY,EAAU,MAAM,cAAc,CAAA;AA+CpF,wBAAgB,UAAU,CAAC,CAAC,SAAS,YAAY,EAAE,IAAI,EAAE,CAAC,UA0DzD"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"generate-d2.spec.d.ts","sourceRoot":"","sources":["../../src/d2/generate-d2.spec.ts"],"names":[],"mappings":""}

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

@@ -1,12 +0,0 @@
-import { expect, test } from 'vitest';
-import { fakeComputedView3Levels, fakeDiagram, fakeDiagram2 } 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.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/d2/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAA;AACtD,OAAO,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAA"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"generate-mmd.d.ts","sourceRoot":"","sources":["../../src/mmd/generate-mmd.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAA8B,YAAY,EAAU,MAAM,cAAc,CAAA;AA8BpF,wBAAgB,eAAe,CAAC,CAAC,SAAS,YAAY,EAAE,IAAI,EAAE,CAAC,UA+E9D"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"generate-mmd.spec.d.ts","sourceRoot":"","sources":["../../src/mmd/generate-mmd.spec.ts"],"names":[],"mappings":""}

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

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

package/dist/mmd/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/mmd/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA"}

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"generate-react.d.ts","sourceRoot":"","sources":["../../src/react/generate-react.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAa/C,wBAAgB,aAAa,CAAC,KAAK,EAAE,WAAW,EAAE,UAqGjD"}