infra: simplify eslint config

docs/eslint.config.mjs

@@ -1,11 +1,12 @@
 import { builtinModules } from "module"
-import { dirname } from "path"
-import { fileURLToPath } from "url"
+import { dirname }        from "path"
+import { fileURLToPath }  from "url"
 
-import { FlatCompat } from "@eslint/eslintrc"
-
-import configBase, { configShared } from "../.configs/eslint.config.base.mjs"
-import configStylistic from "../.configs/eslint.config.stylistic.mjs"
+import { FlatCompat }       from "@eslint/eslintrc"
+import { combine, ignores } from "@aolyang/eslint-config"
+import importExport from "@aolyang/eslint-config/import-export"
+import stylistic    from "@aolyang/eslint-config/stylistic"
+import typescript   from "@aolyang/eslint-config/typescript"
 
 const __filename = fileURLToPath(import.meta.url)
 const __dirname = dirname(__filename)
@@ -14,44 +15,25 @@ const compat = new FlatCompat({
     baseDirectory: __dirname
 })
 
-const eslintConfig = [
-    ...compat.extends("next/core-web-vitals"),
-    {
-        plugins: {
-            "@stylistic": configShared[0].plugins["@stylistic"],
-            "simple-import-sort": configShared[0].plugins["simple-import-sort"]
-        }
-    },
-    ...configBase,
-    ...configStylistic,
-    {
+export default combine(
+    compat.extends("next/core-web-vitals"),
+    stylistic(),
+    typescript(),
+    importExport(),
+    importExport({
+        files: ["eslint.config.mjs"],
         rules: {
             "simple-import-sort/imports": [
                 "error",
                 {
                     groups: [
-                        // style less,scss,css
-                        ["^.+\\.(l|s)?css$"],
-                        // Side effect imports.
-                        ["^\\u0000"],
-                        ["\\u0000$"],
-                        [
-                            "globals",
-                            `node:`,
-                            `^(${builtinModules.join("|")})(/|$)`
-                        ],
-                        ["^@?\\w.*\\u0000$", "^[^.].*\\u0000$", "^\\..*\\u0000$"],
-                        ["^"],
-                        ["^\\."]
+                        ["globals", "module", "node:", `^(${builtinModules.join("|")})(/|$)`],
+                        ["^@eslint", "^eslint-*", "^@?\\w"],
+                        ["^"]
                     ]
                 }
             ]
-
         }
-    },
-    {
-        ignores: ["\\.next"]
-    }
-]
-
-export default eslintConfig
+    }),
+    { ignores: ignores.concat(["**/_meta.ts"]) }
+)

docs/src/app/[lang]/layout.tsx

@@ -5,13 +5,14 @@ import "@/styles/tailwind.css"
 import type { Metadata } from "next"
 import type { ReactNode } from "react"
 
-import ClientThemeProvider from "@/components/ClientThemeProvider"
-import { i18n } from "@/utils/i18n"
 import { AppRouterCacheProvider } from "@mui/material-nextjs/v15-appRouter"
 import { Head } from "nextra/components"
 import { getPageMap } from "nextra/page-map"
 import { Footer, LastUpdated, Layout, LocaleSwitch, Navbar, ThemeSwitch } from "nextra-theme-docs"
 
