@likec4/generators 1.4.0 → 1.29.0

package/src/model/generate-likec4-model.spec.ts

@@ -0,0 +1,158 @@
+import { LikeC4Model } from '@likec4/core'
+import { Builder } from '@likec4/core/builder'
+import { computeViews, viewsWithReadableEdges } from '@likec4/core/compute-view'
+import { describe, it } from 'vitest'
+import { generateLikeC4Model } from './generate-likec4-model'
+
+const {
+  builder: b,
+  model: {
+    model,
+    person,
+    system,
+    component,
+    webapp,
+    mobile,
+    ...$m
+  },
+  deployment: {
+    deployment,
+    env,
+    node,
+    zone,
+    instanceOf,
+    ...$d
+  },
+  views: {
+    view,
+    views,
+    viewOf,
+    deploymentView,
+    $rules,
+    $include,
+    $exclude,
+    $style,
+  },
+} = Builder.forSpecification({
+  elements: {
+    person: {
+      style: {
+        shape: 'person',
+      },
+    },
+    system: {},
+    component: {},
+    webapp: {
+      style: {
+        shape: 'browser',
+      },
+    },
+    mobile: {
+      style: {
+        shape: 'mobile',
+      },
+    },
+  },
+  deployments: {
+    env: {},
+    zone: {},
+    node: {},
+  },
+})
+
+const builder = b
+  .with(
+    model(
+      person('customer'),
+      system('cloud').with(
+        component('frontend').with(
+          webapp('dashboard'),
+          mobile('mobile'),
+        ),
+        component('auth'),
+        component('backend').with(
+          component('api'),
+          component('graphql'),
+        ),
+        component('media', {
+          shape: 'storage',
+        }),
+      ),
+      system('aws').with(
+        component('rds', {
+          shape: 'storage',
+        }),
+        component('s3', {
+          shape: 'storage',
+        }),
+      ),
+      system('email'),
+    ),
+    model(
+      $m.rel('customer', 'cloud', 'uses services'),
+      $m.rel('customer', 'cloud.frontend.mobile', 'opens mobile app'),
+      $m.rel('customer', 'cloud.frontend.dashboard', 'opens in browser'),
+      $m.rel('cloud.frontend.dashboard', 'cloud.auth', 'authenticates'),
+      $m.rel('cloud.frontend.dashboard', 'cloud.backend.api', 'fetches data'),
+      $m.rel('cloud.frontend.dashboard', 'cloud.media', 'fetches media'),
+      $m.rel('cloud.frontend.mobile', 'cloud.auth', 'authenticates'),
+      $m.rel('cloud.frontend.mobile', 'cloud.backend.api', 'fetches data'),
+      $m.rel('cloud.frontend.mobile', 'cloud.media', 'fetches media'),
+      $m.rel('cloud.backend.api', 'cloud.auth', 'authorizes'),
+      $m.rel('cloud.backend.api', 'cloud.media', 'uploads media'),
+      $m.rel('cloud.backend.api', 'aws.rds', 'reads/writes'),
+      $m.rel('cloud.backend.api', 'email', 'sends emails'),
+      $m.rel('cloud.media', 'aws.s3', 'uploads'),
+      $m.rel('email', 'customer', 'sends emails'),
+    ),
+    deployment(
+      node('customer').with(
+        instanceOf('instance', 'customer'),
+      ),
+      env('prod').with(
+        zone('eu').with(
+          zone('zone1').with(
+            instanceOf('ui', 'cloud.frontend.dashboard'),
+            instanceOf('api', 'cloud.backend.api'),
+          ),
+          zone('zone2').with(
+            instanceOf('ui', 'cloud.frontend.dashboard'),
+            instanceOf('api', 'cloud.backend.api'),
+          ),
+          instanceOf('media', 'cloud.media'),
+          instanceOf('db', 'aws.rds'),
+        ),
+        zone('us').with(
+          instanceOf('db', 'aws.rds'),
+        ),
+      ),
+      $d.rel('prod.eu.db', 'prod.us.db', 'replicates'),
+    ),
+    views(
+      view('index', $include('*')),
+      viewOf(
+        'cloud',
+        'cloud',
+        $rules(
+          $include('*'),
+          $include('cloud.frontend.dashboard'),
+        ),
+      ),
+      deploymentView(
+        'prod',
+        'prod',
+        $rules(
+          $include('customer.instance'),
+          $include('prod.eu.zone1.ui'),
+        ),
+      ),
+    ),
+  )
+const computed = viewsWithReadableEdges(computeViews(builder.build()))
+const m = LikeC4Model.create(computed)
+
+describe('generateLikeC4Model', () => {
+  it('should generate', async ({ expect }) => {
+    await expect(generateLikeC4Model(m)).toMatchFileSnapshot('__snapshots__/likec4-model.snap')
+  })
+})

