refactor: switch to vite (#19)

sdanialraza · Jan 5, 2024 · 6a0b446 · 6a0b446
1 parent 734bca3
commit 6a0b446
Show file tree

Hide file tree

Showing 32 changed files with 1,369 additions and 4,036 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -1,3 +1,11 @@
 {
-  "extends": "next/core-web-vitals"
+  "root": true,
+  "env": { "browser": true, "es2020": true },
+  "extends": ["eslint:recommended", "plugin:react-hooks/recommended", "plugin:@typescript-eslint/recommended"],
+  "ignorePatterns": ["dist"],
+  "parser": "@typescript-eslint/parser",
+  "plugins": ["react-refresh"],
+  "rules": {
+    "react-refresh/only-export-components": ["warn", { "allowConstantExport": true }]
+  }
 }
diff --git a/.gitignore b/.gitignore
@@ -1,10 +1,24 @@
-# dependencies
-/node_modules
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
 
-# next.js
-/.next/
-/out/
-next-env.d.ts
+node_modules
+dist
+dist-ssr
+*.local
 
-# production
-/build
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/index.html b/index.html
@@ -0,0 +1,40 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="default" />
+    <meta name="apple-mobile-web-app-title" content="Quotes Generator" />
+    <meta name="application-name" content="Quotes Generator" />
+    <meta name="author" content="Danial Raza" />
+    <meta name="category" content="Entertainment" />
+    <meta name="color-scheme" content="light" />
+    <meta name="creator" content="Danial Raza" />
+    <meta name="description" content="A quotes generator web app created by Danial Raza." />
+    <meta name="keywords" content="Quotes,Generator,Quotes Generator,sdanialraza,Danial,Raza" />
+    <meta name="msapplication-TileColor" content="#27374b" />
+    <meta name="theme-color" content="#27374b" />
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:description" content="A quotes generator web app created by Danial Raza." />
+    <meta name="twitter:title" content="Quotes Generator" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta property="og:description" content="A quotes generator web app created by Danial Raza." />
+    <meta property="og:site_name" content="Quotes Generator" />
+    <meta property="og:title" content="Quotes Generator" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://quotes.sdanialraza.dev" />
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+    <link rel="author" href="https://github.com/sdanialraza" />
+    <link rel="icon" href="/favicon-16x16.png" sizes="16x16" type="image/png" />
+    <link rel="icon" href="/favicon-32x32.png" sizes="32x32" type="image/png" />
+    <link rel="icon" href="/favicon.ico" type="image/ico" />
+    <link rel="manifest" href="/site.manifest" />
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" />
+
+    <title>Quotes Generator</title>
+  </head>
+  <body>
+    <div class="bg-background-color text-white antialiased" id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
diff --git a/jest.config.mjs b/jest.config.mjs
diff --git a/next.config.js b/next.config.js
diff --git a/package.json b/package.json
@@ -1,38 +1,38 @@
 {
   "name": "quotes-generator",
-  "version": "0.1.0",
   "private": true,
+  "version": "0.1.0",
+  "type": "module",
   "scripts": {
-    "build": "next build",
-    "dev": "next dev",
-    "format": "prettier --write . && eslint src --ext .cjs,.js,.mjs,.ts,.tsx --fix",
-    "start": "next start",
-    "test": "jest --watch"
+    "build": "tsc && vite build",
+    "dev": "vite",
+    "format": "prettier . --write",
+    "lint": "eslint src --ext .cjs,.js,.mjs,.ts,.tsx --fix",
+    "preview": "vite preview"
   },
   "dependencies": {
-    "@types/node": "20.10.5",
-    "@types/react": "18.2.45",
-    "@types/react-dom": "18.2.18",
-    "@vercel/analytics": "^1.1.1",
-    "autoprefixer": "10.4.16",
     "copy-to-clipboard": "^3.3.3",
-    "eslint": "8.56.0",
-    "eslint-config-next": "14.0.4",
-    "next": "14.0.4",
-    "postcss": "8.4.32",
-    "prettier": "^3.1.1",
-    "prettier-plugin-tailwindcss": "^0.5.9",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
     "react-hot-toast": "^2.4.1",
-    "tailwindcss": "3.4.0",
-    "typescript": "5.3.3"
+    "react-router-dom": "^6.21.1"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "^6.1.5",
-    "@testing-library/react": "^14.1.2",
-    "@types/jest": "^29.5.11",
-    "jest": "^29.7.0",
-    "jest-environment-jsdom": "^29.7.0"
+    "@types/react": "^18.2.46",
+    "@types/react-dom": "^18.2.18",
+    "@typescript-eslint/eslint-plugin": "^6.17.0",
+    "@typescript-eslint/parser": "^6.17.0",
+    "@vercel/analytics": "^1.1.1",
+    "@vitejs/plugin-react": "^4.2.1",
+    "autoprefixer": "^10.4.16",
+    "eslint": "^8.56.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "postcss": "^8.4.33",
+    "prettier": "^3.1.1",
+    "prettier-plugin-tailwindcss": "^0.5.10",
+    "tailwindcss": "^3.4.0",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.11"
   }
 }