@likec4/generators 0.37.1 → 0.41.0

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@likec4/generators",
-  "version": "0.37.1",
+  "version": "0.41.0",
   "license": "MIT",
   "bugs": "https://github.com/likec4/likec4/issues",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
   "files": [
-    "dist",
-    "!dist/__mocks__/**",
+    "src",
+    "!**/__mocks__/**",
     "!**/*.spec.*",
     "!**/*.map"
   ],
@@ -16,37 +16,36 @@
     "url": "https://github.com/likec4/likec4.git",
     "directory": "packages/generators"
   },
-  "main": "./dist/index.js",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
   "type": "module",
   "sideEffects": false,
+  "exports": {
+    ".": "./src/index.ts"
+  },
   "publishConfig": {
     "registry": "https://registry.npmjs.org",
-    "access": "public",
-    "main": "./dist/index.js",
-    "module": "./dist/index.js",
-    "types": "./dist/index.d.ts"
+    "access": "public"
   },
   "scripts": {
-    "compile": "tsc --noEmit",
-    "build": "tsc",
-    "dev": "tsc --watch",
+    "typecheck": "tsc --noEmit",
+    "build": "unbuild",
     "lint": "run -T eslint src/ --fix",
     "clean": "run -T rimraf dist",
-    "test": "run -T vitest run",
-    "test:watch": "run -T vitest"
+    "test": "run -T vitest run"
   },
   "dependencies": {
-    "@likec4/core": "0.37.1",
+    "@likec4/core": "0.41.0",
     "json5": "^2.2.3",
     "langium": "^2.0.2",
     "rambdax": "^9.1.1"
   },
   "devDependencies": {
-    "@types/node": "^18.15.11",
+    "@types/node": "^20.8.7",
     "typescript": "^5.2.2",
-    "vitest": "^0.34.4"
+    "unbuild": "^2.0.0",
+    "vitest": "^0.34.6"
   },
-  "packageManager": "yarn@3.6.3"
+  "packageManager": "yarn@3.6.4",
+  "volta": {
+    "extends": "../../package.json"
+  }
 }

package/src/d2/generate-d2.ts

