@likec4/generators 1.38.1 → 1.39.1

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

@@ -1,184 +0,0 @@
-import { Builder } from '@likec4/core/builder'
-import { computeParsedModelData, viewsWithReadableEdges } from '@likec4/core/compute-view'
-import { LikeC4Model } from '@likec4/core/model'
-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',
-      },
-    },
-  },
-  tags: {
-    internal: {},
-    external: {},
-  },
-  metadataKeys: ['key1'],
-  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', {
-          metadata: {
-            key1: 'value1',
-          },
-          tags: ['external'],
-        }).with(
-          component('api'),
-          component('graphql'),
-        ),
-        component('media', {
-          tags: ['internal'],
-          shape: 'storage',
-        }),
-      ),
-      system('aws').with(
-        component('rds', {
-          shape: 'storage',
-        }),
-        component('s3', {
-          metadata: {
-            key1: 'value2',
-          },
-          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', {
-        tags: ['external'],
-        title: 'sends emails',
-        metadata: {
-          key1: 'value3',
-        },
-      }),
-    ),
-    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'),
-        ),
-      ),
-    ),
-  )
-
-describe('generateLikeC4Model', () => {
-  it('parsed-model', async ({ expect }) => {
-    const parsed = builder.build()
-    const m = LikeC4Model.create(parsed)
-    await expect(generateLikeC4Model(m)).toMatchFileSnapshot('__snapshots__/likec4.parsed-model.snap')
-  })
-
-  it('computed-model', async ({ expect }) => {
-    const computed = viewsWithReadableEdges(computeParsedModelData(builder.build()))
-    const m = LikeC4Model.create(computed)
-    await expect(generateLikeC4Model(m)).toMatchFileSnapshot('__snapshots__/likec4.computed-model.snap')
-  })
-})

package/src/puml/__snapshots__/generate-puml.spec.ts.snap

