refactor: remove react-toastify, use sonner

Signed-off-by: Innei <[email protected]>

Author: Innei

eslint.config.mjs

@@ -59,6 +59,7 @@ export default defineConfig(
     rules: {
       'package-json/valid-package-def': 0,
       'package-json/valid-name': 0,
+      'package-json/valid-package-definition': 0,
     },
   },
 )

package.json

@@ -9,12 +9,12 @@
   },
   "scripts": {
     "analyze": "cross-env NODE_ENV=production ANALYZE=true BUNDLE_ANALYZE=browser next build",
+    "prebuild": "rimraf .next || exit 0",
     "build": "cross-env NODE_ENV=production NODE_OPTIONS=--max_old_space_size=4096 next build",
     "build:ci": "cross-env NODE_ENV=production NODE_OPTIONS=--max_old_space_size=4096 NEXT_TELEMETRY_DISABLED=1 CI=true next build",
     "dev": "cross-env NODE_ENV=development next dev -p 2323",
     "dev:turbo": "cross-env NODE_ENV=development next dev -p 2323 --turbo",
     "lint": "eslint --fix",
-    "prebuild": "rimraf .next || exit 0",
     "prepare": "pnpm exec simple-git-hooks && test -f .env || cp .env.template .env",
     "prod:pm2": "cross-env NODE_ENV=production pm2 restart ecosystem.config.cjs",
     "prod:reload": "pm2 reload ecosystem.config.cjs",
@@ -71,6 +71,7 @@
     "dayjs": "1.11.13",
     "emoji-mart": "5.6.0",
     "emoji-picker-react": "4.12.0",
+    "es-toolkit": "1.32.0",
     "foxact": "0.2.43",
     "fuse.js": "7.0.0",
     "idb-keyval": "6.2.1",
@@ -82,7 +83,6 @@
     "jsondiffpatch": "^0.6.0",
     "katex": "^0.16.21",
     "kbar": "0.1.0-beta.45",
-    "lodash.get": "4.4.2",
     "markdown-escape": "2.0.0",
     "markdown-to-jsx": "npm:@innei/[email protected]",
     "marked": "15.0.6",
@@ -104,13 +104,14 @@
     "react-intersection-observer": "9.15.1",
     "react-responsive-masonry": "2.7.1",
     "react-router-dom": "7.1.3",
-    "react-toastify": "11.0.3",
+    "react-shadow": "20.6.0",
     "react-tweet": "3.2.1",
     "remark-directive": "3.0.1",
     "remove-markdown": "0.6.0",
     "rss": "1.2.2",
     "server-only": "^0.0.1",
     "socket.io-client": "4.8.1",
+    "sonner": "1.7.4",
     "tailwind-merge": "2.6.0",
     "unidata.js": "0.8.0",
     "unified": "^11.0.5",
@@ -213,4 +214,4 @@
   "browserslist": [
     "defaults and fully supports es6-module"
   ]
-}
+}

pnpm-lock.yaml

@@ -3,12 +3,10 @@
 import type { Metadata, Viewport } from 'next'
 import { PublicEnvScript } from 'next-runtime-env'
 import type { PropsWithChildren } from 'react'
-import { ToastContainer } from 'react-toastify'
 
 import PKG from '~/../package.json'
 import { Global } from '~/components/common/Global'
 import { HydrationEndDetector } from '~/components/common/HydrationEndDetector'
-import { ScrollTop } from '~/components/common/ScrollTop'
 import { SyncServerTime } from '~/components/common/SyncServerTime'
 import { Root } from '~/components/layout/root/Root'
 import { AccentColorStyleInjector } from '~/components/modules/shared/AccentColorStyleInjector'
@@ -192,8 +190,8 @@ export default async function RootLayout(props: PropsWithChildren) {
             <SearchPanelWithHotKey />
             <Analyze />
             <SyncServerTime />
-            <ToastContainer />
-            <ScrollTop />
+
+            {/* <ScrollTop /> */}
             <div className="fixed inset-y-0 right-0 w-[var(--removed-body-scroll-bar-size)]" />
           </WebAppProviders>
         </body>

src/app/(app)/layout.tsx

@@ -1,5 +1,4 @@
-// @ts-expect-error
-import get from 'lodash.get'
+import { get } from 'es-toolkit/compat'
 import { Fragment } from 'react/jsx-runtime'
 import type { RouteObject } from 'react-router-dom'
 

src/app/(dashboard)/dashboard/[[...catch_all]]/route-builder.ts

@@ -1,7 +1,6 @@
 import type { Viewport } from 'next'
 import { PublicEnvScript } from 'next-runtime-env'
 import type { PropsWithChildren } from 'react'
-import { ToastContainer } from 'react-toastify'
 
 import { ClientOnly } from '~/components/common/ClientOnly'
 import { HydrationEndDetector } from '~/components/common/HydrationEndDetector'
@@ -75,7 +74,6 @@ export default async function RootLayout({ children }: PropsWithChildren) {
             <FABContainer />
           </ClientOnly>
         </DashboardAppProviders>
-        <ToastContainer />
       </body>
     </html>
   )

src/app/(dashboard)/layout.tsx

@@ -27,7 +27,7 @@ export const login = async (username?: string, password?: string) => {
       jotaiStore.set(isLoggedAtom, true)
 
       await fetchAppUrl()
-      toast(`欢迎回来，${jotaiStore.get(ownerAtom)?.name}`, 'success')
+      toast.success(`欢迎回来，${jotaiStore.get(ownerAtom)?.name}`)
     }
 
     return true

src/atoms/owner.ts

@@ -108,7 +108,7 @@ const LikeButton = () => {
         control.start('tap', {
           repeat: 5,
         })
-        toast('谢谢你！', undefined, {
+        toast.success('谢谢你！', {
           iconElement: (
             <m.i
               className="i-mingcute-heart-fill text-uk-red-light"

src/components/modules/note/NoteActionAside.tsx

@@ -24,7 +24,7 @@ export const NoteHideIfSecret: Component = ({ children }) => {
     const MAX_TIMEOUT = (2 ^ 31) - 1
     if (isSecret && timeout && timeout < MAX_TIMEOUT) {
       timer = setTimeout(() => {
-        toast('刷新以查看解锁的文章', 'info', { autoClose: false })
+        toast.info('刷新以查看解锁的文章', { autoClose: false })
       }, timeout)
     }
 

src/components/modules/note/NoteHideIfSecret.tsx

@@ -112,7 +112,7 @@ const LikeButton = () => {
       onClick={() => {
         handleLike()
         control.start('tap')
-        toast('捕捉一只大佬！', undefined, {
+        toast.success('捕捉一只大佬！', {
           iconElement: (
             <m.i
               className="text-uk-orange-light"

src/components/modules/post/PostActionAside.tsx

@@ -38,7 +38,7 @@ const shareList = [
     icon: <i className="i-mingcute-copy-fill" />,
     onClick: (data: ShareData) => {
       navigator.clipboard.writeText(data.url)
-      toast('已复制到剪贴板')
+      toast.success('已复制到剪贴板')
     },
   },
 ]