likec4 1.20.1 → 1.20.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "likec4",
-  "version": "1.20.1",
+  "version": "1.20.3",
   "license": "MIT",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
@@ -90,6 +90,7 @@
     "dev:docs:theme": "run cli:serve ../../apps/docs/src/components/likec4-theme",
     "dev:playground:deployment": "run cli:serve ../../apps/playground/src/examples/deployment",
     "dev:template": "run cli:serve ../create-likec4/template",
+    "dev:e2e": "run cli:serve ../../e2e/src",
     "dev:example-cloud": "run cli:serve ../../examples/cloud-system",
     "dev:failed": "run cli:serve ../../examples/failed",
     "dev:example-dev": "run cli:serve ../../examples/diagrams-dev/likec4",
@@ -105,23 +106,24 @@
   },
   "dependencies": {
     "@hpcc-js/wasm-graphviz": "1.7.0",
-    "@likec4/core": "~1.20.1",
+    "@likec4/core": "~1.20.3",
     "@vitejs/plugin-react-swc": "3.7.2",
     "playwright": "1.49.1",
     "react": "~19.0.0",
     "react-dom": "~19.0.0",
+    "rollup": "4.34.0",
     "type-fest": "4.28.1",
     "vite": "5.4.14"
   },
   "devDependencies": {
     "@fontsource/ibm-plex-sans": "^5.1.1",
-    "@likec4/diagram": "1.20.1",
-    "@likec4/generators": "1.20.1",
-    "@likec4/icons": "1.20.1",
-    "@likec4/language-server": "1.20.1",
-    "@likec4/layouts": "1.20.1",
-    "@likec4/log": "1.20.1",
-    "@likec4/tsconfig": "1.20.1",
+    "@likec4/diagram": "1.20.3",
+    "@likec4/generators": "1.20.3",
+    "@likec4/icons": "1.20.3",
+    "@likec4/language-server": "1.20.3",
+    "@likec4/layouts": "1.20.3",
+    "@likec4/log": "1.20.3",
+    "@likec4/tsconfig": "1.20.3",
     "@mantine/core": "7.15.2",
     "@mantine/hooks": "7.15.2",
     "@mantine/spotlight": "7.15.2",
@@ -137,11 +139,11 @@
     "@types/react": "~19.0.8",
     "@types/react-dom": "~19.0.3",
     "@types/yargs": "^17.0.33",
-    "@vanilla-extract/css": "^1.17.0",
+    "@vanilla-extract/css": "^1.17.1",
     "@vanilla-extract/dynamic": "^2.1.2",
-    "@vanilla-extract/vite-plugin": "^4.0.19",
-    "@xyflow/react": "12.3.6",
-    "@xyflow/system": "0.0.47",
+    "@vanilla-extract/vite-plugin": "^4.0.20",
+    "@xyflow/react": "12.4.2",
+    "@xyflow/system": "0.0.50",
     "autoprefixer": "^10.4.20",
     "classnames": "^2.5.1",
     "clsx": "^2.1.1",
@@ -149,21 +151,21 @@
     "dts-bundle-generator": "^9.5.1",
     "esbuild": "^0.24.2",
     "esbuild-node-externals": "^1.16.0",
-    "esm-env": "^1.2.1",
+    "esm-env": "^1.2.2",
     "execa": "^9.3.1",
-    "fast-equals": "^5.0.1",
+    "fast-equals": "^5.2.2",
     "fdir": "^6.4.2",
-    "framer-motion": "^11.16.0",
+    "framer-motion": "^11.18.2",
     "get-port": "^7.1.0",
-    "glob": "^11.0.0",
+    "glob": "^11.0.1",
     "html-to-image": "^1.11.11",
     "json5": "^2.2.3",
-    "langium": "3.3.0",
+    "langium": "3.3.1",
     "merge-error-cause": "^5.0.0",
     "mkdirp": "^3.0.1",
     "nanostores": "0.11.3",
     "npm-run-all2": "^7.0.1",
-    "p-limit": "^6.1.0",
+    "p-limit": "^6.2.0",
     "package-up": "^5.0.0",
     "postcss": "^8.4.49",
     "postcss-preset-mantine": "^1.17.0",
@@ -175,16 +177,17 @@
     "remeda": "^2.19.0",
     "std-env": "^3.8.0",
     "strip-indent": "^4.0.0",
-    "terser": "^5.33.0",
+    "terser": "^5.37.0",
     "tinyrainbow": "^1.2.0",
     "tsx": "~4.19.2",
-    "turbo": "^2.3.3",
+    "turbo": "^2.3.4",
     "typescript": "^5.7.3",
     "ufo": "^1.5.4",
-    "unbuild": "^3.2.0",
+    "unbuild": "^3.3.1",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vite-plugin-dts": "^4.5.0",
     "vite-plugin-shadow-style": "^1.2.0",
+    "vite-plugin-singlefile": "^2.1.0",
     "vitest": "^2.1.8",
     "yargs": "17.7.2"
   },

