54 lines
1.5 KiB
TypeScript
54 lines
1.5 KiB
TypeScript
|
import { useLayoutEffect, useMemo, type ReactNode } from 'react';
|
||
|
|
|
||
|
|
import {
|
||
|
|
AppLockChromeContext,
|
||
|
|
registerAppAppLockRuntime,
|
||
|
|
type AppAppLockRuntime,
|
||
|
|
} from '../../state/appRuntimeBridge';
|
||
|
|
|
||
|
|
export type AppLockRuntimePublisherProps = {
|
||
|
|
/** App-lock runtime owned by `AppLockGate` (index.tsx render prop). */
|
||
|
|
appLock: AppAppLockRuntime;
|
||
|
|
/** `settings.appLockSettings.enabled` from the gate's settings instance. */
|
||
|
|
appLockEnabled: boolean;
|
||
|
|
children?: ReactNode;
|
||
|
|
};
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Publishes the gate-owned app-lock runtime the same way SettingsPublisher
|
||
|
|
* publishes settings: the full runtime goes on the `appRuntimeBridge` slot for
|
||
|
|
* imperative callers (`getAppAppLockRuntime()`), and a narrow memoized chrome
|
||
|
|
* slice goes on context so TopTabs / AppSideEffects re-render only when the
|
||
|
|
* lock state actually changes — the full runtime changes identity on every
|
||
|
|
* gate render.
|
||
|
|
*/
|
||
|
|
export function AppLockRuntimePublisher({
|
||
|
|
appLock,
|
||
|
|
appLockEnabled,
|
||
|
|
children,
|
||
|
|
}: AppLockRuntimePublisherProps) {
|
||
|
|
useLayoutEffect(() => {
|
||
|
|
registerAppAppLockRuntime(appLock);
|
||
|
|
}, [appLock]);
|
||
|
|
|
||
|
|
// Only a real unmount clears the slot; see VaultPublisher for why.
|
||
|
|
useLayoutEffect(() => () => {
|
||
|
|
registerAppAppLockRuntime(null);
|
||
|
|
}, []);
|
||
|
|
|
||
|
|
const chrome = useMemo(
|
||
|
|
() => ({
|
||
|
|
appLockEnabled,
|
||
|
|
locked: appLock.locked,
|
||
|
|
initialized: appLock.initialized,
|
||
|
|
}),
|
||
|
|
[appLockEnabled, appLock.locked, appLock.initialized],
|
||
|
|
);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<AppLockChromeContext.Provider value={chrome}>
|
||
|
|
{children}
|
||
|
|
</AppLockChromeContext.Provider>
|
||
|
|
);
|
||
|
|
}
|