vtc-service 0.7.0

Service for Verifiable Trust Communities
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66

import { StrictMode } from "react";
import { createRoot } from "react-dom/client";
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { BrowserRouter } from "react-router-dom";

import App from "@/App";
import { ConfirmDialogProvider } from "@/components/ConfirmDialog";
import { loadThirdPartyPlugins } from "@/lib/plugin-loader";
import { applyStoredTheme } from "@/lib/theme";
import { ToastProvider } from "@/lib/toast";
import { registerBuiltinPlugins } from "@/plugins";
import "@fontsource-variable/inter";
import "@fontsource-variable/jetbrains-mono";
import "@/styles.css";

// Apply the persisted theme before first paint so the cascade picks
// the right `color-scheme` without a flash.
applyStoredTheme();

// Single QueryClient instance per page load. Sane defaults: short
// stale time so the operator's view stays fresh, no automatic
// refetch on window focus (annoying for an admin tool that often
// sits open in a background tab).
const queryClient = new QueryClient({
  defaultOptions: {
    queries: {
      staleTime: 5_000,
      refetchOnWindowFocus: false,
      retry: 1,
    },
  },
});

// Plugin discovery happens in two waves:
//
// 1. **Built-ins** (`src/plugins/*`) register synchronously at
//    module load via `registerBuiltinPlugins()`. They ride along
//    with the shell bundle.
// 2. **Third-party plugins** are listed in `/admin/plugins.json`
//    and dynamically `import()`-ed before render. Loading them
//    before mount means the nav has the full plugin set by first
//    paint — no flash of "missing tabs."
//
// Both paths converge on `window.VtcPluginApi.registerPlugin` /
// the local `registerPlugin` import, so the shell renders from a
// unified registry regardless of source.
registerBuiltinPlugins();

// Avoid top-level await (esbuild's default target doesn't permit
// it). Mount after the loader resolves; the registry is fully
// populated by first paint either way.
loadThirdPartyPlugins().finally(() => {
  createRoot(document.getElementById("root")!).render(
    <StrictMode>
      <QueryClientProvider client={queryClient}>
        <ToastProvider>
          <ConfirmDialogProvider>
            <BrowserRouter basename="/admin">
              <App />
            </BrowserRouter>
          </ConfirmDialogProvider>
        </ToastProvider>
      </QueryClientProvider>
    </StrictMode>,
  );
});