import {h, render} from "preact"
import {App} from "./app"
import {ContextsProvider} from "@/utils/context";
import {routeCtx} from "@/contexts/route";
import {settingsCtx} from "@/contexts/settings";
import {topicsCtx} from "@/contexts/topics";
import {logCtx} from "@/contexts/log";

const container = document.getElementById('app');

if (!container) throw new Error("Root element not found not found")

// @ts-ignore
render(h(ContextsProvider, {
    contexts: [
        routeCtx,
        settingsCtx,
        topicsCtx,
        logCtx,
    ]
}, h(App, null)), container)