package/react/index.d.ts

@@ -135,12 +135,43 @@ declare interface LikeC4BrowserProps {
      * @default 'dots'
      */
     background?: 'dots' | 'lines' | 'cross' | 'transparent' | 'solid' | undefined;
+    /**
+     * Seems like this is percentage of the view size
+     * @default 0.1
+     */
+    fitViewPadding?: number | undefined;
+    /**
+     * Show/hide panel with top left controls,
+     * @default true
+     */
+    controls?: boolean | undefined;
+    /**
+     * Display diagram title / description
+     *
+     * @default true
+     */
+    showDiagramTitle?: boolean | undefined;
+    /**
+     * Show back/forward navigation buttons
+     * @default true
+     */
+    showNavigationButtons?: undefined | boolean;
+    /**
+     * Enable search popup for elements and views
+     * @default true
+     */
+    enableSearch?: boolean | undefined;
     /**
      * If double click on a node should enable focus mode
      *
      * @default true
      */
     enableFocusMode?: boolean | undefined;
+    /**
+     * If Walkthrough for dynamic views should be enabled
+     * @default true
+     */
+    enableDynamicViewWalkthrough?: boolean | undefined;
     /**
      * Enable popup with element details
      * @default true
@@ -327,11 +358,13 @@ export declare interface LikeC4ViewProps<ViewId = string, Tag = string, Kind = s
     background?: 'dots' | 'lines' | 'cross' | 'transparent' | 'solid' | undefined;
     /**
      * Click on the view opens a modal with browser.
-     * You can customize or disable the browser view.
+     * You can customize or disable the browser.
+     *
+     * @default true
      */
     browser?: boolean | LikeC4BrowserProps | undefined;
     /**
-     * By default determined by the user's system preferences.
+     * @default - determined by the user's system preferences.
      */
     colorScheme?: 'light' | 'dark' | undefined;
     /**
@@ -354,11 +387,12 @@ export declare interface LikeC4ViewProps<ViewId = string, Tag = string, Kind = s
     fitView?: boolean | undefined;
     /**
      * Seems like this is percentage of the view size
-     * @default 0.05
+     * @default 0.1
      */
     fitViewPadding?: number | undefined;
     /**
-     * Display webview with diagram title / description
+     * Display diagram title / description
+     *
      * @default false
      */
     showDiagramTitle?: boolean | undefined;
@@ -374,11 +408,16 @@ export declare interface LikeC4ViewProps<ViewId = string, Tag = string, Kind = s
     showNotations?: boolean | undefined;
     /**
      * If double click on a node should enable focus mode, i.e. highlight incoming/outgoing edges
-     * Conflicts with `interactive`
+     * Conflicts with `browser` prop
      *
      * @default false
      */
     enableFocusMode?: boolean | undefined;
+    /**
+     * If Walkthrough for dynamic views should be enabled
+     * @default enableFocusMode
+     */
+    enableDynamicViewWalkthrough?: boolean | undefined;
     /**
      * Enable popup with element details
      * @default false
@@ -398,6 +437,9 @@ export declare interface LikeC4ViewProps<ViewId = string, Tag = string, Kind = s
     where?: WhereOperator<Tag, Kind> | undefined;
     className?: string | undefined;
     style?: CSSProperties | undefined;
+    /**
+     * Override Mantine theme
+     */
     mantineTheme?: any;
     /** Function to generate nonce attribute added to all generated `<style />` tags */
     styleNonce?: string | (() => string) | undefined;