@tamagui/fake-react-native 3.0.0-beta.1479.1 → 3.0.0-beta.1540.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/fake-react-native",
-  "version": "3.0.0-beta.1479.1",
+  "version": "3.0.0-beta.1540.1",
   "license": "MIT",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "main": "index.js",
@@ -11,11 +11,32 @@
       "module": "./index.mjs",
       "import": "./index.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",

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