Function OpenTraceApp

ui/src/OpenTraceApp.tsx:76–107

({
  version,
  buildTime,
  repoUrl,
}: OpenTraceAppProps = {})

 * in-browser WASM graph store.
 */
export function OpenTraceApp({
  version,
  buildTime,
  repoUrl,
}: OpenTraceAppProps = {}) {
  const [mode, setMode] = useState<StoreMode>(detectInitialMode);
  const [store, setStore] = useState<GraphStore>(() =>
    createStoreForMode(mode),
  );

  const handleConnectServer = useCallback((serverUrl: string) => {
    // Leaving in-memory mode: tear down the local Web Worker + WASM DB so it
    // doesn't linger for the page lifetime. No-op if it was never created.
    disposeLadybugStore();
    const nextMode: StoreMode = `server:${serverUrl}`;
    setMode(nextMode);
    setStore(createStoreForMode(nextMode));
  }, []);

  return (
    <StoreProvider key={mode} store={store}>
      <JobServiceProvider>
        <App
          version={version}
          buildTime={buildTime}
          initialRepoUrl={repoUrl}
          onConnectServer={handleConnectServer}
        />
      </JobServiceProvider>
    </StoreProvider>
  );
}

export default OpenTraceApp;