@likec4/core - npm Package Versions

0.42.0 (2023-10-26)

🚀 Features

• cli: export to PNG from preview (6996184)

0.41.0 (2023-10-25)

🚀 Features

• diagrams: relationship kinds by @MoBoo (#342)
  Docs

  Relationship kinds allow you to express different types of relations in a model and customize styling.

  Example:

  specification {
    relationship async {
      color amber
      line dotted
      head diamond
    }
  }
  model {
    service1 -[async]-> service2
  }
  

• cli: new CLI and preview mode

  Try this in folder with your *.c4 files

  npx likec4 serve
  

  Documentation is updating... 👷

• cli: export to static website

  npx likec4 build -o dist
  

• cli: Scaffold projects with npm create likec4 (ef7cf93)

• diagrams: dashed relationships by default (3593d71)

Bug Fixes

• diagrams: don't animate element if animation is disabled (b039602)
• likec4: responsive embeds (c8b187d)
• likec4: use deviceScaleFactor = 2 (ad8099a)
• likec4: use window size for export/embed (a0b3d6b)
• remove redundant implicit edges (4a8daaf)
• use [...] for merged edges (81282e6)
• vscode launch task loads source maps (c867401)

New Contributors

@MoBoo made their first contribution in #374

0.40.0 (2023-10-09)

Features

• diagrams-dev workspace (fc5560f)
• new cli likec4 (9413cec)

Bug Fixes

• diagrams: fix zoom (02ba48d)
• language: resolve view links (9d1a0ca)

0.37.1 (2023-09-16)

Features

• vscode: "Open source" from element context menu in preview panel (8b19661)
• vscode: Back button in preview panel

Bug Fixes

• diagrams: improve contextmenu (487972a)
• diagrams: use value from hash as initialViewId, if available (2145de6)
• language: add index view if not present (836a05e)

0.37.0 (2023-09-14)

Features

• language: extends from another view (e2a4d59)
  Documentation
• cli: export views to Mermaid (#314), thanks to @kcaswick

0.36.0 (2023-09-12)

Features

• cli: option to use custom HTML template for exported png (4e7ef2c)
  This allows use custom CSS styling and render additional elements, like View title, description or watermarks.
  Documentation

Bug Fixes

• language-server: separate elements and tags in specification (#305) (796068f)
• vscode: improve logging and telemetry (#310) (cd175e2)

0.35.0 (2023-09-09)

Features

• diagrams: add resetHashOnUnmount and onReturnToInitial props to useViewId hook (#301) (563b35b)
• update typescript to ^5.2.2 (#298) (956c180)
• use Node 20 (faf7949)

Bug Fixes

• babel compatiblity with Node 20.6 (b35846c)
• deps: update vitest ^0.34.3 (#297) (c4a2dbf)
• language-server: memory leak on keeping reference to element (c7e37f4)

0.34.0 (2023-09-01)

Features

• More customization in React components (1bdf747)
• Updated to Langium 2.0.0 (fc158f1)

Bug Fixes

• CLI fails to export image on Windows (#281) (cc7e054), closes #280
• improve errors handling (98735ac)
• workaround for a bug in the chevrotain-allstar@0.3.0 (2e20b96)

0.33.1 (2023-08-12)

No changes, just trigger release.

0.33.0 (2023-08-12)

Breaking changes

We do not change major version yet, as the project is in active development.

This release includes breaking changes in @likec4/diagrams:

• diagrams: DiagramsBrowser
  You've already seen this component working on the project website, but it was not back-ported to the npm-module
• diagrams: LikeC4 factory
  Creates components, "bound" to your model, with type checks. It ensures that only existing views can be rendered.

With codegen command, CLI generates structured data, like:

export const LikeC4Views = {
  indexLR: {
    title: 'Landscape View'
    nodes: [/* ... */],
    edges: [/* ... */],
  },
  cloud: {
    title: 'Overview of Cloud'
    nodes: [/* ... */],
    edges: [/* ... */],
  },
}

This data is used to draw views with @likec4/diagrams react component.

import { LikeC4 } from '@likec4/diagrams'
import { LikeC4Views } from './generated-code'

// Creates components, bound to the data (with type checks).
// It ensures that only existing views can be rendered.
const { Diagram, Responsive, Embedded, Browser } = LikeC4.create(LikeC4Views)

export const IndexView = () => <Embedded viewId={'indexLR'} />

Documentaion (in progress)

Features

• core: add color to DiagramLabel (47b7579)
• core: add in/out edges to ComputedNode (0ddb07c)
• core: available in ESM/CJS
• diagrams: available in ESM/CJS

Bug Fixes

• generators: can't infer result type from export ./compute-view (#267) (1945a97)
• layouts: disable graphviz.unflatten, requires research (5379926)
• deps: pin esbuild to 0.17 (3d6125d)
• deps: update dependency @hpcc-js/wasm to ^2.13.1 (#254) (3069dab)
• deps: update dependency jotai to ^2.2.3 (#255) (3179777)
• deps: update linters to ^6.3.0 (717770f)