package/src/model/generate-likec4-model.ts

@@ -0,0 +1,33 @@
+import { type LikeC4Model } from '@likec4/core'
+import JSON5 from 'json5'
+import { CompositeGeneratorNode, toString } from 'langium/generate'
+
+export function generateLikeC4Model(model: LikeC4Model) {
+  const out = new CompositeGeneratorNode()
+  out.appendTemplate`
+    /* prettier-ignore-start */
+    /* eslint-disable */
+
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+
+    import { LikeC4Model } from 'likec4/model'
+
+    export const likeC4Model = LikeC4Model.fromDump(${
+    JSON5.stringify(model.$model, {
+      space: 2,
+      quote: '\'',
+    })
+  })
+
+    export type LikeC4ModelTypes = typeof likeC4Model.Aux
+    export type LikeC4ElementId = LikeC4ModelTypes['Fqn']
+    export type LikeC4DeploymentId = LikeC4ModelTypes['Deployment']
+    export type LikeC4ViewId = LikeC4ModelTypes['ViewId']
+
+    /* prettier-ignore-end */
+  `
+  return toString(out)
+}

package/src/model/generate-likec4.ts

@@ -0,0 +1,5 @@
+import type { ParsedLikeC4ModelData } from '@likec4/core'
+
+export function generateLikeC4(_model: ParsedLikeC4ModelData) {
+  // return `import { printDocs } from '../utils/printDocs'
+}

package/src/react/generate-react-types.ts

@@ -0,0 +1,127 @@
+import type { LikeC4Model } from '@likec4/core'
+import { compareNatural, sortNaturalByFqn } from '@likec4/core'
+
+function toUnion(unionset: string[] | Set<string>) {
+  if (unionset instanceof Set) {
+    unionset = [...unionset].sort(compareNatural)
+  }
+  const union = unionset.map(v => `  | ${JSON.stringify(v)}`)
+  if (union.length === 0) {
+    union.push('  never')
+  }
+  return union.join('\n') + ';'
+}
+
+export function generateReactTypes(model: LikeC4Model.Layouted) {
+  const {
+    fqns,
+    tags,
+    kinds,
+  } = sortNaturalByFqn([...model.elements()]).reduce((acc, d) => {
+    acc.fqns.push(d.id)
+    acc.kinds.add(d.kind)
+    acc.tags.push(...d.tags)
+    return acc
+  }, {
+    fqns: [] as string[],
+    kinds: new Set<string>(),
+    tags: [] as string[],
+  })
+  const deploymentFqns = sortNaturalByFqn([...model.deployment.elements()]).map((e) => e.id)
+
+  const {
+    viewIds,
+  } = [...model.views()].reduce((acc, d) => {
+    acc.viewIds.add(d.id)
+    acc.tags.push(...d.tags)
+    acc.tags.push(...d.includedTags)
+    return acc
+  }, {
+    viewIds: new Set<string>(),
+    tags,
+  })
+
+  return `
+/* prettier-ignore-start */
+/* eslint-disable */
+
+/******************************************************************************
+ * This file was generated
+ * DO NOT EDIT MANUALLY!
+ ******************************************************************************/
+
+import type { PropsWithChildren } from 'react'
+import type { JSX } from 'react/jsx-runtime'
+import type {
+  DiagramView,
+  LikeC4Model as GenericLikeC4Model,
+} from 'likec4/model'
+import type {
+  LikeC4ViewProps as GenericLikeC4ViewProps,
+  ReactLikeC4Props as GenericReactLikeC4Props
+} from 'likec4/react'
+
+type LikeC4ElementId =
+${toUnion(fqns)}
+
+type LikeC4DeploymentId =
+${toUnion(deploymentFqns)}
+
+type LikeC4ViewId =
+${toUnion(viewIds)}
+
+type LikeC4ElementKind =
+${toUnion(kinds)}
+
+type LikeC4Tag =
+${toUnion(new Set(tags))}
+
+declare function isLikeC4ViewId(value: unknown): value is LikeC4ViewId;
+
+type Aux = GenericLikeC4Model.Typed<LikeC4ElementId, LikeC4DeploymentId, LikeC4ViewId, DiagramView<LikeC4ViewId>>;
+type LikeC4Model = GenericLikeC4Model<Aux>;
+type LikeC4ViewModel = GenericLikeC4Model.View<Aux>;
+
+declare const likeC4Model: LikeC4Model;
+declare function useLikeC4Model(): LikeC4Model;
+declare function useLikeC4View(viewId: LikeC4ViewId): DiagramView<LikeC4ViewId>;
+
+declare function LikeC4ModelProvider(props: PropsWithChildren): JSX.Element;
+
+type IconRendererProps = {
+  node: {
+    id: string
+    title: string
+    icon?: string | undefined
+  }
+}
+declare function RenderIcon(props: IconRendererProps): JSX.Element;
+
+type LikeC4ViewProps = GenericLikeC4ViewProps<LikeC4ViewId, LikeC4Tag, LikeC4ElementKind>;
+declare function LikeC4View({viewId, ...props}: LikeC4ViewProps): JSX.Element;
+
+type ReactLikeC4Props = GenericReactLikeC4Props<LikeC4ViewId, LikeC4Tag, LikeC4ElementKind>
+declare function ReactLikeC4({viewId, ...props}: ReactLikeC4Props): JSX.Element;
+
+export {
+  type LikeC4ElementId,
+  type LikeC4DeploymentId,
+  type LikeC4ViewId,
+  type LikeC4Tag,
+  type LikeC4ElementKind,
+  type LikeC4ViewProps,
+  type ReactLikeC4Props,
+  type LikeC4Model,
+  isLikeC4ViewId,
+  useLikeC4Model,
+  useLikeC4View,
+  useLikeC4ViewModel,
+  likeC4Model,
+  LikeC4ModelProvider,
+  LikeC4View,
+  RenderIcon,
+  ReactLikeC4
+}
+/* prettier-ignore-end */
+`.trimStart()
+}