@@ -1,184 +0,0 @@
-// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
-
-exports[`generate puml - fakeComputedView 3 Levels 1`] = `
-"@startuml
-title "Context: Cloud"
-top to bottom direction
-
-hide stereotype
-skinparam ranksep 60
-skinparam nodesep 30
-skinparam {
-  arrowFontSize 10
-  defaultTextAlignment center
-  wrapWidth 200
-  maxMessageSize 100
-  shadowing false
-}
-
-skinparam rectangle<<Amazon>>{
-  BackgroundColor #3b82f6
-  FontColor #FFFFFF
-  BorderColor #3b82f6
-}
-skinparam rectangle<<Customer>>{
-  BackgroundColor #3b82f6
-  FontColor #FFFFFF
-  BorderColor #3b82f6
-}
-skinparam rectangle<<Support>>{
-  BackgroundColor #3b82f6
-  FontColor #FFFFFF
-  BorderColor #3b82f6
-}
-skinparam rectangle<<CloudBackendGraphql>>{
-  BackgroundColor #3b82f6
-  FontColor #FFFFFF
-  BorderColor #3b82f6
-}
-skinparam rectangle<<CloudBackendStorage>>{
-  BackgroundColor #3b82f6
-  FontColor #FFFFFF
-  BorderColor #3b82f6
-}
-skinparam rectangle<<CloudFrontendAdminPanel>>{
-  BackgroundColor #3b82f6
-  FontColor #FFFFFF
-  BorderColor #3b82f6
-}
-skinparam rectangle<<CloudFrontendDashboard>>{
-  BackgroundColor #3b82f6
-  FontColor #FFFFFF
-  BorderColor #3b82f6
-}
-rectangle "==amazon" <<Amazon>> as Amazon
-rectangle "cloud" <<Cloud>> as Cloud {
-  skinparam RectangleBorderColor<<Cloud>> #3b82f6
-  skinparam RectangleFontColor<<Cloud>> #3b82f6
-  skinparam RectangleBorderStyle<<Cloud>> dashed
-
-  rectangle "backend" <<CloudBackend>> as CloudBackend {
-    skinparam RectangleBorderColor<<CloudBackend>> #3b82f6
-    skinparam RectangleFontColor<<CloudBackend>> #3b82f6
-    skinparam RectangleBorderStyle<<CloudBackend>> dashed
-
-    rectangle "==graphql" <<CloudBackendGraphql>> as CloudBackendGraphql
-    rectangle "==storage" <<CloudBackendStorage>> as CloudBackendStorage
-  }
-  rectangle "==adminPanel" <<CloudFrontendAdminPanel>> as CloudFrontendAdminPanel
-  rectangle "==dashboard" <<CloudFrontendDashboard>> as CloudFrontendDashboard
-}
-rectangle "==customer" <<Customer>> as Customer
-rectangle "==support" <<Support>> as Support
-
-CloudFrontendDashboard .[#777777,thickness=2].> CloudBackendGraphql
-CloudFrontendAdminPanel .[#777777,thickness=2].> CloudBackendGraphql
-CloudBackendStorage .[#777777,thickness=2].> Amazon
-CloudBackendGraphql .[#777777,thickness=2].> CloudBackendStorage
-Support .[#777777,thickness=2].> CloudFrontendAdminPanel
-Customer .[#777777,thickness=2].> CloudFrontendDashboard
-@enduml
-"
-`;
-
-exports[`generate puml - fakeDiagram 1`] = `
-"@startuml
-title "fakeView"
-top to bottom direction
-
-hide stereotype
-skinparam ranksep 60
-skinparam nodesep 30
-skinparam {
-  arrowFontSize 10
-  defaultTextAlignment center
-  wrapWidth 200
-  maxMessageSize 100
-  shadowing false
-}
-
-skinparam rectangle<<Amazon>>{
-  BackgroundColor #3b82f6
-  FontColor #FFFFFF
-  BorderColor #3b82f6
-}
-skinparam rectangle<<Customer>>{
-  BackgroundColor #3b82f6
-  FontColor #FFFFFF
-  BorderColor #3b82f6
-}
-skinparam rectangle<<Support>>{
-  BackgroundColor #3b82f6
-  FontColor #FFFFFF
-  BorderColor #3b82f6
-}
-skinparam rectangle<<CloudBackend>>{
-  BackgroundColor #3b82f6
-  FontColor #FFFFFF
-  BorderColor #3b82f6
-}
-skinparam rectangle<<CloudFrontend>>{
-  BackgroundColor #3b82f6
-  FontColor #FFFFFF
-  BorderColor #3b82f6
-}
-rectangle "==amazon" <<Amazon>> as Amazon
-rectangle "cloud" <<Cloud>> as Cloud {
-  skinparam RectangleBorderColor<<Cloud>> #3b82f6
-  skinparam RectangleFontColor<<Cloud>> #3b82f6
-  skinparam RectangleBorderStyle<<Cloud>> dashed
-
-  rectangle "==backend" <<CloudBackend>> as CloudBackend
-  rectangle "==frontend" <<CloudFrontend>> as CloudFrontend
-}
-rectangle "==customer" <<Customer>> as Customer
-rectangle "==support" <<Support>> as Support
-
-CloudFrontend .[#777777,thickness=2].> CloudBackend : "<color:#777777>requests<color:#777777>"
-CloudBackend .[#777777,thickness=2].> Amazon
-Support .[#777777,thickness=2].> CloudFrontend
-Customer .[#777777,thickness=2].> CloudFrontend : "<color:#777777>opens<color:#777777>"
-@enduml
-"
-`;
-
-exports[`generate puml - fakeDiagram2 1`] = `
-"@startuml
-title "frontend"
-top to bottom direction
-
-hide stereotype
-skinparam ranksep 60
-skinparam nodesep 30
-skinparam {
-  arrowFontSize 10
-  defaultTextAlignment center
-  wrapWidth 200
-  maxMessageSize 100
-  shadowing false
-}
-
-skinparam rectangle<<Client>>{
-  BackgroundColor #3b82f6
-  FontColor #FFFFFF
-  BorderColor #3b82f6
-}
-skinparam rectangle<<SystemBackend>>{
-  BackgroundColor #3b82f6
-  FontColor #FFFFFF
-  BorderColor #3b82f6
-}
-skinparam rectangle<<SystemFrontend>>{
-  BackgroundColor #3b82f6
-  FontColor #FFFFFF
-  BorderColor #3b82f6
-}
-rectangle "==client" <<Client>> as Client
-rectangle "==backend" <<SystemBackend>> as SystemBackend
-rectangle "==frontend" <<SystemFrontend>> as SystemFrontend
-
-SystemFrontend .[#777777,thickness=2].> SystemBackend : "<color:#777777>requests<color:#777777>"
-Client .[#777777,thickness=2].> SystemFrontend : "<color:#777777>opens<color:#777777>"
-@enduml
-"
-`;

package/src/puml/generate-puml.spec.ts

@@ -1,26 +0,0 @@
-import type { LikeC4ViewModel } from '@likec4/core/model'
-import type { aux, ProcessedView } from '@likec4/core/types'
-import { expect, test, vi } from 'vitest'
-import { fakeComputedView3Levels, fakeDiagram, fakeDiagram2 } from '../__mocks__/data'
-import { generatePuml } from './generate-puml'
-
-const mockViewModel = vi.fn(function($view: ProcessedView) {
-  return {
-    $view,
-    $model: {
-      specification: {},
-    },
-  } as unknown as LikeC4ViewModel<aux.Unknown>
-})
-
-test('generate puml - fakeDiagram', () => {
-  expect(generatePuml(mockViewModel(fakeDiagram))).toMatchSnapshot()
-})
-
-test('generate puml - fakeDiagram2', () => {
-  expect(generatePuml(mockViewModel(fakeDiagram2))).toMatchSnapshot()
-})
-
-test('generate puml - fakeComputedView 3 Levels', () => {
-  expect(generatePuml(mockViewModel(fakeComputedView3Levels))).toMatchSnapshot()
-})

