wip

Author: lumirlumir

package-lock.json

@@ -10,7 +10,7 @@
     "build": "vite build",
     "build:preview": "vite preview",
     "start": "vite",
-    "build:types": "tsc",
+    "build:types": "tsc -b",
     "lint": "eslint",
     "lint:fix": "eslint --fix",
     "fmt": "prettier --write .",
@@ -76,6 +76,7 @@
     "@eslint/core": "^1.2.1",
     "@playwright/test": "^1.59.1",
     "@rolldown/plugin-babel": "^0.2.2",
+    "@types/eslint-plugin-jsx-a11y": "^6.10.1",
     "@types/esquery": "^1.5.4",
     "@types/node": "^20.19.37",
     "@types/react": "^19.2.14",

package.json

@@ -6,7 +6,7 @@ import {
 	SelectTrigger,
 	SelectValue,
 } from "@/components/ui/select";
-import { Version } from "@/hooks/use-explorer";
+import { type Version } from "@/hooks/use-explorer";
 
 type OnValueChangeType = (value: string) => void;
 type ItemsType = {

src/components/labeled-select.tsx

@@ -1,6 +1,6 @@
 import { MoonIcon, SunIcon, Monitor } from "lucide-react";
 import { Button } from "@/components/ui/button";
-import { useTheme, Theme } from "@/components/theme-provider";
+import { useTheme, type Theme } from "@/components/theme-provider";
 import {
 	DropdownMenu,
 	DropdownMenuContent,

src/components/mode-toggle.tsx

@@ -1,6 +1,6 @@
 import * as React from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { VariantProps } from "class-variance-authority";
+import { type VariantProps } from "class-variance-authority";
 
 import { mergeClassNames } from "@/lib/utils";
 import { toggleVariants } from "@/components/ui/toggle";

src/components/ui/toggle-group.tsx

@@ -2,8 +2,8 @@ import { create } from "zustand";
 import {
 	devtools,
 	persist,
-	StateStorage,
 	createJSONStorage,
+	type StateStorage,
 } from "zustand/middleware";
 import type { EcmaVersion, Options } from "espree";
 import {

src/hooks/use-explorer.ts

@@ -1,4 +1,5 @@
 import tailwindcssAnimate from "tailwindcss-animate";
+import plugin from "tailwindcss/plugin.js";
 
 /** @type {import('tailwindcss').Config} */
 export default {
@@ -87,22 +88,19 @@ export default {
 	},
 	plugins: [
 		tailwindcssAnimate,
-		function ({ addUtilities, theme }) {
-			addUtilities(
-				{
-					".scrollbar-thumb": {
-						scrollbarColor: `${theme("colors.scrollbar-thumb")} ${theme("colors.scrollbar-track")}`,
-					},
-					".scrollbar-thumb-hover": {
-						scrollbarColor: `${theme("colors.scrollbar-thumb-hover")} ${theme("colors.scrollbar-track")}`,
-					},
-					".scrollbar-track": {
-						scrollbarWidth: "thin",
-					},
+		plugin(({ addUtilities, theme }) => {
+			addUtilities({
+				".scrollbar-thumb": {
+					scrollbarColor: `${theme("colors.scrollbar-thumb")} ${theme("colors.scrollbar-track")}`,
 				},
-				["responsive", "hover"],
-			);
-		},
+				".scrollbar-thumb-hover": {
+					scrollbarColor: `${theme("colors.scrollbar-thumb-hover")} ${theme("colors.scrollbar-track")}`,
+				},
+				".scrollbar-track": {
+					scrollbarWidth: "thin",
+				},
+			});
+		}),
 	],
 	safelist: ["cm-editor", "cm-gutter", "ͼ1", "cm-focused"],
 };

tailwind.config.js

@@ -0,0 +1,33 @@
+{
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "compilerOptions": {
+    /* Type Checking */
+    "noFallthroughCasesInSwitch": true,
+
+    /* Modules */
+    "module": "es2022",
+    "moduleResolution": "bundler",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "types": ["vite/client"],
+
+    /* Emit */
+    "noEmit": true,
+
+    /* Interop Constraints */
+    "forceConsistentCasingInFileNames": true,
+    "verbatimModuleSyntax": true,
+
+    /* Language and Environment */
+    "jsx": "react-jsx",
+    "lib": ["dom", "ES2022"],
+    "target": "es2022",
+
+    /* Projects */
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+
+    /* Completeness */
+    "skipLibCheck": true
+  }
+}

tsconfig.app.json

@@ -1,22 +1,7 @@
 {
-  "compilerOptions": {
-    "target": "es2022",
-    "lib": ["dom", "esnext"],
-    "types": ["node", "vite/client"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": ["**/*.ts", "**/*.tsx"]
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
 }

tsconfig.json

@@ -0,0 +1,34 @@
+{
+  "include": ["**/*.config.js", "**/*.config.ts"],
+  "compilerOptions": {
+    /* Type Checking */
+    "noFallthroughCasesInSwitch": true,
+
+    /* Modules */
+    "module": "nodenext",
+    "moduleResolution": "nodenext",
+    "types": ["node"],
+
+    /* Emit */
+    "noEmit": true,
+
+    /* JavaScript Support */
+    "allowJs": true,
+    "checkJs": true,
+
+    /* Interop Constraints */
+    "erasableSyntaxOnly": true,
+    "verbatimModuleSyntax": true,
+    "forceConsistentCasingInFileNames": true,
+
+    /* Language and Environment */
+    "lib": ["ES2022"],
+    "target": "es2022",
+
+    /* Projects */
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+
+    /* Completeness */
+    "skipLibCheck": true
+  }
+}