Replace dprint with biome, move config to the root

.github/workflows/format-lint-check.yml

@@ -0,0 +1,16 @@
+name: Format Checks
+
+on: [pull_request]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+    - uses: actions/checkout@v4
+    - name: Setup Biome
+      uses: biomejs/setup-biome@v2
+      with:
+        version: 1.8.3
+    - name: Run Biome
+      run: biome ci .

.knip.jsonc

@@ -2,18 +2,11 @@
   "$schema": "https://unpkg.com/knip@5/schema.json",
   "workspaces": {
     ".": {
-      "ignoreDependencies": [
-        "@turbo/gen"
-      ]
+      "ignoreDependencies": ["@turbo/gen"]
     },
     "packages/*": {
-      "ignore": [
-        "**/*.test.(ts|tsx|mjs|js)"
-      ],
-      "ignoreDependencies": [
-        "@swc/cli",
-        "@swc/core"
-      ]
+      "ignore": ["**/*.test.(ts|tsx|mjs|js)"],
+      "ignoreDependencies": ["@swc/cli", "@swc/core"]
     }
   }
 }

GUIDEBOOK.md

@@ -13,7 +13,6 @@ Since this is a `turborepo` monorepo, you can run some tasks across the repo wit
 - `build`
 - `type-check`
 - `lint`
-- `format`
 - `test`
 
 ### Root only tasks:
