Merge pull request #16 from PezhmanGhavami/update/resume-and-packages

update: npm packages and resume file
PezhmanGhavami · Oct 24, 2024 · af28de4 · af28de4
2 parents 7b4f2b8 + f28009f
commit af28de4
Show file tree

Hide file tree

Showing 13 changed files with 1,213 additions and 651 deletions.
diff --git a/.eslintignore b/.eslintignore
diff --git a/.eslintrc.json b/.eslintrc.json
diff --git a/.github/workflows/cd.yml b/.github/workflows/cd.yml
@@ -13,7 +13,7 @@ jobs:
 
     strategy:
       matrix:
-        node-version: [20.x]
+        node-version: [22.x]
 
     steps:
       - uses: actions/checkout@v3

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,5 +1,5 @@
 import type { Viewport } from "next";
-import "./globals.css";
+import type { ReactNode } from "react";
 
 import "./globals.css";
 
@@ -33,7 +33,7 @@ export const generateMetadata = async () => {
 export default function RootLayout({
   children,
 }: Readonly<{
-  children: React.ReactNode;
+  children: ReactNode;
 }>) {
   return (
     <html className="scroll-smooth" lang="en">

diff --git a/components/Navbar.tsx b/components/Navbar.tsx
@@ -149,7 +149,7 @@ const Navbar = () => {
       {openMenu && (
         <div
           onClick={closeMenu}
-          className="fixed inset-0 z-10 h-screen w-screen bg-neutral-900/10 backdrop-blur-sm"
+          className="fixed inset-0 z-10 h-dvh w-screen bg-neutral-900/10 backdrop-blur-sm"
         />
       )}
       <header
@@ -200,7 +200,7 @@ const Navbar = () => {
           {/* Nav links and resume button */}
           <nav
             className={cn(
-              "absolute right-0 top-0 z-20 flex h-screen w-2/3 flex-1 flex-col justify-evenly",
+              "absolute right-0 top-0 z-20 flex h-dvh w-2/3 flex-1 flex-col justify-evenly",
               "bg-neutral-800 px-10 text-center text-lg transition-transform duration-300",
               "sm:static sm:ml-2 sm:h-auto sm:translate-x-0 sm:flex-row sm:items-center sm:justify-between sm:bg-transparent sm:px-0 sm:text-base",
               openMenu ? "translate-x-0" : "translate-x-full",

diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -0,0 +1,83 @@
+import js from "@eslint/js";
+import globals from "globals";
+import prettier from "eslint-config-prettier";
+import pluginNext from "@next/eslint-plugin-next";
+import typescriptParser from "@typescript-eslint/parser";
+import typescriptPlugin from "@typescript-eslint/eslint-plugin";
+
+/** @type {import("eslint").Linter.Config} */
+const config = [
+  // Core ESLint recommendations
+  js.configs.recommended,
+
+  // Prettier config to prevent conflict
+  prettier,
+
+  // TypeScript support
+  {
+    files: ["**/*.js", "**/*.ts", "**/*.jsx", "**/*.tsx", "**/*.mdx"],
+    languageOptions: {
+      parser: typescriptParser,
+    },
+    plugins: {
+      "@typescript-eslint": typescriptPlugin,
+    },
+    rules: typescriptPlugin.configs.recommended.rules,
+  },
+
+  // Next.js plugin
+  {
+    files: ["**/*.js", "**/*.ts", "**/*.jsx", "**/*.tsx", "**/*.mdx"],
+    plugins: {
+      "@next/next": pluginNext,
+    },
+    rules: {
+      ...pluginNext.configs.recommended.rules,
+    },
+  },
+
+  // Custom rules
+  {
+    rules: {
+      "func-style": ["error", "expression", { allowArrowFunctions: true }],
+      "prefer-arrow-callback": ["error", { allowNamedFunctions: true }],
+    },
+  },
+
+  // Language options with browser and Node.js globals
+  {
+    languageOptions: {
+      ecmaVersion: 2022,
+      sourceType: "module",
+      globals: {
+        ...globals.browser,
+        ...globals.node,
+      },
+    },
+  },
+
+  // Ignored files
+  {
+    ignores: [
+      "node_modules",
+      ".pnp",
+      ".pnp.js",
+      ".yarn/install-state.gz",
+      "coverage",
+      ".next",
+      "out",
+      "build",
+      ".DS_Store",
+      "*.pem",
+      "npm-debug.log*",
+      "yarn-debug.log*",
+      "yarn-error.log*",
+      ".env*.local",
+      ".vercel",
+      "*.tsbuildinfo",
+      "next-env.d.ts",
+    ],
+  },
+];
+
+export default config;
diff --git a/next.config.mjs b/next.config.mjs
@@ -2,6 +2,17 @@
 const nextConfig = {
   reactStrictMode: true,
 
+  experimental: {
+    turbo: {
+      rules: {
+        "*.svg": {
+          loaders: ["@svgr/webpack"],
+          as: "*.js",
+        },
+      },
+    },
+  },
+
   webpack: (config) => {
     // Grab the existing rule that handles SVG imports
     const fileLoaderRule = config.module.rules.find((rule) =>