likec4 1.32.1 → 1.33.0

package/dist/vite-plugin/internal.d.mts

@@ -0,0 +1,417 @@
+import { DependencyList } from 'react';
+
+type AllKeys<T> = T extends any ? keyof T : never
+
+type Primitive = boolean | number | string
+
+type ReadonlyIfObject<Value> = Value extends undefined
+  ? Value
+  : Value extends (...args: any) => any
+  ? Value
+  : Value extends Primitive
+  ? Value
+  : Value extends object
+  ? Readonly<Value>
+  : Value
+
+/**
+ * Store object.
+ */
+interface ReadableAtom<Value = any> {
+  /**
+   * Get store value.
+   *
+   * In contrast with {@link ReadableAtom#value} this value will be always
+   * initialized even if store had no listeners.
+   *
+   * ```js
+   * $store.get()
+   * ```
+   *
+   * @returns Store value.
+   */
+  get(): Value
+
+  /**
+   * Listeners count.
+   */
+  readonly lc: number
+
+  /**
+   * Subscribe to store changes.
+   *
+   * In contrast with {@link Store#subscribe} it do not call listener
+   * immediately.
+   *
+   * @param listener Callback with store value and old value.
+   * @returns Function to remove listener.
+   */
+  listen(
+    listener: (
+      value: ReadonlyIfObject<Value>,
+      oldValue: ReadonlyIfObject<Value>
+    ) => void
+  ): () => void
+
+  /**
+   * Low-level method to notify listeners about changes in the store.
+   *
+   * Can cause unexpected behaviour when combined with frontend frameworks
+   * that perform equality checks for values, such as React.
+   */
+  notify(oldValue?: ReadonlyIfObject<Value>): void
+
+  /**
+   * Unbind all listeners.
+   */
+  off(): void
+
+  /**
+   * Subscribe to store changes and call listener immediately.
+   *
+   * ```
+   * import { $router } from '../store'
+   *
+   * $router.subscribe(page => {
+   *   console.log(page)
+   * })
+   * ```
+   *
+   * @param listener Callback with store value and old value.
+   * @returns Function to remove listener.
+   */
+  subscribe(
+    listener: (
+      value: ReadonlyIfObject<Value>,
+      oldValue?: ReadonlyIfObject<Value>
+    ) => void
+  ): () => void
+
+  /**
+   * Low-level method to read store’s value without calling `onStart`.
+   *
+   * Try to use only {@link ReadableAtom#get}.
+   * Without subscribers, value can be undefined.
+   */
+  readonly value: undefined | Value
+}
+
+/**
+ * Store with a way to manually change the value.
+ */
+interface WritableAtom<Value = any> extends ReadableAtom<Value> {
+  /**
+   * Change store value.
+   *
+   * ```js
+   * $router.set({ path: location.pathname, page: parse(location.pathname) })
+   * ```
+   *
+   * @param newValue New store value.
+   */
+  set(newValue: Value): void
+}
+
+interface PreinitializedWritableAtom<Value> extends WritableAtom<Value> {
+  readonly value: Value
+}
+
+type Atom<Value = any> = ReadableAtom<Value> | WritableAtom<Value>
+/**
+ * Create store with atomic value. It could be a string or an object, which you
+ * will replace completely.
+ *
+ * If you want to change keys in the object inside store, use {@link map}.
+ *
+ * ```js
+ * import { atom, onMount } from 'nanostores'
+ *
+ * // Initial value
+ * export const $router = atom({ path: '', page: 'home' })
+ *
+ * function parse () {
+ *   $router.set({ path: location.pathname, page: parse(location.pathname) })
+ * }
+ *
+ * // Listen for URL changes on first store’s listener.
+ * onMount($router, () => {
+ *   parse()
+ *   window.addEventListener('popstate', parse)
+ *   return () => {
+ *     window.removeEventListener('popstate', parse)
+ *   }
+ * })
+ * ```
+ *
+ * @param initialValue Initial value of the store.
+ * @returns The store object with methods to subscribe.
+ */
+declare function atom<Value, StoreExt = object>(
+  ...args: undefined extends Value ? [] | [Value] : [Value]
+): PreinitializedWritableAtom<Value> & StoreExt
+
+type KeyofBase = keyof any
+
+type Get<T, K extends KeyofBase> = Extract<T, { [K1 in K]: any }>[K]
+
+type HasIndexSignature<T> = string extends keyof T ? true : false
+
+type ValueWithUndefinedForIndexSignatures<
+  Value,
+  Key extends keyof Value
+> = HasIndexSignature<Value> extends true ? undefined | Value[Key] : Value[Key]
+
+type WritableStore<Value = any> =
+  | (Value extends object ? MapStore<Value> : never)
+  | WritableAtom<Value>
+
+type Store<Value = any> = ReadableAtom<Value> | WritableStore<Value>
+
+type AnyStore<Value = any> = {
+  get(): Value
+  readonly value: undefined | Value
+}
+
+type StoreValue<SomeStore> = SomeStore extends {
+  get(): infer Value
+}
+  ? Value
+  : any
+
+interface MapStore<Value extends object = any>
+  extends WritableAtom<Value> {
+  /**
+   * Subscribe to store changes.
+   *
+   * In contrast with {@link Store#subscribe} it do not call listener
+   * immediately.
+   *
+   * @param listener Callback with store value and old value.
+   * @param changedKey Key that was changed. Will present only if `setKey`
+   *                   has been used to change a store.
+   * @returns Function to remove listener.
+   */
+  listen(
+    listener: (
+      value: ReadonlyIfObject<Value>,
+      oldValue: ReadonlyIfObject<Value>,
+      changedKey: AllKeys<Value>
+    ) => void
+  ): () => void
+
+  /**
+   * Low-level method to notify listeners about changes in the store.
+   *
+   * Can cause unexpected behaviour when combined with frontend frameworks
+   * that perform equality checks for values, such as React.
+   */
+  notify(oldValue?: ReadonlyIfObject<Value>, changedKey?: AllKeys<Value>): void
+
+  /**
+   * Change store value.
+   *
+   * ```js
+   * $settings.set({ theme: 'dark' })
+   * ```
+   *
+   * Operation is atomic, subscribers will be notified once with the new value.
+   * `changedKey` will be undefined
+   *
+   * @param newValue New store value.
+   */
+  set(newValue: Value): void
+
+  /**
+   * Change key in store value.
+   *
+   * ```js
+   * $settings.setKey('theme', 'dark')
+   * ```
+   *
+   * To delete key set `undefined`.
+   *
+   * ```js
+   * $settings.setKey('theme', undefined)
+   * ```
+   *
+   * @param key The key name.
+   * @param value New value.
+   */
+  setKey<Key extends AllKeys<Value>>(
+    key: Key,
+    value: Get<Value, Key> | ValueWithUndefinedForIndexSignatures<Value, Key>
+  ): void
+
+  /**
+   * Subscribe to store changes and call listener immediately.
+   *
+   * ```
+   * import { $router } from '../store'
+   *
+   * $router.subscribe(page => {
+   *   console.log(page)
+   * })
+   * ```
+   *
+   * @param listener Callback with store value and old value.
+   * @param changedKey Key that was changed. Will present only
+   *                   if `setKey` has been used to change a store.
+   * @returns Function to remove listener.
+   */
+  subscribe(
+    listener: (
+      value: ReadonlyIfObject<Value>,
+      oldValue: ReadonlyIfObject<Value> | undefined,
+      changedKey: AllKeys<Value> | undefined
+    ) => void
+  ): () => void
+}
+
+interface PreinitializedMapStore<Value extends object = any>
+  extends MapStore<Value> {
+  readonly value: Value
+}
+
+/**
+ * Create map store. Map store is a store with key-value object
+ * as a store value.
+ *
+ * @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 = object>(
+  value?: Value
+): PreinitializedMapStore<Value> & StoreExt
+
+interface Task<Value> extends Promise<Value> {
+  t: true
+}
+
+type StoreValues<Stores extends AnyStore[]> = {
+  [Index in keyof Stores]: StoreValue<Stores[Index]>
+}
+
+interface Computed {
+  <Value, OriginStore extends Store>(
+    stores: OriginStore,
+    cb: (value: StoreValue<OriginStore>) => Task<Value>
+  ): ReadableAtom<undefined | Value>
+  <Value, OriginStores extends AnyStore[]>(
+    stores: [...OriginStores],
+    cb: (...values: StoreValues<OriginStores>) => Task<Value>
+  ): ReadableAtom<undefined | Value>
+  <Value, OriginStore extends Store>(
+    stores: OriginStore,
+    cb: (value: StoreValue<OriginStore>) => Value
+  ): ReadableAtom<Value>
+  /**
+   * Create derived store, which use generates value from another stores.
+   *
+   * ```js
+   * import { computed } from 'nanostores'
+   *
+   * import { $users } from './users.js'
+   *
+   * export const $admins = computed($users, users => {
+   *   return users.filter(user => user.isAdmin)
+   * })
+   * ```
+   *
+   * An async function can be evaluated by using {@link task}.
+   *
+   * ```js
+   * import { computed, task } from 'nanostores'
+   *
+   * import { $userId } from './users.js'
+   *
+   * export const $user = computed($userId, userId => task(async () => {
+   *   const response = await fetch(`https://my-api/users/${userId}`)
+   *   return response.json()
+   * }))
+   * ```
+   */
+  <Value, OriginStores extends AnyStore[]>(
+    stores: [...OriginStores],
+    cb: (...values: StoreValues<OriginStores>) => Task<Value> | Value
+  ): ReadableAtom<Value>
+}
+
+declare const computed: Computed
+
+interface Batched {
+  <Value, OriginStore extends Store>(
+    stores: OriginStore,
+    cb: (value: StoreValue<OriginStore>) => Task<Value> | Value
+  ): ReadableAtom<Value>
+  /**
+   * Create derived store, which use generates value from another stores.
+   *
+   * ```js
+   * import { batched } from 'nanostores'
+   *
+   * const $sortBy = atom('id')
+   * const $category = atom('')
+   *
+   * export const $link = batched([$sortBy, $category], (sortBy, category) => {
+   *   return `/api/entities?sortBy=${sortBy}&category=${category}`
+   * })
+   * ```
+   */
+  <Value, OriginStores extends AnyStore[]>(
+    stores: [...OriginStores],
+    cb: (...values: StoreValues<OriginStores>) => Task<Value> | Value
+  ): ReadableAtom<Value>
+}
+
+declare const batched: Batched
+
+type StoreKeys<T> = T extends { setKey: (k: infer K, v: any) => unknown }
+  ? K
+  : never
+
+interface UseStoreOptions<SomeStore> {
+  /**
+   * @default
+   * ```ts
+   * [store, options.keys]
+   * ```
+   */
+  deps?: DependencyList
+
+  /**
+   * Will re-render components only on specific key changes.
+   */
+  keys?: StoreKeys<SomeStore>[]
+}
+
+/**
+ * Subscribe to store changes and get store’s value.
+ *
+ * Can be user with store builder too.
+ *
+ * ```js
+ * import { useStore } from 'nanostores/react'
+ *
+ * import { router } from '../store/router'
+ *
+ * export const Layout = () => {
+ *   let page = useStore(router)
+ *   if (page.route === 'home') {
+ *     return <HomePage />
+ *   } else {
+ *     return <Error404 />
+ *   }
+ * }
+ * ```
+ *
+ * @param store Store instance.
+ * @returns Store value.
+ */
+declare function useStore<SomeStore extends Store>(
+  store: SomeStore,
+  options?: UseStoreOptions<SomeStore>
+): StoreValue<SomeStore>
+
+declare const createHooksForModel: ($atom: WritableAtom) => any;
+
+export { type Atom, type ReadableAtom, type WritableAtom, atom, batched, computed, createHooksForModel, map, useStore };