@@ -22,6 +21,10 @@ Since this is a `turborepo` monorepo, you can run some tasks across the repo wit
   - Check if all dependencies are using the same version
 - `knip`
   - Run [Knip](https://knip.dev/) across the repo
+- `format`
+  - Run `Biome` formatter across the codebase
+- `format:check`
+  - Check formatting across the codebase
 
 ## Creating new workspaces:
 
@@ -44,6 +47,5 @@ This will create either:
 - [SWC](https://swc.rs/)
 - [TypeScript](https://www.typescriptlang.org/docs/)
 - [hohoro](https://hohoro.vercel.app/)
-- [dprint](https://www.typescriptlang.org/docs/)
 - [BiomeJS](https://biomejs.dev/)
 - [one-version](https://one-version.vercel.app/)

apps/docs/app/global-error.tsx

@@ -5,9 +5,12 @@ export default function GlobalError() {
   return (
     <main className="flex h-screen w-full flex-col items-center justify-center gap-6">
       <div className="space-y-2 text-center">
-        <h1 className="text-4xl font-bold tracking-tighter sm:text-5xl">Oops, something went wrong!</h1>
+        <h1 className="text-4xl font-bold tracking-tighter sm:text-5xl">
+          Oops, something went wrong!
+        </h1>
         <p className="text-gray-500 dark:text-gray-400">
-          We apologize for the inconvenience. Please try again later or navigate back to the homepage.
+          We apologize for the inconvenience. Please try again later or navigate
+          back to the homepage.
         </p>
       </div>
       <Link

apps/docs/app/not-found.tsx

@@ -4,8 +4,12 @@ export default function NotFound() {
   return (
     <div className="flex h-screen w-full flex-col items-center justify-center gap-6">
       <div className="space-y-2 text-center">
-        <h1 className="text-4xl font-bold tracking-tighter sm:text-5xl">Oops! Page not found.</h1>
-        <p className="text-gray-500 dark:text-gray-400">The page you&apos;re looking for doesn&apos;t exist.</p>
+        <h1 className="text-4xl font-bold tracking-tighter sm:text-5xl">
+          Oops! Page not found.
+        </h1>
+        <p className="text-gray-500 dark:text-gray-400">
+          The page you&apos;re looking for doesn&apos;t exist.
+        </p>
       </div>
       <Link
         className="inline-flex h-9 items-center justify-center rounded-md bg-gray-900 px-4 py-2 text-sm font-medium text-gray-50 shadow transition-colors hover:bg-gray-900/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-950 disabled:pointer-events-none disabled:opacity-50 dark:bg-gray-50 dark:text-gray-900 dark:hover:bg-gray-50/90 dark:focus-visible:ring-gray-300"

apps/docs/next.config.mjs

@@ -1,4 +1,8 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+};
 
 export default nextConfig;

apps/docs/package.json

@@ -6,7 +6,7 @@
     "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "biome lint"
   },
   "dependencies": {
     "next": "14.3.0-canary.61"
@@ -16,8 +16,6 @@
     "@types/react": "latest",
     "@types/react-dom": "latest",
     "autoprefixer": "10.0.1",
-    "eslint": "8.57.0",
-    "eslint-config-next": "14.1.4",
     "postcss": "8.4.35",
     "tailwindcss": "3.3.0",
     "typescript": "5.4.5"

apps/docs/tailwind.config.ts

@@ -10,7 +10,8 @@ const config: Config = {
     extend: {
       backgroundImage: {
         "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
-        "gradient-conic": "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
+        "gradient-conic":
+          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
       },
     },
   },

apps/docs/tsconfig.json

@@ -1,10 +1,6 @@
 {
   "compilerOptions": {
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -22,19 +18,10 @@
       }
     ],
     "paths": {
-      "~/*": [
-        "./*"
-      ]
+      "~/*": ["./*"]
     },
     "target": "ES2017"
   },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
 }

apps/template-app/app/global-error.tsx

@@ -5,9 +5,12 @@ export default function GlobalError() {
   return (
     <main className="flex h-screen w-full flex-col items-center justify-center gap-6">
       <div className="space-y-2 text-center">
-        <h1 className="text-4xl font-bold tracking-tighter sm:text-5xl">Oops, something went wrong!</h1>
+        <h1 className="text-4xl font-bold tracking-tighter sm:text-5xl">
+          Oops, something went wrong!
+        </h1>
         <p className="text-gray-500 dark:text-gray-400">
-          We apologize for the inconvenience. Please try again later or navigate back to the homepage.
+          We apologize for the inconvenience. Please try again later or navigate
+          back to the homepage.
         </p>
       </div>
       <Link

apps/template-app/app/not-found.tsx

@@ -4,8 +4,12 @@ export default function NotFound() {
   return (
     <main className="flex h-screen w-full flex-col items-center justify-center gap-6">
       <div className="space-y-2 text-center">
-        <h1 className="text-4xl font-bold tracking-tighter sm:text-5xl">Oops! Page not found.</h1>
-        <p className="text-gray-500 dark:text-gray-400">The page you&apos;re looking for doesn&apos;t exist.</p>
+        <h1 className="text-4xl font-bold tracking-tighter sm:text-5xl">
+          Oops! Page not found.
+        </h1>
+        <p className="text-gray-500 dark:text-gray-400">
+          The page you&apos;re looking for doesn&apos;t exist.
+        </p>
       </div>
       <Link
         className="inline-flex h-9 items-center justify-center rounded-md bg-gray-900 px-4 py-2 text-sm font-medium text-gray-50 shadow transition-colors hover:bg-gray-900/90 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-gray-950 disabled:pointer-events-none disabled:opacity-50 dark:bg-gray-50 dark:text-gray-900 dark:hover:bg-gray-50/90 dark:focus-visible:ring-gray-300"

apps/template-app/next.config.mjs

@@ -1,4 +1,8 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {};
+const nextConfig = {
+  eslint: {
+    ignoreDuringBuilds: true,
+  },
+};
 
 export default nextConfig;

apps/template-app/package.json

@@ -6,7 +6,7 @@
     "dev": "next dev --turbo",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "lint": "biome lint"
   },
   "dependencies": {
     "next": "14.3.0-canary.61"
@@ -16,8 +16,6 @@
     "@types/react": "latest",
     "@types/react-dom": "latest",
     "autoprefixer": "10.0.1",
-    "eslint": "8.57.0",
-    "eslint-config-next": "14.1.4",
     "postcss": "8.4.35",
     "tailwindcss": "3.3.0",
     "typescript": "5.4.5"

apps/template-app/tailwind.config.ts

@@ -10,7 +10,8 @@ const config: Config = {
     extend: {
       backgroundImage: {
         "gradient-radial": "radial-gradient(var(--tw-gradient-stops))",
-        "gradient-conic": "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
+        "gradient-conic":
+          "conic-gradient(from 180deg at 50% 50%, var(--tw-gradient-stops))",
       },
     },
   },

apps/template-app/tsconfig.json

@@ -1,10 +1,6 @@
 {
   "compilerOptions": {
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
+    "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -22,19 +18,10 @@
       }
     ],
     "paths": {
-      "~/*": [
-        "./*"
-      ]
+      "~/*": ["./*"]
     },
     "target": "ES2017"
   },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts"
-  ],
-  "exclude": [
-    "node_modules"
-  ]
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
 }

biome.jsonc

@@ -0,0 +1,47 @@
+{
+  "$schema": "https://biomejs.dev/schemas/1.8.3/schema.json",
+  "vcs": {
+    "enabled": true,
+    "clientKind": "git",
+    "useIgnoreFile": true,
+    "defaultBranch": "origin/main"
+  },
+  "organizeImports": {
+    "enabled": true
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2
+  },
+  "json": {
+    "parser": {
+      "allowComments": true
+    }
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true,
+      "style": {
+        "useConst": "off",
+        "noUnusedTemplateLiteral": "off"
+      }
+    }
+  },
+  "overrides": [
+    {
+      "include": ["./packages/**"],
+      "linter": {
+        "enabled": true,
+        "rules": {
+          "recommended": true,
+          "style": {
+            "useConst": "off",
+            "noUnusedTemplateLiteral": "off"
+          }
+        }
+      }
+    }
+  ]
+}