@imfusion/web-ui 0.11.1-dev.58.ge2daec34 → 0.11.1-dev.59.g5c2572e2

package/CHANGELOG.md

@@ -98,6 +98,8 @@
   ([WEBSDK-245](https://imfusion.atlassian.net/browse/WEBSDK-245)) — Nikolaus Brunner <brunner@imfusion.com>
 - Agent skills — Nikolaus Brunner <brunner@imfusion.com>
   - `imf-web-ui-conventions` exempts React components from the explicit return type on exported functions.
+  - The `imf-web-ui-conventions` `npm-project` topic sets `engines.node` to Web UI's own range, and `imf-web-ui-audit`
+    reports an app whose range admits a Node outside it.
   - The `project-structure` topic keeps a route's only view, such as a form, in the route file and moves views to the `-`
     folder only when the page composes several. `imf-web-ui-audit` reports by views, not line counts.
   - The `imf-web-ui-conventions` `assets` topic encodes photographs as AVIF and WebP at 800 and 1600px and renders them
@@ -147,6 +149,8 @@
   - Combobox and Autocomplete stories start at the same top-left corner, so clicking through them does not shift the
     layout. A story resizes its frame with `parameters.frame`, which `withFrame` reads.
   - The Autocomplete interaction test reads the popup's height after it reopens, so it passes on every run.
+- `engines.node` is `^24.14 || >=26`. Node 22 and Node 24 before 24.14 reject `#/` subpath imports, so Storybook did not
+  start there. CI builds on Node 24.14.0, and `.nvmrc` selects Node 24. — Nikolaus Brunner <brunner@imfusion.com>
 - `RichLink` sets every label in the strong weight, with or without a `description`. [RichLink](src/components/rich-link/rich-link.mdx) — Nikolaus Brunner <brunner@imfusion.com>
 
 ### Fixed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@imfusion/web-ui",
-  "version": "0.11.1-dev.58.ge2daec34",
+  "version": "0.11.1-dev.59.g5c2572e2",
   "description": "The official Web UI component library for ImFusion web apps",
   "author": "ImFusion GmbH",
   "homepage": "https://imfusion.com",
@@ -11,7 +11,7 @@
   },
   "type": "module",
   "engines": {
-    "node": "^22.22.1 || ^24.11 || >=26"
+    "node": "^24.14 || >=26"
   },
   "imports": {
     "#/*": "./src/*",

package/src/llms/skills/imf-web-ui-audit/SKILL.md

@@ -66,10 +66,11 @@ next action is the add from that topic. A Vite config that reads tsconfig `paths
 `vite-tsconfig-paths`) is Broken: it loads the React types package as React once Web UI comes from the registry. The fix is
 to drop it and give the `#/` alias through `imports` in `package.json`. A major or minor mismatch between the project and Web
 UI on a package listed under Aligned runtime packages in the `tooling` topic is a Deviation. Report both versions, with
-`npm install <package>@<Web UI's version>` as the fix. A route file that holds several views inline is a Deviation, and so is
-a route whose only view sits alone in its `-` folder. Name the views, with the move as the fix. A form whose state and
-validation are written by hand instead of TanStack Form is a Deviation, however many forms share the pattern. Name each form,
-with TanStack Form and its existing schema as the fix.
+`npm install <package>@<Web UI's version>` as the fix. An `engines.node` that admits a Node outside the `engines.node` of the
+installed `node_modules/@imfusion/web-ui/package.json` is a Deviation; report both ranges, with Web UI's as the fix. A route
+file that holds several views inline is a Deviation, and so is a route whose only view sits alone in its `-` folder. Name the
+views, with the move as the fix. A form whose state and validation are written by hand instead of TanStack Form is a
+Deviation, however many forms share the pattern. Name each form, with TanStack Form and its existing schema as the fix.
 
 ## Topics
 

package/src/llms/skills/imf-web-ui-conventions/topics/npm-project.md

@@ -5,7 +5,8 @@ Keep project metadata, scripts, and dependency policy in `package.json` and the
 ## package.json
 
 - Use ESM with `"type": "module"`.
-- Set the Node floor with `engines.node` or `.nvmrc`.
+- Set `engines.node` to the range in Web UI's own `package.json`, so the app promises no Node that Web UI or the `#/` alias
+  rejects. A `.nvmrc` selects a version inside that range.
 - Use the `#/` source alias when the project has one, and wire it through the package `imports` field.
 - Set `private: true` only for packages that are never published.
 

package/src/llms/skills/imf-web-ui-conventions/topics/tooling.md

@@ -45,7 +45,7 @@ the Agent Skills the TanStack package provides.
 Vite+ runs development, build, tests, format, lint, and staged checks through one `vp` binary configured in `vite.config.ts`.
 Pin `vite-plus` exactly, alias `vite` to `npm:@voidzero-dev/vite-plus-core@<vite-plus version>`, pin `vitest` to the version
 `vp toolchain vitest` reports, and repeat both pins under `overrides`. Import `defineConfig` from `vite-plus` and Vitest APIs
-from `vite-plus/test`. It needs Node `^22.22.1 || ^24.11 || >=26` and Git 2.32 or later.
+from `vite-plus/test`. It needs Git 2.32 or later; the `npm-project` topic sets the Node range.
 
 `vp <command>` is a built-in; `vp run <script>` runs a package script.