temp metro config

Author: RobPruzan

auto.d.ts

@@ -0,0 +1,2 @@
+
+export * from "./dist/core/index.js"

metro.js

@@ -106,6 +106,9 @@
       ],
       ".": [
         "./dist/auto.d.ts"
+      ],
+      "metro": [
+        "./dist/plugins/metro.d.ts"
       ]
     }
   },
@@ -114,8 +117,8 @@
     "package.json",
     "README.md",
     "LICENSE",
-    "auto.d.ts",
-    "native.js"
+    "native.js",
+    "metro.js"
   ],
   "scripts": {
     "build": "NODE_ENV=production tsup",
@@ -125,11 +128,14 @@
     "publint": "publint"
   },
   "devDependencies": {
+    "@react-native/metro-config": "^0.76.3",
     "@shopify/react-native-skia": "*",
+    "@types/node": "^22.10.0",
     "@types/react": "^18.3.12",
     "@types/react-reconciler": "^0.28.8",
     "@vercel/style-guide": "^6.0.0",
     "eslint": "^8.57.1",
+    "metro-transform-worker": "^0.76.3",
     "prettier": "^3.3.3",
     "publint": "^0.2.12",
     "react": "*",

package.json

@@ -255,3 +255,8 @@ const ReactNativeScan = ({ id: _ }: { id: string }) => {
     </Canvas>
   );
 };
+
+
+
+
+

pnpm-lock.yaml

@@ -5,13 +5,9 @@ import { instrument, Render } from '../instrumentation';
 import { getNearestHostFiber } from '../instrumentation/fiber';
 import { getCopiedActiveOutlines, getLabelText } from '../utils';
 
-import { PendingOutline } from '../web/outline';
+import { genId, PendingOutline } from '../web/outline';
+
 
-export const genId = () => {
-  const timeStamp: number = performance.now();
-  const randomNum: number = Math.floor(Math.random() * 1000);
-  return `${timeStamp}-${randomNum}`;
-};
 
 const measurementCache = new WeakMap<
   Fiber,

react-scan-0.0.15.tgz

@@ -0,0 +1,35 @@
+type TransformParams = {
+  src: string;
+  filename: string;
+  options?: any;
+};
+
+type TransformResult = {
+  code: string;
+  map?: any;
+};
+
+const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
+
+const defaultConfig = getDefaultConfig(__dirname);
+
+const config = {
+  transform: ({ src, filename }: TransformParams): TransformResult => {
+    if (process.env.NODE_ENV !== 'production') {
+      return { code: src };
+    }
+
+    if (filename.includes('node_modules/react-scan/dist/core/native/')) {
+      return {
+        code: `export const ReactNativeScanEntryPoint = () => {
+  /* NOOP */
+  return null;
+};`,
+      };
+    }
+
+    return { code: src };
+  },
+};
+module.exports = mergeConfig(defaultConfig, config);
+

src/core/native/index.tsx

@@ -6,7 +6,13 @@ import { getLabelText } from '../utils';
 import { isOutlineUnstable, onIdle, throttle } from './utils';
 import { log } from './log';
 import { recalcOutlineColor } from './perf-observer';
-import { genId } from '../native/instrument';
+// import { genId } from '../native/instrument';
+
+export const genId = () => {
+  const timeStamp: number = performance.now();
+  const randomNum: number = Math.floor(Math.random() * 1000);
+  return `${timeStamp}-${randomNum}`;
+};
 
 export const assertDom = (measurement: Measurement) => {
   if (measurement.kind !== 'dom') {

src/core/native/instrument.ts

@@ -2,13 +2,15 @@
   "compilerOptions": {
     "moduleResolution": "bundler",
     "skipLibCheck": true,
-    "types": ["react-native", "@shopify/react-native-skia"],
+    "types": ["react-native", "@shopify/react-native-skia", "node"],
     "jsx": "react",
     "allowJs": true,
     "esModuleInterop": true,
     "module": "ESNext",
     "lib": ["ESNext", "DOM", "DOM.Iterable"],  
-    "target": "ESNext"  
+    "target": "ESNext"  ,
+    "noUnusedLocals": false,
+    "noUnusedParameters": false
   },
   "include": [
     "src/**/*"