mirror of
https://github.com/deepseek-ai/deepseek-harness
synced 2026-08-15 21:04:50 +00:00
8b3d1ac943
The data layer no longer depends on the React glue package, and business plugins no longer depend on web-react at all: - The store engine (zustand vanilla + immer + persist + dev freeze), defineStore, and shallowEqual move to @deepseek-ai/dsh-client-runtime, exported from the ./client main entry — no ./store subpath survives on either package (the web-react one is deleted, none is opened on runtime). - Store products are bare snapshot sources: useSelector leaves SnapshotStore/StoreInstance and Session; every hook is composed at the binding site in web-react's renderer (per-source cached uSES binding). The SlotRendererHost sessions face carries bare observables only. - SessionProvider becomes a standard-kit seat: an entry whose children declare a session-scope slot receives the framework component as a prop, retiring the last value import of web-react from plugin packages. UseSession and the session-area types now live in ui-slots. - web-react shrinks to the shell-only React glue (renderer, providers, uSES bridge); zustand/immer belong to runtime alone; the module-table seed and tsdown externals drop the web-react/store seat. - NODE_ENV replacement is defined once in the shared tsdown client preset (browser bundles inline the engine and lost vite's define); the 3-line process.env typecheck shim moves to runtime with the engine. - Stray tsc artifacts (.js/.d.ts/.d.ts.map beside sources under src/) swept repo-wide; they shadow real sources under vitest resolution. Verified: both aggregate typecheck programs at zero; 604 client tests green; repo-wide grep for web-react/store at zero; real-host playwright run 7/7 including persist round-trip. ci: fix test/docs
53 lines
2.2 KiB
TypeScript
53 lines
2.2 KiB
TypeScript
/**
|
|
* Shell root: boot loading page → (loader settled) → real UI in one switch.
|
|
* Pure shell component with zero plugin dependencies — before settled it may
|
|
* only rely on itself; the real UI is produced by the boot assembly closure
|
|
* (renderApp) once every plugin is active. A failed plugin keeps the loading
|
|
* page and lists the failures (fail loud, no partial UI).
|
|
*/
|
|
import { useSyncExternalStore } from 'react'
|
|
import type { ReactNode } from 'react'
|
|
import type { ObservableSnapshot, SnapshotStore } from '@deepseek-ai/dsh-client-runtime/client'
|
|
import type { LoaderStatus } from '@deepseek-ai/dsh-client-runtime/client'
|
|
import css from './AppRoot.module.css'
|
|
|
|
/** AppRoot props: settled signal, loader status feed, deferred real-UI factory. */
|
|
export interface AppRootProps {
|
|
/** True once loader.settled() resolved (the boot closure flips it; status-derived guesses race an incrementally filled table). */
|
|
settled: ObservableSnapshot<boolean>
|
|
/** Loader per-plugin status store (drives loading/failed rendering). */
|
|
status: SnapshotStore<LoaderStatus>
|
|
/** Builds the real UI; called only after settled. */
|
|
renderApp: () => ReactNode
|
|
}
|
|
|
|
/** Boot gate: loading page until the loader settles; failures stay here. */
|
|
export function AppRoot(props: AppRootProps) {
|
|
const settled = useSyncExternalStore(props.settled.subscribe, props.settled.getSnapshot)
|
|
const status = useSyncExternalStore(props.status.subscribe, props.status.getSnapshot)
|
|
const failed = Object.entries(status).filter(([, s]) => s === 'failed')
|
|
|
|
if (settled) return <>{props.renderApp()}</>
|
|
|
|
return (
|
|
<div className={css.boot}>
|
|
<div className={css.card}>
|
|
<div className={css.wordmark}>HARNESS</div>
|
|
{failed.length === 0
|
|
? (
|
|
<>
|
|
<div className={css.spinner} />
|
|
<div className={css.hint}>Loading plugins…</div>
|
|
</>
|
|
)
|
|
: (
|
|
<div className={css.failed}>
|
|
<div className={css.failedTitle}>Failed to load plugins</div>
|
|
{failed.map(([id]) => <div key={id} className={css.failedItem}>{id}</div>)}
|
|
</div>
|
|
)}
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|