@tamagui/web 3.0.9 → 3.0.11

package/src/helpers/nativeStyleEngine.ts

@@ -227,6 +227,7 @@ export function setNativeStyleEngine(next: NativeStyleEngine | null): void {
     scopeMappings.clear()
     pendingHosts = []
     pendingStates = []
+    resetNativeStyleDiscovery()
   }
   engine = next
   if (next) {
@@ -307,7 +308,14 @@ export function createNativeStyleLinkState(
 // and the engine links every pending view in one call before a scope next
 // changes. linking exists for theme switches, so a mount pays nothing native.
 // nothing unlinks: the engine drops views that left the tree when it links, so
-// an unmount costs nothing either
+// an unmount costs nothing either.
+//
+// a callback ref per themed host is most of the render cost (react calls it
+// on every mount). the first mounts still attach one, and that ref records
+// the react root. once the root is known, compiled hosts omit the ref and a
+// later flush walks the root for hosts whose style array was registered here.
+// that walk runs once the JS thread idles after the render that needs it, so a
+// theme switch only walks when it lands before that idle.
 let pendingHosts: unknown[] = []
 let pendingStates: NativeStyleLinkState[] = []
 // past this many pending hosts, link them once the JS thread idles, so hosts
@@ -315,11 +323,103 @@ let pendingStates: NativeStyleLinkState[] = []
 const maxPendingHosts = 4096
 let idleFlushQueued = false
 
+type StyleFiber = {
+  child: StyleFiber | null
+  sibling: StyleFiber | null
+  return: StyleFiber | null
+  memoizedProps: { style?: object } | null
+  stateNode: { node?: unknown; canonical?: object; current?: StyleFiber } | null
+}
+
+// style array identity -> the state those hosts rendered. the array is stable
+// until the scope state changes, and it is the style prop on the host fiber
+const stylesToState = new WeakMap<object, NativeStyleLinkState>()
+// host -> the state it linked with. a host stays linked to its mapping's table
+// under its scope, so a re-render with a newer state of that scope links nothing.
+// fabric clones a host instance on every update and keeps its canonical
+// record, so that record is the key for both a ref and a walked fiber
+let linkedHostState = new WeakMap<object, NativeStyleLinkState>()
+
+function hostKey(host: object): object {
+  const record = host as {
+    __internalInstanceHandle?: StyleFiber
+    stateNode?: StyleFiber['stateNode']
+  }
+  const instance = record.__internalInstanceHandle?.stateNode ?? record.stateNode
+  return instance?.canonical ?? host
+}
+// FiberRoot of the tree a host ref captured. current is the committed HostRoot.
+// current is optional because a host fiber's stateNode is this same shape and
+// has no current, and that object is what capture stores
+let fiberRoot: { current?: StyleFiber | null } | null = null
+let needsDiscover = false
+
+function resetNativeStyleDiscovery(): void {
+  fiberRoot = null
+  needsDiscover = false
+  linkedHostState = new WeakMap()
+}
+
+export function registerNativeStyle(style: object, state: NativeStyleLinkState): void {
+  stylesToState.set(style, state)
+}
+
+/** true once a host ref has captured a react root that is still mounted */
+export function nativeStyleMountMode(): 'discover' | 'ref' {
+  const current = fiberRoot?.current
+  if (current && current.stateNode === fiberRoot) {
+    if (!needsDiscover) {
+      needsDiscover = true
+      queueIdleFlush()
+    }
+    return 'discover'
+  }
+  return 'ref'
+}
+
+/** records the react root from a host ref, when the instance carries a fiber */
+export function captureNativeStyleRoot(node: unknown): void {
+  const fiber = (node as { __internalInstanceHandle?: StyleFiber } | null)
+    ?.__internalInstanceHandle
+  if (!fiber) return
+  let top = fiber
+  for (let guard = 0; top.return && guard < 100000; guard++) top = top.return
+  const root = top.stateNode
+  if (root && root.current === top) fiberRoot = root
+}
+
+function discoverMountedHosts(): number {
+  const root = fiberRoot?.current
+  if (!root || root.stateNode !== fiberRoot) return 0
+  const stack: StyleFiber[] = [root]
+  let found = 0
+  for (let guard = 0; stack.length && guard < 100000; guard++) {
+    const fiber = stack.pop()!
+    if (fiber.sibling) stack.push(fiber.sibling)
+    if (fiber.child) stack.push(fiber.child)
+    const style = fiber.memoizedProps?.style
+    if (!style) continue
+    const state = stylesToState.get(style)
+    // only a fabric host carries the shadow node; composite fibers share the
+    // style prop and must not link
+    if (!state || !fiber.stateNode?.node) continue
+    found++
+    linkNativeStyleHost(fiber, state)
+  }
+  return found
+}
+
 function idleFlush() {
   idleFlushQueued = false
   flushNativeStyleLinks()
 }
 
+function queueIdleFlush() {
+  if (idleFlushQueued) return
+  idleFlushQueued = true
+  requestIdleCallback(idleFlush)
+}
+
 function addScopeMapping(scopeId: string, compiled: CompiledMapping) {
   let linked = scopeMappings.get(scopeId)
   if (!linked) scopeMappings.set(scopeId, (linked = new Set()))
@@ -328,6 +428,13 @@ function addScopeMapping(scopeId: string, compiled: CompiledMapping) {
 
 /** links every pending view in one engine call */
 export function flushNativeStyleLinks(): void {
+  if (needsDiscover) {
+    needsDiscover = false
+    const current = fiberRoot?.current
+    // a replaced react root no longer points at the fiber we captured
+    if (!current || current.stateNode !== fiberRoot) fiberRoot = null
+    else discoverMountedHosts()
+  }
   if (!pendingHosts.length) return
   const hosts = pendingHosts
   const states = pendingStates
@@ -360,7 +467,13 @@ export function flushNativeStyleLinks(): void {
 
 /** records a mounted host for linking. a host attaching twice links once */
 export function linkNativeStyleHost(host: unknown, state: NativeStyleLinkState): void {
-  if (!engine) return
+  if (!engine || host == null) return
+  const key = hostKey(host as object)
+  const linked = linkedHostState.get(key)
+  if (linked && linked.mapping === state.mapping && linked.scopeId === state.scopeId) {
+    return
+  }
+  linkedHostState.set(key, state)
   // a scope can advance (layout effect) after a concurrent render captured its
   // theme but before that render's host attaches. link that host now against
   // the live scope state and have the engine commit it once to correct the
@@ -375,10 +488,7 @@ export function linkNativeStyleHost(host: unknown, state: NativeStyleLinkState):
   }
   pendingHosts.push(host)
   pendingStates.push(state)
-  if (pendingHosts.length >= maxPendingHosts && !idleFlushQueued) {
-    idleFlushQueued = true
-    requestIdleCallback(idleFlush)
-  }
+  if (pendingHosts.length >= maxPendingHosts) queueIdleFlush()
 }
 
 /** memo-generation and live-owner sizes for development diagnostics and probes */

package/src/hooks/useComponentState.ts

@@ -6,23 +6,56 @@ import { getSetting } from '../config'
 import { isOptimizedForFirstRender } from './isOptimizedForFirstRender'
 import { defaultComponentStateMounted } from '../defaultComponentState'
 import { isObj } from '../helpers/isObj'
+import type { RefObject } from 'react'
 import type {
   ComponentContextI,
+  ComponentSetState,
+  ComponentSetStateShallow,
+  PresenceContextProps,
   StaticConfig,
   TamaguiComponentState,
   TamaguiComponentStateRef,
   TamaguiInternalConfig,
   TextProps,
   UseAnimationHook,
+  UsePresenceResult,
 } from '../types'
 import type { ViewProps } from '../views/View'
 
+// declaration emit cannot write the inferred return: finalizeStyleFlags returns
+// the same object. the method's published type is already elided to any
+type UseComponentStateResult = {
+  props: ViewProps | TextProps | Record<string, any>
+  startedUnhydrated: boolean
+  curStateRef: TamaguiComponentStateRef
+  disabled: any
+  groupName: string | undefined
+  hasAnimationProp: boolean
+  hasEnterStyle: boolean
+  isAnimated: boolean
+  isExiting: boolean
+  isHydrated: boolean
+  presence: UsePresenceResult | null
+  presenceState: PresenceContextProps | null | undefined
+  setState: ComponentSetState
+  setStateShallow: ComponentSetStateShallow
+  noClass: boolean
+  state: TamaguiComponentState
+  stateRef: RefObject<TamaguiComponentStateRef>
+  inputStyle: 'css' | 'value'
+  outputStyle: 'css' | 'inline'
+  willBeAnimated: boolean
+  willBeAnimatedClient: boolean
+  platformPseudo: boolean
+  finalizeStyleFlags(hasEnterStyle: boolean, hasPlatformPseudo: boolean): any
+}
+
 export const useComponentState = (
   props: ViewProps | TextProps | Record<string, any>,
   animationDriver: ComponentContextI['animationDriver'],
   staticConfig: StaticConfig,
   config: TamaguiInternalConfig
-) => {
+): UseComponentStateResult => {
   'use no memo'
 
   const isHydrated = useDidFinishSSR()

package/types/_withNativeStyle.d.ts

@@ -3,10 +3,11 @@ import { type NativeStyleThemeMapping } from './helpers/nativeStyleEngine';
 /**
  * internal: emitted by the native compiler when experimental.nativeFastPath is on.
  *
- * One component over the host: the theme scope is the only context read and
- * the host ref queues the host for the engine's next batched link. Links never
- * detach (the engine prunes unmounted views), so a themed view costs one
- * component and one array push to mount.
+ * One component over the host: the theme scope is the only context read.
+ * Until a host ref has seen the react root, the host ref queues the view for
+ * the engine's next batched link. After that, themed hosts render with no ref
+ * and a flush walks the root. Links never detach (the engine prunes unmounted
+ * views).
  *
  * `host: 'view'`: `Component` is RN's host view (`unstable_NativeView`).
  * <View> resets TextAncestorContext for its children when it sits inside a

package/types/_withNativeStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"_withNativeStyle.d.ts","sourceRoot":"","sources":["../src/_withNativeStyle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAc,MAAM,OAAO,CAAA;AAElC,OAAO,EAML,KAAK,uBAAuB,EAC7B,MAAM,6BAA6B,CAAA;AAYpC;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,gBAAgB,cAChB,GAAG,aACH,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,kBAClB,uBAAuB,SAChC,MAAM,GAAG,MAAM;YAwIU,GAAG;sBAIA,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC;CAG3D,CAAA"}
+{"version":3,"file":"_withNativeStyle.d.ts","sourceRoot":"","sources":["../src/_withNativeStyle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAc,MAAM,OAAO,CAAA;AAElC,OAAO,EASL,KAAK,uBAAuB,EAC7B,MAAM,6BAA6B,CAAA;AAYpC;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,gBAAgB,cAChB,GAAG,aACH,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,kBAClB,uBAAuB,SAChC,MAAM,GAAG,MAAM;YAmJU,GAAG;sBAIA,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC;CAG3D,CAAA"}

package/types/createComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAwC/D,OAAO,KAAK,EASV,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EAOf,MAAM,SAAS,CAAA;AAahB,KAAK,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA;AAEpF,eAAO,MAAM,kBAAkB,wBAA+B,CAAA;AAuK9D,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,EACnD,GAAG,SAAS,cAAc,GAAG,cAAc,EAC3C,SAAS,GAAG,KAAK,EACjB,UAAU,SAAS,MAAM,GAAG,KAAK,EACjC,YAAY,EAAE,YAAY,wEAykE3B"}
+{"version":3,"file":"createComponent.d.ts","sourceRoot":"","sources":["../src/createComponent.tsx"],"names":[],"mappings":"AAaA,OAAO,KAA2C,MAAM,OAAO,CAAA;AAwC/D,OAAO,KAAK,EASV,YAAY,EACZ,gBAAgB,EAChB,qBAAqB,EACrB,cAAc,EAOf,MAAM,SAAS,CAAA;AAahB,KAAK,iBAAiB,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAC,CAAA;AAEpF,eAAO,MAAM,kBAAkB,wBAA+B,CAAA;AAuK9D,wBAAgB,eAAe,CAC7B,kBAAkB,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,EAAE,EACnD,GAAG,SAAS,cAAc,GAAG,cAAc,EAC3C,SAAS,GAAG,KAAK,EACjB,UAAU,SAAS,MAAM,GAAG,KAAK,EACjC,YAAY,EAAE,YAAY,wEA0kE3B"}

package/types/helpers/nativeStyleEngine.d.ts

@@ -76,6 +76,11 @@ export interface NativeStyleLinkState {
     theme: Record<string, unknown>;
 }
 export declare function createNativeStyleLinkState(mapping: NativeStyleThemeMapping, scopeId: string, stateName: string, theme: Record<string, unknown>): NativeStyleLinkState;
+export declare function registerNativeStyle(style: object, state: NativeStyleLinkState): void;
+/** true once a host ref has captured a react root that is still mounted */
+export declare function nativeStyleMountMode(): 'discover' | 'ref';
+/** records the react root from a host ref, when the instance carries a fiber */
+export declare function captureNativeStyleRoot(node: unknown): void;
 /** links every pending view in one engine call */
 export declare function flushNativeStyleLinks(): void;
 /** records a mounted host for linking. a host attaching twice links once */

package/types/helpers/nativeStyleEngine.d.ts.map

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

package/types/hooks/useComponentState.d.ts

@@ -1,7 +1,8 @@
-import type { ComponentContextI, StaticConfig, TamaguiComponentState, TamaguiComponentStateRef, TamaguiInternalConfig, TextProps } from '../types';
+import type { RefObject } from 'react';
+import type { ComponentContextI, ComponentSetState, ComponentSetStateShallow, PresenceContextProps, StaticConfig, TamaguiComponentState, TamaguiComponentStateRef, TamaguiInternalConfig, TextProps, UsePresenceResult } from '../types';
 import type { ViewProps } from '../views/View';
-export declare const useComponentState: (props: ViewProps | TextProps | Record<string, any>, animationDriver: ComponentContextI['animationDriver'], staticConfig: StaticConfig, config: TamaguiInternalConfig) => {
-    props: Record<string, any> | TextProps | ViewProps;
+type UseComponentStateResult = {
+    props: ViewProps | TextProps | Record<string, any>;
     startedUnhydrated: boolean;
     curStateRef: TamaguiComponentStateRef;
     disabled: any;
@@ -11,18 +12,20 @@ export declare const useComponentState: (props: ViewProps | TextProps | Record<s
     isAnimated: boolean;
     isExiting: boolean;
     isHydrated: boolean;
-    presence: import("..").UsePresenceResult | null;
-    presenceState: import("..").PresenceContextProps | null | undefined;
-    setState: import("../types").ComponentSetState;
-    setStateShallow: import("../types").ComponentSetStateShallow;
+    presence: UsePresenceResult | null;
+    presenceState: PresenceContextProps | null | undefined;
+    setState: ComponentSetState;
+    setStateShallow: ComponentSetStateShallow;
     noClass: boolean;
     state: TamaguiComponentState;
-    stateRef: import("react").RefObject<TamaguiComponentStateRef>;
-    inputStyle: "css" | "value";
-    outputStyle: "css" | "inline";
+    stateRef: RefObject<TamaguiComponentStateRef>;
+    inputStyle: 'css' | 'value';
+    outputStyle: 'css' | 'inline';
     willBeAnimated: boolean;
     willBeAnimatedClient: boolean;
     platformPseudo: boolean;
-    finalizeStyleFlags(hasEnterStyle: boolean, hasPlatformPseudo: boolean): /*elided*/ any;
+    finalizeStyleFlags(hasEnterStyle: boolean, hasPlatformPseudo: boolean): any;
 };
+export declare const useComponentState: (props: ViewProps | TextProps | Record<string, any>, animationDriver: ComponentContextI['animationDriver'], staticConfig: StaticConfig, config: TamaguiInternalConfig) => UseComponentStateResult;
+export {};
 //# sourceMappingURL=useComponentState.d.ts.map

package/types/hooks/useComponentState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useComponentState.d.ts","sourceRoot":"","sources":["../../src/hooks/useComponentState.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EACV,iBAAiB,EACjB,YAAY,EACZ,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,SAAS,EAEV,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE9C,eAAO,MAAM,iBAAiB,UACrB,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,mBACjC,iBAAiB,CAAC,iBAAiB,CAAC,gBACvC,YAAY,UAClB,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;sCA6LO,OAAO,qBAAqB,OAAO;CAyCxE,CAAA"}
+{"version":3,"file":"useComponentState.d.ts","sourceRoot":"","sources":["../../src/hooks/useComponentState.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAAK,EACV,iBAAiB,EACjB,iBAAiB,EACjB,wBAAwB,EACxB,oBAAoB,EACpB,YAAY,EACZ,qBAAqB,EACrB,wBAAwB,EACxB,qBAAqB,EACrB,SAAS,EAET,iBAAiB,EAClB,MAAM,UAAU,CAAA;AACjB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAI9C,KAAK,uBAAuB,GAAG;IAC7B,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IAClD,iBAAiB,EAAE,OAAO,CAAA;IAC1B,WAAW,EAAE,wBAAwB,CAAA;IACrC,QAAQ,EAAE,GAAG,CAAA;IACb,SAAS,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,gBAAgB,EAAE,OAAO,CAAA;IACzB,aAAa,EAAE,OAAO,CAAA;IACtB,UAAU,EAAE,OAAO,CAAA;IACnB,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,aAAa,EAAE,oBAAoB,GAAG,IAAI,GAAG,SAAS,CAAA;IACtD,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,eAAe,EAAE,wBAAwB,CAAA;IACzC,OAAO,EAAE,OAAO,CAAA;IAChB,KAAK,EAAE,qBAAqB,CAAA;IAC5B,QAAQ,EAAE,SAAS,CAAC,wBAAwB,CAAC,CAAA;IAC7C,UAAU,EAAE,KAAK,GAAG,OAAO,CAAA;IAC3B,WAAW,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC7B,cAAc,EAAE,OAAO,CAAA;IACvB,oBAAoB,EAAE,OAAO,CAAA;IAC7B,cAAc,EAAE,OAAO,CAAA;IACvB,kBAAkB,CAAC,aAAa,EAAE,OAAO,EAAE,iBAAiB,EAAE,OAAO,GAAG,GAAG,CAAA;CAC5E,CAAA;AAED,eAAO,MAAM,iBAAiB,UACrB,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,mBACjC,iBAAiB,CAAC,iBAAiB,CAAC,gBACvC,YAAY,UAClB,qBAAqB,KAC5B,uBAqOF,CAAA"}