/* @refresh reload */
import { Route, Router } from "@solidjs/router";
import { render } from "solid-js/web";

import { Layout } from "./layout.tsx";

import "./styles/index.css";
import { CarView } from "./views/car/explore.tsx";
import { CollectionLayout } from "./views/collection.tsx";
import { Home } from "./views/home.tsx";
import { LabelView } from "./views/labels.tsx";
import { PdsLayout } from "./views/pds.tsx";
import { RecordView } from "./views/record.tsx";
import { BlobDebugView } from "./views/repo/blob-debug.tsx";
import { RepoLayout, repoPreload } from "./views/repo/index.tsx";
import { Settings } from "./views/settings.tsx";
import { StreamView } from "./views/stream";

render(
  () => (
    <Router root={Layout}>
      <Route path="/" component={Home} />
      <Route path={["/jetstream", "/firehose", "/spacedust"]} component={StreamView} />
      <Route path="/labels" component={LabelView} />
      <Route path="/car" component={CarView} />
      <Route path="/settings" component={Settings} />
      <Route path="/:pds" component={PdsLayout}>
        <Route path="/" />
        <Route path="/:repo" component={RepoLayout} preload={repoPreload}>
          <Route path="/" />
          <Route path="/blob/:cid" component={BlobDebugView} />
          <Route path="/:collection" component={CollectionLayout}>
            <Route path="/" />
            <Route path="/:rkey" component={RecordView} />
          </Route>
        </Route>
      </Route>
    </Router>
  ),
  document.getElementById("root") as HTMLElement,
);