update basename

.github/workflows/vite.yml

@@ -2,7 +2,7 @@ name: Deploy
 
 on:
   push:
-    branches: ['midi-player']
+    branches: ['main']
   workflow_dispatch:
 
 permissions:
@@ -37,7 +37,6 @@ jobs:
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v1
         with:
-          # Upload dist repository
           path: './tonalities'
       - name: Deploy to GitHub Pages
         id: deployment

.yarnrc.yml

@@ -16,4 +16,4 @@ packageExtensions:
       "@babel/plugin-transform-react-jsx":
         optional: true
 
-yarnPath: .yarn/releases/yarn-4.3.1.cjs
+yarnPath: .yarn/releases/yarn-4.4.0.cjs

package.json

@@ -11,11 +11,13 @@
     "@mui/material": "^5.16.0",
     "@reduxjs/toolkit": "^1.9.7",
     "@vitejs/plugin-react-swc": "^3.7.0",
+    "midi-player-js": "^2.0.16",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-redux": "^8.1.3",
     "react-router-dom": "6.24.1",
     "react-window": "^1.8.10",
+    "smplr": "^0.15.1",
     "verovio": "^4.2.0",
     "vite": "^5.3.3",
     "vite-plugin-svgr": "^4.2.0"
@@ -26,5 +28,5 @@
     "serve": "vite preview",
     "deploy": "./deploy.sh"
   },
-  "packageManager": "yarn@4.3.1"
+  "packageManager": "yarn@4.4.0"
 }

src/App.jsx

@@ -8,15 +8,10 @@ import { RouterProvider, createBrowserRouter } from 'react-router-dom'
 import { Error } from './features/Error'
 import { colors } from './utils'
 
-const router = createBrowserRouter(
-  [
-    { path: '*', element: <Landing />, errorElement: <Error /> },
-    { path: '/project/:projectId', element: <ScoreAnnotator />, errorElement: <Error /> },
-  ],
-  {
-    basename: '/tonalities',
-  }
-)
+const router = createBrowserRouter([
+  { path: '*', element: <Landing />, errorElement: <Error /> },
+  { path: '/project/:projectId', element: <ScoreAnnotator />, errorElement: <Error /> },
+])
 
 export const App = () => {
   useGetUserIdQuery()