@symbiote-native/solid 3.3.0 → 3.4.0

package/build/index.d.ts

@@ -1,5 +1,6 @@
 import './register';
 export { mount, unmount } from './render';
+export { RootTagContext } from './root-tag-context';
 export { findNodeHandle } from './host-instance';
 export type { IHostInstance } from './host-instance';
 export * from './components';
@@ -31,7 +32,7 @@ export { Platform, StyleSheet, PixelRatio, PlatformColor, DynamicColorIOS, proce
 export { setNativeViewConfigSource, setColorProcessor, } from '@symbiote-native/engine';
 export { dlog, isDebug } from '@symbiote-native/engine';
 export type { IViewStyle, ITextStyle, IFlexAlign, IFlexJustify, ISymbioteEvent, ISymbioteNode, IRootTag, INativeViewConfig, INativeViewConfigSource, IColorValue, IOpaqueColorValue, IDynamicColorIOSTuple, IPixelRatioStatic, IPlatformStatic, IPlatformOSType, IPlatformConstantsIOS, IPlatformConstantsAndroid, IPlatformSelectSpec, } from '@symbiote-native/engine';
-export { Alert, Share, ActionSheetIOS, Linking, Vibration, ToastAndroid, Settings, I18nManager, Dimensions, Appearance, AppState, Keyboard, KEYBOARD_EVENT, TextInputState, BackHandler, PermissionsAndroid, PERMISSIONS, RESULTS, LayoutAnimation, InteractionManager, } from '@symbiote-native/engine';
+export { Alert, Share, ActionSheetIOS, Linking, Vibration, ToastAndroid, Settings, I18nManager, Dimensions, Appearance, matchMedia, MediaQueryList, MediaQueryListEvent, setVariable, getComputedVariable, registerProperty, AppState, Keyboard, KEYBOARD_EVENT, TextInputState, BackHandler, PermissionsAndroid, PERMISSIONS, RESULTS, LayoutAnimation, InteractionManager, } from '@symbiote-native/engine';
 export type { IAlertType, IAlertButtonStyle, IAlertButton, IAlertButtons, IAlertOptions, IShareContent, IShareOptions, IShareAction, IActionSheetIOSOptions, IShareActionSheetIOSOptions, IShareActionSheetError, IUrlEvent, II18nManagerConstants, IDisplayMetrics, IDisplayMetricsAndroid, IDimensionsPayload, IDimensionsSet, IDimensionsKey, IDimensionsChangeListener, IDimensionsStatic, IColorSchemeName, IColorSchemePreference, IAppStateStatus, IAppStateEvent, IKeyboardEventName, IKeyboardEvent, IKeyboardMetrics, IBackPressEventName, IBackPressHandler, IPermission, IPermissionStatus, IRationale, ILayoutAnimationType, ILayoutAnimationProperty, ILayoutAnimationConfig, ILayoutAnimationAnim, IInteractionEvent, ISimpleTask, IPromiseTask, ITask, IHandle, } from '@symbiote-native/engine';
 export { PanResponder } from '@symbiote-native/engine';
 export type { IPanResponderGestureState, IPanResponderCallbacks, IGestureResponderHandlers, IPanResponderInstance, } from '@symbiote-native/engine';

package/build/index.js

@@ -20,6 +20,7 @@
 // Bare, side-effect only, and deliberately NOT `export * from './register'` — see that file.
 import './register.js';
 export { mount, unmount } from './render.js';
+export { RootTagContext } from './root-tag-context.js';
 export { findNodeHandle } from './host-instance.js';
 export * from './components.js';
 // The app-entry seam that hands Image RN's own source resolver; grouped with the Image types it
@@ -77,7 +78,7 @@ export { setNativeViewConfigSource, setColorProcessor, } from '@symbiote-native/
 export { dlog, isDebug } from '@symbiote-native/engine';
 // Imperative runtime modules: thin JS over getNativeModule + device events, no Fabric component
 // of their own, so there is nothing per-framework to write.
-export { Alert, Share, ActionSheetIOS, Linking, Vibration, ToastAndroid, Settings, I18nManager, Dimensions, Appearance, AppState, Keyboard, KEYBOARD_EVENT, TextInputState, BackHandler, PermissionsAndroid, PERMISSIONS, RESULTS, LayoutAnimation, InteractionManager, } from '@symbiote-native/engine';
+export { Alert, Share, ActionSheetIOS, Linking, Vibration, ToastAndroid, Settings, I18nManager, Dimensions, Appearance, matchMedia, MediaQueryList, MediaQueryListEvent, setVariable, getComputedVariable, registerProperty, AppState, Keyboard, KEYBOARD_EVENT, TextInputState, BackHandler, PermissionsAndroid, PERMISSIONS, RESULTS, LayoutAnimation, InteractionManager, } from '@symbiote-native/engine';
 // PanResponder: the gesture recognizer over the engine's responder events, shared by every adapter.
 export { PanResponder } from '@symbiote-native/engine';
 // AccessibilityInfo comes STRAIGHT from the engine, which owns the iOS/Android split

package/build/render.js

@@ -4,10 +4,10 @@
 import { createSurface, disposeRoot, dlog, reportUncaughtError, } from '@symbiote-native/engine';
 import { catchError, createRoot } from 'solid-js';
 import { createComponent, insert, setActiveSurface } from './renderer.js';
-// One Solid root per surface, so a surface can be torn down (unmount) or cleanly re-mounted on the
-// same rootTag: the bridgeless host stops and restarts a surface on Fast Refresh and on
-// lifecycle/focus changes, reusing the rootTag. The value is Solid's own dispose function — the
-// whole reactive root goes with it, effects and cleanups included.
+import { RootTagContext } from './root-tag-context.js';
+// One Solid root per surface, so a surface can be torn down or re-mounted on the same `rootTag`
+// The bridgeless host does that on Fast Refresh and on lifecycle or focus changes
+// The value is Solid's own `dispose`, the whole reactive root goes with it
 const roots = new Map();
 // Insertion-ordered, so the last entry is the most recently mounted surface. Kept alongside
 // `roots` only to answer one question: when a surface is torn down, is there another one still
@@ -21,16 +21,9 @@ function teardown(rootTag) {
     dispose();
     roots.delete(rootTag);
     surfaces.delete(rootTag);
-    // Cleared AFTER dispose() on purpose: disposing runs user cleanups, which can still mutate the
-    // tree, and those mutations should reach the surface they belong to rather than be dropped by
-    // renderer.ts's post-unmount guard.
-    //
-    // And cleared ONLY when the surface going away is the one the renderer is actually committing
-    // into. Clearing unconditionally killed a surface that was still mounted: with two surfaces up,
-    // unmounting the FIRST left the second alive but permanently uncommitted — every later mutation
-    // hit renderer.ts's "mutation after unmount" guard and was silently dropped. That is reachable
-    // from ordinary code the moment two surfaces exist, which is exactly the createTunnel case
-    // (../create-tunnel): the source surface stops, the target must keep painting.
+    // Cleared after `dispose()`, since user cleanups run inside it and can still mutate the tree
+    // Cleared only for the surface the renderer commits into, else a live surface goes dead
+    // With two surfaces up, unmounting the first must leave the second painting, as `createTunnel`
     if (activeRootTag !== rootTag) {
         disposeRoot(rootTag);
         return;
@@ -47,23 +40,18 @@ export function mount(rootTag, RootComponent) {
     surfaces.set(rootTag, surface);
     activeRootTag = rootTag;
     setActiveSurface(surface);
-    // `createComponent(RootComponent, {})` is exactly what compiled JSX emits for `<RootComponent />`
-    // — written by hand here because this file is plain TS, deliberately: render.ts is the one module
-    // an app's entry point imports before any JSX has been compiled, so keeping it JSX-free means it
-    // needs no Babel pass of its own.
-    //
-    // The surface IS the render container: a top-level insert routes to surface.appendChild
-    // (renderer.ts's insertNode), and the engine wraps surface.children in its synthetic flex root.
-    //
-    // `createRoot` + `insert` IS renderer.ts's `render(code, surface)`, spelled out so `catchError`
-    // can sit BETWEEN them. Solid's own `render` runs `insert(element, code())` — the insert lands
-    // outside anything `code` wrapped, so a root component returning a bare accessor would build its
-    // render effect under an owner with no error handler and throw past this seam. Written this way
-    // the insert is inside, and every computation the mount creates inherits the handler.
+    // `createComponent` is what compiled JSX emits, written by hand: render.ts must stay JSX-free
+    // `createRoot` + `insert` is `render()` spelled out, so `catchError` wraps the insert as well
+    // The Provider hands the surface tag to `useContext(RootTagContext)` for the whole tree
     let unwinding;
     const dispose = createRoot(disposeRootScope => {
         catchError(() => {
-            insert(surface, createComponent(RootComponent, {}));
+            insert(surface, createComponent(RootTagContext.Provider, {
+                value: rootTag,
+                get children() {
+                    return createComponent(RootComponent, {});
+                },
+            }));
         }, error => {
             if (unwinding?.error !== error) {
                 unwinding = { error };

package/build/root-tag-context.d.ts

@@ -0,0 +1 @@
+export declare const RootTagContext: import("solid-js").Context<number>;

package/build/root-tag-context.js

@@ -0,0 +1,4 @@
+// RN's `RootTagContext`: every `mount` provides the tag of its surface, 0 stays the default
+import { createContext } from 'solid-js';
+const NO_SURFACE = 0;
+export const RootTagContext = createContext(NO_SURFACE);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@symbiote-native/solid",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "SymbioteNative's Solid adapter — a solid-js/universal createRenderer driving real native iOS/Android views through the same engine as every other adapter.",
   "keywords": [
     "react-native",
@@ -68,13 +68,13 @@
   "peerDependencies": {
     "solid-js": ">=1.9.0",
     "react-native": ">=0.86",
-    "@symbiote-native/engine": "^1.7.0"
+    "@symbiote-native/engine": "^1.8.0"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2",
     "solid-js": "^1.9.14",
-    "@symbiote-native/engine": "1.7.0",
-    "@symbiote-native/test-utils": "0.5.0"
+    "@symbiote-native/engine": "1.8.0",
+    "@symbiote-native/test-utils": "0.5.1"
   },
   "scripts": {
     "typecheck": "tsc --build",