likec4 1.50.0 → 1.52.0

package/dist/index.mjs

@@ -1 +1 @@
-import"./_chunks/libs/remeda.mjs";import"./_chunks/libs/@logtape/logtape.mjs";import"./_chunks/libs/merge-error-cause.mjs";import"./_chunks/libs/is-error-instance.mjs";import"./_chunks/libs/is-plain-obj.mjs";import"./_chunks/libs/safe-stringify.mjs";import"./_chunks/binary.mjs";import"./_chunks/libs/defu.mjs";import"./_chunks/libs/pathe.mjs";import"./_chunks/libs/tinyrainbow.mjs";import"./_chunks/libs/json5.mjs";import"./_chunks/libs/@hono/mcp.mjs";import"./_chunks/src.mjs";import"./_chunks/libs/langium.mjs";import"./_chunks/libs/@chevrotain/regexp-to-ast.mjs";import"./_chunks/libs/chevrotain.mjs";import"./_chunks/libs/@chevrotain/cst-dts-gen.mjs";import"./_chunks/libs/@chevrotain/utils.mjs";import"./_chunks/libs/chevrotain-allstar.mjs";import"./_chunks/libs/eventemitter3.mjs";import"./_chunks/libs/p-queue.mjs";import"./_chunks/libs/fast-equals.mjs";import"./_chunks/sequence.mjs";import"./_chunks/libs/@lume/kiwi.mjs";import"./_chunks/libs/ts-graphviz.mjs";import"./_chunks/libs/word-wrap.mjs";import"./_chunks/libs/khroma.mjs";import"./_chunks/libs/p-limit.mjs";import"./_chunks/libs/picomatch.mjs";import"./_chunks/libs/ufo.mjs";import"./_chunks/libs/parse-ms.mjs";import"./_chunks/libs/pretty-ms.mjs";import"./_chunks/libs/@msgpack/msgpack.mjs";import"./_chunks/libs/@smithy/is-array-buffer.mjs";import"./_chunks/libs/@smithy/util-base64.mjs";import"./_chunks/libs/strip-indent.mjs";import"./_chunks/libs/isexe.mjs";import"./_chunks/libs/which.mjs";import{t as e}from"./_chunks/LikeC4.mjs";import"./_chunks/libs/@modelcontextprotocol/sdk.mjs";import"./_chunks/libs/@hono/node-server.mjs";export{e as LikeC4};
+import"./_chunks/libs/remeda.mjs";import"./_chunks/libs/@logtape/logtape.mjs";import"./_chunks/libs/merge-error-cause.mjs";import"./_chunks/libs/is-error-instance.mjs";import"./_chunks/libs/is-plain-obj.mjs";import"./_chunks/libs/safe-stringify.mjs";import"./_chunks/filesystem.mjs";import"./_chunks/libs/defu.mjs";import"./_chunks/libs/pathe.mjs";import"./_chunks/libs/tinyrainbow.mjs";import"./_chunks/libs/json5.mjs";import"./_chunks/libs/@hono/mcp.mjs";import"./_chunks/src.mjs";import"./_chunks/libs/langium.mjs";import"./_chunks/libs/@chevrotain/regexp-to-ast.mjs";import"./_chunks/libs/chevrotain.mjs";import"./_chunks/libs/@chevrotain/cst-dts-gen.mjs";import"./_chunks/libs/@chevrotain/utils.mjs";import"./_chunks/libs/chevrotain-allstar.mjs";import"./_chunks/sequence.mjs";import"./_chunks/libs/@lume/kiwi.mjs";import"./_chunks/libs/ts-graphviz.mjs";import"./_chunks/libs/word-wrap.mjs";import"./_chunks/libs/khroma.mjs";import"./_chunks/libs/p-limit.mjs";import"./_chunks/libs/eventemitter3.mjs";import"./_chunks/libs/p-queue.mjs";import"./_chunks/libs/isexe.mjs";import"./_chunks/libs/which.mjs";import"./_chunks/libs/@modelcontextprotocol/sdk.mjs";import"./_chunks/libs/picomatch.mjs";import"./_chunks/libs/ufo.mjs";import"./_chunks/libs/parse-ms.mjs";import"./_chunks/libs/pretty-ms.mjs";import"./_chunks/libs/@hono/node-server.mjs";import"./_chunks/libs/fast-equals.mjs";import"./_chunks/libs/strip-indent.mjs";import{t as e}from"./_chunks/LikeC4.mjs";export{e as LikeC4};

