likec4 1.24.1 → 1.25.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "likec4",
-  "version": "1.24.1",
+  "version": "1.25.1",
   "license": "MIT",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
@@ -70,24 +70,24 @@
     "rollup": "4.34.6",
     "type-fest": "4.34.1",
     "vite": "5.4.14",
-    "@likec4/core": "~1.24.1"
+    "@likec4/core": "~1.25.1"
   },
   "devDependencies": {
     "@dagrejs/dagre": "1.1.4",
-    "@fontsource/ibm-plex-sans": "^5.1.1",
-    "@mantine/core": "7.17.0",
-    "@mantine/hooks": "7.17.0",
-    "@mantine/vanilla-extract": "7.17.0",
+    "@fontsource/ibm-plex-sans": "^5.2.5",
+    "@mantine/core": "7.17.1",
+    "@mantine/hooks": "7.17.1",
+    "@mantine/vanilla-extract": "7.17.1",
     "@nanostores/react": "0.8.4",
     "@react-hookz/web": "^25.0.1",
     "@tabler/icons-react": "3.29.0",
     "@tanstack/react-router": "1.97.17",
     "@tanstack/router-cli": "1.97.17",
     "@tanstack/router-vite-plugin": "1.97.17",
-    "@types/node": "^20.17.17",
+    "@types/node": "^20.17.23",
     "@types/prop-types": "^15.7.14",
-    "@types/react": "~19.0.8",
-    "@types/react-dom": "~19.0.3",
+    "@types/react": "~19.0.10",
+    "@types/react-dom": "~19.0.4",
     "@types/semver": "^7.5.8",
     "@types/yargs": "^17.0.33",
     "@vanilla-extract/css": "^1.17.1",
@@ -107,7 +107,7 @@
     "esm-env": "^1.2.2",
     "fast-equals": "^5.2.2",
     "fdir": "^6.4.3",
-    "framer-motion": "^12.4.7",
+    "framer-motion": "^12.4.10",
     "get-port": "^7.1.0",
     "glob": "^11.0.1",
     "html-to-image": "^1.11.13",
@@ -117,7 +117,7 @@
     "merge-error-cause": "^5.0.0",
     "mkdirp": "^3.0.1",
     "nano-spawn": "^0.2.0",
-    "nanostores": "0.11.3",
+    "nanostores": "0.11.4",
     "npm-run-all2": "^7.0.1",
     "p-limit": "^6.2.0",
     "package-up": "^5.0.0",
@@ -128,35 +128,35 @@
     "react-error-boundary": "^5.0.0",
     "react-resizable-panels": "^2.1.7",
     "react-shadow": "^20.6.0",
-    "remeda": "^2.20.2",
+    "remeda": "^2.21.0",
     "semver": "^7.7.1",
-    "std-env": "^3.8.0",
+    "std-env": "^3.8.1",
     "strip-indent": "^4.0.0",
     "terser": "^5.39.0",
     "tinyrainbow": "^2.0.0",
     "tsx": "~4.19.3",
-    "turbo": "^2.4.2",
-    "typescript": "5.7.3",
+    "turbo": "^2.4.4",
+    "typescript": "5.8.2",
     "ufo": "^1.5.4",
     "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": "^3.0.6",
+    "vitest": "^3.0.7",
     "vscode-jsonrpc": "8.2.0",
     "vscode-languageserver": "9.0.1",
     "vscode-languageserver-types": "3.17.5",
     "vscode-uri": "3.1.0",
     "which": "^5.0.0",
     "yargs": "17.7.2",
-    "@likec4/generators": "1.24.1",
-    "@likec4/diagram": "1.24.1",
-    "@likec4/icons": "1.24.1",
-    "@likec4/language-server": "1.24.1",
-    "@likec4/layouts": "1.24.1",
-    "@likec4/log": "1.24.1",
-    "@likec4/tsconfig": "1.24.1"
+    "@likec4/icons": "1.25.1",
+    "@likec4/diagram": "1.25.1",
+    "@likec4/language-server": "1.25.1",
+    "@likec4/layouts": "1.25.1",
+    "@likec4/log": "1.25.1",
+    "@likec4/tsconfig": "1.25.1",
+    "@likec4/generators": "1.25.1"
   },
   "scripts": {
     "turbo-build": "turbo run build --log-prefix=none --log-order=grouped",

package/react/index.d.ts

@@ -50,7 +50,7 @@ declare type AnyStore<Value = any> = {
  * @param initialValue Initial value of the store.
  * @returns The store object with methods to subscribe.
  */
-declare function atom<Value, StoreExt = {}>(
+declare function atom<Value, StoreExt = object>(
 ...args: undefined extends Value ? [] | [Value] : [Value]
 ): PreinitializedWritableAtom<Value> & StoreExt
 
@@ -63,15 +63,15 @@ declare type ChangeEvent = {
 declare type ColorScheme = 'light' | 'dark';
 
 declare interface Computed {
-    <Value extends any, OriginStore extends Store>(
+    <Value, OriginStore extends Store>(
     stores: OriginStore,
     cb: (value: StoreValue<OriginStore>) => Task<Value>
     ): ReadableAtom<undefined | Value>
-    <Value extends any, OriginStores extends AnyStore[]>(
+    <Value, OriginStores extends AnyStore[]>(
     stores: [...OriginStores],
     cb: (...values: StoreValues<OriginStores>) => Task<Value>
     ): ReadableAtom<undefined | Value>
-    <Value extends any, OriginStore extends Store>(
+    <Value, OriginStore extends Store>(
     stores: OriginStore,
     cb: (value: StoreValue<OriginStore>) => Value
     ): ReadableAtom<Value>
@@ -101,7 +101,7 @@ declare interface Computed {
      * }))
      * ```
      */
-    <Value extends any, OriginStores extends AnyStore[]>(
+    <Value, OriginStores extends AnyStore[]>(
     stores: [...OriginStores],
     cb: (...values: StoreValues<OriginStores>) => Task<Value> | Value
     ): ReadableAtom<Value>
@@ -109,6 +109,16 @@ declare interface Computed {
 
 declare const computed: Computed;
 
+declare type ControlsCustomLayout = (props: ControlsCustomLayoutProps) => ReactNode;
+
+declare type ControlsCustomLayoutProps = {
+    burgerMenu: ReactNode;
+    navigationButtons: ReactNode;
+    search: ReactNode;
+    actionsGroup: ReactNode;
+    syncInProgressBadge: ReactNode;
+};
+
 declare type DiagramNodeWithNavigate<ID = ViewId> = Omit<DiagramNode, 'navigateTo'> & {
     navigateTo: ID;
 };
@@ -193,6 +203,12 @@ declare interface LikeC4BrowserProps {
      * @default true
      */
     showNotations?: boolean | undefined;
+    /**
+     * Improve performance by hiding certain elements and reducing visual effects (disable mix-blend, shadows, animations)
+     *
+     * @default 'auto' - will be set to true if view is pannable and has more than 3000 * 2000 pixels
+     */
+    reduceGraphics?: 'auto' | boolean | undefined;
     className?: string | undefined;
     style?: CSSProperties | undefined;
 }
@@ -322,13 +338,17 @@ declare interface LikeC4DiagramProperties {
      * By default, if icon is http:// or https://, it will be rendered as an image
      */
     renderIcon?: ElementIconRenderer | undefined;
+    /**
+     * Customize layout of the controls on the top left
+     */
+    renderControls?: ControlsCustomLayout | undefined;
     /**
      * Dynamic filter, applies both to nodes and edges
      */
     where?: WhereOperator<string, string> | undefined;
 }
 
-declare type LikeC4DiagramProps = LikeC4DiagramProperties & LikeC4DiagramEventHandlers;
+declare type LikeC4DiagramProps = PropsWithChildren<LikeC4DiagramProperties & LikeC4DiagramEventHandlers>;
 
 export declare const LikeC4ModelProvider: (props: LikeC4ModelProviderProps) => JSX_2.Element;
 
@@ -440,6 +460,12 @@ export declare interface LikeC4ViewProps<ViewId = string, Tag = string, Kind = s
      * @default enableRelationshipBrowser
      */
     enableRelationshipDetails?: boolean | undefined;
+    /**
+     * Improve performance by hiding certain elements and reducing visual effects (disable mix-blend, shadows, animations)
+     *
+     * @default 'auto' - will be set to true if view is pannable and has more than 3000 * 2000 pixels
+     */
+    reduceGraphics?: 'auto' | boolean | undefined;
     where?: WhereOperator<Tag, Kind> | undefined;
     className?: string | undefined;
     style?: CSSProperties | undefined;
@@ -463,7 +489,7 @@ export declare interface LikeC4ViewProps<ViewId = string, Tag = string, Kind = s
  * @param init Initialize store and return store destructor.
  * @returns The store object with methods to subscribe.
  */
-declare function map<Value extends object, StoreExt extends object = {}>(
+declare function map<Value extends object, StoreExt extends object = object>(
 value?: Value
 ): PreinitializedMapStore<Value> & StoreExt
 
@@ -595,8 +621,7 @@ extends MapStore<Value> {
     readonly value: Value
 }
 
-declare interface PreinitializedWritableAtom<Value extends any>
-extends WritableAtom<Value> {
+declare interface PreinitializedWritableAtom<Value> extends WritableAtom<Value> {
     readonly value: Value
 }