summaryrefslogtreecommitdiffhomepage
path: root/packages/app/src/index.tsx
blob: 66ed93d3af04152e6da31c83a9f17c9c64ccbc35 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
/* @refresh reload */
import { render } from "solid-js/web"
import { Router, Route } from "@solidjs/router"
import "@/index.css"
import Layout from "@/pages/layout"
import Home from "@/pages"
import {
  EventProvider,
  SDKProvider,
  SyncProvider,
  LocalProvider,
  ThemeProvider,
  ShikiProvider,
  MarkedProvider,
} from "@/context"

const root = document.getElementById("root")

if (import.meta.env.DEV && !(root instanceof HTMLElement)) {
  throw new Error(
    "Root element not found. Did you forget to add it to your index.html? Or maybe the id attribute got misspelled?",
  )
}

render(
  () => (
    <div class="h-full bg-background text-text-muted">
      <ThemeProvider defaultTheme="opencode" defaultDarkMode={true}>
        <ShikiProvider>
          <MarkedProvider>
            <SDKProvider>
              <EventProvider>
                <SyncProvider>
                  <LocalProvider>
                    <Router root={Layout}>
                      <Route path="/" component={Home} />
                    </Router>
                  </LocalProvider>
                </SyncProvider>
              </EventProvider>
            </SDKProvider>
          </MarkedProvider>
        </ShikiProvider>
      </ThemeProvider>
    </div>
  ),
  root!,
)