package/dist/vite-plugin/index.mjs

@@ -1 +1 @@
-import"../_chunks/libs/birpc.mjs";import"../_chunks/libs/remeda.mjs";import"../_chunks/libs/@logtape/logtape.mjs";import"../_chunks/libs/merge-error-cause.mjs";import"../_chunks/libs/is-error-instance.mjs";import"../_chunks/libs/is-plain-obj.mjs";import"../_chunks/libs/safe-stringify.mjs";import"../_chunks/binary.mjs";import"../_chunks/libs/defu.mjs";import"../_chunks/libs/pathe.mjs";import"../_chunks/libs/tinyrainbow.mjs";import"../_chunks/libs/json5.mjs";import"../_chunks/libs/@hono/mcp.mjs";import"../_chunks/src.mjs";import"../_chunks/libs/langium.mjs";import"../_chunks/libs/@chevrotain/regexp-to-ast.mjs";import"../_chunks/libs/chevrotain.mjs";import"../_chunks/libs/@chevrotain/cst-dts-gen.mjs";import"../_chunks/libs/@chevrotain/utils.mjs";import"../_chunks/libs/chevrotain-allstar.mjs";import"../_chunks/libs/eventemitter3.mjs";import"../_chunks/libs/p-queue.mjs";import"../_chunks/libs/fast-equals.mjs";import"../_chunks/sequence.mjs";import"../_chunks/libs/@lume/kiwi.mjs";import"../_chunks/libs/ts-graphviz.mjs";import"../_chunks/libs/word-wrap.mjs";import"../_chunks/libs/khroma.mjs";import"../_chunks/libs/p-limit.mjs";import"../_chunks/libs/picomatch.mjs";import"../_chunks/libs/ufo.mjs";import"../_chunks/libs/parse-ms.mjs";import"../_chunks/libs/pretty-ms.mjs";import"../_chunks/libs/@msgpack/msgpack.mjs";import"../_chunks/libs/@smithy/is-array-buffer.mjs";import"../_chunks/libs/@smithy/util-base64.mjs";import"../_chunks/libs/strip-indent.mjs";import"../_chunks/libs/isexe.mjs";import"../_chunks/libs/which.mjs";import{t as e}from"../_chunks/src2.mjs";import"../_chunks/libs/pako.mjs";export{e as LikeC4VitePlugin};
+import"../_chunks/libs/birpc.mjs";import"../_chunks/libs/remeda.mjs";import"../_chunks/libs/@logtape/logtape.mjs";import"../_chunks/libs/merge-error-cause.mjs";import"../_chunks/libs/is-error-instance.mjs";import"../_chunks/libs/is-plain-obj.mjs";import"../_chunks/libs/safe-stringify.mjs";import"../_chunks/filesystem.mjs";import"../_chunks/libs/defu.mjs";import"../_chunks/libs/pathe.mjs";import"../_chunks/libs/tinyrainbow.mjs";import"../_chunks/libs/json5.mjs";import"../_chunks/libs/@hono/mcp.mjs";import"../_chunks/src.mjs";import"../_chunks/libs/langium.mjs";import"../_chunks/libs/@chevrotain/regexp-to-ast.mjs";import"../_chunks/libs/chevrotain.mjs";import"../_chunks/libs/@chevrotain/cst-dts-gen.mjs";import"../_chunks/libs/@chevrotain/utils.mjs";import"../_chunks/libs/chevrotain-allstar.mjs";import"../_chunks/sequence.mjs";import"../_chunks/libs/@lume/kiwi.mjs";import"../_chunks/libs/ts-graphviz.mjs";import"../_chunks/libs/word-wrap.mjs";import"../_chunks/libs/khroma.mjs";import"../_chunks/libs/p-limit.mjs";import"../_chunks/libs/eventemitter3.mjs";import"../_chunks/libs/p-queue.mjs";import"../_chunks/libs/isexe.mjs";import"../_chunks/libs/which.mjs";import"../_chunks/libs/@modelcontextprotocol/sdk.mjs";import"../_chunks/libs/picomatch.mjs";import"../_chunks/libs/ufo.mjs";import"../_chunks/libs/parse-ms.mjs";import"../_chunks/libs/pretty-ms.mjs";import"../_chunks/libs/@hono/node-server.mjs";import"../_chunks/libs/fast-equals.mjs";import"../_chunks/libs/strip-indent.mjs";import{t as e}from"../_chunks/src2.mjs";import"../_chunks/libs/pako.mjs";export{e as LikeC4VitePlugin};

