37 lines
895 B
TypeScript
37 lines
895 B
TypeScript
import "../index";
|
|
import React from "react";
|
|
import {createRoot} from "react-dom/client";
|
|
import {DemoApp} from "./DemoApp";
|
|
import {createBrowserRouter} from "react-router-dom";
|
|
import {Kernel} from "../src/Application/Kernel";
|
|
import {NavTest} from "./NavTest";
|
|
import {Avocado} from "@phosphor-icons/react";
|
|
import {ApplicationError} from "../src/Application/ApplicationError";
|
|
|
|
// Router initialization.
|
|
const router = createBrowserRouter([
|
|
{
|
|
path: "/",
|
|
element: <DemoApp />,
|
|
children: [
|
|
{
|
|
path: "test",
|
|
element: <NavTest />,
|
|
}
|
|
],
|
|
errorElement: <ApplicationError />,
|
|
}
|
|
])
|
|
|
|
document.addEventListener("DOMContentLoaded", () => {
|
|
const demoApp = document.getElementById("demo-app");
|
|
|
|
const root = createRoot(demoApp);
|
|
|
|
root.render(<Kernel router={router} footer={
|
|
<footer>
|
|
<Avocado weight={"duotone"} size={32} />
|
|
<div>Kernel</div>
|
|
</footer>
|
|
} />);
|
|
});
|