@symbiote-native/react 3.0.3 → 3.1.0

package/build/components/virtualized-list/index.js

@@ -436,21 +436,13 @@ export function VirtualizedList(props) {
                 index: planCell.index,
                 separators: makeSeparators(planCell.index),
             });
-            // RN renders the separator INSIDE the cell's own measuring wrapper
-            // (VirtualizedListCellRenderer.js:218-221), and that placement is load-bearing rather than
-            // cosmetic. As a SIBLING it is an extra flex child, so the chrome between two cells becomes
-            // gap + separator + gap while a spacer collapsing that region replaces it with one gap — the
-            // leading spacer then lands every cell below it short by (separator + gap), and the content
-            // visibly jumps by that amount each time the window's first index moves. Measured at exactly
-            // 17px on device 2026-08-19 (a 1px divider under a 16px container gap); see
-            // .claude/rules/list-geometry-feedback-loop.md. Inside the wrapper it is part of the cell's
-            // measured length instead, and every cell stays exactly one child.
+            // The separator lives INSIDE the cell's own measuring wrapper, not as a sibling: a sibling
+            // is an extra flex child, so a leading-spacer collapse would land every cell below it short
+            // by (separator + gap). See .claude/rules/list-geometry-feedback-loop.md.
             const separator = 
-            // RN gates the separator on the last index of the DATA, not of the WINDOW
-            // (VirtualizedList.js:793 `const end = getItemCount(data) - 1`), and now that the separator
-            // lives INSIDE the measuring wrapper that distinction is load-bearing: gating on the window
-            // would make a cell's own measured height change as the window slides past it. Device-measured
-            // 2026-08-19 as a run of cells all shifting by exactly the divider's 1px.
+            // Gated on the last index of the DATA, not the WINDOW: since the separator lives inside
+            // the measuring wrapper, gating on the window would make a cell's own measured height
+            // change as the window slides past it.
             planCell.index < count - 1
                 ? renderSeparatorElement(ItemSeparatorComponent, item, getItem(data, planCell.index + 1), separatorOverridesRef.current.get(planCell.index))
                 : undefined;

package/build/host-config.js

@@ -91,6 +91,8 @@ const reconciler = createReconciler({
     noTimeout: -1,
     scheduleTimeout: setTimeout,
     cancelTimeout: clearTimeout,
+    supportsMicrotasks: true,
+    scheduleMicrotask: queueMicrotask,
     getRootHostContext: () => ({ isInsideText: false }),
     getChildHostContext(parentHostContext, type) {
         const isInsideText = descriptorFor(type).isText;

package/build/render.js

@@ -3,7 +3,7 @@
 // the reconciler drive shared, which commits into nativeFabricUIManager.
 import { createSurface, disposeRoot, setEventDispatcher, dlog, reportUncaughtError, } from '@symbiote-native/engine';
 import reconciler, { flushExternalUpdate } from './host-config.js';
-import { LegacyRoot } from './reconciler-constants.js';
+import { ConcurrentRoot } from './reconciler-constants.js';
 const noop = () => { };
 function errorReporter(origin) {
     return (error, info) => {
@@ -63,15 +63,13 @@ export function mount(rootTag, element) {
     // first) starts clean. Otherwise the stale container double-drives the surface.
     teardown(rootTag);
     const surface = createSurface(rootTag);
-    const container = reconciler.createContainer(surface, LegacyRoot, null, false, null, 'symbiote', onUncaughtError, onCaughtError, onRecoverableError, 
+    const container = reconciler.createContainer(surface, ConcurrentRoot, null, false, null, 'symbiote', onUncaughtError, onCaughtError, onRecoverableError, 
     // onDefaultTransitionIndicator - the ONE that is genuinely a no-op. RN's own renderer says
     // so in as many words: "Native doesn't have a default indicator" (ReactFabric.js's
     // nativeOnDefaultTransitionIndicator).
     noop, null);
     containers.set(rootTag, container);
-    // react-reconciler 0.33 exposes updateContainerSync + flushSyncWork for an
-    // immediate render/commit; @types 0.32 still lists the older updateContainer /
-    // flushSync names, so these calls are type-suppressed until the types catch up.
+    // react-reconciler 0.33 renamed updateContainer/flushSync; @types 0.32 still has the old names.
     // @ts-expect-error updateContainerSync exists at runtime in react-reconciler 0.33
     reconciler.updateContainerSync(element, container, null, noop);
     // @ts-expect-error flushSyncWork exists at runtime in react-reconciler 0.33

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/react",
-  "version": "3.0.3",
+  "version": "3.1.0",
   "description": "SymbioteNative's React adapter — a react-reconciler host config (mutation mode) driving real native iOS/Android views through stock React Native Fabric.",
   "license": "MIT",
   "repository": {
@@ -57,20 +57,21 @@
   },
   "dependencies": {
     "react-reconciler": "^0.33.0",
-    "@symbiote-native/components": "3.1.1",
-    "@symbiote-native/css-parser": "0.5.1"
+    "@symbiote-native/components": "3.1.3",
+    "@symbiote-native/css-parser": "0.5.2"
   },
   "peerDependencies": {
     "react": ">=19.0.0",
     "react-native": ">=0.86",
-    "@symbiote-native/engine": "^1.3.0"
+    "@symbiote-native/engine": "^1.4.0"
   },
   "devDependencies": {
+    "@types/node": "^26.0.0",
     "@types/react": "^19.2.0",
     "@types/react-reconciler": "^0.32.2",
     "react": "19.2.3",
-    "@symbiote-native/engine": "1.3.0",
-    "@symbiote-native/test-utils": "0.4.3"
+    "@symbiote-native/engine": "1.4.0",
+    "@symbiote-native/test-utils": "0.4.5"
   },
   "scripts": {
     "typecheck": "tsc --build",