14cb3a36c1
* feat: Move to React.lazy * perf: Remove duplicate babel/runtime * fix: Run yarn-deduplicate * Further attempts to remove rich-markdown-editor from initial chunk * perf: Lazy loading of authenticated routes * perf: Move color picker to async loading fix: Display placeholder when loading rich editor * fix: Cache bust on auto reload
77 lines
2.9 KiB
JavaScript
77 lines
2.9 KiB
JavaScript
// @flow
|
|
import * as React from "react";
|
|
import { Switch, Route, Redirect, type Match } from "react-router-dom";
|
|
import Archive from "scenes/Archive";
|
|
import Collection from "scenes/Collection";
|
|
import Dashboard from "scenes/Dashboard";
|
|
import KeyedDocument from "scenes/Document/KeyedDocument";
|
|
import DocumentNew from "scenes/DocumentNew";
|
|
import Drafts from "scenes/Drafts";
|
|
import Error404 from "scenes/Error404";
|
|
import Search from "scenes/Search";
|
|
import Starred from "scenes/Starred";
|
|
import Templates from "scenes/Templates";
|
|
import Trash from "scenes/Trash";
|
|
|
|
import CenteredContent from "components/CenteredContent";
|
|
import Layout from "components/Layout";
|
|
import LoadingPlaceholder from "components/LoadingPlaceholder";
|
|
import SocketProvider from "components/SocketProvider";
|
|
import { matchDocumentSlug as slug } from "utils/routeHelpers";
|
|
|
|
const SettingsRoutes = React.lazy(() => import("./settings"));
|
|
|
|
const NotFound = () => <Search notFound />;
|
|
const RedirectDocument = ({ match }: { match: Match }) => (
|
|
<Redirect
|
|
to={
|
|
match.params.documentSlug ? `/doc/${match.params.documentSlug}` : "/home"
|
|
}
|
|
/>
|
|
);
|
|
|
|
export default function AuthenticatedRoutes() {
|
|
return (
|
|
<SocketProvider>
|
|
<Layout>
|
|
<Switch>
|
|
<Redirect from="/dashboard" to="/home" />
|
|
<Route path="/home/:tab" component={Dashboard} />
|
|
<Route path="/home" component={Dashboard} />
|
|
<Route exact path="/starred" component={Starred} />
|
|
<Route exact path="/starred/:sort" component={Starred} />
|
|
<Route exact path="/templates" component={Templates} />
|
|
<Route exact path="/templates/:sort" component={Templates} />
|
|
<Route exact path="/drafts" component={Drafts} />
|
|
<Route exact path="/archive" component={Archive} />
|
|
<Route exact path="/trash" component={Trash} />
|
|
<Route exact path="/collections/:id/new" component={DocumentNew} />
|
|
<Route exact path="/collections/:id/:tab" component={Collection} />
|
|
<Route exact path="/collections/:id" component={Collection} />
|
|
<Route exact path={`/d/${slug}`} component={RedirectDocument} />
|
|
<Route
|
|
exact
|
|
path={`/doc/${slug}/history/:revisionId?`}
|
|
component={KeyedDocument}
|
|
/>
|
|
<Route exact path={`/doc/${slug}/edit`} component={KeyedDocument} />
|
|
<Route path={`/doc/${slug}`} component={KeyedDocument} />
|
|
<Route exact path="/search" component={Search} />
|
|
<Route exact path="/search/:term" component={Search} />
|
|
<Route path="/404" component={Error404} />
|
|
<React.Suspense
|
|
fallback={
|
|
<CenteredContent>
|
|
<LoadingPlaceholder />
|
|
</CenteredContent>
|
|
}
|
|
>
|
|
<SettingsRoutes />
|
|
</React.Suspense>
|
|
<Route component={NotFound} />
|
|
</Switch>
|
|
</Layout>
|
|
</SocketProvider>
|
|
);
|
|
}
|