diff options
author | Kristóf Marussy <kristof@marussy.com> | 2022-08-12 19:54:46 +0200 |
---|---|---|
committer | Kristóf Marussy <kristof@marussy.com> | 2022-08-12 19:54:46 +0200 |
commit | d22c3b0c257f5daf5b401988a35ab9ce981a2341 (patch) | |
tree | 0a661c927c37b52197326d1c05e211daf9bd19e5 /subprojects/frontend/src/index.tsx | |
parent | fix(language): rule parsing test (diff) | |
download | refinery-d22c3b0c257f5daf5b401988a35ab9ce981a2341.tar.gz refinery-d22c3b0c257f5daf5b401988a35ab9ce981a2341.tar.zst refinery-d22c3b0c257f5daf5b401988a35ab9ce981a2341.zip |
refactor(frontend): move from Webpack to Vite
Also overhaulds the building and linting for frontend assets.
Diffstat (limited to 'subprojects/frontend/src/index.tsx')
-rw-r--r-- | subprojects/frontend/src/index.tsx | 46 |
1 files changed, 32 insertions, 14 deletions
diff --git a/subprojects/frontend/src/index.tsx b/subprojects/frontend/src/index.tsx index 152c0bf7..2176b277 100644 --- a/subprojects/frontend/src/index.tsx +++ b/subprojects/frontend/src/index.tsx | |||
@@ -1,13 +1,25 @@ | |||
1 | import React from 'react'; | ||
2 | import { createRoot } from 'react-dom/client'; | ||
3 | import CssBaseline from '@mui/material/CssBaseline'; | 1 | import CssBaseline from '@mui/material/CssBaseline'; |
2 | import React, { Suspense, lazy } from 'react'; | ||
3 | import { createRoot } from 'react-dom/client'; | ||
4 | import '@fontsource/jetbrains-mono/400.css'; | ||
5 | import '@fontsource/jetbrains-mono/400-italic.css'; | ||
6 | import '@fontsource/jetbrains-mono/700.css'; | ||
7 | import '@fontsource/jetbrains-mono/700-italic.css'; | ||
8 | import '@fontsource/jetbrains-mono/variable.css'; | ||
9 | import '@fontsource/jetbrains-mono/variable-italic.css'; | ||
10 | import '@fontsource/roboto/300.css'; | ||
11 | import '@fontsource/roboto/300-italic.css'; | ||
12 | import '@fontsource/roboto/400.css'; | ||
13 | import '@fontsource/roboto/400-italic.css'; | ||
14 | import '@fontsource/roboto/500.css'; | ||
15 | import '@fontsource/roboto/500-italic.css'; | ||
16 | import '@fontsource/roboto/700.css'; | ||
17 | import '@fontsource/roboto/700-italic.css'; | ||
4 | 18 | ||
5 | import { App } from './App'; | 19 | import Loading from './Loading'; |
6 | import { RootStore, RootStoreProvider } from './RootStore'; | 20 | import RootStore, { RootStoreProvider } from './RootStore'; |
7 | import { ThemeProvider } from './theme/ThemeProvider'; | 21 | import ThemeProvider from './theme/ThemeProvider'; |
8 | import { getLogger } from './utils/logger'; | 22 | import getLogger from './utils/getLogger'; |
9 | |||
10 | import './index.scss'; | ||
11 | 23 | ||
12 | const log = getLogger('index'); | 24 | const log = getLogger('index'); |
13 | 25 | ||
@@ -60,13 +72,19 @@ scope Family = 1, Person += 5..10. | |||
60 | 72 | ||
61 | const rootStore = new RootStore(initialValue); | 73 | const rootStore = new RootStore(initialValue); |
62 | 74 | ||
75 | const App = lazy(() => import('./App.js')); | ||
76 | |||
63 | const app = ( | 77 | const app = ( |
64 | <RootStoreProvider rootStore={rootStore}> | 78 | <React.StrictMode> |
65 | <ThemeProvider> | 79 | <RootStoreProvider rootStore={rootStore}> |
66 | <CssBaseline /> | 80 | <ThemeProvider> |
67 | <App /> | 81 | <CssBaseline enableColorScheme /> |
68 | </ThemeProvider> | 82 | <Suspense fallback={<Loading />}> |
69 | </RootStoreProvider> | 83 | <App /> |
84 | </Suspense> | ||
85 | </ThemeProvider> | ||
86 | </RootStoreProvider> | ||
87 | </React.StrictMode> | ||
70 | ); | 88 | ); |
71 | 89 | ||
72 | const rootElement = document.getElementById('app'); | 90 | const rootElement = document.getElementById('app'); |