chore: eslint->oxlint, prettier->oxfmt

Author: juliusmarminge

.oxfmtrc.json

@@ -0,0 +1,5 @@
+{
+    "ignorePatterns": [
+        "routeTree.gen.ts"
+    ]
+}

.oxlintrc.json

@@ -0,0 +1,5 @@
+{
+  "$schema": "./tooling/oxlint/node_modules/oxlint/configuration_schema.json",
+  "extends": ["./tooling/oxlint/base.json"],
+  "ignorePatterns": ["turbo/generators/**"]
+}

.vscode/extensions.json

@@ -1,8 +1,7 @@
 {
   "recommendations": [
-    "dbaeumer.vscode-eslint",
     "expo.vscode-expo-tools",
-    "esbenp.prettier-vscode",
+    "oxc.oxc-vscode",
     "yoavbls.pretty-ts-errors",
     "bradlc.vscode-tailwindcss"
   ]

.vscode/settings.json

@@ -1,19 +1,15 @@
 {
   "editor.codeActionsOnSave": {
-    "source.fixAll.eslint": "explicit"
+    "source.fixAll.oxc": "explicit"
   },
-  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "oxc.fmt.experimental": true,
+  "oxc.unusedDisableDirectives": "deny",
+  "oxc.typeAware": true,
+  "editor.defaultFormatter": "oxc.oxc-vscode",
   "[typescript,typescriptreact]": {
-    "editor.defaultFormatter": "esbenp.prettier-vscode"
+    "editor.defaultFormatter": "oxc.oxc-vscode"
   },
   "editor.formatOnSave": true,
-  "eslint.rules.customizations": [{ "rule": "*", "severity": "warn" }],
-  "eslint.runtime": "node",
-  "eslint.workingDirectories": [
-    { "pattern": "apps/*/" },
-    { "pattern": "packages/*/" },
-    { "pattern": "tooling/*/" }
-  ],
   "files.associations": {
     "*.css": "tailwindcss"
   },
@@ -23,7 +19,6 @@
   "files.watcherExclude": {
     "**/routeTree.gen.ts": true
   },
-  "prettier.ignorePath": ".gitignore",
   "tailwindCSS.classFunctions": ["cva", "cx", "cn"],
   "typescript.enablePromptUseWorkspaceTsdk": true,
   "typescript.preferences.autoImportFileExcludePatterns": [

README.md

@@ -59,10 +59,8 @@ packages
   └─ ui
       └─ Start of a UI package for the webapp using shadcn-ui
 tooling
-  ├─ eslint
-  │   └─ shared, fine-grained, eslint presets
-  ├─ prettier
-  │   └─ shared prettier configuration
+  ├─ oxlint
+  │   └─ shared, fine-grained, oxlint presets
   ├─ tailwind
   │   └─ shared tailwind theme and configuration
   └─ typescript

apps/expo/.oxlintrc.json

@@ -0,0 +1,7 @@
+{
+  "extends": [
+    "./node_modules/@acme/oxlint-config/base.json",
+    "./node_modules/@acme/oxlint-config/react.json"
+  ],
+  "ignorePatterns": ["*.config.js"]
+}

apps/expo/eslint.config.mts

@@ -9,8 +9,6 @@
     "dev:ios": "expo start --ios",
     "android": "expo run:android",
     "ios": "expo run:ios",
-    "format": "prettier --check . --ignore-path ../../.gitignore --ignore-path .prettierignore",
-    "lint": "eslint --flag unstable_native_nodejs_ts_config",
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
@@ -45,15 +43,11 @@
   },
   "devDependencies": {
     "@acme/api": "workspace:*",
-    "@acme/eslint-config": "workspace:*",
-    "@acme/prettier-config": "workspace:*",
+    "@acme/oxlint-config": "workspace:*",
     "@acme/tailwind-config": "workspace:*",
     "@acme/tsconfig": "workspace:*",
     "@types/react": "catalog:react19",
-    "eslint": "catalog:",
-    "prettier": "catalog:",
     "tailwindcss": "catalog:",
     "typescript": "catalog:"
-  },
-  "prettier": "@acme/prettier-config"
+  }
 }

apps/expo/package.json

@@ -1 +1,2 @@
+// oxlint-disable no-require-imports
 module.exports = require("@acme/tailwind-config/postcss-config");

apps/expo/postcss.config.js

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useState, useTransition } from "react";
 import { Pressable, Text, TextInput, View } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 import { Link, Stack } from "expo-router";
@@ -51,7 +51,7 @@ function CreatePost() {
         setContent("");
         await queryClient.invalidateQueries(trpc.post.all.queryFilter());
       },
-    }),
+    })
   );
 
   return (
@@ -101,21 +101,29 @@ function CreatePost() {
 function MobileAuth() {
   const { data: session } = authClient.useSession();
 
+  const [isPending, startTransition] = useTransition();
+  const onPress = () => {
+    startTransition(async () => {
+      if (session) {
+        await authClient.signOut();
+      } else {
+        await authClient.signIn.social({
+          provider: "discord",
+          callbackURL: "/",
+        });
+      }
+    });
+  };
+
   return (
     <>
       <Text className="text-foreground pb-2 text-center text-xl font-semibold">
         {session?.user.name ? `Hello, ${session.user.name}` : "Not logged in"}
       </Text>
       <Pressable
-        onPress={() =>
-          session
-            ? authClient.signOut()
-            : authClient.signIn.social({
-                provider: "discord",
-                callbackURL: "/",
-              })
-        }
         className="bg-primary flex items-center rounded-sm p-2"
+        disabled={isPending}
+        onPress={onPress}
       >
         <Text>{session ? "Sign Out" : "Sign In With Discord"}</Text>
       </Pressable>
@@ -132,7 +140,7 @@ export default function Index() {
     trpc.post.delete.mutationOptions({
       onSettled: () =>
         queryClient.invalidateQueries(trpc.post.all.queryFilter()),
-    }),
+    })
   );
 
   return (