Remove unused files, drop prettier, fix biome issues (#303)

* Remove unused files, drop prettier, fix biome issues

* Revert accidental bundle formatting

---------

Co-authored-by: juniorbutyeah <juniorbutyeah@github.com>

Author: juniorbutyeah

.github/workflows/biome.yaml

@@ -19,7 +19,7 @@ jobs:
       - name: Setup Biome
         uses: biomejs/setup-biome@v2
         with:
-          version: 1.9.4
+          version: 2.3.9
 
       - name: Run Biome
-        run: biome ci .
+        run: biome check .

.prettierignore

@@ -2,7 +2,7 @@
   "$schema": "https://biomejs.dev/schemas/2.3.9/schema.json",
   "files": {
     "ignoreUnknown": true,
-    "includes": ["**", "!**/src/global.css", "!**/.astro"]
+    "includes": ["**", "!**/src/global.css", "!**/.astro", "!**/dist", "!**/public/assets"]
   },
   "assist": { "actions": { "source": { "organizeImports": "on" } } },
   "linter": {
@@ -46,6 +46,16 @@
           }
         }
       }
+    },
+    {
+      "includes": ["index.ts"],
+      "linter": {
+        "rules": {
+          "suspicious": {
+            "noExplicitAny": "off"
+          }
+        }
+      }
     }
   ]
 }

biome.json

@@ -8,13 +8,14 @@ import path from "node:path";
 import zlib from "node:zlib";
 
 EventEmitter.defaultMaxListeners = 50;
+
 import fastifyMiddie from "@fastify/middie";
 import fastifyStatic from "@fastify/static";
 import { server as wisp } from "@mercuryworkshop/wisp-js/server";
 import { build } from "astro";
 import Fastify from "fastify";
 import INConfig from "./config";
-import { generateMaps, getClientScript, type ObfuscationMaps, transformCss, transformHtml, transformJs, ROUTES, ASSET_FOLDERS } from "./src/lib/obfuscate";
+import { ASSET_FOLDERS, generateMaps, getClientScript, type ObfuscationMaps, ROUTES, transformCss, transformHtml, transformJs } from "./src/lib/obfuscate";
 
 let obfuscationMaps: ObfuscationMaps | null = null;
 
