41 lines
1.1 KiB
TypeScript
41 lines
1.1 KiB
TypeScript
|
import React, { useMemo } from 'react';
|
||
|
|
|
||
|
|
import { PluginContributionHost } from '../../components/plugins/PluginContributionHost';
|
||
|
|
import type { TerminalSession, Workspace } from '../../types';
|
||
|
|
import { useActiveTabId } from '../state/activeTabStore';
|
||
|
|
import { resolveActivePluginKeybindingContext } from '../state/pluginContributionContexts';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Leaf host for plugin keybindings so AppView does not subscribe to activeTabId.
|
||
|
|
* Tab switches only re-render this small surface (and plugin lifecycle), not the shell.
|
||
|
|
*/
|
||
|
|
export function AppPluginKeybindingHost({
|
||
|
|
locale,
|
||
|
|
theme,
|
||
|
|
themeTokens,
|
||
|
|
sessions,
|
||
|
|
workspaces,
|
||
|
|
}: {
|
||
|
|
locale: string;
|
||
|
|
theme: string;
|
||
|
|
themeTokens?: Record<string, string>;
|
||
|
|
sessions: TerminalSession[];
|
||
|
|
workspaces: Workspace[];
|
||
|
|
}) {
|
||
|
|
const activeTabId = useActiveTabId();
|
||
|
|
const keybindingContext = useMemo(() => resolveActivePluginKeybindingContext({
|
||
|
|
activeTabId,
|
||
|
|
sessions,
|
||
|
|
workspaces,
|
||
|
|
}), [activeTabId, sessions, workspaces]);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<PluginContributionHost
|
||
|
|
locale={locale}
|
||
|
|
theme={theme}
|
||
|
|
themeTokens={themeTokens}
|
||
|
|
keybindingContext={keybindingContext}
|
||
|
|
/>
|
||
|
|
);
|
||
|
|
}
|