package/dist/vite-plugin/internal.mjs

@@ -0,0 +1,9 @@
+import{LikeC4Model as x}from"@likec4/core/model";import{useRef as R,useCallback as U,useSyncExternalStore as _,useState as y,useEffect as A}from"react";import{u as k,i as V}from"../shared/likec4.BeWJWU7_.mjs";function L(...e){return k(g,e)}function g(e,t){if(e===t||Object.is(e,t))return!0;if(typeof e!="object"||typeof t!="object"||e===null||t===null||Object.getPrototypeOf(e)!==Object.getPrototypeOf(t))return!1;if(Array.isArray(e))return z(e,t);if(e instanceof Map)return C(e,t);if(e instanceof Set)
+return D(e,t);if(e instanceof Date)return e.getTime()===t.getTime();if(e instanceof RegExp)return e.toString()===t.toString();if(Object.keys(e).length!==Object.keys(t).length)return!1;for(let[n,r]of Object.entries(e))if(!(n in t)||!g(r,t[n]))return!1;return!0}function z(e,t){if(e.length!==t.length)return!1;for(let[n,r]of e.entries())if(!g(r,t[n]))return!1;return!0}function C(e,t){if(e.size!==t.size)return!1;for(let[n,r]of e.entries())if(!t.has(n)||!g(r,t.get(n)))return!1;return!0}function D(e,t){
+if(e.size!==t.size)return!1;let n=[...t];for(let r of e){let i=!1;for(let[l,u]of n.entries())if(g(r,u)){i=!0,n.splice(l,1);break}if(!i)return!1}return!0}let S=Symbol("clean"),c=[],a=0;const m=4;let h=0,T=e=>{let t=[],n={get(){return n.lc||n.listen(()=>{})(),n.value},lc:0,listen(r){return n.lc=t.push(r),()=>{for(let l=a+m;l<c.length;)c[l]===r?c.splice(l,m):l+=m;let i=t.indexOf(r);~i&&(t.splice(i,1),--n.lc||n.off())}},notify(r,i){h++;let l=!c.length;for(let u of t)c.push(u,n.value,r,i);if(l){for(a=
+0;a<c.length;a+=m)c[a](c[a+1],c[a+2],c[a+3]);c.length=0}},off(){},set(r){let i=n.value;i!==r&&(n.value=r,n.notify(i))},subscribe(r){let i=n.listen(r);return r(n.value),i},value:e};return process.env.NODE_ENV!=="production"&&(n[S]=()=>{t=[],n.lc=0,n.off()}),n};const I=5,v=6,O=10;let P=(e,t,n,r)=>(e.events=e.events||{},e.events[n+O]||(e.events[n+O]=r(i=>{e.events[n].reduceRight((l,u)=>(u(l),l),{shared:{},...i})})),e.events[n]=e.events[n]||[],e.events[n].push(t),()=>{let i=e.events[n],l=i.indexOf(t);
+i.splice(l,1),i.length||(delete e.events[n],e.events[n+O](),delete e.events[n+O])}),Q=1e3,q=(e,t)=>P(e,r=>{let i=t(r);i&&e.events[v].push(i)},I,r=>{let i=e.listen;e.listen=(...u)=>(!e.lc&&!e.active&&(e.active=!0,r()),i(...u));let l=e.off;if(e.events[v]=[],e.off=()=>{l(),setTimeout(()=>{if(e.active&&!e.lc){e.active=!1;for(let u of e.events[v])u();e.events[v]=[]}},Q)},process.env.NODE_ENV!=="production"){let u=e[S];e[S]=()=>{for(let s of e.events[v])s();e.events[v]=[],e.active=!1,u()}}return()=>{e.
+listen=i,e.off=l}}),w=(e,t,n)=>{Array.isArray(e)||(e=[e]);let r,i,l=()=>{if(i===h)return;i=h;let o=e.map(f=>f.get());if(!r||o.some((f,E)=>f!==r[E])){r=o;let f=t(...o);f&&f.then&&f.t?f.then(E=>{r===o&&u.set(E)}):(u.set(f),i=h)}},u=T(void 0),s=u.get;u.get=()=>(l(),s());let d,p=n?()=>{clearTimeout(d),d=setTimeout(l)}:l;return q(u,()=>{let o=e.map(f=>f.listen(p));return l(),()=>{for(let f of o)f()}}),u},M=(e,t)=>w(e,t),F=(e,t)=>w(e,t,!0);function H(e,t,n){let r=new Set(t).add(void 0);return e.listen(
+(i,l,u)=>{r.has(u)&&n(i,l,u)})}let Y=(e={})=>{let t=T(e);return t.setKey=function(n,r){let i=t.value;typeof r>"u"&&n in t.value?(t.value={...t.value},delete t.value[n],t.notify(i,n)):t.value[n]!==r&&(t.value={...t.value,[n]:r},t.notify(i,n))},t},b=(e,t)=>n=>{e.current!==n&&(e.current=n,t())};function N(e,{keys:t,deps:n=[e,t]}={}){let r=R();r.current=e.get();let i=U(u=>(b(r,u)(e.value),t?.length>0?H(e,t,b(r,u)):e.listen(b(r,u))),n),l=()=>r.current;return _(i,l,l)}const B=e=>{const t=M(e,s=>x.create(
+s));function n(s){const d=e.get();if(L(d,s))return;const p={...s,views:V(s.views,o=>{const f=d.views[o.id];return L(f,o)?f:o})};e.set(p)}const r=M(e,s=>[...Object.values(s.views)]);function i(){return N(t)}function l(){return N(r)}function u(s){const[d,p]=y(e.value?.views[s]??null);return A(()=>e.subscribe(o=>{p(o.views[s]??null)}),[s]),d}return{updateModel:n,$likec4model:t,useLikeC4Model:i,useLikeC4Views:l,useLikeC4View:u}};export{T as atom,F as batched,M as computed,B as createHooksForModel,Y as map,
+N as useStore};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "likec4",
-  "version": "1.32.1",
+  "version": "1.33.0",
   "license": "MIT",
   "homepage": "https://likec4.dev",
   "author": "Denis Davydkov <denis@davydkov.com>",
