diff --git a/admin/index.html b/admin/index.html new file mode 100644 index 00000000..198af256 --- /dev/null +++ b/admin/index.html @@ -0,0 +1,13 @@ + + + + + + + raduwen-obs-widget + + +
+ + + diff --git a/index.html b/index.html index c22a24ee..b3a6cbb7 100644 --- a/index.html +++ b/index.html @@ -8,6 +8,6 @@
- + diff --git a/src/components/AdminApp.tsx b/src/components/AdminApp.tsx new file mode 100644 index 00000000..3ee80336 --- /dev/null +++ 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 ( + + + + ); +}; + +export { AdminApp }; diff --git a/src/components/App.tsx b/src/components/App.tsx deleted file mode 100644 index aab77701..00000000 --- a/src/components/App.tsx +++ /dev/null @@ -1,23 +0,0 @@ -import React from 'react'; - -import '@/global.css'; -import { Preview } from '@/components/Preview' -import { Index as Admin } from '@/components/admin' -import { FirebaseDatabaseProvider, FirebaseDatabaseNode } from '@react-firebase/database'; -import firebase from '@/lib/firebase'; - -const App = () => { - const params = new URLSearchParams(location.search); - - const mode = params.get('mode') || 'preview'; - - const Component = mode === 'admin' ? Admin : Preview; - - return ( - - - - ); -}; - -export { App }; diff --git a/src/components/PreviewApp.tsx b/src/components/PreviewApp.tsx new file mode 100644 index 00000000..06167f6c --- /dev/null +++ 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 ( + + + + ); +}; + +export { PreviewApp }; diff --git a/src/main.tsx b/src/pages/admin/main.tsx similarity index 72% rename from src/main.tsx rename to src/pages/admin/main.tsx index 33c3736c..8b5ff707 100644 --- a/src/main.tsx +++ b/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( - + , document.getElementById('root') ); diff --git a/src/pages/preview/main.tsx b/src/pages/preview/main.tsx new file mode 100644 index 00000000..7cae435e --- /dev/null +++ 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( + + + , + document.getElementById('root') +); diff --git a/vite.config.ts b/vite.config.ts index e66af0b2..da76c0ea 100644 --- 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()] });