package/src/react/index.ts

@@ -0,0 +1 @@
+export { generateReactTypes as default } from './generate-react-types'

package/src/react-next/generate-react-next.ts

@@ -0,0 +1,111 @@
+import type { DiagramView } from '@likec4/core'
+import { CompositeGeneratorNode, toString } from 'langium/generate'
+import { generateViewsDataDTs, generateViewsDataJs } from '../views-data-ts/generate-views-data'
+
+/**
+ * @deprecated in favor packages/likec4/src/cli/codegen/react/index.ts
+ */
+export function generateReactNext(views: Iterable<DiagramView>) {
+  return {
+    viewsData: {
+      fileName: 'likec4-views-data',
+      js: generateViewsDataJs(views),
+      dts: generateViewsDataDTs(views),
+    },
+    components: {
+      fileName: 'likec4-components',
+      ...generateComponents(),
+    },
+    index: generateIndex(),
+  }
+}
+
+function generateComponents() {
+  const js = new CompositeGeneratorNode().appendTemplate`
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+    /* prettier-ignore-start */
+    /* eslint-disable */
+    import { createElement } from "react";
+    import { LikeC4Diagram, EmbeddedLikeC4Diagram } from "@likec4/diagram";
+    import { LikeC4Views } from "./likec4-views-data";
+    export function LikeC4View({ viewId, ...props }) {
+        const view = LikeC4Views[viewId];
+        if (!view) {
+            throw new Error(\`LikeC4View NotFound: "\${viewId}"\`);
+        }
+        return createElement(LikeC4Diagram, { view: view, ...props });
+    }
+    export function EmbeddedLikeC4View({ viewId, ...props }) {
+        return createElement(EmbeddedLikeC4Diagram, { viewId: viewId, views: LikeC4Views, ...props });
+    }
+    /* prettier-ignore-end */
+  `
+
+  const dts = new CompositeGeneratorNode().appendTemplate`
+    /// <reference types="react" />
+    /******************************************************************************
+     * This file was generated
+     * DO NOT EDIT MANUALLY!
+     ******************************************************************************/
+    /* prettier-ignore-start */
+    /* eslint-disable */
+
+    import type { LikeC4DiagramProps, EmbeddedLikeC4DiagramProps } from "@likec4/diagram";
+    import type { LikeC4ViewId } from "./likec4-views-data";
+
+    export type LikeC4ViewProps = {
+        viewId: LikeC4ViewId;
+    } & Omit<LikeC4DiagramProps, "view">;
+
+    export declare function LikeC4View({ viewId, ...props }: LikeC4ViewProps): JSX.Element;
+
+    export type EmbeddedLikeC4ViewProps = {
+        viewId: LikeC4ViewId;
+    } & Omit<EmbeddedLikeC4DiagramProps, "viewId" | "views">;
+
+    export declare function EmbeddedLikeC4View({ viewId, ...props }: EmbeddedLikeC4ViewProps): JSX.Element;
+    /* prettier-ignore-end */
+  `
+  return {
+    js: toString(js),
+    dts: toString(dts),
+  }
+}
+
+function generateIndex() {
+  const js = new CompositeGeneratorNode().appendTemplate`
+    /* prettier-ignore-start */
+    /* eslint-disable */
+
+    // You are safe to edit/move these style imports,
+    // but they are required
+    import "@mantine/core/styles.css";
+    import "@likec4/diagram/style.css";
+
+    export * from "./likec4-components";
+
+    // OR with lazy loading:
+    //
+    // import { lazy } from "react";
+    // export const LikeC4View = lazy(async () => await import("./likec4-components").then(m => ({default: m.LikeC4View})));
+    // export const EmbeddedLikeC4View = lazy(async () => await import("./likec4-components").then(m => ({default: m.EmbeddedLikeC4View})));
+
+    /* prettier-ignore-end */
+  `
+
+  const dts = new CompositeGeneratorNode().appendTemplate`
+    /* prettier-ignore-start */
+    /* eslint-disable */
+
+    export * from "./likec4-components";
+
+    /* prettier-ignore-end */
+  `
+  return {
+    js: toString(js),
+    dts: toString(dts),
+  }
+}

