@symbiote-native/angular 3.0.2 → 3.1.1

package/README.md

@@ -1,7 +1,7 @@
 # @symbiote-native/angular
 
 The **Angular adapter** for [SymbioteNative](../../README.md) — render real native iOS/Android views
-from Angular, on the _same_ untouched core as React and Vue, with React Native's own renderer
+from Angular, on the _same_ untouched core as React, Vue, Svelte, and Solid, with React Native's own renderer
 never in the path. It is a `Renderer2`/`RendererFactory2` whose calls map onto the engine's
 four-call mutation API; `@symbiote-native/engine` does the clone-on-write commit into Fabric.
 
@@ -22,57 +22,57 @@ already-validated engine with zero changes to it.
 ## Install
 
 ```bash
-npm install @symbiote-native/angular react-native @angular/core
+npx @symbiote-native/cli new my-app --framework angular
 ```
 
-`react-native` and `@angular/core` (**>=20**, for stable zoneless change detection) stay your app's
-own top-level dependencies. `npx @symbiote-native/cli new` wires the AOT pipeline (`ngc --watch`
-alongside Metro — see [Run it](#run-it)) and the Metro config for a new app; wiring them into an
-existing one still follows [`examples/angular`](../../examples/angular) rather than a generator.
+One command, nothing to wire by hand: this adapter needs the most build wiring of the five (the
+AOT pipeline, `ngc --watch` alongside Metro, the static-block Babel plugin below) — the generator
+sets up all of it, plus `@symbiote-native/angular`/`react-native`/`@angular/core`/`@angular/forms`
+as your app's own dependencies.
 
----
+<details>
+<summary>Manual install (no generator — an existing app, or you want to wire it yourself)</summary>
 
-## Use it
+```bash
+npm install @symbiote-native/angular react-native @angular/core @angular/forms
+```
 
-The native entry reaches the _same_ `registerRunnable` seam as React and Vue — only the adapter
-changes. It hands the surface's `rootTag` to `mount` from `@symbiote-native/angular`, which drives the
-engine through Angular's `Renderer2`:
+`react-native`, `@angular/core`, and `@angular/forms` (all **>=20**, for stable zoneless change
+detection) stay your app's own top-level dependencies. `@angular/forms` is a real peer, not
+boilerplate — `text-input`'s `NG_VALUE_ACCESSOR` registration (for `ngModel`/`formControl*`
+binding) imports `ControlValueAccessor` from it. Follow [`examples/angular`](../../examples/angular)
+for the AOT pipeline (`ngc --watch` alongside Metro — see [Run it](#run-it)) and the Metro config;
+there is no wiring script for an existing app.
 
-```js
-// index.js
-import { AppRegistry as RNAppRegistry } from 'react-native';
-import { mount } from '@symbiote-native/angular';
-import { AppComponent } from './App';
-import { name as appName } from './app.json';
+</details>
 
-// registerRunnable (not registerComponent): RN stores a raw mount callback and never renders
-// it with its own renderer. We mount the Angular app onto the surface's rootTag.
-RNAppRegistry.registerRunnable(appName, ({ rootTag }) => {
-  mount(rootTag, AppComponent);
-});
-```
+---
+
+## Use it
 
 The app is ordinary standalone Angular. The native primitives are lowercase intrinsic tags, same as
 every other adapter — Angular still needs them declared in the component's `imports:` array (an
 Angular "element directive" is what makes `ngtsc` accept the tag with typed props), so
 `SYMBIOTE_ELEMENTS` from `@symbiote-native/angular` covers the whole primitive surface in one import.
-A tap→increment counter:
+Styling is a CSS class against a plain `.css` file — the convention every example app here
+follows. A tap→increment counter:
 
 ```ts
 import { Component, signal } from '@angular/core';
 import { SYMBIOTE_ELEMENTS } from '@symbiote-native/angular';
+import './App.css';
 
 @Component({
   selector: 'app-root',
   standalone: true,
   imports: [SYMBIOTE_ELEMENTS],
   template: `
-    <view [style]="{ padding: 24 }">
+    <safe-area-view class="screen">
       <text>Taps: {{ count() }}</text>
       <pressable (press)="count.set(count() + 1)">
         <text>Tap me</text>
       </pressable>
-    </view>
+    </safe-area-view>
   `,
 })
 export class AppComponent {
@@ -80,6 +80,57 @@ export class AppComponent {
 }
 ```
 
+```css
+/* App.css */
+.screen {
+  flex: 1;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+}
+```
+
+<details>
+<summary>Native entry point (index.js) — already scaffolded by <code>npx @symbiote-native/cli new --framework angular</code></summary>
+
+The zero-config entry mirrors real Angular's own `bootstrapApplication(RootComponent, config)`
+idiom and wires the same RN-backed host seams the other adapters' entries do — this is what
+[`examples/angular`](../../examples/angular) actually uses:
+
+```js
+// index.js
+
+// Registers host behaviors (Image, Pressable, Switch, ...) that /bootstrap alone doesn't
+// reach; deleting this breaks them silently (Metro's production inlineRequires makes a
+// side-effect-only barrel import go lazy, see register.ts).
+import '@symbiote-native/angular';
+import { bootstrapApplication } from '@symbiote-native/angular/bootstrap';
+import { AppComponent } from './App';
+import { name as appName } from './app.json';
+
+bootstrapApplication(AppComponent, { appName });
+```
+
+For anything the defaults don't cover, drive the lower-level seam directly — the same
+`registerRunnable` seam React and Vue use, with `mount` from `@symbiote-native/angular` driving the
+engine through Angular's `Renderer2`:
+
+```js
+// index.js
+import { AppRegistry as RNAppRegistry } from 'react-native';
+import { mount } from '@symbiote-native/angular';
+import { AppComponent } from './App';
+import { name as appName } from './app.json';
+
+// registerRunnable (not registerComponent): RN stores a raw mount callback and never renders
+// it with its own renderer. We mount the Angular app onto the surface's rootTag.
+RNAppRegistry.registerRunnable(appName, ({ rootTag }) => {
+  mount(rootTag, AppComponent);
+});
+```
+
+</details>
+
 The full canary is [`examples/angular`](../../examples/angular) — a stock RN 0.86 app whose
 [`App.ts`](../../examples/angular/src/App.ts) exercises the same surface as the React and Vue
 reference canaries, standalone components, zoneless change detection.
@@ -89,8 +140,8 @@ reference canaries, standalone components, zoneless change detection.
 ## Parity — and the one gap
 
 Angular reaches the same 21+ primitives, runtime modules, `Animated` on both drivers, gestures,
-accessibility, and the `VirtualizedList` family as React and Vue, verified on-device on iOS and
-Android. That parity is **structural, not
+accessibility, and the `VirtualizedList` family as React, Vue, Svelte, and Solid, verified
+on-device on iOS and Android. That parity is **structural, not
 hand-copied**: the component logic (state machines + render functions) is written **once** in
 `@symbiote-native/components`, and Angular supplies only its lifecycle (`Renderer2` + zoneless change
 detection + the descriptor→`createElement` bridge).
@@ -122,13 +173,23 @@ Angular also requires **zoneless change detection** (`provideZonelessChangeDetec
 `@angular/core >=20`) — zone.js fights Hermes, and versions before 20 don't offer a stable
 zoneless API. This is the version floor for the whole adapter, not a suggestion.
 
+`babel.config.js` needs `@babel/plugin-transform-class-static-block`, listed **first**, before
+`@symbiote-native/angular`'s own `babel-register-composed` and linker plugins. `ngc` emits static
+blocks (`tsconfig.angular.base.json`'s `useDefineForClassFields: false` at ES2022 lowers a static
+property initializer to one), and RN's preset doesn't enable that transform — the class-features
+plugin then refuses the class outright. This only surfaces in a **Release** build (where that
+transform actually runs) and is invisible to every headless check, so a hand-wired app missing it
+builds and tests clean right up until the first release build. `npx @symbiote-native/cli new
+--framework angular` already includes it; wiring Angular into an existing app by hand needs it
+copied from [`examples/angular`](../../examples/angular)'s own `babel.config.js`.
+
 ---
 
 ## Run it
 
 [`examples/angular`](../../examples/angular) is a stock React Native 0.86 app. Requires Node ≥
-22.13 and the [RN environment setup](https://reactnative.dev/docs/set-up-your-environment) (Xcode,
-CocoaPods):
+22.13 (react-native 0.86's own `package.json#engines`) and the [RN environment
+setup](https://reactnative.dev/docs/set-up-your-environment) (Xcode, CocoaPods):
 
 ```bash
 cd examples/angular

package/build/angular/callback-host.d.ts

@@ -1,4 +1,4 @@
-import { type OnChanges, type OnDestroy, type SimpleChanges } from '@angular/core';
+import { type OnChanges, type SimpleChanges } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * THE SAME NAMES AS A LITERAL, and the duplication is forced rather than chosen.
@@ -13,13 +13,10 @@ import * as i0 from "@angular/core";
 export declare const CALLBACK_ATTRIBUTE_SELECTOR: string;
 /** Exported for the guard alone — the decorator below must spell its own list for ngtsc. */
 export declare const CALLBACK_INPUT_NAMES: readonly string[];
-export declare class SymbioteCallbackHost implements OnChanges, OnDestroy {
+export declare class SymbioteCallbackHost implements OnChanges {
     private readonly renderer;
     private readonly host;
-    private readonly detector;
-    constructor();
     ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SymbioteCallbackHost, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SymbioteCallbackHost, "[onAccessibilityAction],[onAccessibilityEscape],[onAccessibilityTap],[onBlur],[onContentSizeChange],[onEndEditing],[onError],[onFocus],[onHoverIn],[onHoverOut],[onKeyPress],[onLayout],[onLoad],[onLoadEnd],[onLoadStart],[onLongPress],[onMagicTap],[onMomentumScrollBegin],[onMomentumScrollEnd],[onMoveShouldSetResponder],[onMoveShouldSetResponderCapture],[onPartialLoad],[onPress],[onPressIn],[onPressMove],[onPressOut],[onProgress],[onRefresh],[onResponderEnd],[onResponderGrant],[onResponderMove],[onResponderReject],[onResponderRelease],[onResponderStart],[onResponderTerminate],[onResponderTerminationRequest],[onScrollBeginDrag],[onScrollEndDrag],[onScrollToTop],[onSelectionChange],[onStartShouldSetResponder],[onStartShouldSetResponderCapture],[onSubmitEditing],[onValueChange]", never, { "onAccessibilityAction": { "alias": "onAccessibilityAction"; "required": false; }; "onAccessibilityEscape": { "alias": "onAccessibilityEscape"; "required": false; }; "onAccessibilityTap": { "alias": "onAccessibilityTap"; "required": false; }; "onBlur": { "alias": "onBlur"; "required": false; }; "onContentSizeChange": { "alias": "onContentSizeChange"; "required": false; }; "onEndEditing": { "alias": "onEndEditing"; "required": false; }; "onError": { "alias": "onError"; "required": false; }; "onFocus": { "alias": "onFocus"; "required": false; }; "onHoverIn": { "alias": "onHoverIn"; "required": false; }; "onHoverOut": { "alias": "onHoverOut"; "required": false; }; "onKeyPress": { "alias": "onKeyPress"; "required": false; }; "onLayout": { "alias": "onLayout"; "required": false; }; "onLoad": { "alias": "onLoad"; "required": false; }; "onLoadEnd": { "alias": "onLoadEnd"; "required": false; }; "onLoadStart": { "alias": "onLoadStart"; "required": false; }; "onLongPress": { "alias": "onLongPress"; "required": false; }; "onMagicTap": { "alias": "onMagicTap"; "required": false; }; "onMomentumScrollBegin": { "alias": "onMomentumScrollBegin"; "required": false; }; "onMomentumScrollEnd": { "alias": "onMomentumScrollEnd"; "required": false; }; "onMoveShouldSetResponder": { "alias": "onMoveShouldSetResponder"; "required": false; }; "onMoveShouldSetResponderCapture": { "alias": "onMoveShouldSetResponderCapture"; "required": false; }; "onPartialLoad": { "alias": "onPartialLoad"; "required": false; }; "onPress": { "alias": "onPress"; "required": false; }; "onPressIn": { "alias": "onPressIn"; "required": false; }; "onPressMove": { "alias": "onPressMove"; "required": false; }; "onPressOut": { "alias": "onPressOut"; "required": false; }; "onProgress": { "alias": "onProgress"; "required": false; }; "onRefresh": { "alias": "onRefresh"; "required": false; }; "onResponderEnd": { "alias": "onResponderEnd"; "required": false; }; "onResponderGrant": { "alias": "onResponderGrant"; "required": false; }; "onResponderMove": { "alias": "onResponderMove"; "required": false; }; "onResponderReject": { "alias": "onResponderReject"; "required": false; }; "onResponderRelease": { "alias": "onResponderRelease"; "required": false; }; "onResponderStart": { "alias": "onResponderStart"; "required": false; }; "onResponderTerminate": { "alias": "onResponderTerminate"; "required": false; }; "onResponderTerminationRequest": { "alias": "onResponderTerminationRequest"; "required": false; }; "onScrollBeginDrag": { "alias": "onScrollBeginDrag"; "required": false; }; "onScrollEndDrag": { "alias": "onScrollEndDrag"; "required": false; }; "onScrollToTop": { "alias": "onScrollToTop"; "required": false; }; "onSelectionChange": { "alias": "onSelectionChange"; "required": false; }; "onStartShouldSetResponder": { "alias": "onStartShouldSetResponder"; "required": false; }; "onStartShouldSetResponderCapture": { "alias": "onStartShouldSetResponderCapture"; "required": false; }; "onSubmitEditing": { "alias": "onSubmitEditing"; "required": false; }; "onValueChange": { "alias": "onValueChange"; "required": false; }; }, {}, never, never, true, never>;
 }

package/build/angular/callback-host.js

@@ -1,29 +1,14 @@
-// The directive that owns a `ChangeDetectorRef` for the elements that actually need one.
+// The directive that CLAIMS an `on*` prop binding on a tag, and nothing more.
 //
-// An `on*` PROP is forwarded to the engine node, and the ENGINE calls it — Angular is told nothing,
-// so a plain field mutation inside the app's handler dirties no view. `createCallbackWrapper` fixes
-// that with `markForCheck`, and until 2026-09-18 the ref it marked came from `SymbioteElement`
-// injecting one on EVERY element, because any element MAY carry a callback.
+// Unclaimed, `[onPress]="fn"` on an element is NG0306 in dev mode (`setDomProperty` refuses `on*`
+// DOM properties, `render3/instructions/shared.ts:296-298`), so something has to own the name. The
+// renderer wraps the value on its way through and marks the view with `markForCheck` when the engine
+// calls it. That view is found from the node when the callback FIRES (`change-detection-flush.ts`),
+// so this directive injects no `ChangeDetectorRef`.
 //
-// Almost none does. Priced on JavaScriptCore, an injection is ~1.0-2.4 us per element — 10-24 ms
-// over the ten thousand of a thousand-row screen, all of it to build `ViewRef`s nothing reads
-// (`core/engine/cpp/tests/js/angular-directive-cost.itest.ts`, the `ChangeDetectorRef` row).
-//
-// MATCHING IS THE CHEAPER QUESTION THAN INJECTING, and that had to be measured rather than assumed,
-// because the selector below is dozens of alternatives and Angular tries a component's whole
-// directive list against every element it creates. The ladder's `cb-probe` arm carries this exact
-// string WITHOUT matching anything — the state of every element on the benchmark row — so the two
-// halves are priced against each other in one process, rotated, with a resolution bar:
-//
-//   carrying the selector    4.3    5.9   -2.0    5.7   -1.5 ms   inside the bar in four of five
-//   the ChangeDetectorRef    9.7   23.5   13.6   31.3   23.8 ms
-//   the CALLBACK HOST       -3.9   -9.3  -25.5  -25.6  -25.3 ms   all five negative, three outside
-//
-// WHAT IS NOT VERIFIED, said plainly: the ladder's arm carries ONE element directive beside this one,
-// where a real screen carries two dozen, and the `ng-elements` bench arm could not confirm the change
-// at app scale — the machine it was measured on swung its untouched CONTROL from 229 to 566 ms, so
-// nothing quoted off it would have carried a verdict either way. The controlled A/B is the evidence
-// here; the bench-arm confirmation is owed.
+// Carrying the selector is free: Angular tries it against every element it creates, and the
+// ladder's `cb-probe` arm priced that inside the resolution bar in four runs of five
+// (`core/engine/cpp/tests/js/angular-directive-cost.itest.ts`).
 //
 // IT HOLDS NO INPUTS, which is what keeps the change off the public surface. The `on*` props stay
 // declared on `SymbioteElement` and its subclasses, so every type and every forward is unchanged;
@@ -33,8 +18,7 @@
 //
 // A LEAF, like `change-detection-flush` and `renderer/value-change`: importing `elements.ts` from
 // here would close a cycle, since that file is what puts this directive in `SYMBIOTE_ELEMENTS`.
-import { ChangeDetectorRef, Directive, ElementRef, Renderer2, inject, } from '@angular/core';
-import { registerViewMarker, unregisterViewMarker, } from './change-detection-flush';
+import { Directive, ElementRef, Renderer2, inject, } from '@angular/core';
 import * as i0 from "@angular/core";
 /**
  * Every `on*` input any element directive declares, except the one that fires per FRAME.
@@ -116,10 +100,6 @@ export class SymbioteCallbackHost {
     constructor() {
         this.renderer = inject(Renderer2);
         this.host = inject(ElementRef);
-        this.detector = inject(ChangeDetectorRef);
-        const node = this.host.nativeElement;
-        if (typeof node === 'object' && node !== null)
-            registerViewMarker(node, this.detector);
     }
     ngOnChanges(changes) {
         // The renderer wraps the value on its way through, so this forwards it raw — same shape as the
@@ -127,11 +107,6 @@ export class SymbioteCallbackHost {
         for (const name of Object.keys(changes))
             this.renderer.setProperty(this.host.nativeElement, name, changes[name]?.currentValue);
     }
-    ngOnDestroy() {
-        const node = this.host.nativeElement;
-        if (typeof node === 'object' && node !== null)
-            unregisterViewMarker(node);
-    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.8", ngImport: i0, type: SymbioteCallbackHost, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.8", type: SymbioteCallbackHost, isStandalone: true, selector: "[onAccessibilityAction],[onAccessibilityEscape],[onAccessibilityTap],[onBlur],[onContentSizeChange],[onEndEditing],[onError],[onFocus],[onHoverIn],[onHoverOut],[onKeyPress],[onLayout],[onLoad],[onLoadEnd],[onLoadStart],[onLongPress],[onMagicTap],[onMomentumScrollBegin],[onMomentumScrollEnd],[onMoveShouldSetResponder],[onMoveShouldSetResponderCapture],[onPartialLoad],[onPress],[onPressIn],[onPressMove],[onPressOut],[onProgress],[onRefresh],[onResponderEnd],[onResponderGrant],[onResponderMove],[onResponderReject],[onResponderRelease],[onResponderStart],[onResponderTerminate],[onResponderTerminationRequest],[onScrollBeginDrag],[onScrollEndDrag],[onScrollToTop],[onSelectionChange],[onStartShouldSetResponder],[onStartShouldSetResponderCapture],[onSubmitEditing],[onValueChange]", inputs: { onAccessibilityAction: "onAccessibilityAction", onAccessibilityEscape: "onAccessibilityEscape", onAccessibilityTap: "onAccessibilityTap", onBlur: "onBlur", onContentSizeChange: "onContentSizeChange", onEndEditing: "onEndEditing", onError: "onError", onFocus: "onFocus", onHoverIn: "onHoverIn", onHoverOut: "onHoverOut", onKeyPress: "onKeyPress", onLayout: "onLayout", onLoad: "onLoad", onLoadEnd: "onLoadEnd", onLoadStart: "onLoadStart", onLongPress: "onLongPress", onMagicTap: "onMagicTap", onMomentumScrollBegin: "onMomentumScrollBegin", onMomentumScrollEnd: "onMomentumScrollEnd", onMoveShouldSetResponder: "onMoveShouldSetResponder", onMoveShouldSetResponderCapture: "onMoveShouldSetResponderCapture", onPartialLoad: "onPartialLoad", onPress: "onPress", onPressIn: "onPressIn", onPressMove: "onPressMove", onPressOut: "onPressOut", onProgress: "onProgress", onRefresh: "onRefresh", onResponderEnd: "onResponderEnd", onResponderGrant: "onResponderGrant", onResponderMove: "onResponderMove", onResponderReject: "onResponderReject", onResponderRelease: "onResponderRelease", onResponderStart: "onResponderStart", onResponderTerminate: "onResponderTerminate", onResponderTerminationRequest: "onResponderTerminationRequest", onScrollBeginDrag: "onScrollBeginDrag", onScrollEndDrag: "onScrollEndDrag", onScrollToTop: "onScrollToTop", onSelectionChange: "onSelectionChange", onStartShouldSetResponder: "onStartShouldSetResponder", onStartShouldSetResponderCapture: "onStartShouldSetResponderCapture", onSubmitEditing: "onSubmitEditing", onValueChange: "onValueChange" }, usesOnChanges: true, ngImport: i0 }); }
 }
@@ -207,5 +182,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.8", ngImpor
                     ],
                     standalone: true,
                 }]
-        }], ctorParameters: () => [] });
+        }] });
 //# sourceMappingURL=callback-host.js.map

package/build/angular/callback-host.js.map

@@ -1 +1 @@
-{"version":3,"file":"callback-host.js","sourceRoot":"","sources":["../../src/callback-host.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"callback-host.js","sourceRoot":"","sources":["../../src/callback-host.ts"],"names":[],"mappings":"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"}

package/build/angular/change-detection-flush.d.ts

@@ -1,3 +1,4 @@
+export declare function markReadBackNode(node: object): void;
 interface IViewMarker {
     markForCheck(): void;
 }

package/build/angular/change-detection-flush.js

@@ -32,16 +32,50 @@
 // notification, so it cannot open that window at all. It is also the narrower answer — the only
 // view that has to be re-checked is the one holding the binding.
 //
-// The flush is registered by the element DIRECTIVE, which is the only thing here that owns a
-// `ChangeDetectorRef` for that view. A tag written under `CUSTOM_ELEMENTS_SCHEMA` with no directive
-// matched therefore gets no flush and keeps the stale-read behaviour — the directive is the
-// supported route (`[(value)]` is NG8007 without it), and this leaf has no way to reach a view it
-// was never handed.
+// THE VIEW IS FOUND FROM THE NODE, at the moment an event needs it, not injected per element. Ivy
+// patches `__ngContext__` onto every view's root elements and every directive host, so the nearest
+// patched ancestor names the LView that declares the element - the one holding its `[value]`. A
+// `ViewRef` over that LView is what `inject(ChangeDetectorRef)` would have handed out, built only
+// for the element that fired, which is what let the read-back tags drop their directive instance
+// (`element-directive-free.test.ts`). Projected content resolves to the view it is PROJECTED into,
+// Angular's own discovery limit; the listener's `markForCheck` still reaches the declaring view.
 //
 // When a fourth behavior starts reading an app value back, it needs a name in the renderer's
 // `READ_BACK_*` sets — the census is `queueMicrotask` / `afterCommit` in
 // `core/components/src/behaviors`.
+import { ɵViewRef as ViewRef, ɵgetLContext as getLContext, } from '@angular/core';
+import { isSymbioteNode, parentOf, reportUncaughtError, } from '@symbiote-native/engine';
 const viewFlushes = new WeakMap();
+// Nodes whose view is found lazily when they flush. Anything else keeps the no-op an unregistered
+// node always had - `flushViewFor` also runs after every wrapped `on*` prop, and a press must not
+// start paying a synchronous re-check it never needed.
+const readBackNodes = new WeakSet();
+export function markReadBackNode(node) {
+    readBackNodes.add(node);
+}
+// Ivy's monkey-patch key (`render3/interfaces/context.ts`, `MONKEY_PATCH_KEY_NAME`).
+const NG_CONTEXT = '__ngContext__';
+/** The LView-backed ref for the view that declares `node`, or undefined outside any view. */
+function viewRefOf(node) {
+    let patched = node;
+    while (patched !== undefined && !(NG_CONTEXT in patched))
+        patched = isSymbioteNode(patched) ? parentOf(patched) : undefined;
+    if (patched === undefined)
+        return undefined;
+    const lView = getLContext(patched)?.lView;
+    return lView === undefined || lView === null ? undefined : new ViewRef(lView);
+}
+// REPORTED, NOT RETHROWN: this is the one change detection outside `ApplicationRef.tick()`'s error
+// boundary, called from inside a native event dispatch where a throw becomes `RCTFatal`. Same
+// channel `SymbioteErrorHandler` reports through.
+function detectChangesReported(view) {
+    try {
+        view.detectChanges();
+    }
+    catch (error) {
+        reportUncaughtError(error, { origin: 'angular flush' });
+    }
+}
 const ON_PREFIX = /^on[A-Z]/;
 // The one `onX` that fires per FRAME rather than per gesture — with sticky headers RN pins
 // `scrollEventThrottle` to 1, i.e. 60 times a second. `markForCheck` walks to the ROOT, so wrapping
@@ -123,14 +157,12 @@ export function createCallbackWrapper(node) {
  * element on JavaScriptCore (`core/engine/cpp/tests/js/angular-directive-cost.itest.ts`), so a
  * thousand-row screen paid for ten thousand `ViewRef`s to serve none.
  *
- * `SymbioteCallbackHost` registers here instead, and it MATCHES on the callback attributes rather
- * than being injected — so an element with no `on*` binding neither instantiates it nor pays for it.
- * Measured as the whole trade, selector included: -3.9 / -9.3 / -25.5 ms over ten thousand elements.
+ * Only a composed component's host directive registers here (`primitives/shared.ts`); a TAG's
+ * view is found from the node when its callback fires (`markViewFor`), so no element pays an
+ * injection for a callback it may never carry.
  *
- * Separate from `viewFlushes` deliberately. They come from different directives, on overlapping but
- * different sets of tags, and they are not the same instruction: this one SCHEDULES and reaches every
- * ancestor, that one re-checks ONE view synchronously. Collapsing them into a single entry would make
- * whichever directive registered last decide which of the two an element gets.
+ * Separate from `viewFlushes` deliberately: this one SCHEDULES and reaches every ancestor, that one
+ * re-checks ONE view synchronously.
  */
 const viewMarkers = new WeakMap();
 export function registerViewMarker(node, marker) {
@@ -142,7 +174,10 @@ export function unregisterViewMarker(node) {
 export function markViewFor(node) {
     if (typeof node !== 'object' || node === null)
         return;
-    viewMarkers.get(node)?.markForCheck();
+    // A composed component's host directive registers its own ref; a TAG registers nothing and has its
+    // view found here, only when a callback actually fires (see the header).
+    const marker = viewMarkers.get(node) ?? viewRefOf(node);
+    marker?.markForCheck();
 }
 export function registerViewFlush(node, flush) {
     viewFlushes.set(node, flush);
@@ -153,6 +188,15 @@ export function unregisterViewFlush(node) {
 export function flushViewFor(node) {
     if (typeof node !== 'object' || node === null)
         return;
-    viewFlushes.get(node)?.();
+    const registered = viewFlushes.get(node);
+    if (registered !== undefined) {
+        registered();
+        return;
+    }
+    if (!readBackNodes.has(node))
+        return;
+    const view = viewRefOf(node);
+    if (view !== undefined)
+        detectChangesReported(view);
 }
 //# sourceMappingURL=change-detection-flush.js.map

package/build/angular/change-detection-flush.js.map

@@ -1 +1 @@
-{"version":3,"file":"change-detection-flush.js","sourceRoot":"","sources":["../../src/change-detection-flush.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"change-detection-flush.js","sourceRoot":"","sources":["../../src/change-detection-flush.ts"],"names":[],"mappings":"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"}

package/build/angular/components/flat-list/index.d.ts

@@ -65,8 +65,11 @@ export declare class FlatList<ItemT = unknown> implements IFlatListInputs<ItemT>
     scrollEventThrottle?: number;
     keyboardShouldPersistTaps?: boolean | 'always' | 'never' | 'handled';
     keyboardDismissMode?: 'none' | 'on-drag' | 'interactive';
+    removeClippedSubviews?: boolean;
+    nestedScrollEnabled?: boolean;
     style?: IStyleProp<IViewStyle>;
     contentContainerStyle?: IStyleProp<IViewStyle>;
+    get resolvedRemoveClippedSubviews(): boolean;
     itemDir?: VListItemDirective<ItemT>;
     headerDir?: VListHeaderDirective;
     footerDir?: VListFooterDirective;
@@ -95,7 +98,6 @@ export declare class FlatList<ItemT = unknown> implements IFlatListInputs<ItemT>
         context: IVListItemContext<ItemT>;
     }[];
     rowSeparatorContext(highlighted: unknown, leadingRow: unknown, trailingRow: unknown): IVListSeparatorContext<ItemT>;
-    itemSeparatorContext(highlighted: unknown, leadingItem: unknown, trailingItem: unknown): IVListSeparatorContext<ItemT>;
     scrollToOffset(params: {
         offset: number;
         animated?: boolean;
@@ -121,5 +123,5 @@ export declare class FlatList<ItemT = unknown> implements IFlatListInputs<ItemT>
     getScrollNode(): ISymbioteNode | null;
     recordInteraction(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FlatList<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FlatList<any>, "FlatList", never, { "data": { "alias": "data"; "required": true; }; "testID": { "alias": "testID"; "required": false; }; "numColumns": { "alias": "numColumns"; "required": false; }; "columnWrapperStyle": { "alias": "columnWrapperStyle"; "required": false; }; "keyExtractor": { "alias": "keyExtractor"; "required": false; }; "getItemLayout": { "alias": "getItemLayout"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "extraData": { "alias": "extraData"; "required": false; }; "onEndReachedThreshold": { "alias": "onEndReachedThreshold"; "required": false; }; "onStartReachedThreshold": { "alias": "onStartReachedThreshold"; "required": false; }; "refreshing": { "alias": "refreshing"; "required": false; }; "progressViewOffset": { "alias": "progressViewOffset"; "required": false; }; "viewabilityConfig": { "alias": "viewabilityConfig"; "required": false; }; "viewabilityConfigCallbackPairs": { "alias": "viewabilityConfigCallbackPairs"; "required": false; }; "initialNumToRender": { "alias": "initialNumToRender"; "required": false; }; "initialScrollIndex": { "alias": "initialScrollIndex"; "required": false; }; "maxToRenderPerBatch": { "alias": "maxToRenderPerBatch"; "required": false; }; "updateCellsBatchingPeriod": { "alias": "updateCellsBatchingPeriod"; "required": false; }; "windowSize": { "alias": "windowSize"; "required": false; }; "stickyHeaderIndices": { "alias": "stickyHeaderIndices"; "required": false; }; "maintainVisibleContentPosition": { "alias": "maintainVisibleContentPosition"; "required": false; }; "onScroll": { "alias": "onScroll"; "required": false; }; "onScrollBeginDrag": { "alias": "onScrollBeginDrag"; "required": false; }; "onScrollEndDrag": { "alias": "onScrollEndDrag"; "required": false; }; "onMomentumScrollBegin": { "alias": "onMomentumScrollBegin"; "required": false; }; "onMomentumScrollEnd": { "alias": "onMomentumScrollEnd"; "required": false; }; "scrollEventThrottle": { "alias": "scrollEventThrottle"; "required": false; }; "keyboardShouldPersistTaps": { "alias": "keyboardShouldPersistTaps"; "required": false; }; "keyboardDismissMode": { "alias": "keyboardDismissMode"; "required": false; }; "style": { "alias": "style"; "required": false; }; "contentContainerStyle": { "alias": "contentContainerStyle"; "required": false; }; }, { "endReached": "endReached"; "startReached": "startReached"; "refresh": "refresh"; "viewableItemsChanged": "viewableItemsChanged"; "scrollToIndexFailed": "scrollToIndexFailed"; }, ["itemDir", "headerDir", "footerDir", "emptyDir", "separatorDir"], never, true, [{ directive: typeof i1.SymbioteStyleInputDirective; inputs: { "style": "style"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FlatList<any>, "FlatList", never, { "data": { "alias": "data"; "required": true; }; "testID": { "alias": "testID"; "required": false; }; "numColumns": { "alias": "numColumns"; "required": false; }; "columnWrapperStyle": { "alias": "columnWrapperStyle"; "required": false; }; "keyExtractor": { "alias": "keyExtractor"; "required": false; }; "getItemLayout": { "alias": "getItemLayout"; "required": false; }; "horizontal": { "alias": "horizontal"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "extraData": { "alias": "extraData"; "required": false; }; "onEndReachedThreshold": { "alias": "onEndReachedThreshold"; "required": false; }; "onStartReachedThreshold": { "alias": "onStartReachedThreshold"; "required": false; }; "refreshing": { "alias": "refreshing"; "required": false; }; "progressViewOffset": { "alias": "progressViewOffset"; "required": false; }; "viewabilityConfig": { "alias": "viewabilityConfig"; "required": false; }; "viewabilityConfigCallbackPairs": { "alias": "viewabilityConfigCallbackPairs"; "required": false; }; "initialNumToRender": { "alias": "initialNumToRender"; "required": false; }; "initialScrollIndex": { "alias": "initialScrollIndex"; "required": false; }; "maxToRenderPerBatch": { "alias": "maxToRenderPerBatch"; "required": false; }; "updateCellsBatchingPeriod": { "alias": "updateCellsBatchingPeriod"; "required": false; }; "windowSize": { "alias": "windowSize"; "required": false; }; "stickyHeaderIndices": { "alias": "stickyHeaderIndices"; "required": false; }; "maintainVisibleContentPosition": { "alias": "maintainVisibleContentPosition"; "required": false; }; "onScroll": { "alias": "onScroll"; "required": false; }; "onScrollBeginDrag": { "alias": "onScrollBeginDrag"; "required": false; }; "onScrollEndDrag": { "alias": "onScrollEndDrag"; "required": false; }; "onMomentumScrollBegin": { "alias": "onMomentumScrollBegin"; "required": false; }; "onMomentumScrollEnd": { "alias": "onMomentumScrollEnd"; "required": false; }; "scrollEventThrottle": { "alias": "scrollEventThrottle"; "required": false; }; "keyboardShouldPersistTaps": { "alias": "keyboardShouldPersistTaps"; "required": false; }; "keyboardDismissMode": { "alias": "keyboardDismissMode"; "required": false; }; "removeClippedSubviews": { "alias": "removeClippedSubviews"; "required": false; }; "nestedScrollEnabled": { "alias": "nestedScrollEnabled"; "required": false; }; "style": { "alias": "style"; "required": false; }; "contentContainerStyle": { "alias": "contentContainerStyle"; "required": false; }; }, { "endReached": "endReached"; "startReached": "startReached"; "refresh": "refresh"; "viewableItemsChanged": "viewableItemsChanged"; "scrollToIndexFailed": "scrollToIndexFailed"; }, ["itemDir", "headerDir", "footerDir", "emptyDir", "separatorDir"], never, true, [{ directive: typeof i1.SymbioteStyleInputDirective; inputs: { "style": "style"; }; outputs: {}; }]>;
 }