@@ -0,0 +1,107 @@
+import type { ComputedEdge, ComputedNode, ComputedView, NodeId } from '@likec4/core'
+import { CompositeGeneratorNode, NL, joinToNode, toString } from 'langium'
+import { isNil } from 'rambdax'
+
+const capitalizeFirstLetter = (value: string) =>
+  value.charAt(0).toLocaleUpperCase() + value.slice(1)
+
+const fqnName = (nodeId: string): string => nodeId.split('.').map(capitalizeFirstLetter).join('')
+
+const nodeName = (node: ComputedNode): string => {
+  return fqnName(node.parent ? node.id.slice(node.parent.length + 1) : node.id)
+}
+
+const d2direction = ({ autoLayout }: ComputedView) => {
+  switch (autoLayout) {
+    case 'TB': {
+      return 'down'
+    }
+    case 'BT': {
+      return 'up'
+    }
+    case 'LR': {
+      return 'right'
+    }
+    case 'RL': {
+      return 'left'
+    }
+  }
+}
+
+const d2shape = ({ shape }: ComputedNode) => {
+  switch (shape) {
+    case 'queue':
+    case 'cylinder':
+    case 'rectangle':
+    case 'person': {
+      return shape
+    }
+    case 'storage': {
+      return 'stored_data' as const
+    }
+    case 'mobile':
+    case 'browser': {
+      return 'rectangle' as const
+    }
+  }
+}
+
+export function generateD2<V extends ComputedView>(view: V) {
+  const { nodes, edges } = view
+  const names = new Map<NodeId, string>()
+
+  const printNode = (node: ComputedNode, parentName?: string): CompositeGeneratorNode => {
+    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: ComputedEdge): CompositeGeneratorNode => {
+    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/src/d2/index.ts

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

package/src/index.ts

@@ -0,0 +1,4 @@
+export { generateReact } from './react/generate-react'
+export { generateD2 } from './d2/generate-d2'
+export { generateMermaid } from './mmd/generate-mmd'
+export { generateViewsDataTs, generateViewsDataJs } from './views-data-ts/generate-views-data'

package/src/mmd/generate-mmd.ts

@@ -0,0 +1,106 @@
+import type { ComputedEdge, ComputedNode, ComputedView, NodeId } from '@likec4/core'
+import { CompositeGeneratorNode, NL, joinToNode, toString } from 'langium'
+import { isNil } from 'rambdax'
+
+const capitalizeFirstLetter = (value: string) =>
+  value.charAt(0).toLocaleUpperCase() + value.slice(1)
+
+const fqnName = (nodeId: string): string => nodeId.split('.').map(capitalizeFirstLetter).join('')
+
+const nodeName = (node: ComputedNode): string => {
+  return fqnName(node.parent ? node.id.slice(node.parent.length + 1) : node.id)
+}
+
+const mmdshape = ({ shape }: ComputedNode): [start: string, end: string] => {
+  switch (shape) {
+    case 'queue':
+    case 'cylinder':
+      return ['[(', ')]']
+    case 'person': {
+      return ['[fa:fa-user ', ']']
+    }
+    case 'storage':
+      return ['([', '])']
+    case 'mobile':
+    case 'browser':
+    case 'rectangle': {
+      return ['[', ']']
+    }
+  }
+}
+
+export function generateMermaid<V extends ComputedView>(view: V) {
+  const { nodes, edges } = view
+  const names = new Map<NodeId, string>()
+
+  const printNode = (node: ComputedNode, parentName?: string): CompositeGeneratorNode => {
+    const name = nodeName(node)
+    const fqnName = (parentName ? parentName + '.' : '') + name
+    names.set(node.id, fqnName)
+
+    const label = node.title.replaceAll('\n', '\\n')
+    const shape = mmdshape(node)
+
+    const baseNode = new CompositeGeneratorNode()
+    if (node.children.length > 0) {
+      baseNode
+        .append('subgraph ', fqnName, '["', label, '"]', NL)
+        .indent({
+          indentedChildren: indent =>
+            indent.appendIf(
+              node.children.length > 0,
+              NL,
+              joinToNode(
+                nodes.filter(n => n.parent === node.id),
+                n => printNode(n, fqnName)
+              )
+            ),
+          indentation: 2
+        })
+        .append('end', NL)
+    } else {
+      baseNode.append(fqnName, shape[0], label, shape[1], NL)
+    }
+    return baseNode
+  }
+  //     return `${names.get(edge.source)} -> ${names.get(edge.target)}${edge.label ? ': ' + edge.label : ''}`
+  const printEdge = (edge: ComputedEdge): CompositeGeneratorNode => {
+    return new CompositeGeneratorNode().append(
+      names.get(edge.source),
+      ' --',
+      edge.label ? '"' + edge.label.replaceAll('\n', '\\n') + '"--' : '',
+      '> ',
+      names.get(edge.target)
+    )
+  }
+
+  return toString(
+    new CompositeGeneratorNode()
+      .appendIf(
+        view.title !== null && view.title.length > 0,
+        '---',
+        NL,
+        `title: ${view.title}`,
+        NL,
+        '---',
+        NL
+      )
+      .append('graph ', view.autoLayout, 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/src/mmd/index.ts

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

package/src/react/generate-react.ts

@@ -0,0 +1,111 @@
+import type { DiagramView } from '@likec4/core'
+import JSON5 from 'json5'
+import { CompositeGeneratorNode, NL, expandToNode, joinToNode, toString } from 'langium'
+
+const componentName = (value: string): string => {
+  if (!value.charAt(0).match(/[a-zA-Z]/)) {
+    value = 'View' + value
+  }
+  value = value.replaceAll('_', '')
+  return value.charAt(0).toLocaleUpperCase() + value.slice(1)
+}
+
+export const generateViewId = (views: DiagramView[]) =>
+  joinToNode(views, view => expandToNode`'${view.id}'`, {
+    separator: ' | '
+  })
+
+export function generateReact(views: DiagramView[]) {
+  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 } from '@likec4/diagrams'
+      import { LikeC4 } from '@likec4/diagrams'
+    `.append(NL, NL)
+
+  if (components.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 const {
+        // guard
+        isViewId,
+        // React hook to use location hash for ViewId
+        useViewId,
+        // React component to display diagram
+        Diagram,
+        // React component to display diagram in responsive container
+        Responsive,
+        // React component to display diagram in fullscreen container
+        Fullscreen,
+        // React component to embed diagram and open browser on click
+        Embedded,
+        // React component to browse diagrams in fullscreen container
+        Browser,
+      } = LikeC4.create<LikeC4ViewId>(LikeC4Views)
+
+      export type DiagramProps = LikeC4.DiagramProps<LikeC4ViewId>
+      export type ResponsiveProps = LikeC4.ResponsiveProps<LikeC4ViewId>
+      export type FullscreenProps = LikeC4.FullscreenProps<LikeC4ViewId>
+      export type EmbeddedProps = LikeC4.EmbeddedProps<LikeC4ViewId>
+      export type BrowserProps = LikeC4.BrowserProps<LikeC4ViewId>
+
+      // Re-export types
+      export type {
+        DiagramApi,
+        Fqn,
+        Element,
+        RelationID,
+        Relation,
+        NodeId,
+        EdgeId,
+        ViewID,
+        ComputedView,
+        LikeC4Theme,
+        DiagramNode,
+        DiagramEdge,
+        DiagramLabel,
+        DiagramView
+      } from '@likec4/diagrams'
+    `.append(NL)
+
+  return toString(out)
+}

package/src/react/index.ts

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

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

@@ -0,0 +1,121 @@
+import type { DiagramView } from '@likec4/core'
+import JSON5 from 'json5'
+import { CompositeGeneratorNode, NL, expandToNode, joinToNode, toString } from 'langium'
+import { generateViewId } from '../react/generate-react'
+
+export function generateViewsDataJs(views: DiagramView[]) {
+  const out = new CompositeGeneratorNode()
+  out.appendTemplate`
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+    /* 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' &&
+        Object.prototype.hasOwnProperty.call(LikeC4Views, value)
+      )
+    }
+  `.append(NL, NL)
+  return toString(out)
+}
+
+export function generateViewsDataTs(views: DiagramView[]) {
+  const out = new CompositeGeneratorNode()
+  out.appendTemplate`
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+    /* eslint-disable */
+
+    import type { DiagramView } from '@likec4/core'
+    `.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' &&
+        Object.prototype.hasOwnProperty.call(LikeC4Views, value)
+      )
+    }
+
+    // Re-export types
+    export type {
+      Fqn,
+      Element,
+      RelationID,
+      Relation,
+      NodeId,
+      EdgeId,
+      ComputedNode,
+      ComputedEdge,
+      ComputedView,
+      DiagramView,
+      DiagramNode,
+      DiagramEdge,
+      DiagramLabel
+    } from '@likec4/core'
+  `.append(NL, NL)
+  return toString(out)
+}

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

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

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

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

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

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

package/dist/d2/index.js

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

package/dist/index.d.ts

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

package/dist/index.js

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

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

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

package/dist/mmd/generate-mmd.js

@@ -1,62 +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 mmdshape = ({ shape }) => {
-    switch (shape) {
-        case 'queue':
-        case 'cylinder':
-            return ['[(', ')]'];
-        case 'person': {
-            return ['[fa:fa-user ', ']'];
-        }
-        case 'storage':
-            return ['([', '])'];
-        case 'mobile':
-        case 'browser':
-        case 'rectangle': {
-            return ['[', ']'];
-        }
-    }
-};
-export function generateMermaid(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 = mmdshape(node);
-        const baseNode = new CompositeGeneratorNode();
-        if (node.children.length > 0) {
-            baseNode
-                .append('subgraph ', fqnName, '["', label, '"]', NL)
-                .indent({
-                indentedChildren: indent => indent.appendIf(node.children.length > 0, NL, joinToNode(nodes.filter(n => n.parent === node.id), n => printNode(n, fqnName))),
-                indentation: 2
-            })
-                .append('end', NL);
-        }
-        else {
-            baseNode.append(fqnName, shape[0], label, shape[1], NL);
-        }
-        return baseNode;
-    };
-    //     return `${names.get(edge.source)} -> ${names.get(edge.target)}${edge.label ? ': ' + edge.label : ''}`
-    const printEdge = (edge) => {
-        return new CompositeGeneratorNode().append(names.get(edge.source), ' --', edge.label ? '"' + edge.label.replaceAll('\n', '\\n') + '"--' : '', '> ', names.get(edge.target));
-    };
-    return toString(new CompositeGeneratorNode()
-        .appendIf(view.title !== null && view.title.length > 0, '---', NL, `title: ${view.title}`, NL, '---', NL)
-        .append('graph ', view.autoLayout, 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/mmd/index.d.ts

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

package/dist/mmd/index.js

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

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

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

package/dist/react/generate-react.js

@@ -1,87 +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 const generateViewId = (views) => joinToNode(views, view => expandToNode `'${view.id}'`, {
-    separator: ' | '
-});
-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 } from '@likec4/diagrams'
-      import { LikeC4 } from '@likec4/diagrams'
-    `.append(NL, NL);
-    if (components.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 const {
-        isViewId,
-        useViewId,
-        Diagram,
-        Responsive,
-        Fullscreen,
-        Embedded,
-        Browser,
-      } = LikeC4.create<LikeC4ViewId>(LikeC4Views)
-
-      export type DiagramProps = LikeC4.DiagramProps<LikeC4ViewId>
-      export type ResponsiveProps = LikeC4.ResponsiveProps<LikeC4ViewId>
-      export type FullscreenProps = LikeC4.FullscreenProps<LikeC4ViewId>
-      export type EmbeddedProps = LikeC4.EmbeddedProps<LikeC4ViewId>
-      export type BrowserProps = LikeC4.BrowserProps<LikeC4ViewId>
-
-      // Re-export types
-      export type {
-        DiagramApi,
-        Fqn,
-        Element,
-        RelationID,
-        Relation,
-        NodeId,
-        EdgeId,
-        ViewID,
-        ComputedView,
-        LikeC4Theme,
-        DiagramNode,
-        DiagramEdge,
-        DiagramLabel,
-        DiagramView
-      } from '@likec4/diagrams'
-    `.append(NL, NL);
-    return toString(out);
-}

package/dist/react/index.d.ts

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

package/dist/react/index.js

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

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

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

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

@@ -1,61 +0,0 @@
-import JSON5 from 'json5';
-import { CompositeGeneratorNode, NL, expandToNode, joinToNode, toString } from 'langium';
-import { generateViewId } from '../react/generate-react';
-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/core'
-    `.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' &&
-        Object.prototype.hasOwnProperty.call(LikeC4Views, value)
-      )
-    }
-
-    // Re-export types
-    export type {
-      Fqn,
-      Element,
-      RelationID,
-      Relation,
-      NodeId,
-      EdgeId,
-      ComputedNode,
-      ComputedEdge,
-      ComputedView,
-      DiagramView,
-      DiagramNode,
-      DiagramEdge,
-      DiagramLabel
-    } from '@likec4/core'
-  `.append(NL, NL);
-    return toString(out);
-}

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

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

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

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