package/src/react-next/index.ts

@@ -0,0 +1 @@
+export { generateReactNext as default } from './generate-react-next'

package/src/views-data-ts/__snapshots__/generate-views-data.spec.ts.snap

@@ -0,0 +1,83 @@
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
+
+exports[`generate generateViewsDataDTs 1`] = `
+"/******************************************************************************
+ * This file was generated
+ * DO NOT EDIT MANUALLY!
+ ******************************************************************************/
+/* prettier-ignore-start */
+/* eslint-disable */
+
+import type { DiagramView } from 'likec4'
+
+
+export type LikeC4ViewId = 'fakeView' | '74f5364fa4b';
+export type LikeC4Views = Record<LikeC4ViewId, DiagramView>
+
+export declare const LikeC4Views: LikeC4Views
+export declare function isLikeC4ViewId(value: unknown): value is LikeC4ViewId
+
+/* prettier-ignore-end */
+"
+`;
+
+exports[`generate generateViewsDataJs 1`] = `
+"/******************************************************************************
+ * This file was generated
+ * DO NOT EDIT MANUALLY!
+ ******************************************************************************/
+/* prettier-ignore-start */
+/* eslint-disable */
+
+
+
+export const LikeC4Views = {  
+  'fakeView': {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'}],autoLayout:{direction:'TB'},rules:[{exprs:[{wildcard:true}],isInclude:true}],title:'',viewOf:'cloud',width:582},
+  '74f5364fa4b': {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'}],autoLayout:{direction:'TB'},rules:[{exprs:[{wildcard:true}],isInclude:true}],title:'frontend',viewOf:'system.frontend',width:251}
+}
+
+
+export function isLikeC4ViewId(value) {
+  return (
+    value != null &&
+    typeof value === 'string' &&
+    !!LikeC4Views[value]
+  )
+}
+
+/* prettier-ignore-end */
+"
+`;
+
+exports[`generate generateViewsDataTs 1`] = `
+"/******************************************************************************
+ * This file was generated
+ * DO NOT EDIT MANUALLY!
+ ******************************************************************************/
+/* prettier-ignore-start */
+/* eslint-disable */
+
+// @ts-nocheck
+
+import type { DiagramView } from 'likec4'
+
+
+export type LikeC4ViewId = 'fakeView' | '74f5364fa4b';
+export const LikeC4Views = {  
+  'fakeView': ({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'}],autoLayout:{direction:'TB'},rules:[{exprs:[{wildcard:true}],isInclude:true}],title:'',viewOf:'cloud',width:582} as unknown) as DiagramView,
+  '74f5364fa4b': ({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'}],autoLayout:{direction:'TB'},rules:[{exprs:[{wildcard:true}],isInclude:true}],title:'frontend',viewOf:'system.frontend',width:251} as unknown) as DiagramView
+} as const satisfies Record<LikeC4ViewId, DiagramView>
+
+export type LikeC4Views = typeof LikeC4Views
+
+export function isLikeC4ViewId(value: unknown): value is LikeC4ViewId {
+  return (
+    value != null &&
+    typeof value === 'string' &&
+    !!LikeC4Views[value]
+  )
+}
+
+/* prettier-ignore-end */
+"
+`;

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

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