@likec4/core - npm Package Versions

1.19.0 (2025-01-01)

🎄 New Years improvements 🎄

This release introduces significant improvements in the computation of view predicates.
These improvements may lead to changes in the final layout, as the order of included elements is now strictly adhered to.

• fix: error generating png behind proxy #1374
• fix: graphviz memory seg fault for deployment views (c067973)
• fix: node toolbar is not displayed in the editor (dc9ebac)
• fix: parent-relations can't contain comments (thanks @davydkov, closes #911)
• fix: relation being yielded twice (thanks @pavelpykhtin, #1364) (#1384) (bd0bc03)
• fix: reset connection points on self-referencing relations (thanks @pavelpykhtin, #1383) (c3c57ab)
• vscode: extension breaks on bad symbolic links (ce22e3e), closes #1321
• vscode: invalid usage of performance marks #1350 (#1359) (826fb6f)
• vscode: downgrade vscode and @types/vscode dependencies to version 1.84.0 for stackblitz compatibility (e955761)
• fix: unresolved parent in model (25a3774)

1.18.0 (2024-12-12)

🚀 Features

• Deployment Model
  One of the most highly requested additions to our project! This feature introduces a physical model with its own structure and elements, referencing the logical model while inheriting its relationships.

  

  The syntax and approach remain consistent with existing ones.
  This is just the first step, and we would love your feedback!
  Documentation and RFC

• Include all descendants
  New predicate selector .** lets you include all descendants, making it especially useful for deployment views.
  Thanks to @Cyclonit for contributing! 🎉 #1310, closes #1259

• Typesafe LikeC4 model
  Generate TypeScript code from your model, complete with type definitions for elements and views. Enjoy code completion and type checks in every React hook or API call!

  

  📖 Documentation is currently in progress. Stay tuned!

• UI improvements

  • Added descriptions and links to the relationship context menu.
    Thanks to @pavelpykhtin! #1307

  • Now supports carriage returns in titles.
    Thanks, @davydkov! Closes #1324

1.17.1 (2024-11-28)

Improvements

• diagrams: smart Layout commands (thanks @pavelpykhtin, #1238)
• diagrams: diagram search (thanks @pavelpykhtin, #1244)
• diagrams: highlight in Diagram Search (thanks @Cyclonit, #1251)
• diagrams: button to open relationships overlay (thanks @pavelpykhtin, #1242)

Bug Fixes

• export: enhance PNG export with viewport sizing and HTTPS error handling (thanks @davydkov)
• diagrams: style properties being ignored for dynamic relationships (thanks @pavelpykhtin, #1280)
• diagrams: styles for webcomponent (thanks @pavelpykhtin, #1297)

1.17.0 (2024-11-15)

🚀 Features

• Element details
  Notation, full description, links, metatdata, tags, relationships (global/view scopes), other views...
  Disabled by default in React components (to turn on use enableElementDetails)

  https://github.com/user-attachments/assets/52966fab-9662-4132-974b-2c68a6a879cd

• Render icon on containers (thanks @davydkov, closes #1195)

• Disable icon with none (thanks @davydkov, closes #1026)

• Traverse symlinks in the workspace (thanks @hubertmis, #1213)

Bug Fixes

• diagram: do not render long description texts (thanks @davydkov, closes #1227)

1.16.0 (2024-11-04)

🚀 Features

• Global predicates (thanks @hubertmis, #1173)

  global {
    predicateGroup new_cloud_service {
      include cloud.*
        where kind is microservice
      exclude *
        where tag is #deprecated
    }
  }
  views {
    view of newServices {
      include *
      global predicate new_cloud_service
    }
    view of newBackendServices {
      include *
      global predicate new_cloud_service
    }
  }
  

Bug Fixes

• relation excluded but edge is not updated (thanks @pavelpykhtin, closes #1193)

1.15.1 (2024-10-30)

Fixes and improvements

• apply global styles in all building scenarios (thanks @hubertmis, closes #1180)
• where predicate on apply custom properties to relation (thanks @pavelpykhtin, closes #1176)
• formatter support for groups and global styles (thanks @pavelpykhtin, #1177)

1.15.0 (2024-10-26)

🚀 Features

• Style groups:
  Global styles can be grouped and applied together:

  global {
    // Define style group
    styleGroup common_styles {
      style * {
        color muted
        opacity 10%
      }
      style singlePageApplication, mobileApp {
        color secondary
      }
    }
  }
  
  views {
    view mobileApp of mobileApplication {
      include *
  
      // Apply common styles
      global style common_styles
    }
  }
  

  Also, global styles and groups can be referenced in views {} blocks (local styles) and applied to all views in a block.
  Documentation (thanks @hubertmis, #1143, #1161)

• Adhoc group elements

  view {
    group 'Third-parties' {
      group 'Integrations' {
        group 'Analytics' {
          include * where tag is #analytics
        }
        group 'Marketing' {
          include * where tag is #marketing
        }
      }
      group 'Monitoring' {
        include * where tag is #marketing
      }
    }
  }
  

  Documentation (thanks @davydkov, #1140)

Fixes and improvements

• diagram: bundled icons vary in color scheme (thanks @pavelpykhtin, #1149, closes #1097)
• diagram: control points are not draggable under the edge label (thanks @pavelpykhtin, #1104)
• lsp: style for relationship predicates where together with, not work style on (thanks @pavelpykhtin, #1147 closes #1144)
• react: react component filter stopped working (thanks @davydkov, closes #1145
• vscode: enhance style completion snippets (thanks @davydkov)

1.14.0 (2024-10-20)

🚀 Features

• View relationship decomposition:
  Relationship Cloud -> Amazon from examples:

  

• Global styles:
  Shared global styles

  global {
    style mute_all * {
      color muted
      opacity 10%
    }
  }
  
  views {
    view of app {  
      global style mute_all
      style cloud.* {
        color green
      }
    }  
  }
  

  Documentation (thanks @hubertmis, closes #1058)

• Build with --base './':
  Allows to build a relocatable website (thanks @rumpelrausch, closes #1111)

Bug Fixes

• diagram: edges with no nearby nodes are not visible in the canvas (thanks @davydkov, closes #1109)

1.13.0 (2024-10-18)

🚀 Features

• Browse relationships

  

  Disabled by default in generated components, to enable:

  import { LikeC4View } from './likec4.generated'
  
  <LikeC4View
    viewId="index"
    enableRelationshipsBrowser
    />
  

  Share your feedback in our Discussions

• Local styles:
  Shared styles in views block (thanks @hubertmis, #1113)

  views {
    // apply to all views in this views block
    style * {
      color muted
      opacity 10%
    }
  
    view apiApp of internetBankingSystem.apiApplication {
      include *
    }
  
    view mobileApp of internetBankingSystem.mobileApplication {
      include *
    }
  }
  

  Documentation

• Alignment tools:
  Implemented alignment tools for manual layouting (thanks @pavelpykhtin, #1099)

  

Bug Fixes

• react: crow arrow type (thanks @pavelpykhtin, #1092)
• react: controls property to show/hide top left panel (b36880f)
• react: styleNonce property for ReactLikeC4 (0c78314)
• react: Text colors / backdrop not updated until page refresh when toggling between light and dark mode #1098 (6bb6cf3)
• vscode: autocompletion of "specification", "views" and "model" broken (closes #1102)

1.12.2 (2024-10-10)

Improvements

• vscode: transparent layout spacing panel for a clearer preview of changes

Bug Fixes

• unable to open diagram from Sidebar (thanks @davydkov, closes #1091)