raduwen · raduwen · Aug 26, 2021 · Aug 26, 2021 · Aug 26, 2021 · Aug 26, 2021
diff --git a/admin/index.html b/admin/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/src/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>raduwen-obs-widget</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/pages/admin/main.tsx"></script>
+  </body>
+</html>
diff --git a/index.html b/index.html
@@ -8,6 +8,6 @@
   </head>
   <body>
     <div id="root"></div>
-    <script type="module" src="/src/main.tsx"></script>
+    <script type="module" src="/src/pages/preview/main.tsx"></script>
   </body>
 </html>
diff --git a/src/components/AdminApp.tsx b/src/components/AdminApp.tsx
@@ -0,0 +1,16 @@
+import React from 'react';
+
+import '@/global.css';
+import { Index } from '@/components/admin'
+import { FirebaseDatabaseProvider } from '@react-firebase/database';
+import firebase from '@/lib/firebase';
+
+const AdminApp = () => {
+  return (
+    <FirebaseDatabaseProvider firebase={firebase}>
+      <Index />
+    </FirebaseDatabaseProvider>
+  );
+};
+
+export { AdminApp };
diff --git a/src/components/App.tsx b/src/components/App.tsx
diff --git a/src/components/PreviewApp.tsx b/src/components/PreviewApp.tsx
@@ -0,0 +1,16 @@
+import React from 'react';
+
+import '@/global.css';
+import { Preview } from '@/components/Preview'
+import { FirebaseDatabaseProvider } from '@react-firebase/database';
+import firebase from '@/lib/firebase';
+
+const PreviewApp = () => {
+  return (
+    <FirebaseDatabaseProvider firebase={firebase}>
+      <Preview />
+    </FirebaseDatabaseProvider>
+  );
+};
+
+export { PreviewApp };
diff --git a/src/main.tsx → src/pages/admin/main.tsx b/src/main.tsx → src/pages/admin/main.tsx
@@ -2,11 +2,11 @@ import React from 'react';
 import { render } from 'react-dom';
 
 import '@/global.css';
-import { App } from '@/components/App';
+import { AdminApp } from '@/components/AdminApp';
 
 render(
   <React.StrictMode>
-    <App />
+    <AdminApp />
   </React.StrictMode>,
   document.getElementById('root')
 );
diff --git a/src/pages/preview/main.tsx b/src/pages/preview/main.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import { render } from 'react-dom';
+
+import '@/global.css';
+import { PreviewApp } from '@/components/PreviewApp';
+
+render(
+  <React.StrictMode>
+    <PreviewApp />
+  </React.StrictMode>,
+  document.getElementById('root')
+);
diff --git a/vite.config.ts b/vite.config.ts
@@ -1,8 +1,17 @@
 import { defineConfig } from 'vite';
 import reactRefresh from '@vitejs/plugin-react-refresh';
 import tsconfigPaths from 'vite-tsconfig-paths';
+import { resolve } from 'path';
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  build: {
+    rollupOptions: {
+      input: {
+        main: resolve(__dirname, 'index.html'),
+        admin: resolve(__dirname, 'admin/index.html'),
+      }
+    }
+  },
   plugins: [tsconfigPaths(), reactRefresh()]
 });