@@ -19,7 +19,7 @@
     "graph"
   ],
   "engines": {
-    "node": ">=20.19.1"
+    "node": ">=20.19.3"
   },
   "engineStrict": true,
   "bugs": "https://github.com/likec4/likec4/issues",
@@ -61,6 +61,10 @@
     "./vite-plugin-modules": {
       "types": "./vite-plugin-modules.d.ts"
     },
+    "./vite-plugin/internal": {
+      "sources": "./src/vite-plugin/internal.ts",
+      "default": "./dist/vite-plugin/internal.mjs"
+    },
     "./vite-plugin": {
       "sources": "./src/vite-plugin/index.ts",
       "default": {
@@ -86,13 +90,13 @@
   },
   "dependencies": {
     "@hpcc-js/wasm-graphviz": "1.7.0",
-    "@vitejs/plugin-react": "^4.5.0",
+    "@vitejs/plugin-react": "^4.5.2",
     "boxen": "^8.0.1",
-    "playwright": "^1.52.0",
-    "rollup": "^4.41.0",
+    "playwright": "^1.53.0",
+    "rollup": "^4.44.0",
     "type-fest": "^4.41.0",
     "vite": "^6.3.5",
-    "@likec4/core": "1.32.1"
+    "@likec4/core": "1.33.0"
   },
   "peerDependencies": {
     "react": "^18.x || ^19.x",
@@ -100,21 +104,20 @@
   },
   "devDependencies": {
     "@dagrejs/dagre": "1.1.4",
-    "@fontsource/ibm-plex-sans": "^5.2.5",
-    "@mantine/core": "8.1.0",
-    "@mantine/hooks": "8.1.0",
+    "@fontsource/ibm-plex-sans": "^5.2.6",
+    "@mantine/core": "8.1.1",
+    "@mantine/hooks": "8.1.1",
     "@nanostores/react": "1.0.0",
-    "@pandacss/dev": "^0.53.6",
+    "@pandacss/dev": "^0.53.7",
     "@react-hookz/web": "^25.1.1",
     "@tabler/icons-react": "3.31.0",
     "@tanstack/react-router": "^1.114.13",
     "@tanstack/router-cli": "^1.114.13",
     "@tanstack/router-vite-plugin": "^1.114.13",
-    "@types/node": "~20.19.0",
+    "@types/node": "~20.19.1",
     "@types/picomatch": "^4.0.0",
-    "@types/prop-types": "^15.7.14",
-    "@types/react": "^19.1.5",
-    "@types/react-dom": "^19.1.5",
+    "@types/react": "19.1.8",
+    "@types/react-dom": "19.1.6",
     "@types/semver": "^7.7.0",
     "@types/yargs": "^17.0.33",
     "@xyflow/react": "^12.6.4",
@@ -126,11 +129,11 @@
     "consola": "^3.4.2",
     "defu": "^6.1.4",
     "dts-bundle-generator": "^9.5.1",
-    "esbuild": "^0.25.5",
-    "esbuild-node-externals": "^1.18.0",
+    "esbuild": "0.25.5",
+    "esbuild-node-externals": "1.18.0",
     "esm-env": "^1.2.2",
     "fast-equals": "^5.2.2",
-    "fdir": "^6.4.4",
+    "fdir": "6.4.6",
     "get-port": "^7.1.0",
     "html-to-image": "^1.11.13",
     "json5": "^2.2.3",
@@ -141,50 +144,48 @@
     "motion": "^12.12.2",
     "nano-spawn": "^1.0.2",
     "nanostores": "1.0.1",
-    "npm-run-all2": "^7.0.1",
-    "p-limit": "^6.2.0",
-    "package-manager-detector": "^1.2.0",
+    "npm-run-all2": "^8.0.4",
+    "p-limit": "6.2.0",
+    "package-manager-detector": "1.3.0",
     "package-up": "^5.0.0",
     "picomatch": "^4.0.2",
-    "postcss": "^8.5.4",
+    "postcss": "8.5.5",
     "pretty-ms": "^9.2.0",
-    "prop-types": "^15.8.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "react-error-boundary": "^5.0.0",
-    "react-resizable-panels": "^3.0.2",
+    "react-error-boundary": "^6.0.0",
+    "react-resizable-panels": "^3.0.3",
     "react-shadow": "^20.6.0",
-    "remeda": "^2.23.0",
+    "remeda": "^2.23.1",
     "semver": "^7.7.2",
     "std-env": "^3.9.0",
     "strip-indent": "^4.0.0",
-    "terser": "^5.39.2",
     "tinyrainbow": "^2.0.0",
-    "tsx": "~4.20.1",
-    "turbo": "^2.5.4",
-    "typescript": "^5.8.3",
-    "ufo": "^1.6.1",
-    "unbuild": "^3.5.0",
+    "tsx": "4.19.4",
+    "turbo": "2.5.4",
+    "typescript": "5.8.3",
+    "ufo": "1.6.1",
+    "unbuild": "3.5.0",
     "vite-plugin-dts": "^4.5.4",
     "vite-plugin-inspect": "^11.1.0",
     "vite-plugin-singlefile": "^2.2.0",
-    "vitest": "3.2.3",
+    "vitest": "3.2.4",
     "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",
-    "wireit": "^0.14.12",
+    "wireit": "0.14.12",
     "yargs": "17.7.2",
-    "@likec4/diagram": "1.32.1",
-    "@likec4/icons": "1.32.1",
-    "@likec4/language-server": "1.32.1",
-    "@likec4/generators": "1.32.1",
-    "@likec4/layouts": "1.32.1",
-    "@likec4/log": "1.32.1",
-    "@likec4/style-preset": "1.32.1",
-    "@likec4/styles": "1.32.1",
-    "@likec4/tsconfig": "1.32.1"
+    "@likec4/generators": "1.33.0",
+    "@likec4/icons": "1.33.0",
+    "@likec4/diagram": "1.33.0",
+    "@likec4/language-server": "1.33.0",
+    "@likec4/layouts": "1.33.0",
+    "@likec4/log": "1.33.0",
+    "@likec4/styles": "1.33.0",
+    "@likec4/style-preset": "1.33.0",
+    "@likec4/tsconfig": "1.33.0"
   },
   "scripts": {
     "typecheck": "tsc --build --verbose",
@@ -196,6 +197,7 @@
     "generate:icons": "tsx --conditions=sources scripts/generate-icons.ts",
     "pack": "pnpm pack",
     "lint": "run -T eslint src/ --fix",
+    "lint:package": "pnpx publint ./package.tgz",
     "clean": "pnpm rimraf lib dist app/dist dev/.export dev/dist node_modules/.vite react/*.mjs react/*.d.mts icons",
     "start": "tsx --conditions=sources src/cli/index.ts",
     "dev": "pnpm cli:serve dev",