feat(exports): Set up ESM first

package.json

@@ -13,19 +13,40 @@
     "mocks",
     "mock"
   ],
-  "main": "./dist/main.js",
+  "type": "module",
+  "source": "./src/main.ts",
+  "main": "./dist/main.cjs",
+  "module": "./dist/main.js",
   "types": "./dist/main.d.ts",
+  "sideEffects": true,
+  "exports": {
+    ".": {
+      "import": "./dist/main.js",
+      "require": "./dist/main.cjs",
+      "types": "./dist/main.d.ts",
+      "default": "./dist/main.js"
+    },
+    "./register": {
+      "import": "./register.js",
+      "require": "./register.cjs",
+      "types": "./dist/register.d.ts",
+      "default": "./register.js"
+    },
+    "./package.json": "./package.json"
+  },
   "files": [
-    "dist/",
-    "src/",
-    "register.js"
+    "./dist",
+    "./src/",
+    "./package.json",
+    "./register.cjs",
+    "./register.js"
   ],
   "engines": {
     "node": ">=18"
   },
   "scripts": {
-    "build": "tsc -p tsconfig.prod.json",
-    "check": "yarn compile && yarn lint && yarn test",
+    "build": "vite build",
+    "check": "yarn build && yarn compile && yarn lint && yarn test",
     "compile": "tsc",
     "lint": "eslint .",
     "release": "semantic-release",
@@ -37,6 +58,8 @@
     "@babel/register": "^7.24.6",
     "babel-plugin-module-resolver": "^5.0.2",
     "dot-prop-immutable": "^2.1.1",
+    "pino": "^9.2.0",
+    "pino-pretty": "^11.2.1",
     "ts-pattern": "^5.2.0"
   },
   "devDependencies": {
@@ -77,7 +100,9 @@
     "ts-node": "^10.9.2",
     "tslib": "^2.6.3",
     "typescript": "^5.5.2",
-    "typescript-eslint": "^7.14.1"
+    "typescript-eslint": "^7.14.1",
+    "vite": "^5.3.1",
+    "vite-plugin-dts": "^3.9.1"
   },
   "peerDependencies": {
     "@react-native/babel-preset": ">=0.73.18",

register.cjs

@@ -0,0 +1,13 @@
+// @ts-check
+const pino = require("pino").default;
+const pinoPretty = require("pino-pretty").default;
+
+const start = Date.now();
+const logger = pino(pinoPretty({ colorize: true }));
+
+require("./dist/register.cjs");
+
+const end = Date.now();
+const diff = (end - start) / 1000;
+
+logger.info(`React Native testing mocks registered! (${diff}s)`);

register.js

@@ -1,8 +1,13 @@
+// @ts-check
+import pino from "pino";
+import pinoPretty from "pino-pretty";
+
 const start = Date.now();
-require("./dist/register");
+const logger = pino(pinoPretty({ colorize: true }));
+
+await import("./dist/register");
 
 const end = Date.now();
 const diff = (end - start) / 1000;
 
-// eslint-disable-next-line no-console
-console.info(`React Native testing mocks registered! (${diff}s)`);
+logger.info(`React Native testing mocks registered! (${diff}s)`);

src/lib/polyfills.ts

@@ -1,11 +1,12 @@
 /* eslint-disable @typescript-eslint/no-var-requires */
 import "@react-native/js-polyfills/error-guard";
 
-global.IS_REACT_ACT_ENVIRONMENT = true;
 // Suppress the `react-test-renderer` warnings until New Architecture and legacy
 // mode are no longer supported by React Native.
-// @ts-expect-error type not defined
-global.IS_REACT_NATIVE_TEST_ENVIRONMENT = true;
+Object.assign(global, {
+  IS_REACT_ACT_ENVIRONMENT: true,
+  IS_REACT_NATIVE_TEST_ENVIRONMENT: true,
+});
 
 Object.defineProperties(global, {
   __DEV__: {

src/register.ts

@@ -32,3 +32,5 @@ replace("react-native/Libraries/Vibration/Vibration", VibrationMock);
 replace("react-native/Libraries/Components/View/View", ViewMock);
 replace("react-native/Libraries/Components/View/ViewNativeComponent", ViewNativeComponentMock);
 replaceEsm("react-native/Libraries/Animated/Animated", AnimatedMock);
+
+export { };

tsconfig.json

@@ -6,10 +6,11 @@
     "esModuleInterop": true,
     "importHelpers": true,
     "incremental": true,
+    "isolatedModules": true,
     "jsx": "react-jsx",
-    "lib": ["DOM", "ES2023"],
-    "module": "CommonJS",
-    "moduleResolution": "Node",
+    "lib": ["DOM", "ES2022"],
+    "module": "ES2022",
+    "moduleResolution": "Bundler",
     "noImplicitReturns": true,
     "noUncheckedIndexedAccess": true,
     "noUnusedLocals": true,
@@ -20,17 +21,16 @@
     "skipLibCheck": true,
     "sourceMap": true,
     "strict": true,
-    "target": "ES5",
-    "typeRoots" : [
-      "./node_modules/@types/",
-      "./typings/"
-    ],
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "useUnknownInCatchVariables": true,
+    "verbatimModuleSyntax": true
   },
   "exclude": [
-    ".yarn/*",
-    "build/*",
-    "dist/*",
-    "node_modules/*",
+    ".yarn/**",
+    "build/**",
+    "dist/**",
+    "node_modules/**",
   ],
   "ts-node": {
     "transpileOnly": true,

vite.config.ts

@@ -0,0 +1,31 @@
+import { defineConfig } from "vite";
+import dts from "vite-plugin-dts";
+
+export default defineConfig({
+  build: {
+    lib: {
+      entry: {
+        main: "./src/main.ts",
+        register: "./src/register.ts",
+      },
+      fileName: (_, entry) => entry,
+      formats: ["cjs", "es"],
+    },
+    rollupOptions: {
+      output: {
+        exports: "named",
+        preserveModules: true,
+      },
+    },
+    ssr: true,
+  },
+  plugins: [
+    dts({
+      compilerOptions: {
+        emitDeclarationOnly: true,
+        incremental: false,
+      },
+      include: "src/**",
+    }),
+  ],
+});