notegraf-web 0.1.1

The reference web frontend of Notegraf
Documentation
import * as React from "react";
import {createRoot} from "react-dom/client";
import {BrowserRouter, Route, Routes} from "react-router-dom";
import * as pages from "./pages";
import "./app.css";

const container = document.getElementById('app') as HTMLInputElement;
const root = createRoot(container);
root.render(
    <React.StrictMode>
        <BrowserRouter>
            <Routes>
                <Route path="/" element={<pages.App/>}>
                    <Route path="note" element={<pages.NoteTop/>}>
                        <Route index element={<pages.SearchResults/>}/>
                        <Route path={"new"}>
                            <Route index element={<pages.NoteNewSessions/>}/>
                            <Route path={":sessionTs"} element={<pages.NoteNew/>}/>
                        </Route>
                        <Route path=":noteID">
                            <Route index element={<pages.NoteSequence/>}/>
                            <Route path={"edit"}>
                                <Route index element={<pages.NoteEditSessions/>}/>
                                <Route path={":sessionTs"} element={<pages.NoteEdit/>}/>
                            </Route>
                            <Route path={"branch"}>
                                <Route index element={<pages.NoteBranchSessions/>}/>
                                <Route path={":sessionTs"} element={<pages.NoteBranch/>}/>
                            </Route>
                            <Route path={"append"}>
                                <Route index element={<pages.NoteAppendSessions/>}/>
                                <Route path={":sessionTs"} element={<pages.NoteAppend/>}/>
                            </Route>
                            <Route path="revision">
                                <Route index element={<pages.NoteRevisions/>}/>
                                <Route path=":revision" element={<pages.NoteRevision/>}/>
                            </Route>
                        </Route>
                    </Route>
                    <Route path={"tags"} element={<pages.TagList/>}/>
                </Route>
                <Route
                    path="*"
                    element={
                        <p>Invalid path</p>
                    }
                />
            </Routes>
        </BrowserRouter>
    </React.StrictMode>
);