+import ClientThemeProvider from "@/components/ClientThemeProvider"
+import { i18n } from "@/utils/i18n"
+
 export const { viewport } = Head
 
 export const metadata: Metadata = {

docs/src/components/ClientThemeProvider.tsx

@@ -1,9 +1,10 @@
 "use client"
 import type { ReactNode } from "react"
 
-import theme from "@/utils/theme"
 import { CssBaseline, ThemeProvider } from "@mui/material"
 
+import theme from "@/utils/theme"
+
 export default function ClientThemeProvider({ children }: { children: ReactNode }) {
     return (
         <ThemeProvider theme={theme} modeStorageKey="theme">

docs/src/components/Hr.tsx

@@ -9,7 +9,7 @@ export default function Hr({ className = "", ...restProps }: HrProps) {
     return (
         <div
             className={cn(
-                `border-r border-neutral-400 dark:border-neutral-500`,
+                "border-r border-neutral-400 dark:border-neutral-500",
                 className
             )}
             {...restProps}

docs/src/components/PlainTextDropdown.tsx

@@ -1,12 +1,13 @@
 import type { ForwardedRef, ReactNode } from "react"
 
-import useMenuTrigger from "@/hooks/useMenuTrigger"
 import { mdiMenuDown } from "@mdi/js"
 import { Icon } from "@mdi/react"
 import { ButtonBase, ClickAwayListener, Menu, MenuList, Tooltip } from "@mui/material"
 import cn from "clsx"
 import { forwardRef, useImperativeHandle } from "react"
 
+import useMenuTrigger from "@/hooks/useMenuTrigger"
+
 interface PlainTextSelectProps {
     className?: string
     Label: ReactNode

docs/src/components/editor-toolbars/Blockquote.tsx

@@ -1,6 +1,7 @@
-import IconBar from "@/components/IconBar"
 import { ediBlockquote } from "@tiptiz/editor-icons"
 
+import IconBar from "@/components/IconBar"
+
 export default function Blockquote() {
     return <IconBar path={ediBlockquote} tooltip="Blockquote" />
 }

docs/src/components/editor-toolbars/BulletList.tsx

@@ -1,7 +1,8 @@
-import PlainTextSelect from "@/components/PlainTextSelect"
 import { Icon } from "@mdi/react"
 import { ediBulletList, ediListCircle, ediListDisc, ediListSquare } from "@tiptiz/editor-icons"
 
+import PlainTextSelect from "@/components/PlainTextSelect"
+
 interface ListStyle {
     icon?: string
     label?: string

docs/src/components/editor-toolbars/CheckList.tsx

@@ -1,6 +1,7 @@
-import IconBar from "@/components/IconBar"
 import { ediCheckList } from "@tiptiz/editor-icons"
 
+import IconBar from "@/components/IconBar"
+
 export default function CheckList() {
     return <IconBar path={ediCheckList} tooltip="Check List" />
 }

docs/src/components/editor-toolbars/CodeBlock.tsx

@@ -1,6 +1,7 @@
-import IconBar from "@/components/IconBar"
 import { ediCodeBlock } from "@tiptiz/editor-icons"
 
+import IconBar from "@/components/IconBar"
+
 export default function CodeBlock() {
     return <IconBar path={ediCodeBlock} tooltip="Code Block" />
 }

docs/src/components/editor-toolbars/Emoji.tsx

@@ -1,6 +1,7 @@
-import IconBar from "@/components/IconBar"
 import { ediEmoji } from "@tiptiz/editor-icons"
 
+import IconBar from "@/components/IconBar"
+
 export default function Emoji() {
     return <IconBar path={ediEmoji} tooltip="Emoji" />
 }

docs/src/components/editor-toolbars/FontBold.tsx

@@ -1,6 +1,7 @@
-import IconBar from "@/components/IconBar"
 import { ediBold } from "@tiptiz/editor-icons"
 
+import IconBar from "@/components/IconBar"
+
 export default function FontBold() {
     return <IconBar tooltip="Font Bold" path={ediBold} />
 }

docs/src/components/editor-toolbars/FontItalic.tsx

@@ -1,6 +1,7 @@
-import IconBar from "@/components/IconBar"
 import { ediItalic } from "@tiptiz/editor-icons"
 
+import IconBar from "@/components/IconBar"
+
 export default function FontItalic() {
     return <IconBar path={ediItalic} tooltip="Font Italic" />
 }

docs/src/components/editor-toolbars/FontSizeMinus.tsx

@@ -1,6 +1,7 @@
-import IconBar from "@/components/IconBar"
 import { ediFontSizeMinus } from "@tiptiz/editor-icons"
 
+import IconBar from "@/components/IconBar"
+
 export default function FontSizeMinus() {
     return <IconBar tooltip="Font Size Decrease" path={ediFontSizeMinus} />
 }

docs/src/components/editor-toolbars/FontSizePus.tsx

@@ -1,6 +1,7 @@
-import IconBar from "@/components/IconBar"
 import { ediFontSizePlus } from "@tiptiz/editor-icons"
 
+import IconBar from "@/components/IconBar"
+
 export default function FontSizePus() {
     return <IconBar tooltip="Font Size Increase" path={ediFontSizePlus} />
 }