@kudzujs/core 0.8.10 → 0.8.12

package/README.md

@@ -14,7 +14,7 @@ Kudzu compiles ordinary React-shaped TypeScript and TSX into complete static HTM
 
 > Experimental `0.8.x`: the compiler API and supported TSX surface may change.
 
-**Latest release: 0.8.10 - Native dialog migration.** A reduced shadcn/Radix-shaped dialog now proves how AI migration can preserve `forwardRef`, props, children, refs, and handlers while replacing package-owned Portal and Context behavior with native `<dialog>`. Read the [release notes](./RELEASES.md#0810---native-dialog-migration) or open the [release page](https://kudzujs.cloud/releases/0.8.10).
+**Latest release: 0.8.12 - Static icon migration.** Used Lucide-shaped icons move to relative TSX and compile to accessible static SVG while build-folded evaluator JavaScript disappears from deploy output. Read the [release notes](./RELEASES.md#0812---static-icon-migration) or open the [release page](https://kudzujs.cloud/releases/0.8.12).
 
 - [Documentation](https://kudzujs.cloud/docs)
 - [Installation guide](https://kudzujs.cloud/docs#install)

package/RELEASES.md

@@ -1,5 +1,60 @@
 # Kudzu Releases
 
+## 0.8.12 - Static icon migration
+
+Kudzu 0.8.12 proves a source migration path from Lucide React-shaped icon usage to accessible static SVG without a package factory or browser runtime.
+
+### New in 0.8.12
+
+- Used icons move into relative TSX components with direct intrinsic SVG roots and familiar size, stroke, class, fill, ARIA, and title props.
+- Meaningful icons retain explicit roles and titles, while decorative icons remain hidden from assistive technology.
+- React-shaped SVG presentation attributes normalize to native output and complete icon routes ship zero JavaScript.
+- Unreachable icon modules are excluded from compilation instead of becoming deploy artifacts.
+- Public documentation records the migration recipe and its deliberate package boundary.
+
+### Fixed in 0.8.12
+
+- Handler emission now follows references in the final route plan and HTML, removing evaluator modules left behind by build-folded component conditions while preserving list-expression evaluators.
+- The complete suite passes 143/143 tests.
+
+### Boundary
+
+This release does not execute `lucide-react`. Dynamic icon lookup, `createLucideIcon()`, package-owned factories, and a generic icon runtime remain unsupported source migration work.
+
+### Upgrade
+
+```bash
+npm install @kudzujs/core@^0.8.12
+```
+
+## 0.8.11 - Stale-safe data migration
+
+Kudzu 0.8.11 proves source migration paths for TanStack Query-shaped data and React Hook Form-shaped forms while strengthening dependency-effect stale-write isolation.
+
+### New in 0.8.11
+
+- Build-known query data moves to async pages and emits complete zero-JavaScript HTML.
+- Browser-only query data uses one dependency effect with application-owned loading, error, result, and primitive refetch state.
+- Superseded unowned dependency effects invalidate their invocation before cleanup, so late promise or fetch setters cannot overwrite newer state.
+- A deterministic Chrome race verifies that a fast refetch remains visible after a delayed prior response arrives, followed by HTTP failure and recovery.
+- React Hook Form-shaped signup source migrates to native controls, constraint validation, `FormData`, one async submit handler, accessible server errors, and retained uncontrolled values.
+- Static sibling routes remain JavaScript-free, with no TanStack Query or React Hook Form runtime in deploy output.
+
+### Fixed in 0.8.11
+
+- Mobile documentation now uses a true 100% layout wrapper with explicit inner gutters instead of a reduced outer width.
+- The complete suite passes 142/142 tests.
+
+### Boundary
+
+This release does not execute TanStack Query or React Hook Form. Query clients, Providers, caches, retries, deduplication, optimistic cache updates, query-key arrays, Suspense, controllers, watchers, resolvers, and dynamic field registration remain source migration work.
+
+### Upgrade
+
+```bash
+npm install @kudzujs/core@^0.8.11
+```
+
 ## 0.8.10 - Native dialog migration
 
 Kudzu 0.8.10 proves a source migration path from a shadcn/Radix-shaped dialog to the native `<dialog>` element without adding package compatibility runtime.

package/framework/build.mjs

@@ -145,7 +145,8 @@ export async function build({ quiet = false, minify = true } = {}) {
         runtimeParams: runtimeSchema?.params,
         ...(navigable ? { navigationAsset: navigationGroup.assetPath, applicationId: navigationGroup.applicationId, layoutId: navigationGroup.layoutId, routeId: applicationRoute } : {})
       }, props, module.layout)
-      for (const url of result.handlerModules) renderedHandlerUrls.add(url)
+      const renderedOutput = `${JSON.stringify(result.plan)}\n${result.html}`
+      for (const url of result.handlerModules) if (renderedOutput.includes(JSON.stringify(url))) renderedHandlerUrls.add(url)
       if (navigationGroup) {
         navigationGroup.hasEffects ||= result.hasEffects
         navigationGroup.hasParams ||= result.hasParams
@@ -581,7 +582,7 @@ addEventListener("pagehide", event => {
   if (hasDependencies) return `${imports.join("\n")}
 const effects = ${inlineJson(effects)}
 const modules = new Map([${entries}])
-const records = effects.map((effect, index) => ({ effect, index, values: undefined, cleanup: undefined }))
+const records = effects.map((effect, index) => ({ effect, index, values: undefined, cleanup: undefined, token: undefined }))
 const dependencies = new Map()
 const pending = new Set()
 let scheduled = false
@@ -649,7 +650,9 @@ ${hasDependencyExpressions ? printDerivedDependencyRead("browserState") : ""}
 function invoke(record) {
   try {
     const effect = record.effect
-    const result = modules.get(effect.module)[effect.handler](createEffectContext(browserState, effect.states, commitDom, effect.scope))
+    const token = { active: true }
+    record.token = token
+    const result = modules.get(effect.module)[effect.handler](createEffectContext(browserState, effect.states, commitDom, effect.scope, () => active && token.active && record.token === token))
     if (effect.cleanup && typeof result === "function") record.cleanup = result
     else if (result && typeof result.then === "function") result.catch(error => console.error(error))
   } catch (error) {
@@ -657,6 +660,8 @@ function invoke(record) {
   }
 }
 async function invokeCleanup(record) {
+  if (record.token) record.token.active = false
+  record.token = undefined
   const cleanup = record.cleanup
   record.cleanup = undefined
   if (!cleanup) return
@@ -1352,6 +1357,7 @@ const effect = ${inlineJson(effect)}
 const dependency = effect.dependencies[0]
 let value
 let cleanup
+let token
 let active = true
 let pending = false
 let scheduled = false
@@ -1402,7 +1408,9 @@ function readDependency() {
 }
 function invoke() {
   try {
-    const result = __kEffectModule0[effect.handler](createEffectContext(browserState, effect.states, commitDom, effect.scope))
+    const current = { active: true }
+    token = current
+    const result = __kEffectModule0[effect.handler](createEffectContext(browserState, effect.states, commitDom, effect.scope, () => active && current.active && token === current))
     if (effect.cleanup && typeof result === "function") cleanup = result
     else if (result && typeof result.then === "function") result.catch(error => console.error(error))
   } catch (error) {
@@ -1410,6 +1418,8 @@ function invoke() {
   }
 }
 async function invokeCleanup() {
+  if (token) token.active = false
+  token = undefined
   const current = cleanup
   cleanup = undefined
   if (!current) return

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kudzujs/core",
-  "version": "0.8.10",
+  "version": "0.8.12",
   "description": "HTML-first TSX framework with synchronous state semantics and no virtual DOM",
   "type": "module",
   "license": "MIT",