@tamagui/fake-react-native 3.0.0-beta.924.1 → 3.0.1

package/index.js

@@ -41,6 +41,12 @@ const PanResponder = {
 const TurboModuleRegistry = {
   get: () => null,
 }
+const PixelRatio = {
+  get: () => 2,
+  getFontScale: () => 1,
+  getPixelSizeForLayoutSize: (size) => Math.round(size * 2),
+  roundToNearestPixel: (size) => Math.round(size * 2) / 2,
+}
 const codegenNativeCommands = () => ({})
 const codegenNativeComponent = (name) => createMockComponent(name)
 
@@ -66,9 +72,10 @@ function proxyWorm() {
       NativeModules: {},
       PanResponder,
       TurboModuleRegistry,
+      PixelRatio,
       processColor: (color) => color,
       Dimensions: {
-        get: () => ({ width: 1024, height: 768 }),
+        get: () => ({ width: 1024, height: 768, scale: 2, fontScale: 1 }),
         addEventListener: () => ({ remove: () => {} }),
       },
       useWindowDimensions,
@@ -116,6 +123,7 @@ module.exports.Animated = proxy.Animated
 module.exports.NativeModules = proxy.NativeModules
 module.exports.PanResponder = proxy.PanResponder
 module.exports.TurboModuleRegistry = proxy.TurboModuleRegistry
+module.exports.PixelRatio = PixelRatio
 module.exports.processColor = proxy.processColor
 module.exports.Dimensions = proxy.Dimensions
 module.exports.useWindowDimensions = useWindowDimensions
@@ -123,3 +131,5 @@ module.exports.Keyboard = Keyboard
 module.exports.Appearance = proxy.Appearance
 module.exports.codegenNativeCommands = codegenNativeCommands
 module.exports.codegenNativeComponent = codegenNativeComponent
+// load the RN hook only when native code calls it; RN is an optional peer.
+module.exports.usePressability = (...args) => require('./pressability')(...args)

package/index.mjs

@@ -22,8 +22,15 @@ function proxyWorm() {
       TextInput: emtpyComponent,
       ScrollView: emtpyComponent,
       Dimensions: {
+        get: () => ({ width: 1024, height: 768, scale: 2, fontScale: 1 }),
         addEventListener(cb) {},
       },
+      PixelRatio: {
+        get: () => 2,
+        getFontScale: () => 1,
+        getPixelSizeForLayoutSize: (size) => Math.round(size * 2),
+        roundToNearestPixel: (size) => Math.round(size * 2) / 2,
+      },
       Appearance: {
         getColorScheme: () => 'light',
         addChangeListener: () => {},
@@ -43,6 +50,9 @@ function proxyWorm() {
 }
 
 const proxy = proxyWorm()
+// browser entry exposes the hook call shape; Node ESM uses the native loader.
+const usePressability = () => ({})
+proxy.usePressability = usePressability
 
 // Named exports that can be tree-shaken
 export const Platform = proxy.Platform
@@ -53,6 +63,7 @@ export const Text = proxy.Text
 export const TextInput = proxy.TextInput
 export const ScrollView = proxy.ScrollView
 export const Dimensions = proxy.Dimensions
+export const PixelRatio = proxy.PixelRatio
 export const Pressable = proxy.Pressable
 export const Animated = proxy.Animated
 export const Easing = proxy.Easing
@@ -62,6 +73,7 @@ export const unstable_batchedUpdates = proxy.unstable_batchedUpdates
 export const unstable_TextAncestorContext = proxy.unstable_TextAncestorContext
 export const codegenNativeCommands = () => ({})
 export const codegenNativeComponent = () => emtpyComponent
+export { usePressability }
 
 // Default export
 export default proxy

package/index.node.mjs

@@ -0,0 +1,10 @@
+import { createRequire } from 'node:module'
+import proxy from './index.mjs'
+
+const require = createRequire(import.meta.url)
+const usePressability = (...args) => require('./pressability.js')(...args)
+proxy.usePressability = usePressability
+
+export * from './index.mjs'
+export { usePressability }
+export default proxy

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "@tamagui/fake-react-native",
-  "version": "3.0.0-beta.924.1",
+  "version": "3.0.1",
+  "license": "MIT",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "main": "index.js",
   "module": "index.mjs",
@@ -8,16 +9,38 @@
     ".": {
       "browser": "./index.mjs",
       "module": "./index.mjs",
-      "import": "./index.mjs",
+      "import": "./index.node.mjs",
       "require": "./index.js"
+    },
+    "./pressability": "./pressability.js",
+    "./pressEvent": {
+      "types": "./pressEvent.d.ts",
+      "default": "./pressEvent.js"
     }
   },
   "publishConfig": {
     "access": "public"
   },
+  "peerDependencies": {
+    "@babel/core": "*",
+    "@react-native/babel-preset": "*",
+    "react-native": "*"
+  },
+  "peerDependenciesMeta": {
+    "@babel/core": {
+      "optional": true
+    },
+    "@react-native/babel-preset": {
+      "optional": true
+    },
+    "react-native": {
+      "optional": true
+    }
+  },
   "repository": {
     "type": "git",
     "url": "git+https://github.com/tamagui/tamagui.git",
     "directory": "code/packages/fake-react-native"
-  }
+  },
+  "releaseSourceCommit": "c156b7cc55e5a6cc5883ebc8189720850ac32dbd"
 }

package/pressEvent.d.ts

@@ -0,0 +1,18 @@
+// a responder event for react native press tests: the view measurement and
+// touch coordinates its press handler reads, with move and cancel support.
+export declare function pressEvent(
+  pageX?: number,
+  pageY?: number
+): {
+  currentTarget: { measure(callback: (...bounds: number[]) => void): void }
+  target: { measure(callback: (...bounds: number[]) => void): void }
+  nativeEvent: {
+    pageX: number
+    pageY: number
+    timestamp: number
+    touches: { pageX: number; pageY: number }[]
+    changedTouches: { pageX: number; pageY: number }[]
+  }
+  persist(): void
+  stopPropagation(): void
+}

package/pressEvent.js

@@ -0,0 +1,24 @@
+// responder fixtures include the native view measurement and touch coordinates
+// consumed by react native's press handler, including move and cancel events.
+function pressEvent(pageX = 10, pageY = 10) {
+  const target = {
+    measure(callback) {
+      callback(0, 0, 100, 100, 0, 0)
+    },
+  }
+  return {
+    currentTarget: target,
+    target,
+    nativeEvent: {
+      pageX,
+      pageY,
+      timestamp: Date.now(),
+      touches: [{ pageX, pageY }],
+      changedTouches: [{ pageX, pageY }],
+    },
+    persist() {},
+    stopPropagation() {},
+  }
+}
+
+exports.pressEvent = pressEvent

package/pressability.js

@@ -0,0 +1,62 @@
+const { readFileSync } = require('node:fs')
+const { dirname, join, resolve } = require('node:path')
+const Module = require('node:module')
+const { transformSync } = require('@babel/core')
+
+// run react native's actual press state machine in native tests. only the
+// platform bindings are mocked; geometry, timers and cancellation stay real.
+// published so any native test setup, in or out of this repo, aliases
+// react-native/Libraries/Pressability/usePressability to this one file.
+const root = dirname(require.resolve('react-native/package.json'))
+const platform = require('./index.js').Platform
+const bindings = new Map([
+  [join(root, 'Libraries/Utilities/Platform.js'), platform],
+  [
+    join(root, 'Libraries/ReactNative/UIManager.js'),
+    {
+      measure() {
+        throw new Error('native press tests must provide a measurable responder')
+      },
+    },
+  ],
+  [join(root, 'Libraries/Components/Sound/SoundManager.js'), { playTouchSound() {} }],
+  [
+    join(root, 'src/private/featureflags/ReactNativeFeatureFlags.js'),
+    {
+      shouldPressibilityUseW3CPointerEventsForHover: () => false,
+    },
+  ],
+])
+const cache = new Map()
+
+function load(filename) {
+  if (bindings.has(filename)) return bindings.get(filename)
+  if (cache.has(filename)) return cache.get(filename).exports
+  const compiled = new Module(filename, module)
+  compiled.paths = Module._nodeModulePaths(dirname(filename))
+  compiled.require = (request) => {
+    if (request.startsWith('.')) {
+      const path = resolve(dirname(filename), request)
+      return load(path.endsWith('.js') ? path : path + '.js')
+    }
+    return Module.prototype.require.call(compiled, request)
+  }
+  cache.set(filename, compiled)
+  const output = transformSync(readFileSync(filename, 'utf8'), {
+    filename,
+    babelrc: false,
+    configFile: false,
+    presets: [
+      [require.resolve('@react-native/babel-preset'), { enableBabelRuntime: false }],
+    ],
+  })
+  Function(
+    'require',
+    'module',
+    'exports',
+    output.code
+  )(compiled.require, compiled, compiled.exports)
+  return compiled.exports
+}
+
+module.exports = load(join(root, 'Libraries/Pressability/usePressability.js')).default