@ape-egg/vibe 1.7.1 → 1.8.0

package/CHANGELOG.md

@@ -1,5 +1,67 @@
 # Changelog
 
+## [1.8.0] - 2026-04-10
+
+### Added
+
+- **State batching** — Multiple `$.prop = value` assignments in the same microtask now produce a single rerender instead of cascading updates
+  - Proxy `set` trap calls `scheduleFlush()` (via `queueMicrotask`) instead of `rerender()` directly
+  - Eliminates cascading rerenders from `afterUpdate` hooks setting state
+  - Rerender callback now does full diff of `previousState` vs `currentState` (no longer receives individual changed prop)
+
+- **DOM ownership tracking** — Two new data structures prevent re-processing of already-managed nodes
+  - `managedNodes` (`WeakSet`): Tracks nodes inserted by `mountBranch` / `renderIteration`. `shouldProcessNode` skips them.
+  - `branchNodeRegistry` (`WeakMap`): Maps DOM nodes to their conditional branch, so `processComponent`'s `el.replaceWith()` correctly updates conditional tracking
+
+- **Parallel component loading** — Same-level `<component src>` elements now fetch in parallel
+  - `isNestedInUnprocessedComponent()` filters slot content from premature processing
+  - `processSingle()` handles fetch + script execution + DOM replacement per component
+  - `processComponent()` fires all top-level fetches simultaneously; nested components discovered after parent finalizes
+
+- **Component script imports** — `<script type="module">` in components now supports `import` statements
+  - Static imports rewritten to dynamic `await import()` (default, named, namespace, side-effect)
+  - `import component from '...'` is stripped (Vibe injects it as a parameter)
+  - `AsyncFunction` constructor used only when imports exist; sync path preserved for boot timing
+
+- **Bracket notation in paths** — `resolvePath` now handles `teams[0].combatants` via `path.match(/[^.\[\]]+/g)` splitting
+
+- **Quoted strings in binding expressions** — `BINDING_REGEX` now supports `@[x.replace('.png', '-mugshot.png')]`
+
+### Changed
+
+- **Conditional branch lifecycle** — `mountBranch` now integrates branch tree into both the conditional node's children and the manifest (via `addBranchToManifest`). `unmountBranch` cleans up both. Makes branch content visible to the main update loop and MutationObserver.
+
+- **New-node processing** — `processCoreLoop` filters iteration and conditional types from `affectedElements` when `isNewNode = true`. Initial render goes through `renderAllIterations` / `renderAllConditionals`, not the update/diff path.
+
+- **Component discovery after state changes** — After hydrate + renderAll in the state callback, scans for unresolved `<component src="">` elements that conditionals/iterations may have mounted while the observer was disconnected.
+
+### Performance
+
+- **`evalInScope` function cache** — Compiled `new Function()` objects cached by expression + state keys signature. For 1000 rows × 4 bindings, reduces 4000 Function compilations to ~4.
+- **Bulk iteration replacement** — When old and new arrays share no common keys, skips O(n²) LCS entirely. Uses `Range.deleteContents()` for instant clear + `fastPath.renderFast` (batch string concatenation + single `innerHTML`) for simple templates.
+- **DocumentFragment batching** — `renderIteration` collects all cloned nodes in a DocumentFragment, single `insertBefore` at the end instead of N × M individual DOM mutations.
+- **Scoped state `ownKeys` caching** — `createScopedState` pre-computes the combined key list once at Proxy creation. `ownKeys()` trap returns cached array directly instead of rebuilding 3 arrays + 1 Set per call.
+- **`extractPlainValue` optimization** — Indexed `for` loops, `Object.keys()` instead of `for..in`, inline primitive check, pre-allocated arrays.
+- **Old-array ground truth** — `updateIteration` uses rendered instances as truth when `oldState` disagrees with actual instance count, preventing mismatched diff operations.
+
+### Removed
+
+- **`window.__VIBE_FAST_ITERATION__` experimental flag** — Replaced by automatic bulk replacement detection (no opt-in needed)
+- **Per-prop rerender** — State proxy no longer passes `{ [changedProp]: ... }` to rerender; full diff via batching replaces it
+
+---
+
+## [1.7.2] - 2026-02-27
+
+### Fixed
+
+- **Component inlining — hyphenated custom elements inside slot content** (`find_matching_close`)
+  - `<component-card>`, `<component-grid>`, etc. inside slot content incorrectly matched `<component\b`, incrementing the depth counter without a corresponding close
+  - The real `</component>` could never bring the depth back to 0, so `find_matching_close` returned `None` and the outer component was left un-inlined (causing `Cannot GET /components/Layout.html` at runtime)
+  - Fixed by replacing `\b` with `(?:\s|>|/>)` — only matches actual `<component` tags followed by whitespace or `>`, not hyphenated variants
+
+---
+
 ## [1.7.1] - 2026-02-27
 
 ### Added