upgrade to React 19, Vite 7, Tailwind 4

2026-03-05 22:12:11 +00:00
parent 850e87f90f
commit 8f96afe015
6 changed files with 823 additions and 1025 deletions
@@ -3,6 +3,7 @@
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self' 'unsafe-eval'; connect-src 'self' http://localhost:5173 ws://localhost:5173; style-src 'self' 'unsafe-inline'; img-src 'self' data:;">
    <title>WhatTheFlat</title>
  </head>
  <body>
@@ -15,21 +15,21 @@
    "electron:build:linux": "vite build && electron-builder --linux"
  },
  "dependencies": {
+    "audiomotion-analyzer": "^4.5.4",
    "pitchy": "^4.1.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4"
  },
  "devDependencies": {
-    "@types/react": "^18.3.1",
-    "@types/react-dom": "^18.3.1",
-    "@vitejs/plugin-react": "^4.3.1",
-    "autoprefixer": "^10.4.20",
+    "@tailwindcss/vite": "^4.2.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.4",
    "concurrently": "^9.2.1",
    "electron": "^40.7.0",
    "electron-builder": "^26.8.1",
-    "postcss": "^8.4.47",
-    "tailwindcss": "^3.4.14",
-    "vite": "^5.4.10",
+    "tailwindcss": "^4.2.1",
+    "vite": "^7.3.1",
    "wait-on": "^9.0.4"
  },
  "build": {
@@ -37,7 +37,9 @@
    "productName": "WhatTheFlat",
    "files": [
      "dist/**/*",
-      "electron/**/*"
+      "electron/**/*",
+      "node_modules/**/*",
+      "package.json"
    ],
    "directories": {
      "buildResources": "assets"
@@ -1,6 +0,0 @@
-export default {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
@@ -1,6 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";

 body {
  background-color: #0f0f0f;
@@ -1,8 +1,9 @@
 import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'

 export default defineConfig({
-  plugins: [react()],
+  plugins: [react(), tailwindcss()],
  base: './',   // relative paths so Electron can load files from disk
  server: {
    port: 5173,