@@ -107,12 +108,13 @@ async function Start() {
       if (req.headers) {
         req.headers["accept-encoding"] = "identity";
       }
-      if ((req.raw as { headers?: Record<string, string> }).headers) {
-        (req.raw as { headers?: Record<string, string> }).headers!["accept-encoding"] = "identity";
+      const rawHeaders = (req.raw as { headers?: Record<string, string> }).headers;
+      if (rawHeaders) {
+        rawHeaders["accept-encoding"] = "identity";
       }
 
       const [urlPath, query] = req.url.split("?");
-      let pathParts = urlPath.split("/").filter(Boolean);
+      const pathParts = urlPath.split("/").filter(Boolean);
       let modified = false;
 
       if (pathParts.length > 0) {
@@ -213,10 +215,7 @@ self.addEventListener("fetch", (event) => {
   );
 });
 `;
-      reply
-        .header("Service-Worker-Allowed", "/")
-        .type("application/javascript")
-        .send(swCode);
+      reply.header("Service-Worker-Allowed", "/").type("application/javascript").send(swCode);
     });
 
     app.get(`/assets/${scramjetFolder}/*`, (req, reply) => {

index.ts

@@ -12,7 +12,7 @@
     "astro": "astro",
     "disable": "bunx astro telemetry disable",
     "precommit": "bun run typecheck && bun run check",
-    "check": "prettier --write . && biome check --write ."
+    "check": "biome check --write ."
   },
   "dependencies": {
     "@astrojs/check": "^0.9.6",
@@ -50,8 +50,6 @@
     "@types/react-dom": "19.2.3",
     "autoprefixer": "^10.4.23",
     "postcss": "^8",
-    "prettier": "^3.4.2",
-    "prettier-plugin-astro": "^0.14.1",
     "tailwindcss": "^3.4.19"
   },
   "overrides": {

package.json

@@ -1,17 +1,11 @@
 import { ChevronLeft, ChevronRight, Home, Lock, Maximize2, Plus, RotateCw, Star, X } from "lucide-react";
-import { useEffect, useMemo, useRef, useState } from "react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { actionBarClass, addressInputClass, classNames, closeButtonClass, encodeProxyUrl, formatUrl, getActualUrl, getDefaultUrl, iconButtonClass, type Tab, tabButtonClass } from "@/lib/tabs";
 
 type ScramjetWindow = Window & { __scramjet$config?: unknown };
 
 const IconButton = ({ onClick, icon: Icon, className = "", disabled = false, title = "" }: { onClick?: () => void; icon: React.ComponentType<{ className?: string }>; className?: string; disabled?: boolean; title?: string }) => (
-  <button
-    type="button"
-    onClick={onClick}
-    disabled={disabled}
-    title={title}
-    className={classNames(iconButtonClass, "disabled:opacity-30 disabled:cursor-not-allowed", className)}
-  >
+  <button type="button" onClick={onClick} disabled={disabled} title={title} className={classNames(iconButtonClass, "disabled:opacity-30 disabled:cursor-not-allowed", className)}>
     <Icon className="h-4 w-4" />
   </button>
 );
@@ -21,15 +15,15 @@ export default function Browser() {
   const [url, setUrl] = useState("about:blank");
   const [favicons, setFavicons] = useState<Record<number, string>>({});
   const [bookmarks, setBookmarks] = useState<Array<{ Title: string; url: string; favicon?: string }>>([]);
-  const [proxyReadyTick, setProxyReadyTick] = useState(0);
+  const [_proxyReadyTick, setProxyReadyTick] = useState(0);
   const [proxyReady, setProxyReady] = useState(false);
   const activeTab = useMemo(() => tabs.find((tab) => tab.active), [tabs]);
   const iframeRefs = useRef<Record<number, HTMLIFrameElement | null>>({});
 
-  const openInNewTab = (url: string) => {
+  const openInNewTab = useCallback((url: string) => {
     const newId = Date.now();
     setTabs((prev) => [...prev.map((t) => ({ ...t, active: false })), { id: newId, title: "New Tab", url, active: true, reloadKey: 0 }]);
-  };
+  }, []);
 
   useEffect(() => {
     let firstTabUrl = getDefaultUrl();
@@ -82,7 +76,7 @@ export default function Browser() {
       cancelled = true;
       window.clearInterval(timer);
     };
-  }, [proxyReadyTick]);
+  }, []);
 
   useEffect(() => {
     if (!activeTab) return;
@@ -97,7 +91,7 @@ export default function Browser() {
     if (url === "about:blank" && activeTab.url !== "about:blank") {
       setUrl(activeTab.url);
     }
-  }, [activeTab, url, proxyReadyTick]);
+  }, [activeTab, url]);
 
   useEffect(() => {
     if (!activeTab) return;
@@ -281,7 +275,7 @@ export default function Browser() {
         }
       } catch (_e) {}
     };
-  }, [activeTab]);
+  }, [activeTab, openInNewTab]);
 
   useEffect(() => {
     const handleKeyDown = (e: KeyboardEvent) => {
@@ -416,17 +410,7 @@ export default function Browser() {
     <div className="flex h-screen flex-col bg-background">
       <div className="flex items-center gap-1 bg-background-secondary/50 px-2 py-1.5 border-b border-border/50">
         {tabs.map((tab) => (
-          <button
-            key={tab.id}
-            type="button"
-            onClick={() => setActiveTab(tab.id)}
-            className={classNames(
-              tabButtonClass,
-              tab.active
-                ? "bg-background text-text border border-border/50"
-                : "text-text-secondary hover:text-text hover:bg-white/5"
-            )}
-          >
+          <button key={tab.id} type="button" onClick={() => setActiveTab(tab.id)} className={classNames(tabButtonClass, tab.active ? "bg-background text-text border border-border/50" : "text-text-secondary hover:text-text hover:bg-white/5")}>
             <div className="flex min-w-0 flex-1 items-center gap-2">
               {favicons[tab.id] ? (
                 <img
@@ -455,12 +439,7 @@ export default function Browser() {
             </button>
           </button>
         ))}
-        <button
-          type="button"
-          className="inline-flex h-6 w-6 items-center justify-center rounded text-text-secondary hover:text-accent hover:bg-white/5 transition-all"
-          onClick={addNewTab}
-          aria-label="Add tab"
-        >
+        <button type="button" className="inline-flex h-6 w-6 items-center justify-center rounded text-text-secondary hover:text-accent hover:bg-white/5 transition-all" onClick={addNewTab} aria-label="Add tab">
           <Plus className="h-3.5 w-3.5" />
         </button>
       </div>
@@ -476,13 +455,7 @@ export default function Browser() {
         <div className="flex-1">
           <div className={actionBarClass}>
             <Lock className="h-3.5 w-3.5 text-text-placeholder" />
-            <input
-              className={addressInputClass}
-              value={url}
-              placeholder="Search or enter address"
-              onChange={(e) => setUrl(e.target.value)}
-              onKeyDown={(e) => e.key === "Enter" && handleNavigate(e.currentTarget.value)}
-            />
+            <input className={addressInputClass} value={url} placeholder="Search or enter address" onChange={(e) => setUrl(e.target.value)} onKeyDown={(e) => e.key === "Enter" && handleNavigate(e.currentTarget.value)} />
           </div>
         </div>