Merge pull request #5 from xxsnakerxx/switch-to-biome

Switch to `biome`

Author: xxsnakerxx

.github/workflows/ci.yml

@@ -4,8 +4,6 @@ on:
     branches:
       - main
   pull_request:
-    branches:
-      - main
   merge_group:
     types:
       - checks_requested

CONTRIBUTING.md

@@ -49,17 +49,17 @@ To run the example app on Web:
 pnpm example web
 ```
 
-Make sure your code passes TypeScript and ESLint. Run the following to verify:
+Make sure your code passes TypeScript and Biome. Run the following to verify:
 
 ```sh
 pnpm typecheck
 pnpm lint
 ```
 
-To fix formatting errors, run the following:
+To fix lint and formatting errors, run the following:
 
 ```sh
-pnpm lint --fix
+pnpm lint:fix
 ```
 
 Remember to add tests for your change if possible. Run the unit tests by:
@@ -83,9 +83,9 @@ Our pre-commit hooks verify that your commit message matches this format when co
 
 ### Linting and tests
 
-[ESLint](https://eslint.org/), [Prettier](https://prettier.io/), [TypeScript](https://www.typescriptlang.org/)
+[Biome](https://biomejs.dev/), [TypeScript](https://www.typescriptlang.org/)
 
-We use [TypeScript](https://www.typescriptlang.org/) for type checking, [ESLint](https://eslint.org/) with [Prettier](https://prettier.io/) for linting and formatting the code, and [Jest](https://jestjs.io/) for testing.
+We use [TypeScript](https://www.typescriptlang.org/) for type checking, [Biome](https://biomejs.dev/) for linting and formatting the code, and [Jest](https://jestjs.io/) for testing.
 
 Our pre-commit hooks verify that the linter and tests pass when committing.
 
@@ -105,7 +105,7 @@ The `package.json` file contains various scripts for common tasks:
 
 - `pnpm install`: setup project by installing dependencies.
 - `pnpm typecheck`: type-check files with TypeScript.
-- `pnpm lint`: lint files with ESLint.
+- `pnpm lint`: lint and check formatting with Biome.
 - `pnpm test`: run unit tests with Jest.
 - `pnpm example start`: start the Metro server for the example app.
 - `pnpm example android`: run the example app on Android.

babel.config.js

@@ -1,3 +1,3 @@
 module.exports = {
-  presets: ['module:react-native-builder-bob/babel-preset'],
+	presets: ["module:react-native-builder-bob/babel-preset"],
 };

biome.json

@@ -0,0 +1,9 @@
+{
+	"$schema": "./node_modules/@biomejs/biome/configuration_schema.json",
+	"vcs": {
+		"clientKind": "git",
+		"defaultBranch": "main",
+		"enabled": true,
+		"useIgnoreFile": true
+	}
+}

eslint.config.mjs

@@ -1,30 +1,30 @@
 {
-  "expo": {
-    "name": "example",
-    "slug": "example",
-    "version": "1.0.0",
-    "orientation": "portrait",
-    "icon": "./assets/icon.png",
-    "userInterfaceStyle": "light",
-    "newArchEnabled": true,
-    "splash": {
-      "image": "./assets/splash-icon.png",
-      "resizeMode": "contain",
-      "backgroundColor": "#ffffff"
-    },
-    "ios": {
-      "supportsTablet": true,
-      "bundleIdentifier": "alertqueue.example"
-    },
-    "android": {
-      "adaptiveIcon": {
-        "foregroundImage": "./assets/adaptive-icon.png",
-        "backgroundColor": "#ffffff"
-      },
-      "package": "alertqueue.example"
-    },
-    "web": {
-      "favicon": "./assets/favicon.png"
-    }
-  }
+	"expo": {
+		"name": "React Native Alert Queue",
+		"slug": "rn.alert.queue.example",
+		"version": "1.0.0",
+		"orientation": "portrait",
+		"icon": "./assets/icon.png",
+		"userInterfaceStyle": "light",
+		"newArchEnabled": true,
+		"splash": {
+			"image": "./assets/splash-icon.png",
+			"resizeMode": "contain",
+			"backgroundColor": "#ffffff"
+		},
+		"ios": {
+			"supportsTablet": true,
+			"bundleIdentifier": "rn.alert.queue.example"
+		},
+		"android": {
+			"adaptiveIcon": {
+				"foregroundImage": "./assets/adaptive-icon.png",
+				"backgroundColor": "#ffffff"
+			},
+			"package": "rn.alert.queue.example"
+		},
+		"web": {
+			"favicon": "./assets/favicon.png"
+		}
+	}
 }

example/app.json

@@ -1,16 +1,16 @@
-const path = require('path');
-const { getConfig } = require('react-native-builder-bob/babel-config');
-const pkg = require('../package.json');
+const path = require("node:path");
+const { getConfig } = require("react-native-builder-bob/babel-config");
+const pkg = require("../package.json");
 
-const root = path.resolve(__dirname, '..');
+const root = path.resolve(__dirname, "..");
 
-module.exports = function (api) {
-  api.cache(true);
+module.exports = (api) => {
+	api.cache(true);
 
-  return getConfig(
-    {
-      presets: ['babel-preset-expo'],
-    },
-    { root, pkg }
-  );
+	return getConfig(
+		{
+			presets: ["babel-preset-expo"],
+		},
+		{ root, pkg },
+	);
 };

example/babel.config.js

@@ -1,6 +1,6 @@
-import { registerRootComponent } from 'expo';
+import { registerRootComponent } from "expo";
 
-import App from './src/App';
+import App from "./src/App";
 
 // registerRootComponent calls AppRegistry.registerComponent('main', () => App);
 // It also ensures that whether you load the app in Expo Go or in a native build,

example/index.js

@@ -1,11 +1,11 @@
-const path = require('path');
-const { getDefaultConfig } = require('@expo/metro-config');
-const { mergeConfig } = require('@react-native/metro-config');
+const path = require("node:path");
+const { getDefaultConfig } = require("@expo/metro-config");
+const { mergeConfig } = require("@react-native/metro-config");
 
 const defaultConfig = getDefaultConfig(__dirname);
 
 const projectRoot = __dirname;
-const monorepoRoot = path.resolve(projectRoot, '..');
+const monorepoRoot = path.resolve(projectRoot, "..");
 
 /**
  * Metro configuration
@@ -14,14 +14,14 @@ const monorepoRoot = path.resolve(projectRoot, '..');
  * @type {import('@react-native/metro-config').MetroConfig}
  */
 const config = {
-  watchFolders: [monorepoRoot],
-  resolver: {
-    nodeModulesPaths: [
-      path.resolve(projectRoot, 'node_modules'),
-      path.resolve(monorepoRoot, 'node_modules'),
-    ],
-    unstable_enablePackageExports: true,
-  },
+	watchFolders: [monorepoRoot],
+	resolver: {
+		nodeModulesPaths: [
+			path.resolve(projectRoot, "node_modules"),
+			path.resolve(monorepoRoot, "node_modules"),
+		],
+		unstable_enablePackageExports: true,
+	},
 };
 
 module.exports = mergeConfig(defaultConfig, config);

example/metro.config.js

@@ -1,30 +1,30 @@
 {
-  "name": "react-native-alert-queue-example",
-  "version": "1.0.0",
-  "main": "index.js",
-  "scripts": {
-    "start": "expo start",
-    "android": "expo start --android",
-    "ios": "expo start --ios",
-    "web": "expo start --web"
-  },
-  "dependencies": {
-    "react-native-alert-queue": "workspace:*",
-    "@expo/metro-runtime": "~6.1.2",
-    "expo": "~54.0.32",
-    "expo-status-bar": "~3.0.9",
-    "react": "19.1.0",
-    "react-dom": "19.1.0",
-    "react-native": "0.81.5",
-    "react-native-reanimated": "~4.1.1",
-    "react-native-safe-area-context": "~5.6.0",
-    "react-native-web": "^0.21.0",
-    "react-native-worklets": "0.5.1"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.20.0",
-    "@react-native/metro-config": "0.81.5",
-    "react-native-builder-bob": "^0.40.17"
-  },
-  "private": true
+	"name": "react-native-alert-queue-example",
+	"version": "1.0.0",
+	"main": "index.js",
+	"scripts": {
+		"start": "expo start",
+		"android": "expo start --android",
+		"ios": "expo start --ios",
+		"web": "expo start --web"
+	},
+	"dependencies": {
+		"react-native-alert-queue": "workspace:*",
+		"@expo/metro-runtime": "~6.1.2",
+		"expo": "~54.0.33",
+		"expo-status-bar": "~3.0.9",
+		"react": "19.1.0",
+		"react-dom": "19.1.0",
+		"react-native": "0.81.5",
+		"react-native-reanimated": "~4.1.1",
+		"react-native-safe-area-context": "~5.6.2",
+		"react-native-web": "^0.21.2",
+		"react-native-worklets": "0.5.1"
+	},
+	"devDependencies": {
+		"@babel/core": "^7.29.0",
+		"@react-native/metro-config": "0.81.5",
+		"react-native-builder-bob": "^0.40.18"
+	},
+	"private": true
 }