chore: migrate biome (#87)

* fix: multiple linkBridge

* fix: by id

* fix: space

* fix: indent

* chore: migrate biome

* fix: integration

.github/workflows/integration.yml

@@ -25,4 +25,6 @@ jobs:
         - name: Build
           run: pnpm build
         - name: TypeScript type check
-          run: pnpm test:type
+          run: pnpm test:type
+        - name: Lint
+          run: pnpm lint

.vscode/settings.json

@@ -1,3 +1,3 @@
 {
-  "biome.enabled": false
+  "editor.defaultFormatter": "biomejs.biome",
 }

biome.json

@@ -0,0 +1,37 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "vcs": {
+    "enabled": false,
+    "clientKind": "git",
+    "useIgnoreFile": false
+  },
+  "files": {
+    "ignoreUnknown": false,
+    "ignore": ["dist"]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2,
+    "lineWidth": 80,
+    "formatWithErrors": false
+  },
+  "organizeImports": {
+    "enabled": true
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "suspicious": {
+        "noExplicitAny": "off"
+      },
+      "recommended": true
+    }
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "double",
+      "arrowParentheses": "always"
+    }
+  }
+}

example/shared-state-integration-react/react-native/ios/Podfile.lock

@@ -1930,4 +1930,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: b7e7ae708ca8909a3d4daa7855fda2822c325bc2
 
-COCOAPODS: 1.15.2
+COCOAPODS: 1.16.2

package.json

@@ -7,6 +7,7 @@
     "build": "nx run-many --target=build --projects=packages/*",
     "build:dev": "nx run-many --target=build --projects=packages/* --watch",
     "test:type": "nx run-many --target=test:type --all",
+    "lint": "nx run-many --target=lint --projects=packages/*",
     "docs:build": "nx docs:build @webview-bridge/docs",
     "clear": "rimraf --glob **/dist",
     "release:test": "nx release --dry-run",
@@ -19,23 +20,16 @@
   "license": "MIT",
   "devDependencies": {
     "@babel/runtime": "^7.25.0",
+    "@biomejs/biome": "^1.9.4",
     "@nx/js": "^20.0.6",
     "@swc-node/register": "^1.10.9",
     "@swc/core": "^1.7.40",
-    "@typescript-eslint/eslint-plugin": "^6.7.4",
-    "@typescript-eslint/parser": "^6.7.4",
-    "eslint": "^8.51.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-simple-import-sort": "^10.0.0",
     "nx": "20.0.5",
-    "prettier": "^3.0.3",
     "rimraf": "^5.0.5",
     "tsup": "^8.3.0",
     "typescript": "^5.6.2"
   },
