chore: switch to unimport

.gitignore

@@ -10,4 +10,5 @@ dist/
 .env.*
 dev-dist
 *.tsbuildinfo
-wrangler.toml
+wrangler.toml
+imports.app.d.ts

eslint.config.mjs

@@ -2,7 +2,8 @@ import { ourongxing, react } from "@ourongxing/eslint-config"
 
 export default ourongxing({
   type: "app",
-  ignores: ["**/routeTree.gen.ts"],
+  // 貌似不能 ./ 开头，
+  ignores: ["src/routeTree.gen.ts", "imports.app.d.ts"],
 }).append(react({
   files: ["src/**"],
 }))

package.json

@@ -88,8 +88,8 @@
     "tsx": "^4.19.1",
     "typescript": "^5.6.3",
     "typescript-eslint": "^8.8.1",
+    "unimport": "^3.13.1",
     "unocss": "^0.63.4",
-    "unplugin-auto-import": "^0.18.3",
     "vite": "^5.4.8",
     "vite-plugin-pwa": "^0.20.5",
     "vite-plugin-with-nitro": "0.0.3",

src/components/column/card.tsx

@@ -3,6 +3,7 @@ import { useQuery } from "@tanstack/react-query"
 import { AnimatePresence, motion, useInView } from "framer-motion"
 import type { SyntheticListenerMap } from "@dnd-kit/core/dist/hooks/utilities"
 import { useWindowSize } from "react-use"
+import { forwardRef, useImperativeHandle } from "react"
 import { OverlayScrollbar } from "../common/overlay-scrollbar"
 import { refetchSourcesAtom } from "~/atoms"
 import { safeParseString } from "~/utils"

src/components/header/menu.tsx

@@ -80,7 +80,7 @@ export function Menu() {
                   href="https://github.com/ourongxing/newsnow"
                 >
                   <img
-                    alt="GitHub forks badge"
+                    alt="GitHub stars badge"
                     src="https://img.shields.io/github/stars/ourongxing/newsnow?logo=github"
                   />
                 </a>

src/utils/index.ts

@@ -1,5 +1,4 @@
 import type { MaybePromise } from "@shared/type.util"
-
 import { $fetch } from "ofetch"
 
 export function safeParseString(str: any) {

tsconfig.app.json

@@ -9,5 +9,5 @@
       "@shared/*": ["shared/*"]
     }
   },
-  "include": ["src", "shared", "./auto-imports.app.d.ts"]
+  "include": ["src", "shared", "imports.app.d.ts"]
 }

vite.config.ts

@@ -5,7 +5,7 @@ import react from "@vitejs/plugin-react-swc"
 import { TanStackRouterVite } from "@tanstack/router-plugin/vite"
 import unocss from "unocss/vite"
 import dotenv from "dotenv"
-import autoImport from "unplugin-auto-import/vite"
+import unimport from "unimport/unplugin"
 import nitro from "./nitro.config"
 import { projectDir } from "./shared/dir"
 import pwa from "./pwa.config"
@@ -30,17 +30,20 @@ export default defineConfig({
   },
   plugins: [
     TanStackRouterVite({
-      // error with unplugin-auto-import and vite-plugin-pwa
+      // error with auto import and vite-plugin-pwa
       // autoCodeSplitting: true,
     }),
-    autoImport({
+    unimport.vite({
       dirs: ["src/hooks", "shared", "src/utils", "src/atoms"],
-      imports: ["react", "jotai", "jotai/utils", {
-        clsx: [
-          ["default", "$"],
-        ],
+      presets: ["react", {
+        from: "jotai",
+        imports: ["atom", "useAtom", "useAtomValue", "useSetAtom"],
       }],
-      dts: "auto-imports.app.d.ts",
+      imports: [
+        { from: "clsx", name: "default", as: "$" },
+        { from: "jotai/utils", name: "atomWithStorage" },
+      ],
+      dts: "imports.app.d.ts",
     }),
     unocss(),
     react(),

vitest.config.ts

@@ -1,13 +1,8 @@
 import { join } from "node:path"
 import { defineConfig } from "vitest/config"
-import autoImport from "unplugin-auto-import/vite"
-import { resolveModuleExportNames } from "mlly"
+import unimport from "unimport/unplugin"
 import { projectDir } from "./shared/dir"
 
-const h3Exports = await resolveModuleExportNames("h3", {
-  url: import.meta.url,
-})
-
 export default defineConfig({
   test: {
     globals: true,
@@ -22,13 +17,16 @@ export default defineConfig({
   },
   plugins: [
     // https://github.com/unjs/nitro/blob/v2/src/core/config/resolvers/imports.ts
-    autoImport({
-      imports: [{
-        from: "h3",
-        imports: h3Exports.filter(n => !/^[A-Z]/.test(n) && n !== "use"),
-      }],
+    unimport.vite({
+      imports: [],
+      presets: [
+        {
+          package: "h3",
+          ignore: [/^[A-Z]/, r => r === "use"],
+        },
+      ],
       dirs: ["server/utils", "shared"],
-      dts: false,
+      // dts: false,
     }),
   ],
 })