hedgedoc/src/index.tsx
Tilman Vatteroth d9292e4db0
Merge basic and full markdown renderer (#1040)
The original idea of the basic-markdown-renderer and the full-markdown-renderer was to reduce the complexity. The basic markdown renderer should just render markdown code and the full markdown renderer should implement all the special hedgedoc stuff like the embeddings.
While developing other aspects of the software I noticed, that it makes more sense to split the markdown-renderer by the view and not by the features. E.g.: The slide markdown renderer must translate <hr> into <sections> for the slides and the document markdown renderer must provide precise scroll positions. But both need e.g. the ability to show a youtube video.

Signed-off-by: Tilman Vatteroth <tilman.vatteroth@tu-dortmund.de>
2021-02-17 21:58:21 +00:00

96 lines
3.5 KiB
TypeScript

/*
* SPDX-FileCopyrightText: 2021 The HedgeDoc developers (see AUTHORS file)
*
* SPDX-License-Identifier: AGPL-3.0-only
*/
import React from 'react'
import ReactDOM from 'react-dom'
import { Provider } from 'react-redux'
import { BrowserRouter as Router, Redirect, Route, Switch } from 'react-router-dom'
import { ApplicationLoader } from './components/application-loader/application-loader'
import { NotFoundErrorScreen } from './components/common/routing/not-found-error-screen'
import { Redirector } from './components/common/routing/redirector'
import { ErrorBoundary } from './components/error-boundary/error-boundary'
import { HistoryPage } from './components/history-page/history-page'
import { IntroPage } from './components/intro-page/intro-page'
import { LandingLayout } from './components/landing-layout/landing-layout'
import { LoginPage } from './components/login-page/login-page'
import { ProfilePage } from './components/profile-page/profile-page'
import { RegisterPage } from './components/register-page/register-page'
import { store } from './redux'
import * as serviceWorkerRegistration from './service-worker-registration'
import './style/dark.scss'
import './style/index.scss'
import { isTestMode } from './utils/is-test-mode'
const EditorPage = React.lazy(() => import(/* webpackPrefetch: true *//* webpackChunkName: "editor" */ './components/editor-page/editor-page'))
const RenderPage = React.lazy(() => import (/* webpackPrefetch: true *//* webpackChunkName: "renderPage" */ './components/render-page/render-page'))
const DocumentReadOnlyPage = React.lazy(() => import (/* webpackPrefetch: true *//* webpackChunkName: "documentReadOnly" */ './components/document-read-only-page/document-read-only-page'))
ReactDOM.render(
<Provider store={ store }>
<Router>
<ApplicationLoader>
<ErrorBoundary>
<Switch>
<Route path="/history">
<LandingLayout>
<HistoryPage/>
</LandingLayout>
</Route>
<Route path="/intro">
<LandingLayout>
<IntroPage/>
</LandingLayout>
</Route>
<Route path="/login">
<LandingLayout>
<LoginPage/>
</LandingLayout>
</Route>
<Route path="/register">
<LandingLayout>
<RegisterPage/>
</LandingLayout>
</Route>
<Route path="/profile">
<LandingLayout>
<ProfilePage/>
</LandingLayout>
</Route>
<Route path="/render">
<RenderPage/>
</Route>
<Route path="/n/:id">
<EditorPage/>
</Route>
<Route path="/s/:id">
<DocumentReadOnlyPage/>
</Route>
<Route path="/:id">
<Redirector/>
</Route>
<Route path="/">
<Redirect to="/intro"/>
</Route>
<Route>
<NotFoundErrorScreen/>
</Route>
</Switch>
</ErrorBoundary>
</ApplicationLoader>
</Router>
</Provider>
, document.getElementById('root')
)
if (isTestMode()) {
console.log('This build runs in test mode. This means:\n - no sandboxed iframe')
}
// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorkerRegistration.unregister()