renewal

recreate project by using https://github.com/shadcn/next-template

App:
- support dark mode
- add toggle theme button
- add clear search button
- add search button
- add current page indicator
- add tool group pages
- add settings tool
- add 1 tab format option to Json format tool
- add paste button to some tools
- add file button to some tools
- add copy button to some tools
- add clear button to some tools
- change favicon
- change search hit rate
- change each page title
- change icons from Material Icons to Lucide
- change sidebar scroll area
- change editor from Ace to Monaco
- change parsable separators of number base converter
- change default value of format option of number base converter
- change default values of some tool forms
- change some styles
- remove disabled tools
- remove real-time search
- fix uri encoding tool

Dev:
- MUI + Emotion -> Radix UI + Tailwind CSS
- Next.js 12 Pages -> Next.js 13 App Router
- React 17 -> React 18
- many other packages upgraded
- use useState instead of recoil
- use Next.js typedRoutes instead of pathpida
- clean npm scripts
- format import statements by Prettier
- no component separations between container and presenter
- effective component memoizations
- add vscode settings
- many refactors

package.json

@@ -5,57 +5,67 @@
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "fix": "run-s fix:*",
-    "fix:path": "yarn path",
-    "fix:type": "yarn typecheck",
-    "fix:lint": "yarn lint --fix",
-    "fix:format": "yarn format",
-    "path": "pathpida -o ./src/libs --ignorePath .gitignore --enableStatic",
+    "ci": "yarn typecheck && yarn lint && yarn format:check",
+    "fix": "yarn lint:fix && yarn format:write",
+    "lint": "next lint",
+    "lint:fix": "next lint --fix",
+    "preview": "next build && next start",
     "typecheck": "tsc --noEmit",
-    "lint": "eslint src --cache",
-    "format": "prettier --write './**/*.{js,jsx,ts,tsx,json,css}'"
+    "format:write": "yarn format --write",
+    "format:check": "yarn format --check",
+    "format": "prettier \"**/*.{js,jsx,ts,tsx,css,json,md}\" --cache"
   },
   "dependencies": {
-    "@emotion/cache": "^11.7.1",
-    "@emotion/react": "^11.8.2",
-    "@emotion/server": "^11.4.0",
-    "@emotion/styled": "^11.8.1",
-    "@fontsource/roboto": "^4.5.3",
-    "@mui/icons-material": "^5.5.1",
-    "@mui/material": "^5.5.1",
-    "ace-builds": "^1.4.14",
+    "@monaco-editor/react": "^4.5.1",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-label": "^2.0.2",
+    "@radix-ui/react-select": "^1.2.2",
+    "@radix-ui/react-separator": "^1.0.3",
+    "@radix-ui/react-switch": "^1.0.3",
+    "@radix-ui/react-tooltip": "^1.0.6",
+    "class-variance-authority": "^0.6.0",
+    "clsx": "^1.2.1",
+    "cmdk": "^0.2.0",
     "create-hash": "^1.2.0",
     "fast-deep-equal": "^3.1.3",
-    "fp-ts": "^2.11.9",
-    "fuse.js": "^6.5.3",
+    "fp-ts": "^2.16.0",
+    "fuse.js": "^6.6.2",
     "html-entities": "^2.3.3",
-    "js-base64": "^3.7.2",
+    "io-ts": "^2.2.20",
+    "js-base64": "^3.7.5",
     "jwt-decode": "^3.1.2",
-    "next": "12.1.0",
-    "react": "17.0.2",
-    "react-ace": "^9.5.0",
-    "react-dom": "17.0.2",
-    "recoil": "^0.6.1",
-    "uuid": "^8.3.2",
-    "yaml": "^1.10.2"
+    "lucide-react": "^0.221.0",
+    "next": "13.4.4",
+    "next-themes": "^0.2.1",
+    "react": "18.2.0",
+    "react-day-picker": "^8.7.1",
+    "react-dom": "18.2.0",
+    "sharp": "^0.32.1",
+    "tailwind-merge": "^1.12.0",
+    "tailwindcss-animate": "^1.0.5",
+    "uuid": "^9.0.0",
+    "yaml": "^2.3.1"
   },
   "devDependencies": {
-    "@emotion/babel-plugin": "^11.7.2",
+    "@ianvs/prettier-plugin-sort-imports": "^3.7.2",
     "@types/create-hash": "^1.2.2",
-    "@types/node": "^16.11.45",
-    "@types/react": "17.0.41",
-    "@types/uuid": "^8.3.4",
-    "@typescript-eslint/eslint-plugin": "^5.15.0",
-    "@typescript-eslint/parser": "^5.15.0",
-    "babel-plugin-import": "^1.13.3",
-    "eslint": "8.11.0",
+    "@types/node": "~16.18.33",
+    "@types/react": "~18.2.7",
+    "@types/react-dom": "~18.2.4",
+    "@types/uuid": "^9.0.1",
+    "@typescript-eslint/eslint-plugin": "^5.59.7",
+    "@typescript-eslint/parser": "^5.59.7",
+    "autoprefixer": "^10.4.14",
+    "eslint": "^8.41.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^16.1.4",
-    "eslint-config-next": "12.1.0",
-    "eslint-config-prettier": "^8.5.0",
-    "npm-run-all": "^4.1.5",
-    "pathpida": "^0.18.0",
-    "prettier": "^2.6.0",
-    "typescript": "4.6.2"
+    "eslint-config-airbnb-typescript": "^17.0.0",
+    "eslint-config-next": "~13.4.4",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-tailwindcss": "^3.12.0",
+    "postcss": "^8.4.23",
+    "prettier": "^2.8.8",
+    "tailwindcss": "^3.3.2",
+    "typescript": "^5.0.4"
   }
 }