4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T20d4,import { useFocus, useFocusManager, useInput, useStdout } from "ink"; import type { Key } from "ink"; import * as React from "react"; export type { Key } from "ink"; export interface InteractionProps { id?: string; autoFocus?: boolean; isActive?: boolean; disabled?: boolean; } export interface UseInteractionOptions extends InteractionProps { onInput?: (input: string, key: Key) => void; } export interface UseInteractionResult { isFocused: boolean; focus: () => void; id: string; } interface RegisteredControl { disabled: boolean; id: string; } interface FocusScopeContextValue { active: boolean; focus: (id: string) => void; focusedId?: string; isTopmost: boolean; register: (control: RegisteredControl) => () => void; setNestedActive: (scopeId: string, active: boolean) => void; } const FocusScopeContext = React.createContext( null ); const lastFocusedByStdout = new WeakMap(); const activeScopesByStdout = new WeakMap>(); const getEnabledControlIds = (controls: readonly RegisteredControl[]) => controls.filter(({ disabled }) => !disabled).map(({ id }) => id); export interface FocusScopeProps { active: boolean; initialFocusId?: string; returnFocusId?: string; loop?: boolean; onEscapeKey?: () => void; children: React.ReactNode; } export const FocusScope = ({ active, initialFocusId, returnFocusId, loop = true, onEscapeKey, children, }: FocusScopeProps) => { const generatedId = React.useId(); const scopeId = `termcn-scope-${generatedId}`; const parentScope = React.useContext(FocusScopeContext); const parentIsActive = parentScope?.active ?? false; const setParentNestedActive = parentScope?.setNestedActive; const { stdout } = useStdout(); const { disableFocus, enableFocus, focus: focusById } = useFocusManager(); const controlsRef = React.useRef([]); const nestedScopesRef = React.useRef(new Set()); const restoreFocusIdRef = React.useRef(null); const [focusedId, setFocusedId] = React.useState(); const [registrationVersion, setRegistrationVersion] = React.useState(0); const [nestedScopeCount, setNestedScopeCount] = React.useState(0); const isTopmost = nestedScopeCount === 0; const register = React.useCallback((control: RegisteredControl) => { const existingIndex = controlsRef.current.findIndex( ({ id }) => id === control.id ); if (existingIndex === -1) { controlsRef.current.push(control); } else { controlsRef.current[existingIndex] = control; } setRegistrationVersion((version) => version + 1); return () => { controlsRef.current = controlsRef.current.filter( ({ id }) => id !== control.id ); setRegistrationVersion((version) => version + 1); }; }, []); const setNestedActive = React.useCallback( (nestedScopeId: string, nestedActive: boolean) => { if (nestedActive) { nestedScopesRef.current.add(nestedScopeId); } else { nestedScopesRef.current.delete(nestedScopeId); } setNestedScopeCount(nestedScopesRef.current.size); }, [] ); React.useEffect(() => { if (!(active && parentIsActive && setParentNestedActive)) { return; } setParentNestedActive(scopeId, true); return () => setParentNestedActive(scopeId, false); }, [active, parentIsActive, scopeId, setParentNestedActive]); React.useEffect(() => { if (!active) { return; } if (parentIsActive) { return; } restoreFocusIdRef.current = returnFocusId ?? lastFocusedByStdout.get(stdout) ?? null; disableFocus(); const activeScopes = activeScopesByStdout.get(stdout) ?? new Set(); if ( process.env.NODE_ENV !== "production" && activeScopes.size > 0 && !activeScopes.has(scopeId) ) { console.warn( "termcn Ink: multiple non-nested focus scopes are active; only nested overlays are supported." ); } activeScopes.add(scopeId); activeScopesByStdout.set(stdout, activeScopes); return () => { activeScopes.delete(scopeId); if (activeScopes.size === 0) { activeScopesByStdout.delete(stdout); } enableFocus(); const restoreId = returnFocusId ?? restoreFocusIdRef.current; if (restoreId) { focusById(restoreId); } }; }, [ active, disableFocus, enableFocus, focusById, parentIsActive, returnFocusId, scopeId, stdout, ]); React.useEffect(() => { if (!active) { setFocusedId(undefined); return; } const enabledIds = getEnabledControlIds(controlsRef.current); if (enabledIds.length === 0) { setFocusedId(undefined); return; } setFocusedId((currentId) => { if (currentId && enabledIds.includes(currentId)) { return currentId; } return initialFocusId && enabledIds.includes(initialFocusId) ? initialFocusId : enabledIds[0]; }); }, [active, initialFocusId, registrationVersion]); useInput( (input, key) => { if (key.eventType === "release") { return; } if (key.escape) { onEscapeKey?.(); return; } if (!(key.tab || input === "\t")) { return; } const enabledIds = getEnabledControlIds(controlsRef.current); if (enabledIds.length === 0) { return; } const currentIndex = focusedId ? enabledIds.indexOf(focusedId) : -1; const direction = key.shift ? -1 : 1; let nextIndex = currentIndex + direction; nextIndex = loop ? (nextIndex + enabledIds.length) % enabledIds.length : Math.max(0, Math.min(nextIndex, enabledIds.length - 1)); setFocusedId(enabledIds[nextIndex]); }, { isActive: active && isTopmost } ); const contextValue = React.useMemo( () => ({ active, focus: setFocusedId, focusedId, isTopmost, register, setNestedActive, }), [active, focusedId, isTopmost, register, setNestedActive] ); return ( {children} ); }; export function useInteraction( options: UseInteractionOptions ): UseInteractionResult; export function useInteraction( onInput: (input: string, key: Key) => void, options?: InteractionProps ): UseInteractionResult; export function useInteraction( optionsOrHandler: UseInteractionOptions | ((input: string, key: Key) => void), legacyOptions: InteractionProps = {} ): UseInteractionResult { const options = typeof optionsOrHandler === "function" ? { ...legacyOptions, onInput: optionsOrHandler } : optionsOrHandler; const { id: providedId, autoFocus = false, isActive = true, disabled = false, onInput, } = options; const reactId = React.useId(); const id = providedId ?? `termcn-control-${reactId}`; const scope = React.useContext(FocusScopeContext); const scopeRegister = scope?.register; const { stdout } = useStdout(); const enabled = isActive && !disabled; const nativeFocus = useFocus({ autoFocus: scope ? false : autoFocus, id, isActive: scope ? false : enabled, }); const isFocused = scope ? scope.active && scope.isTopmost && scope.focusedId === id : nativeFocus.isFocused; React.useEffect(() => { if (!scopeRegister) { return; } return scopeRegister({ disabled: !enabled, id }); }, [enabled, id, scopeRegister]); React.useEffect(() => { if (isFocused && !scope) { lastFocusedByStdout.set(stdout, id); } }, [id, isFocused, scope, stdout]); useInput( (input, key) => { if (key.eventType === "release") { return; } onInput?.(input, key); }, { isActive: enabled && (scope ? isFocused : true) && Boolean(onInput) } ); const focus = React.useCallback(() => { if (!enabled) { return; } if (scope) { scope.focus(id); } else { nativeFocus.focus(id); } }, [enabled, id, nativeFocus, scope]); return { focus, id, isFocused }; } export const isActivationKey = (input: string, key: Key): boolean => key.eventType !== "release" && (key.return || input === " "); 4e:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","ink",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/ink","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"ink"}]]}]}]]}],["$","$L4f",null,{"namespace":"@termcn","registryDependencies":[]}]]}],null]}],["$","$L50",null,{"files":[{"path":"registry/hooks/use-interaction.tsx","content":"$51","type":"registry:hook"}],"className":"h-[70svh] min-h-80"}]]}]