Project started 🥂

src/index.tsx

@@ -0,0 +1,39 @@
+import 'modern-sk/styles.css';
+import 'modern-sk/fonts.css';
+import './styles/global.css';
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import { Provider } from 'react-redux';
+import { BrowserRouter } from 'react-router';
+import { ThemeProvider, TooltipProvider } from 'modern-sk';
+import { store } from './store';
+import { AppRoutes } from './routes';
+
+// Import all endpoint injections to ensure they are registered
+import './api/endpoints/auth';
+import './api/endpoints/library';
+import './api/endpoints/playlists';
+import './api/endpoints/downloads';
+import './api/endpoints/likes';
+import './api/endpoints/storage';
+import './api/endpoints/admin';
+import './api/endpoints/upload';
+
+const rootEl = document.getElementById('root');
+if (rootEl) {
+  // grained black-ish background + base text color from modern-sk
+  rootEl.classList.add('modern-sk-felt');
+  ReactDOM.createRoot(rootEl).render(
+    <React.StrictMode>
+      <Provider store={store}>
+        <BrowserRouter>
+          <ThemeProvider>
+            <TooltipProvider delayDuration={200}>
+              <AppRoutes />
+            </TooltipProvider>
+          </ThemeProvider>
+        </BrowserRouter>
+      </Provider>
+    </React.StrictMode>,
+  );
+}