package/src/react/__snapshots__/valid-code.snap

@@ -1,111 +0,0 @@
-/* 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 { LikeC4Model } from '@likec4/core/model'
-import type { DiagramView } from '@likec4/core/types'
-import type {
-  LikeC4ViewProps as GenericLikeC4ViewProps,
-  ReactLikeC4Props as GenericReactLikeC4Props
-} from 'likec4/react'
-
-import type { Aux, SpecAux } from '@likec4/core/types';
-
-export type $Specs = SpecAux<
-  // Element kinds
-  | "actor"
-  | "component"
-  | "system",
-  // Deployment kinds
-  | "env"
-  | "vm",
-  // Relationship kinds
-  | "dislike"
-  | "like",
-  // Tags
-  | "tag1"
-  | "tag2",
-  // Metadata keys
-  | "key1"
-  | "key2"
->
-
-export type $Aux = Aux<
-  "computed",
-  // Elements
-  | "alice"
-  | "bob"
-  | "cloud"
-  | "cloud.backend"
-  | "cloud.frontend"
-  | "cloud.backend.api"
-  | "cloud.backend.db",
-  // Deployments
-  | "dev"
-  | "prod"
-  | "dev.api"
-  | "dev.vm1"
-  | "prod.vm1"
-  | "prod.vm2",
-  // Views
-  | "view1"
-  | "view2",
-  // Project ID
-  "from-builder",
-  $Specs
->
-
-export type $ElementId = $Aux['ElementId']
-export type $DeploymentId = $Aux['DeploymentId']
-export type $ViewId = $Aux['ViewId']
-
-export type $ElementKind = $Aux['ElementKind']
-export type $RelationKind = $Aux['RelationKind']
-export type $DeploymentKind = $Aux['DeploymentKind']
-export type $Tag = $Aux['Tag']
-export type $Tags = readonly $Aux['Tag'][]
-export type $MetadataKey = $Aux['MetadataKey']
-
-
-declare function isLikeC4ViewId(value: unknown): value is $ViewId;
-
-declare const likec4model: LikeC4Model<$Aux>;
-declare function useLikeC4Model(): LikeC4Model<$Aux>;
-declare function useLikeC4View(viewId: $ViewId): DiagramView<$Aux>;
-
-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<$Aux>;
-declare function LikeC4View({viewId, ...props}: LikeC4ViewProps): JSX.Element;
-
-type ReactLikeC4Props = GenericReactLikeC4Props<$Aux>
-declare function ReactLikeC4({viewId, ...props}: ReactLikeC4Props): JSX.Element;
-
-export {
-  type LikeC4ViewProps,
-  type ReactLikeC4Props,
-  isLikeC4ViewId,
-  useLikeC4Model,
-  useLikeC4View,
-  likec4model,
-  LikeC4ModelProvider,
-  LikeC4View,
-  RenderIcon,
-  ReactLikeC4
-}
-/* prettier-ignore-end */

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

@@ -1,67 +0,0 @@
-import { Builder } from '@likec4/core/builder'
-import { describe, it } from 'vitest'
-import { generateReactTypes } from './generate-react-types'
-
-describe('generateReactTypes', () => {
-  const m = Builder
-    .specification({
-      elements: {
-        actor: {},
-        system: {},
-        component: {},
-      },
-      deployments: {
-        env: {},
-        vm: {},
-      },
-      relationships: {
-        like: {},
-        dislike: {},
-      },
-      tags: {
-        tag1: {},
-        tag2: {},
-      },
-      metadataKeys: ['key1', 'key2'],
-    })
-    .model(({ actor, system, component, relTo }, _) =>
-      _(
-        actor('alice'),
-        actor('bob'),
-        system('cloud').with(
-          component('backend').with(
-            component('api'),
-            component('db', {
-              tags: ['tag2'],
-            }),
-          ),
-          component('frontend'),
-        ),
-      )
-    )
-    .deployment(({ env, vm, instanceOf }, _) =>
-      _(
-        env('prod').with(
-          vm('vm1'),
-          vm('vm2'),
-        ),
-        env('dev').with(
-          vm('vm1'),
-          instanceOf('cloud.backend.api'),
-        ),
-      )
-    )
-    // Test Element View
-    .views(({ view, $include }, _) =>
-      _(
-        // rules inside
-        view('view1', $include('cloud.backend')),
-        view('view2', $include('cloud.*')),
-      )
-    )
-
-  it('generate valid code', async ({ expect }) => {
-    const aux = generateReactTypes(m.toLikeC4Model())
-    await expect(aux).toMatchFileSnapshot('__snapshots__/valid-code.snap')
-  })
-})

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

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

@@ -1,15 +0,0 @@
-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()
-})