package/dist/vite-plugin/internal.mjs

@@ -1 +1 @@
-import{a as e,i as t,n,r,t as i}from"../_chunks/libs/@nanostores/react.mjs";import{t as a}from"../_chunks/libs/birpc.mjs";import{F as o,_ as s}from"../_chunks/libs/remeda.mjs";import{LikeC4Model as c}from"@likec4/core/model";import{useEffect as l,useState as u}from"react";function d(e){return a({},{post:t=>e.send(`likec4:rpc`,t),on:t=>e.on(`likec4:rpc`,t),onGeneralError(e,t){console.error(`RPC error in ${t}`,{error:e})},onFunctionError:(e,t)=>{console.error(`RPC error in ${t}`,{error:e})}})}const f=e=>{let n=t(e,e=>c.create(e));function r(t){let n=e.get();if(o(n,t))return;let r={...t,views:s(t.views,e=>{let t=n.views[e.id];return o(t,e)?t:e})};e.set(r)}let a=t(e,e=>Object.values(e.views));function d(){return i(n)}function f(){return i(a)}function p(t){let[n,r]=u(e.value?.views[t]??null);return l(()=>e.subscribe(e=>{r(e.views[t]??null)}),[t]),n}return{updateModel:r,$likec4model:n,useLikeC4Model:d,useLikeC4Views:f,useLikeC4View:p}};export{e as atom,r as batched,t as computed,f as createHooksForModel,d as createRpc,n as map,i as useStore};
+import{a as e,i as t,n,r,t as i}from"../_chunks/libs/@nanostores/react.mjs";import{t as a}from"../_chunks/libs/birpc.mjs";import{I as o,v as s}from"../_chunks/libs/remeda.mjs";import{LikeC4Model as c}from"@likec4/core/model";import{useEffect as l,useState as u}from"react";function d(e){return a({},{post:t=>e.send(`likec4:rpc`,t),on:t=>e.on(`likec4:rpc`,t),onGeneralError(e,t){console.error(`RPC error in ${t}`,{error:e})},onFunctionError:(e,t)=>{console.error(`RPC error in ${t}`,{error:e})}})}const f=e=>{let n=t(e,e=>c.create(e));function r(t){let n=e.get();if(o(n,t))return;let r={...t,views:s(t.views,e=>{let t=n.views[e.id];return o(t,e)?t:e})};e.set(r)}let a=t(e,e=>Object.values(e.views));function d(){return i(n)}function f(){return i(a)}function p(t){let[n,r]=u(e.value?.views[t]??null);return l(()=>e.subscribe(e=>{r(e.views[t]??null)}),[t]),n}return{updateModel:r,$likec4model:n,useLikeC4Model:d,useLikeC4Views:f,useLikeC4View:p}};export{e as atom,r as batched,t as computed,f as createHooksForModel,d as createRpc,n as map,i as useStore};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "likec4",
   "description": "Toolchain for your architecture diagrams",
