refactor(core): Improve code readability and optimization

Author: aidenybai

metro.js

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

native.js

@@ -1,2 +1 @@
-
-export * from "./dist/native.js"
+export * from './dist/native.js';

pnpm-lock.yaml

@@ -3,14 +3,13 @@ import type * as React from 'react';
 import { instrument, type Render } from './instrumentation/index';
 import { playGeigerClickSound } from './web/geiger';
 import { createStore } from './utils';
-
 import { createPerfObserver } from './web/perf-observer';
 import { createOverlay } from './web';
 import { logIntro } from './web/log';
 import { createToolbar } from './web/toolbar';
 import {
-  PendingOutline,
-  ActiveOutline,
+  type PendingOutline,
+  type ActiveOutline,
   getOutline,
   flushOutlines,
 } from './web/outline';
@@ -216,9 +215,11 @@ export const start = () => {
         if (report) {
           report.renders.push(render);
         }
+        const count = report?.count ?? 0;
+        const time = report?.time ?? 0;
         ReactScanInternals.reportData[render.name] = {
-          count: (report?.count ?? 0) + render.count,
-          time: (report?.time ?? 0) + render.time,
+          count: count + render.count,
+          time: time + render.time,
           renders: report?.renders || [],
         };
       }

src/core/index.ts

@@ -1,14 +1,15 @@
-type TransformParams = {
+interface TransformParams {
   src: string;
   filename: string;
   options?: any;
-};
+}
 
-type TransformResult = {
+interface TransformResult {
   code: string;
   map?: any;
-};
+}
 
+// eslint-disable-next-line @typescript-eslint/no-var-requires
 const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
 
 const defaultConfig = getDefaultConfig(__dirname);
@@ -21,15 +22,11 @@ const config = {
 
     if (filename.includes('node_modules/react-scan/dist/core/native/')) {
       return {
-        code: `export const ReactNativeScanEntryPoint = () => {
-  /* NOOP */
-  return null;
-};`,
+        code: `export const ReactNativeScanEntryPoint = () => null;`,
       };
     }
 
     return { code: src };
   },
 };
 module.exports = mergeConfig(defaultConfig, config);
-

src/core/native/plugins/metro.ts

@@ -1,9 +1,9 @@
 import { type Fiber } from 'react-reconciler';
 import { getNearestHostFiber } from '../instrumentation/fiber';
 import type { Render } from '../instrumentation/index';
-import { Measurement, ReactScanInternals } from '../index';
+import { type Measurement, ReactScanInternals } from '../index';
 import { getLabelText } from '../utils';
-import { isOutlineUnstable, onIdle, throttle } from './utils';
+import { isOutlineUnstable, throttle } from './utils';
 import { log } from './log';
 import { recalcOutlineColor } from './perf-observer';
 // import { genId } from '../native/instrument';