chore: update TypeScript and type definitions in package.json and package-lock.json

- Add @types/node, @types/react, and @types/react-dom to dependencies for improved type support.
- Ensure TypeScript is included in the main dependencies for better development experience.
- Adjust GitHub Actions workflow to enhance caching strategy for Next.js builds.

Author: rsaz

.github/workflows/nextjs.yml

@@ -57,22 +57,24 @@ jobs:
         uses: actions/configure-pages@v3
         # Removed static_site_generator to prevent auto-injection of conflicting configs
         # We manage our own Next.js configuration in next.config.js
-      - name: Restore cache
+      - name: Cache Next.js build
         uses: actions/cache@v3
         with:
           path: |
-            .next/cache
+            ${{ github.workspace }}/.next/cache
           # Generate a new cache whenever packages or source files change.
-          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-${{ hashFiles('**.[jt]s', '**.[jt]sx') }}
+          key: ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-${{ hashFiles('**/*.[jt]s', '**/*.[jt]sx', '!node_modules/**') }}
           # If source files changed but packages didn't, rebuild from a prior cache.
           restore-keys: |
-            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json', '**/yarn.lock') }}-
+            ${{ runner.os }}-nextjs-${{ hashFiles('**/package-lock.json') }}-
       - name: Install dependencies
         run: ${{ steps.detect-package-manager.outputs.manager }} ${{ steps.detect-package-manager.outputs.command }}
         env:
           NODE_ENV: ${{ secrets.NODE_ENV }}
       - name: Build with Next.js
         run: ${{ steps.detect-package-manager.outputs.runner }} next build
+        env:
+          NEXT_TELEMETRY_DISABLED: 1
       #- name: Static HTML export with Next.js
       #run: ${{ steps.detect-package-manager.outputs.runner }} next export
       - name: Upload artifact

package-lock.json

@@ -20,6 +20,9 @@
     "@radix-ui/react-tooltip": "^1.1.3",
     "@stackblitz/sdk": "^1.11.0",
     "@tabler/icons-react": "^3.30.0",
+    "@types/node": "^22.10.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
     "@uidotdev/usehooks": "^2.4.0",
     "autoprefixer": "^10.4.20",
     "clsx": "^2.1.1",
@@ -29,12 +32,10 @@
     "react-dom": "^18.3.1",
     "scrollen": "^0.0.2",
     "tailwind-merge": "^2.5.2",
-    "tailwindcss": "^3.4.14"
+    "tailwindcss": "^3.4.14",
+    "typescript": "^5.6.3"
   },
   "devDependencies": {
-    "@types/node": "^22.10.1",
-    "@types/react": "^18.3.12",
-    "@types/react-dom": "^18.3.1",
     "@typescript-eslint/eslint-plugin": "^8.24.1",
     "cross-env": "^7.0.3",
     "eslint": "^8.57.0",
@@ -49,7 +50,6 @@
     "eslint-plugin-react": "^7.32.2",
     "eslint-plugin-react-hooks": "^5.0.0",
     "prettier": "^3.5.1",
-    "prettier-plugin-tailwindcss": "^0.6.6",
-    "typescript": "^5.6.3"
+    "prettier-plugin-tailwindcss": "^0.6.6"
   }
 }