-  "packageManager": "pnpm@9.12.2",
+  "packageManager": "pnpm@9.15.0",
   "pnpm": {
     "overrides": {
       "@webview-bridge/types": "workspace:*",

packages/react-native/package.json

@@ -22,14 +22,11 @@
     "url": "https://github.com/gronxb/webview-bridge.git"
   },
   "license": "MIT",
-  "files": [
-    "dist",
-    "src",
-    "package.json"
-  ],
+  "files": ["dist", "src", "package.json"],
   "scripts": {
     "build": "tsup src/index.ts --format cjs,esm --dts --target es5",
-    "test:type": "tsc --noEmit"
+    "test:type": "tsc --noEmit",
+    "lint": "biome check"
   },
   "devDependencies": {
     "@types/react": "^18.2.25",

packages/react-native/src/integrations/handleRegisterWebMethod.ts

@@ -1,11 +1,11 @@
 import type { Bridge } from "@webview-bridge/types";
 import {
+  type EventEmitter,
   createRandomId,
   createResolver,
-  type EventEmitter,
   timeout,
 } from "@webview-bridge/utils";
-import WebView from "react-native-webview";
+import type WebView from "react-native-webview";
 
 import { WebMethodError } from "../error";
 

packages/react-native/src/types/webview.ts

@@ -1,5 +1,6 @@
-import { Component } from "react";
-import WebView, { WebViewProps } from "react-native-webview";
+import type { Component } from "react";
+import type WebView from "react-native-webview";
+import type { WebViewProps } from "react-native-webview";
 
 export type BridgeWebView = Pick<
   WebView,

packages/react/package.json

@@ -11,10 +11,7 @@
     "url": "https://github.com/gronxb/webview-bridge.git"
   },
   "license": "MIT",
-  "files": [
-    "dist",
-    "package.json"
-  ],
+  "files": ["dist", "package.json"],
   "main": "dist/index.cjs",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -27,7 +24,8 @@
   },
   "scripts": {
     "build": "tsup src/index.ts --format cjs,esm --dts --target es5",
-    "test:type": "tsc --noEmit"
+    "test:type": "tsc --noEmit",
+    "lint": "biome check"
   },
   "devDependencies": {
     "@types/react": "^18.2.69",

packages/react/src/createLinkBridgeProvider.tsx

@@ -10,8 +10,8 @@ import type {
 import type { LinkBridgeOptions } from "@webview-bridge/web";
 import { linkBridge } from "@webview-bridge/web";
 import {
-  createContext,
   type ReactNode,
+  createContext,
   useContext,
   useEffect,
   useRef,
@@ -52,7 +52,7 @@ export const createLinkBridgeProvider = <
     const bridgeStoreContext = useContext(BridgeContext);
 
     if (!bridgeStoreContext) {
-      throw new Error(`useBridgeStore must be used within a BridgeProvider`);
+      throw new Error("useBridgeStore must be used within a BridgeProvider");
     }
 
     return useBridge(bridgeStoreContext.store, selector as (state: T) => U);
@@ -62,7 +62,7 @@ export const createLinkBridgeProvider = <
     const bridgeStoreContext = useContext(BridgeContext);
 
     if (!bridgeStoreContext) {
-      throw new Error(`useBridgeStatus must be used within a BridgeProvider`);
+      throw new Error("useBridgeStatus must be used within a BridgeProvider");
     }
 
     return {
@@ -77,7 +77,7 @@ export const createLinkBridgeProvider = <
     const bridgeStoreContext = useContext(BridgeContext);
 
     if (!bridgeStoreContext) {
-      throw new Error(`useBridgeLoose must be used within a BridgeProvider`);
+      throw new Error("useBridgeLoose must be used within a BridgeProvider");
     }
 
     return { loose: bridgeStoreContext.loose };
@@ -91,9 +91,10 @@ export const createLinkBridgeProvider = <
 
     if (!bridgeStoreContext) {
       throw new Error(
-        `useBridgeEventListener must be used within a BridgeProvider`,
+        "useBridgeEventListener must be used within a BridgeProvider",
       );
     }
+    // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
     useEffect(() => {
       return bridgeStoreContext.addEventListener(eventName, listener);
     }, []);

packages/react/tsconfig.json

@@ -15,5 +15,5 @@
     "noUnusedParameters": true,
     "noFallthroughCasesInSwitch": true
   },
-  "include": ["src"],
+  "include": ["src"]
 }

packages/types/package.json

@@ -2,10 +2,7 @@
   "name": "@webview-bridge/types",
   "type": "module",
   "version": "1.7.2",
-  "files": [
-    "src",
-    "package.json"
-  ],
+  "files": ["src", "package.json"],
   "main": "src/index.ts",
   "module": "src/index.ts",
   "types": "src/index.ts",
@@ -26,7 +23,8 @@
   "license": "MIT",
   "scripts": {
     "build": "tsup src/index.ts --dts",
-    "test:type": "tsc --noEmit"
+    "test:type": "tsc --noEmit",
+    "lint": "biome check"
   },
   "devDependencies": {
     "@types/node": "^22.7.9"

packages/types/src/index.ts

@@ -46,7 +46,7 @@ export type Parser<
 > = Input extends undefined
   ? Record<string, Primitive> | Primitive
   : EventName extends keyof Input
-  ? Input[EventName]["validate"] extends (data: unknown) => unknown
-    ? ReturnType<Input[EventName]["validate"]>
-    : Record<string, Primitive> | Primitive
-  : never;
+    ? Input[EventName]["validate"] extends (data: unknown) => unknown
+      ? ReturnType<Input[EventName]["validate"]>
+      : Record<string, Primitive> | Primitive
+    : never;

packages/utils/package.json

@@ -2,11 +2,7 @@
   "name": "@webview-bridge/utils",
   "type": "module",
   "version": "1.7.2",
-  "files": [
-    "dist",
-    "src",
-    "package.json"
-  ],
+  "files": ["dist", "src", "package.json"],
   "react-native": "src/index.ts",
   "main": "dist/index.cjs",
   "module": "dist/index.js",
@@ -28,7 +24,8 @@
   "license": "MIT",
   "scripts": {
     "build": "tsup src/index.ts --format cjs,esm --dts --target es5",
-    "test:type": "tsc --noEmit"
+    "test:type": "tsc --noEmit",
+    "lint": "biome check"
   },
   "devDependencies": {
     "@types/node": "^22.7.9"

packages/utils/src/createEvents.ts

@@ -30,7 +30,11 @@ export const createEvents = <
     }
   },
   on(event, cb) {
-    this.events[event]?.push(cb) || (this.events[event] = [cb]);
+    if (!this.events[event]) {
+      this.events[event] = [cb];
+    } else {
+      this.events[event]?.push(cb);
+    }
     return () => {
       this.events[event] = this.events[event]?.filter((i) => cb !== i);
     };

packages/utils/src/equals.ts

@@ -6,9 +6,9 @@ export const equals = (a: any, b: any) => {
   if (a && b && typeof a === "object" && typeof b === "object") {
     const arrA = Array.isArray(a);
     const arrB = Array.isArray(b);
-    let i;
-    let length;
-    let key;
+    let i: number;
+    let length: number;
+    let key: string;
 
     if (arrA && arrB) {
       length = a.length;
@@ -49,5 +49,6 @@ export const equals = (a: any, b: any) => {
     return true;
   }
 
+  // biome-ignore lint/suspicious/noSelfCompare: <explanation>
   return a !== a && b !== b;
 };

packages/utils/src/removeUndefinedKeys.tsx

@@ -1,8 +1,8 @@
 export const removeUndefinedKeys = (obj: Record<string, any>) => {
-  Object.keys(obj).forEach((key) => {
+  for (const key of Object.keys(obj)) {
     if (obj[key] === undefined) {
       delete obj[key];
     }
-  });
+  }
   return obj;
 };

packages/utils/src/timeout.ts

@@ -1,4 +1,4 @@
-export const timeout = (ms: number, throwOnError: boolean = true) => {
+export const timeout = (ms: number, throwOnError = true) => {
   return new Promise((resolve, reject) => {
     setTimeout(() => {
       if (throwOnError) {

packages/web/package.json

@@ -11,10 +11,7 @@
     "url": "https://github.com/gronxb/webview-bridge.git"
   },
   "license": "MIT",
-  "files": [
-    "dist",
-    "package.json"
-  ],
+  "files": ["dist", "package.json"],
   "main": "dist/index.cjs",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -27,7 +24,8 @@
   },
   "scripts": {
     "build": "tsup src/index.ts --format cjs,esm --dts --target es5",
-    "test:type": "tsc --noEmit"
+    "test:type": "tsc --noEmit",
+    "lint": "biome check"
   },
   "dependencies": {
     "@webview-bridge/utils": "1.7.2",

packages/web/src/internal/linkBridgeStore.ts

@@ -1,6 +1,6 @@
 import type { Bridge, BridgeStore, OnlyJSON } from "@webview-bridge/types";
 import {
-  DefaultEmitter,
+  type DefaultEmitter,
   equals,
   removeUndefinedKeys,
 } from "@webview-bridge/utils";