📦 eslint & prettier -> biome (#16)

Author: woohm402

.eslintrc.js

@@ -21,14 +21,16 @@ jobs:
       - name: Setup Node.js environment
         uses: actions/setup-node@v3
         with:
-          node-version: 16
-          cache: "yarn"
+          node-version: 20
 
       - name: Install dependencies
         run: yarn
 
       - name: Build
         run: yarn build
 
+      - name: Lint & Format
+        run: yarn run check
+
       - name: Test
         run: yarn test

.github/workflows/ci.yml

@@ -0,0 +1,8 @@
+{
+  "code_actions_on_format": {
+    "source.fixAll.biome": true,
+    "source.organizeImports.biome": true
+  },
+  "formatter": { "language_server": { "name": "biome" } },
+  "lsp": { "biome": { "settings": { "require_config_file": true } } }
+}

.zed/settings.json

@@ -1,73 +1 @@
-# Turborepo starter
-
-This is an official Yarn v1 starter turborepo.
-
-## What's inside?
-
-This turborepo uses [Yarn](https://classic.yarnpkg.com/) as a package manager. It includes the following packages/apps:
-
-### Apps and Packages
-
-- `docs`: a [Next.js](https://nextjs.org/) app
-- `web`: another [Next.js](https://nextjs.org/) app
-- `ui`: a stub React component library shared by both `web` and `docs` applications
-- `eslint-config-custom`: `eslint` configurations (includes `eslint-config-next` and `eslint-config-prettier`)
-- `tsconfig`: `tsconfig.json`s used throughout the monorepo
-
-Each package/app is 100% [TypeScript](https://www.typescriptlang.org/).
-
-### Utilities
-
-This turborepo has some additional tools already setup for you:
-
-- [TypeScript](https://www.typescriptlang.org/) for static type checking
-- [ESLint](https://eslint.org/) for code linting
-- [Prettier](https://prettier.io) for code formatting
-
-### Build
-
-To build all apps and packages, run the following command:
-
-```
-cd my-turborepo
-yarn run build
-```
-
-### Develop
-
-To develop all apps and packages, run the following command:
-
-```
-cd my-turborepo
-yarn run dev
-```
-
-### Remote Caching
-
-Turborepo can use a technique known as [Remote Caching](https://turbo.build/repo/docs/core-concepts/remote-caching) to share cache artifacts across machines, enabling you to share build caches with your team and CI/CD pipelines.
-
-By default, Turborepo will cache locally. To enable Remote Caching you will need an account with Vercel. If you don't have an account you can [create one](https://vercel.com/signup), then enter the following commands:
-
-```
-cd my-turborepo
-npx turbo login
-```
-
-This will authenticate the Turborepo CLI with your [Vercel account](https://vercel.com/docs/concepts/personal-accounts/overview).
-
-Next, you can link your Turborepo to your Remote Cache by running the following command from the root of your turborepo:
-
-```
-npx turbo link
-```
-
-## Useful Links
-
-Learn more about the power of Turborepo:
-
-- [Tasks](https://turbo.build/repo/docs/core-concepts/monorepos/running-tasks)
-- [Caching](https://turbo.build/repo/docs/core-concepts/caching)
-- [Remote Caching](https://turbo.build/repo/docs/core-concepts/remote-caching)
-- [Filtering](https://turbo.build/repo/docs/core-concepts/monorepos/filtering)
-- [Configuration Options](https://turbo.build/repo/docs/reference/configuration)
-- [CLI Usage](https://turbo.build/repo/docs/reference/command-line-reference)
+# truffle javascript SDK

README.md

@@ -1,7 +1,7 @@
-import { createGlobalStyle } from "styled-components";
-import { LoginPage } from "./pages/LoginPage";
+import { createGlobalStyle } from 'styled-components';
+import { LoginPage } from './pages/LoginPage';
 
-function App() {
+export function App() {
   return (
     <>
       <GlobalStyle />
@@ -10,8 +10,6 @@ function App() {
   );
 }
 
-export default App;
-
 const GlobalStyle = createGlobalStyle`
   body {
     margin: 0;

apps/truffle-webclient/src/App.tsx

@@ -1,9 +1,9 @@
-import ReactDOM from "react-dom/client";
-import App from "./App";
-import { StrictMode } from "react";
+import { StrictMode } from 'react';
+import ReactDOM from 'react-dom/client';
+import { App } from './App';
 
-ReactDOM.createRoot(document.getElementById("root") as HTMLElement).render(
+ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <StrictMode>
     <App />
-  </StrictMode>
+  </StrictMode>,
 );

apps/truffle-webclient/src/main.tsx

@@ -1,4 +1,4 @@
-import styled, { createGlobalStyle } from "styled-components";
+import styled from 'styled-components';
 
 export const LoginPage = () => {
   return (

apps/truffle-webclient/src/pages/LoginPage/index.tsx

@@ -1,7 +1,7 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react-swc'
+import react from '@vitejs/plugin-react-swc';
+import { defineConfig } from 'vite';
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
-})
+});

apps/truffle-webclient/vite.config.ts

@@ -0,0 +1,52 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true
+  },
+  "linter": {
+    "rules": {
+      "all": true,
+      "complexity": {
+        "noExcessiveCognitiveComplexity": "off"
+      },
+      "correctness": {
+        "noUndeclaredDependencies": "off",
+        "useImportExtensions": "off"
+      },
+      "performance": {
+        "noAccumulatingSpread": "off"
+      },
+      "suspicious": {
+        "noConsole": {
+          "options": {
+            "allow": ["error", "debug", "info"]
+          },
+          "level": "error"
+        },
+        "noReactSpecificProps": "off"
+      },
+      "style": {
+        "useNamingConvention": "off",
+        "useBlockStatements": "off",
+        "useDefaultSwitchClause": "off",
+        "useFilenamingConvention": "off"
+      }
+    }
+  },
+  "files": {
+    "ignore": ["*.js"]
+  },
+  "formatter": {
+    "indentStyle": "space",
+    "lineWidth": 100,
+    "formatWithErrors": true
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "single"
+    },
+    "globals": ["Bun"]
+  }
+}

biome.json

@@ -2,28 +2,24 @@
   "name": "truffle-javascript",
   "version": "0.0.0",
   "private": true,
-  "workspaces": [
-    "apps/*",
-    "packages/*"
-  ],
+  "workspaces": ["apps/*", "packages/*"],
   "scripts": {
     "build": "turbo run build",
     "dev": "turbo run dev",
     "test": "turbo run test",
-    "lint": "turbo run lint",
-    "format": "prettier --write \"**/*.{ts,tsx,md}\"",
+    "check": "biome check .",
+    "fix": "biome check . --fix",
     "deploy:truffle-webclient": "scripts/deploy.sh truffle-webclient",
     "publish-packages": "turbo run build lint test && changeset version && changeset publish"
   },
   "devDependencies": {
+    "@biomejs/biome": "^1.9.4",
     "@changesets/cli": "^2.26.0",
-    "eslint-config-custom": "*",
-    "prettier": "2.8.3",
     "turbo": "1.7.3"
   },
   "engines": {
-    "node": ">=14.0.0"
+    "node": ">=20.0.0"
   },
   "dependencies": {},
-  "packageManager": "[email protected].19"
+  "packageManager": "[email protected].21"
 }