-  "version": "1.50.0",
+  "version": "1.52.0",
   "license": "MIT",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
@@ -20,7 +20,7 @@
     "graph"
   ],
   "engines": {
-    "node": ">=22.22.0"
+    "node": ">=22.22.1"
   },
   "bugs": "https://github.com/likec4/likec4/issues",
   "type": "module",
@@ -110,20 +110,18 @@
   "dependencies": {
     "@hpcc-js/wasm-graphviz": "1.21.0",
     "@vitejs/plugin-react": "^5.1.4",
-    "boxen": "^8.0.1",
     "bundle-require": "^5.1.0",
     "esbuild": "0.27.3",
     "fdir": "6.4.0",
-    "chokidar": "^5.0.0",
     "playwright": "1.58.2",
-    "rollup": "^4.57.1",
+    "chokidar": "^5.0.0",
     "std-env": "^3.10.0",
     "type-fest": "^4.41.0",
     "vite-plugin-singlefile": "^2.3.0",
     "vite": "^7.3.1",
     "yargs": "17.7.2",
     "nano-spawn": "^2.0.0",
-    "@likec4/core": "1.50.0",
+    "@likec4/core": "1.52.0",
     "@likec4/icons": "1.46.4"
   },
   "peerDependencies": {
@@ -150,11 +148,12 @@
     "@types/yargs": "^17.0.33",
     "@xstate/react": "6.0.0",
     "@xstate/store": "3.14.0",
-    "@xyflow/react": "12.10.0",
-    "@xyflow/system": "0.0.74",
-    "autoprefixer": "^10.4.24",
+    "@xyflow/react": "12.10.1",
+    "@xyflow/system": "0.0.75",
+    "autoprefixer": "^10.4.27",
     "picomatch": "^4.0.3",
     "birpc": "^4.0.0",
+    "boxen": "^8.0.1",
     "clsx": "^2.1.1",
     "conf": "^15.1.0",
     "defu": "^6.1.4",
@@ -168,7 +167,7 @@
     "ky": "^1.14.3",
     "merge-error-cause": "^5.0.2",
     "mkdirp": "^3.0.1",
-    "motion": "^12.34.2",
+    "motion": "^12.34.5",
     "npm-run-all2": "^8.0.4",
     "p-limit": "7.3.0",
     "nanostores": "1.1.0",
@@ -182,12 +181,12 @@
     "react-error-boundary": "^6.1.1",
     "react-resizable-panels": "^4.6.5",
     "react-shadow": "^20.6.0",
-    "remeda": "^2.33.5",
+    "remeda": "^2.33.6",
     "semver": "^7.7.4",
     "strip-indent": "^4.1.1",
     "tinyrainbow": "^2.0.0",
     "tsx": "4.21.0",
-    "turbo": "2.8.10",
+    "turbo": "2.8.13",
     "typescript": "5.9.3",
     "ufo": "1.6.3",
     "obuild": "^0.4.31",
@@ -203,19 +202,19 @@
     "zod": "^3.25.76",
     "zx": "8.8.5",
     "xstate": "5.24.0",
-    "@likec4/config": "1.50.0",
-    "@likec4/log": "1.50.0",
-    "@likec4/language-services": "1.50.0",
-    "@likec4/language-server": "1.50.0",
+    "@likec4/config": "1.52.0",
+    "@likec4/language-server": "1.52.0",
+    "@likec4/log": "1.52.0",
+    "@likec4/language-services": "1.52.0",
     "@likec4/devops": "1.42.0",
-    "@likec4/diagram": "1.50.0",
-    "@likec4/layouts": "1.50.0",
-    "@likec4/vite-plugin": "1.50.0",
-    "@likec4/react": "1.50.0",
-    "@likec4/generators": "1.50.0",
-    "@likec4/style-preset": "1.50.0",
-    "@likec4/styles": "1.50.0",
-    "@likec4/tsconfig": "1.50.0"
+    "@likec4/diagram": "1.52.0",
+    "@likec4/layouts": "1.52.0",
+    "@likec4/vite-plugin": "1.52.0",
+    "@likec4/react": "1.52.0",
+    "@likec4/generators": "1.52.0",
+    "@likec4/style-preset": "1.52.0",
+    "@likec4/tsconfig": "1.52.0",
+    "@likec4/styles": "1.52.0"
   },
   "scripts": {
     "typecheck": "tsc --build --verbose",

package/react/index.d.mts

@@ -9,6 +9,7 @@ import { CamelCasedProperties } from 'type-fest';
 import { Color } from '@likec4/core/types';
 import { ComputedNodeStyle } from '@likec4/core/types';
 import { ComputedNodeStyle as ComputedNodeStyle_2 } from '@likec4/core';
+import { Context as Context_4 } from 'react';
 import { ControlButton } from '@xyflow/react';
 import { Controls } from '@xyflow/react';
 import { CSSProperties } from 'react';
@@ -28,17 +29,20 @@ import { EdgeId as EdgeId_2 } from '@likec4/core';
 import { EdgeProps } from '@xyflow/react';
 import { EffectCallback } from 'react';
 import { ElementKind } from '@likec4/core/types';
+import { ElementProps } from '@mantine/core';
 import { ElementShape as ElementShape_2 } from '@likec4/core/types';
 import { ElementStyle } from '@likec4/core/types';
 import { Except } from 'type-fest';
 import { ExclusiveUnion } from '@likec4/core/types';
 import { ExclusiveUnion as ExclusiveUnion_2 } from '@likec4/core';
 import { FC } from 'react';
+import { ForwardRefComponent } from 'motion/react';
 import { ForwardRefExoticComponent } from 'react';
 import { Fqn } from '@likec4/core/types';
 import { Fqn as Fqn_3 } from '@likec4/core';
 import { FunctionComponent } from 'react';
 import { HTMLAttributes } from 'react';
+import { HTMLMotionProps } from 'motion/react';
 import { IconUrl } from '@likec4/core/types';
 import { JSX } from 'react/jsx-runtime';
 import { JsxStyleProps } from '@likec4/styles/types';
@@ -58,6 +62,7 @@ import { MiniMapNodeProps } from '@xyflow/react';
 import { MotionNodeLayoutOptions } from 'motion/react';
 import { MotionStyle } from 'motion/react';
 import { MouseEvent as MouseEvent_2 } from 'react';
+import { NavigationPanelRecipe } from '@likec4/styles/recipes';
 import { Node as Node_2 } from '@xyflow/react';
 import { NodeChange } from '@xyflow/system';
 import { NodeChange as NodeChange_2 } from '@xyflow/react';
@@ -93,8 +98,11 @@ import { SetRequired } from 'type-fest';
 import { Simplify } from 'type-fest';
 import { SimplifyDeep } from 'type-fest';
 import { StepEdgeId } from '@likec4/core/types';
+import { StyleContextConsumer } from '@likec4/styles/jsx';
+import { StyleContextProvider } from '@likec4/styles/jsx';
 import type * as t from '@likec4/core/types';
 import { UnknownLayouted as UnknownLayouted_2 } from '@likec4/core/types';
+import { UnstyledButtonProps } from '@mantine/core';
 import { ViewChange } from '@likec4/core/types';
 import { ViewId } from '@likec4/core/types';
 import { ViewId as ViewId_3 } from '@likec4/core';
@@ -2962,6 +2970,14 @@ declare interface NavigationHistoryEntry_2 {
     activeWalkthrough?: null | StepEdgeId;
 }
 
+export declare const NavigationPanel: {
+    Root: StyleContextProvider<ForwardRefComponent<"div", HTMLMotionProps<"div">>, NavigationPanelRecipe>;
+    Body: StyleContextConsumer<ForwardRefComponent<"div", HTMLMotionProps<"div">>>;
+    Logo: StyleContextConsumer<ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & RefAttributes<HTMLButtonElement>>>;
+    Label: StyleContextConsumer<ForwardRefComponent<"div", HTMLMotionProps<"div">>>;
+    Dropdown: StyleContextConsumer<ForwardRefComponent<"div", HTMLMotionProps<"div">>>;
+};
+
 declare type NodeId_2 = t.aux.NodeId;
 
 export declare type NodeRenderers = Partial<CamelCasedProperties<Types.NodeRenderers>>;
@@ -3011,6 +3027,12 @@ declare type NoRequiredParams<T extends ParameterizedObject> = T extends any ? u
 
 declare type NormalizeDescriptor<TDescriptor extends string> = TDescriptor extends '*' ? string : TDescriptor extends `${infer TLeading}.*` ? `${TLeading}.${string}` : TDescriptor;
 
+/**
+ * Normalize a raw search string for comparison.
+ * Extracted as a pure function so both XState and standalone adapters can reuse it.
+ */
+export declare function normalizeSearch(value: string): string;
+
 declare type Observer<T> = {
     next?: (value: T) => void;
     error?: (err: unknown) => void;
@@ -3505,7 +3527,7 @@ declare type SearchActorEvent = {
     type: 'pickview.close';
 };
 
-declare interface SearchActorLogic extends StateMachine<SearchContext, SearchActorEvent, {}, any, any, any, any, 'inactive' | 'opened' | 'pickView' | 'waitAnimationEnd', never, never, any, any, any, any> {
+declare interface SearchActorLogic extends StateMachine<SearchContext_2, SearchActorEvent, {}, any, any, any, any, 'inactive' | 'opened' | 'pickView' | 'waitAnimationEnd', never, never, any, any, any, any> {
 }
 
 declare interface SearchActorRef extends ActorRef<SearchActorSnapshot, SearchActorEvent> {
@@ -3513,7 +3535,11 @@ declare interface SearchActorRef extends ActorRef<SearchActorSnapshot, SearchAct
 
 declare type SearchActorSnapshot = SnapshotFrom<SearchActorLogic>;
 
-declare interface SearchContext {
+export declare const searchBodyCss: string;
+
+export declare const SearchContext: Context_4<SearchContextValue | null>;
+
+declare interface SearchContext_2 {
     openedWithSearch: string | null;
     searchValue: string;
     pickViewFor: Fqn | null;
@@ -3523,6 +3549,32 @@ declare interface SearchContext {
     } | null;
 }
 
+export declare interface SearchContextValue {
+    searchValue: string;
+    setSearchValue: (value: string) => void;
+    normalizedSearch: string;
+    navigateTo: (viewId: ViewId, focusOnElement?: Fqn) => void;
+    openPickView: (elementFqn: Fqn) => void;
+    closePickView: () => void;
+    pickViewFor: Fqn | null;
+    close: () => void;
+    currentViewId: string | null;
+    openedWithSearch: string | null;
+}
+
+export declare function SearchControl({ className, ...others }: SearchControlProps): JSX.Element;
+
+declare interface SearchControlProps extends UnstyledButtonProps, ElementProps<'button'> {
+}
+
+export declare const searchDialogCss: string;
+
+/**
+ * The shared search panel content used by both diagram and overview search.
+ * Must be rendered inside a SearchContext.Provider.
+ */
+export declare const SearchPanelContent: MemoExoticComponent<() => JSX.Element>;
+
 export declare function SequenceActorNode(props: Types.NodeProps<'seq-actor'>): JSX.Element;
 
 export declare function sequenceActorNode<A extends Any_5 = Unknown_3>(component: FC<SequenceActorNodeProps<A>>): Types.NodeRenderer<'seq-actor'>;
@@ -4364,6 +4416,8 @@ export declare function useOptionalCurrentViewModel(): CurrentViewModel | null;
  */
 export declare function useOptionalLikeC4Model<A extends t.aux.Any = UnknownLayouted>(): LikeC4Model<A> | null;
 
+export declare function useSearchContext(): SearchContextValue;
+
 /**
  * Differs from useState in that:
  * - it uses custom equal function (shallowEqual by default) to determine whether the state has changed.