@google/gemini-cli 0.13.0 → 0.14.0-preview.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/package.json +2 -2
- package/dist/src/config/config.js +1 -0
- package/dist/src/config/config.js.map +1 -1
- package/dist/src/config/extension-manager.js +19 -7
- package/dist/src/config/extension-manager.js.map +1 -1
- package/dist/src/config/extensions/extensionSettings.js +3 -2
- package/dist/src/config/extensions/extensionSettings.js.map +1 -1
- package/dist/src/config/policy-engine.integration.test.js +44 -44
- package/dist/src/config/policy-engine.integration.test.js.map +1 -1
- package/dist/src/config/settings.d.ts +15 -5
- package/dist/src/config/settings.js +26 -7
- package/dist/src/config/settings.js.map +1 -1
- package/dist/src/config/settingsSchema.d.ts +29 -0
- package/dist/src/config/settingsSchema.js +30 -1
- package/dist/src/config/settingsSchema.js.map +1 -1
- package/dist/src/gemini.js +2 -1
- package/dist/src/gemini.js.map +1 -1
- package/dist/src/generated/git-commit.d.ts +2 -2
- package/dist/src/generated/git-commit.js +2 -2
- package/dist/src/generated/git-commit.js.map +1 -1
- package/dist/src/nonInteractiveCli.test.js +1 -1
- package/dist/src/nonInteractiveCli.test.js.map +1 -1
- package/dist/src/services/BuiltinCommandLoader.js +1 -1
- package/dist/src/services/BuiltinCommandLoader.js.map +1 -1
- package/dist/src/services/BuiltinCommandLoader.test.js +3 -1
- package/dist/src/services/BuiltinCommandLoader.test.js.map +1 -1
- package/dist/src/test-utils/render.js +2 -1
- package/dist/src/test-utils/render.js.map +1 -1
- package/dist/src/ui/App.test.js +9 -1
- package/dist/src/ui/App.test.js.map +1 -1
- package/dist/src/ui/AppContainer.js +1 -2
- package/dist/src/ui/AppContainer.js.map +1 -1
- package/dist/src/ui/AppContainer.test.js +2 -2
- package/dist/src/ui/AppContainer.test.js.map +1 -1
- package/dist/src/ui/auth/AuthDialog.js.map +1 -1
- package/dist/src/ui/commands/extensionsCommand.d.ts +7 -2
- package/dist/src/ui/commands/extensionsCommand.js +150 -25
- package/dist/src/ui/commands/extensionsCommand.js.map +1 -1
- package/dist/src/ui/commands/extensionsCommand.test.js +198 -81
- package/dist/src/ui/commands/extensionsCommand.test.js.map +1 -1
- package/dist/src/ui/commands/types.d.ts +1 -1
- package/dist/src/ui/components/CliSpinner.d.ts +0 -1
- package/dist/src/ui/components/CliSpinner.js +3 -4
- package/dist/src/ui/components/CliSpinner.js.map +1 -1
- package/dist/src/ui/components/CliSpinner.test.d.ts +6 -0
- package/dist/src/ui/components/CliSpinner.test.js +23 -0
- package/dist/src/ui/components/CliSpinner.test.js.map +1 -0
- package/dist/src/ui/components/Composer.js +1 -1
- package/dist/src/ui/components/Composer.js.map +1 -1
- package/dist/src/ui/components/DebugProfiler.js +2 -2
- package/dist/src/ui/components/DebugProfiler.js.map +1 -1
- package/dist/src/ui/components/DebugProfiler.test.js +15 -0
- package/dist/src/ui/components/DebugProfiler.test.js.map +1 -1
- package/dist/src/ui/components/DetailedMessagesDisplay.d.ts +1 -0
- package/dist/src/ui/components/DetailedMessagesDisplay.js +47 -27
- package/dist/src/ui/components/DetailedMessagesDisplay.js.map +1 -1
- package/dist/src/ui/components/DialogManager.js +1 -1
- package/dist/src/ui/components/DialogManager.js.map +1 -1
- package/dist/src/ui/components/EditorSettingsDialog.d.ts +2 -3
- package/dist/src/ui/components/EditorSettingsDialog.js.map +1 -1
- package/dist/src/ui/components/HistoryItemDisplay.test.js +9 -0
- package/dist/src/ui/components/HistoryItemDisplay.test.js.map +1 -1
- package/dist/src/ui/components/InputPrompt.test.js +53 -90
- package/dist/src/ui/components/InputPrompt.test.js.map +1 -1
- package/dist/src/ui/components/ProQuotaDialog.d.ts +2 -3
- package/dist/src/ui/components/ProQuotaDialog.js +9 -9
- package/dist/src/ui/components/ProQuotaDialog.js.map +1 -1
- package/dist/src/ui/components/ProQuotaDialog.test.js +12 -12
- package/dist/src/ui/components/ProQuotaDialog.test.js.map +1 -1
- package/dist/src/ui/components/SettingsDialog.js.map +1 -1
- package/dist/src/ui/components/ThemeDialog.d.ts +2 -3
- package/dist/src/ui/components/ThemeDialog.js.map +1 -1
- package/dist/src/ui/components/messages/InfoMessage.js +1 -1
- package/dist/src/ui/components/messages/InfoMessage.js.map +1 -1
- package/dist/src/ui/components/shared/ScopeSelector.d.ts +4 -4
- package/dist/src/ui/components/shared/Scrollable.d.ts +18 -0
- package/dist/src/ui/components/shared/Scrollable.js +79 -0
- package/dist/src/ui/components/shared/Scrollable.js.map +1 -0
- package/dist/src/ui/components/shared/Scrollable.test.d.ts +6 -0
- package/dist/src/ui/components/shared/Scrollable.test.js +36 -0
- package/dist/src/ui/components/shared/Scrollable.test.js.map +1 -0
- package/dist/src/ui/components/shared/ScrollableList.d.ts +26 -0
- package/dist/src/ui/components/shared/ScrollableList.js +62 -0
- package/dist/src/ui/components/shared/ScrollableList.js.map +1 -0
- package/dist/src/ui/components/shared/ScrollableList.test.d.ts +6 -0
- package/dist/src/ui/components/shared/ScrollableList.test.js +125 -0
- package/dist/src/ui/components/shared/ScrollableList.test.js.map +1 -0
- package/dist/src/ui/components/shared/VirtualizedList.d.ts +44 -0
- package/dist/src/ui/components/shared/VirtualizedList.js +305 -0
- package/dist/src/ui/components/shared/VirtualizedList.js.map +1 -0
- package/dist/src/ui/components/shared/VirtualizedList.test.d.ts +6 -0
- package/dist/src/ui/components/shared/VirtualizedList.test.js +148 -0
- package/dist/src/ui/components/shared/VirtualizedList.test.js.map +1 -0
- package/dist/src/ui/contexts/ScrollProvider.d.ts +24 -0
- package/dist/src/ui/contexts/ScrollProvider.js +100 -0
- package/dist/src/ui/contexts/ScrollProvider.js.map +1 -0
- package/dist/src/ui/contexts/UIActionsContext.d.ts +5 -5
- package/dist/src/ui/contexts/UIActionsContext.js.map +1 -1
- package/dist/src/ui/debug.d.ts +8 -0
- package/dist/src/ui/debug.js +11 -0
- package/dist/src/ui/debug.js.map +1 -0
- package/dist/src/ui/hooks/atCommandProcessor.js +1 -1
- package/dist/src/ui/hooks/atCommandProcessor.js.map +1 -1
- package/dist/src/ui/hooks/slashCommandProcessor.js +14 -0
- package/dist/src/ui/hooks/slashCommandProcessor.js.map +1 -1
- package/dist/src/ui/hooks/slashCommandProcessor.test.js +18 -0
- package/dist/src/ui/hooks/slashCommandProcessor.test.js.map +1 -1
- package/dist/src/ui/hooks/useAnimatedScrollbar.d.ts +10 -0
- package/dist/src/ui/hooks/useAnimatedScrollbar.js +88 -0
- package/dist/src/ui/hooks/useAnimatedScrollbar.js.map +1 -0
- package/dist/src/ui/hooks/useAnimatedScrollbar.test.d.ts +6 -0
- package/dist/src/ui/hooks/useAnimatedScrollbar.test.js +63 -0
- package/dist/src/ui/hooks/useAnimatedScrollbar.test.js.map +1 -0
- package/dist/src/ui/hooks/useEditorSettings.d.ts +2 -2
- package/dist/src/ui/hooks/useEditorSettings.js.map +1 -1
- package/dist/src/ui/hooks/useEditorSettings.test.js +4 -1
- package/dist/src/ui/hooks/useEditorSettings.test.js.map +1 -1
- package/dist/src/ui/hooks/useGeminiStream.js +2 -2
- package/dist/src/ui/hooks/useGeminiStream.js.map +1 -1
- package/dist/src/ui/hooks/useQuotaAndFallback.d.ts +3 -5
- package/dist/src/ui/hooks/useQuotaAndFallback.js +35 -63
- package/dist/src/ui/hooks/useQuotaAndFallback.js.map +1 -1
- package/dist/src/ui/hooks/useQuotaAndFallback.test.js +118 -87
- package/dist/src/ui/hooks/useQuotaAndFallback.test.js.map +1 -1
- package/dist/src/ui/hooks/useThemeCommand.d.ts +2 -2
- package/dist/src/ui/hooks/useThemeCommand.js.map +1 -1
- package/dist/src/ui/layouts/DefaultAppLayout.js +3 -1
- package/dist/src/ui/layouts/DefaultAppLayout.js.map +1 -1
- package/dist/src/utils/dialogScopeUtils.d.ts +6 -13
- package/dist/src/utils/dialogScopeUtils.js +4 -2
- package/dist/src/utils/dialogScopeUtils.js.map +1 -1
- package/dist/src/utils/settingsUtils.d.ts +2 -2
- package/dist/src/utils/settingsUtils.js.map +1 -1
- package/dist/src/validateNonInterActiveAuth.test.js +1 -1
- package/dist/src/validateNonInterActiveAuth.test.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/dist/src/config/policies/read-only.toml +0 -56
- package/dist/src/config/policies/write.toml +0 -63
- package/dist/src/config/policies/yolo.toml +0 -31
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeDialog.js","sourceRoot":"","sources":["../../../../src/ui/components/ThemeDialog.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemeDialog.js","sourceRoot":"","sources":["../../../../src/ui/components/ThemeDialog.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,6 @@ import { RenderInline } from '../../utils/InlineMarkdownRenderer.js';
|
|
|
5
5
|
export const InfoMessage = ({ text }) => {
|
|
6
6
|
const prefix = 'ℹ ';
|
|
7
7
|
const prefixWidth = prefix.length;
|
|
8
|
-
return (_jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsx(Box, { width: prefixWidth, children: _jsx(Text, { color: theme.status.warning, children: prefix }) }), _jsx(Box, { flexGrow: 1, children: _jsx(Text, { wrap: "wrap", children: _jsx(RenderInline, { text:
|
|
8
|
+
return (_jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsx(Box, { width: prefixWidth, children: _jsx(Text, { color: theme.status.warning, children: prefix }) }), _jsx(Box, { flexGrow: 1, flexDirection: "column", children: text.split('\n').map((line, index) => (_jsx(Text, { wrap: "wrap", children: _jsx(RenderInline, { text: line, defaultColor: theme.status.warning }) }, index))) })] }));
|
|
9
9
|
};
|
|
10
10
|
//# sourceMappingURL=InfoMessage.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfoMessage.js","sourceRoot":"","sources":["../../../../../src/ui/components/messages/InfoMessage.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAMrE,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAClE,MAAM,MAAM,GAAG,IAAI,CAAC;IACpB,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC;IAElC,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,EAAC,SAAS,EAAE,CAAC,aACnC,KAAC,GAAG,IAAC,KAAK,EAAE,WAAW,YACrB,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,YAAG,MAAM,GAAQ,GAC9C,EACN,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"InfoMessage.js","sourceRoot":"","sources":["../../../../../src/ui/components/messages/InfoMessage.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AAMrE,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IAClE,MAAM,MAAM,GAAG,IAAI,CAAC;IACpB,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAC;IAElC,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,EAAC,SAAS,EAAE,CAAC,aACnC,KAAC,GAAG,IAAC,KAAK,EAAE,WAAW,YACrB,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,YAAG,MAAM,GAAQ,GAC9C,EACN,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,aAAa,EAAC,QAAQ,YACrC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACrC,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,YACf,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,GAAI,IAD3C,KAAK,CAErB,CACR,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -4,16 +4,16 @@
|
|
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
|
5
5
|
*/
|
|
6
6
|
import type React from 'react';
|
|
7
|
-
import type {
|
|
7
|
+
import type { LoadableSettingScope } from '../../../config/settings.js';
|
|
8
8
|
interface ScopeSelectorProps {
|
|
9
9
|
/** Callback function when a scope is selected */
|
|
10
|
-
onSelect: (scope:
|
|
10
|
+
onSelect: (scope: LoadableSettingScope) => void;
|
|
11
11
|
/** Callback function when a scope is highlighted */
|
|
12
|
-
onHighlight: (scope:
|
|
12
|
+
onHighlight: (scope: LoadableSettingScope) => void;
|
|
13
13
|
/** Whether the component is focused */
|
|
14
14
|
isFocused: boolean;
|
|
15
15
|
/** The initial scope to select */
|
|
16
|
-
initialScope:
|
|
16
|
+
initialScope: LoadableSettingScope;
|
|
17
17
|
}
|
|
18
18
|
export declare function ScopeSelector({ onSelect, onHighlight, isFocused, initialScope, }: ScopeSelectorProps): React.JSX.Element;
|
|
19
19
|
export {};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2025 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import React from 'react';
|
|
7
|
+
interface ScrollableProps {
|
|
8
|
+
children?: React.ReactNode;
|
|
9
|
+
width?: number;
|
|
10
|
+
height?: number | string;
|
|
11
|
+
maxWidth?: number;
|
|
12
|
+
maxHeight?: number;
|
|
13
|
+
hasFocus: boolean;
|
|
14
|
+
scrollToBottom?: boolean;
|
|
15
|
+
flexGrow?: number;
|
|
16
|
+
}
|
|
17
|
+
export declare const Scrollable: React.FC<ScrollableProps>;
|
|
18
|
+
export {};
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2025 Google LLC
|
|
5
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
6
|
+
*/
|
|
7
|
+
import React, { useState, useEffect, useRef, useLayoutEffect, useCallback, useMemo, } from 'react';
|
|
8
|
+
import { Box, getInnerHeight, getScrollHeight } from 'ink';
|
|
9
|
+
import { useKeypress } from '../../hooks/useKeypress.js';
|
|
10
|
+
import { useScrollable } from '../../contexts/ScrollProvider.js';
|
|
11
|
+
import { useAnimatedScrollbar } from '../../hooks/useAnimatedScrollbar.js';
|
|
12
|
+
export const Scrollable = ({ children, width, height, maxWidth, maxHeight, hasFocus, scrollToBottom, flexGrow, }) => {
|
|
13
|
+
const [scrollTop, setScrollTop] = useState(0);
|
|
14
|
+
const ref = useRef(null);
|
|
15
|
+
const [size, setSize] = useState({
|
|
16
|
+
innerHeight: 0,
|
|
17
|
+
scrollHeight: 0,
|
|
18
|
+
});
|
|
19
|
+
const sizeRef = useRef(size);
|
|
20
|
+
useEffect(() => {
|
|
21
|
+
sizeRef.current = size;
|
|
22
|
+
}, [size]);
|
|
23
|
+
const childrenCountRef = useRef(0);
|
|
24
|
+
// This effect needs to run on every render to correctly measure the container
|
|
25
|
+
// and scroll to the bottom if new children are added. The if conditions
|
|
26
|
+
// prevent infinite loops.
|
|
27
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
28
|
+
useLayoutEffect(() => {
|
|
29
|
+
if (!ref.current) {
|
|
30
|
+
return;
|
|
31
|
+
}
|
|
32
|
+
const innerHeight = Math.round(getInnerHeight(ref.current));
|
|
33
|
+
const scrollHeight = Math.round(getScrollHeight(ref.current));
|
|
34
|
+
const isAtBottom = scrollTop >= size.scrollHeight - size.innerHeight - 1;
|
|
35
|
+
if (size.innerHeight !== innerHeight ||
|
|
36
|
+
size.scrollHeight !== scrollHeight) {
|
|
37
|
+
setSize({ innerHeight, scrollHeight });
|
|
38
|
+
if (isAtBottom) {
|
|
39
|
+
setScrollTop(Math.max(0, scrollHeight - innerHeight));
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
const childCountCurrent = React.Children.count(children);
|
|
43
|
+
if (scrollToBottom && childrenCountRef.current !== childCountCurrent) {
|
|
44
|
+
setScrollTop(Math.max(0, scrollHeight - innerHeight));
|
|
45
|
+
}
|
|
46
|
+
childrenCountRef.current = childCountCurrent;
|
|
47
|
+
});
|
|
48
|
+
const scrollBy = useCallback((delta) => {
|
|
49
|
+
const { scrollHeight, innerHeight } = sizeRef.current;
|
|
50
|
+
setScrollTop((prev) => Math.min(Math.max(0, prev + delta), Math.max(0, scrollHeight - innerHeight)));
|
|
51
|
+
}, [sizeRef]);
|
|
52
|
+
const { scrollbarColor, flashScrollbar, scrollByWithAnimation } = useAnimatedScrollbar(hasFocus, scrollBy);
|
|
53
|
+
useKeypress((key) => {
|
|
54
|
+
if (key.shift) {
|
|
55
|
+
if (key.name === 'up') {
|
|
56
|
+
scrollByWithAnimation(-1);
|
|
57
|
+
}
|
|
58
|
+
if (key.name === 'down') {
|
|
59
|
+
scrollByWithAnimation(1);
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
}, { isActive: hasFocus });
|
|
63
|
+
const getScrollState = useCallback(() => ({
|
|
64
|
+
scrollTop,
|
|
65
|
+
scrollHeight: size.scrollHeight,
|
|
66
|
+
innerHeight: size.innerHeight,
|
|
67
|
+
}), [scrollTop, size.scrollHeight, size.innerHeight]);
|
|
68
|
+
const hasFocusCallback = useCallback(() => hasFocus, [hasFocus]);
|
|
69
|
+
const scrollableEntry = useMemo(() => ({
|
|
70
|
+
ref: ref,
|
|
71
|
+
getScrollState,
|
|
72
|
+
scrollBy: scrollByWithAnimation,
|
|
73
|
+
hasFocus: hasFocusCallback,
|
|
74
|
+
flashScrollbar,
|
|
75
|
+
}), [getScrollState, scrollByWithAnimation, hasFocusCallback, flashScrollbar]);
|
|
76
|
+
useScrollable(scrollableEntry, hasFocus && ref.current !== null);
|
|
77
|
+
return (_jsx(Box, { ref: ref, maxHeight: maxHeight, width: width ?? maxWidth, height: height, flexDirection: "column", overflowY: "scroll", overflowX: "hidden", scrollTop: scrollTop, flexGrow: flexGrow, scrollbarThumbColor: scrollbarColor, children: _jsx(Box, { flexShrink: 0, paddingRight: 1, flexDirection: "column", children: children }) }));
|
|
78
|
+
};
|
|
79
|
+
//# sourceMappingURL=Scrollable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scrollable.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/Scrollable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2025 Google LLC
|
|
5
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
6
|
+
*/
|
|
7
|
+
import { renderWithProviders } from '../../../test-utils/render.js';
|
|
8
|
+
import { Scrollable } from './Scrollable.js';
|
|
9
|
+
import { Text } from 'ink';
|
|
10
|
+
import { describe, it, expect, vi } from 'vitest';
|
|
11
|
+
vi.mock('ink', async (importOriginal) => {
|
|
12
|
+
const actual = await importOriginal();
|
|
13
|
+
return {
|
|
14
|
+
...actual,
|
|
15
|
+
getInnerHeight: vi.fn(() => 5),
|
|
16
|
+
getScrollHeight: vi.fn(() => 10),
|
|
17
|
+
getBoundingBox: vi.fn(() => ({ x: 0, y: 0, width: 10, height: 5 })),
|
|
18
|
+
};
|
|
19
|
+
});
|
|
20
|
+
describe('<Scrollable />', () => {
|
|
21
|
+
it('renders children', () => {
|
|
22
|
+
const { lastFrame } = renderWithProviders(_jsx(Scrollable, { hasFocus: false, height: 5, children: _jsx(Text, { children: "Hello World" }) }));
|
|
23
|
+
expect(lastFrame()).toContain('Hello World');
|
|
24
|
+
});
|
|
25
|
+
it('renders multiple children', () => {
|
|
26
|
+
const { lastFrame } = renderWithProviders(_jsxs(Scrollable, { hasFocus: false, height: 5, children: [_jsx(Text, { children: "Line 1" }), _jsx(Text, { children: "Line 2" }), _jsx(Text, { children: "Line 3" })] }));
|
|
27
|
+
expect(lastFrame()).toContain('Line 1');
|
|
28
|
+
expect(lastFrame()).toContain('Line 2');
|
|
29
|
+
expect(lastFrame()).toContain('Line 3');
|
|
30
|
+
});
|
|
31
|
+
it('matches snapshot', () => {
|
|
32
|
+
const { lastFrame } = renderWithProviders(_jsxs(Scrollable, { hasFocus: false, height: 5, children: [_jsx(Text, { children: "Line 1" }), _jsx(Text, { children: "Line 2" }), _jsx(Text, { children: "Line 3" })] }));
|
|
33
|
+
expect(lastFrame()).toMatchSnapshot();
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
//# sourceMappingURL=Scrollable.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Scrollable.test.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/Scrollable.test.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAElD,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE;IACtC,MAAM,MAAM,GAAG,MAAM,cAAc,EAAwB,CAAC;IAC5D,OAAO;QACL,GAAG,MAAM;QACT,cAAc,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QAC9B,eAAe,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,EAAE,CAAC;QAChC,cAAc,EAAE,EAAE,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;KACpE,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,mBAAmB,CACvC,KAAC,UAAU,IAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,YACpC,KAAC,IAAI,8BAAmB,GACb,CACd,CAAC;QACF,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;IAC/C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,MAAM,EAAE,SAAS,EAAE,GAAG,mBAAmB,CACvC,MAAC,UAAU,IAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,aACpC,KAAC,IAAI,yBAAc,EACnB,KAAC,IAAI,yBAAc,EACnB,KAAC,IAAI,yBAAc,IACR,CACd,CAAC;QACF,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACxC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACxC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;IAC1C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,mBAAmB,CACvC,MAAC,UAAU,IAAC,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,aACpC,KAAC,IAAI,yBAAc,EACnB,KAAC,IAAI,yBAAc,EACnB,KAAC,IAAI,yBAAc,IACR,CACd,CAAC;QACF,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2025 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import type React from 'react';
|
|
7
|
+
import { type VirtualizedListRef } from './VirtualizedList.js';
|
|
8
|
+
type VirtualizedListProps<T> = {
|
|
9
|
+
data: T[];
|
|
10
|
+
renderItem: (info: {
|
|
11
|
+
item: T;
|
|
12
|
+
index: number;
|
|
13
|
+
}) => React.ReactElement;
|
|
14
|
+
estimatedItemHeight: (index: number) => number;
|
|
15
|
+
keyExtractor: (item: T, index: number) => string;
|
|
16
|
+
initialScrollIndex?: number;
|
|
17
|
+
initialScrollOffsetInIndex?: number;
|
|
18
|
+
};
|
|
19
|
+
interface ScrollableListProps<T> extends VirtualizedListProps<T> {
|
|
20
|
+
hasFocus: boolean;
|
|
21
|
+
}
|
|
22
|
+
export type ScrollableListRef<T> = VirtualizedListRef<T>;
|
|
23
|
+
declare const ScrollableListWithForwardRef: <T>(props: ScrollableListProps<T> & {
|
|
24
|
+
ref?: React.Ref<ScrollableListRef<T>>;
|
|
25
|
+
}) => React.ReactElement;
|
|
26
|
+
export { ScrollableListWithForwardRef as ScrollableList };
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2025 Google LLC
|
|
5
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
6
|
+
*/
|
|
7
|
+
import { useRef, forwardRef, useImperativeHandle, useCallback, useMemo, } from 'react';
|
|
8
|
+
import { VirtualizedList } from './VirtualizedList.js';
|
|
9
|
+
import { useScrollable } from '../../contexts/ScrollProvider.js';
|
|
10
|
+
import { Box } from 'ink';
|
|
11
|
+
import { useAnimatedScrollbar } from '../../hooks/useAnimatedScrollbar.js';
|
|
12
|
+
import { useKeypress } from '../../hooks/useKeypress.js';
|
|
13
|
+
function ScrollableList(props, ref) {
|
|
14
|
+
const { hasFocus } = props;
|
|
15
|
+
const virtualizedListRef = useRef(null);
|
|
16
|
+
const containerRef = useRef(null);
|
|
17
|
+
useImperativeHandle(ref, () => ({
|
|
18
|
+
scrollBy: (delta) => virtualizedListRef.current?.scrollBy(delta),
|
|
19
|
+
scrollTo: (offset) => virtualizedListRef.current?.scrollTo(offset),
|
|
20
|
+
scrollToEnd: () => virtualizedListRef.current?.scrollToEnd(),
|
|
21
|
+
scrollToIndex: (params) => virtualizedListRef.current?.scrollToIndex(params),
|
|
22
|
+
scrollToItem: (params) => virtualizedListRef.current?.scrollToItem(params),
|
|
23
|
+
getScrollIndex: () => virtualizedListRef.current?.getScrollIndex() ?? 0,
|
|
24
|
+
getScrollState: () => virtualizedListRef.current?.getScrollState() ?? {
|
|
25
|
+
scrollTop: 0,
|
|
26
|
+
scrollHeight: 0,
|
|
27
|
+
innerHeight: 0,
|
|
28
|
+
},
|
|
29
|
+
}), []);
|
|
30
|
+
const getScrollState = useCallback(() => virtualizedListRef.current?.getScrollState() ?? {
|
|
31
|
+
scrollTop: 0,
|
|
32
|
+
scrollHeight: 0,
|
|
33
|
+
innerHeight: 0,
|
|
34
|
+
}, []);
|
|
35
|
+
const scrollBy = useCallback((delta) => {
|
|
36
|
+
virtualizedListRef.current?.scrollBy(delta);
|
|
37
|
+
}, []);
|
|
38
|
+
const { scrollbarColor, flashScrollbar, scrollByWithAnimation } = useAnimatedScrollbar(hasFocus, scrollBy);
|
|
39
|
+
useKeypress((key) => {
|
|
40
|
+
if (key.shift) {
|
|
41
|
+
if (key.name === 'up') {
|
|
42
|
+
scrollByWithAnimation(-1);
|
|
43
|
+
}
|
|
44
|
+
if (key.name === 'down') {
|
|
45
|
+
scrollByWithAnimation(1);
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
}, { isActive: hasFocus });
|
|
49
|
+
const hasFocusCallback = useCallback(() => hasFocus, [hasFocus]);
|
|
50
|
+
const scrollableEntry = useMemo(() => ({
|
|
51
|
+
ref: containerRef,
|
|
52
|
+
getScrollState,
|
|
53
|
+
scrollBy: scrollByWithAnimation,
|
|
54
|
+
hasFocus: hasFocusCallback,
|
|
55
|
+
flashScrollbar,
|
|
56
|
+
}), [getScrollState, scrollByWithAnimation, hasFocusCallback, flashScrollbar]);
|
|
57
|
+
useScrollable(scrollableEntry, hasFocus);
|
|
58
|
+
return (_jsx(Box, { ref: containerRef, flexGrow: 1, flexDirection: "column", overflow: "hidden", children: _jsx(VirtualizedList, { ref: virtualizedListRef, ...props, scrollbarThumbColor: scrollbarColor }) }));
|
|
59
|
+
}
|
|
60
|
+
const ScrollableListWithForwardRef = forwardRef(ScrollableList);
|
|
61
|
+
export { ScrollableListWithForwardRef as ScrollableList };
|
|
62
|
+
//# sourceMappingURL=ScrollableList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollableList.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/ScrollableList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* @license
|
|
4
|
+
* Copyright 2025 Google LLC
|
|
5
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
6
|
+
*/
|
|
7
|
+
import { useState, useEffect, useRef, act } from 'react';
|
|
8
|
+
import { render } from 'ink-testing-library';
|
|
9
|
+
import { Box, Text } from 'ink';
|
|
10
|
+
import { ScrollableList } from './ScrollableList.js';
|
|
11
|
+
import { ScrollProvider } from '../../contexts/ScrollProvider.js';
|
|
12
|
+
import { KeypressProvider } from '../../contexts/KeypressContext.js';
|
|
13
|
+
import { MouseProvider } from '../../contexts/MouseContext.js';
|
|
14
|
+
import { describe, it, expect, vi } from 'vitest';
|
|
15
|
+
// Mock useStdout to provide a fixed size for testing
|
|
16
|
+
vi.mock('ink', async (importOriginal) => {
|
|
17
|
+
const actual = await importOriginal();
|
|
18
|
+
return {
|
|
19
|
+
...actual,
|
|
20
|
+
useStdout: () => ({
|
|
21
|
+
stdout: {
|
|
22
|
+
columns: 80,
|
|
23
|
+
rows: 24,
|
|
24
|
+
on: vi.fn(),
|
|
25
|
+
off: vi.fn(),
|
|
26
|
+
write: vi.fn(),
|
|
27
|
+
},
|
|
28
|
+
}),
|
|
29
|
+
};
|
|
30
|
+
});
|
|
31
|
+
const getLorem = (index) => Array(10)
|
|
32
|
+
.fill(null)
|
|
33
|
+
.map(() => 'lorem ipsum '.repeat((index % 3) + 1).trim())
|
|
34
|
+
.join('\n');
|
|
35
|
+
const TestComponent = ({ initialItems = 1000, onAddItem, onRef, }) => {
|
|
36
|
+
const [items, setItems] = useState(() => Array.from({ length: initialItems }, (_, i) => ({
|
|
37
|
+
id: String(i),
|
|
38
|
+
title: `Item ${i + 1}`,
|
|
39
|
+
})));
|
|
40
|
+
const listRef = useRef(null);
|
|
41
|
+
useEffect(() => {
|
|
42
|
+
onAddItem?.(() => {
|
|
43
|
+
setItems((prev) => [
|
|
44
|
+
...prev,
|
|
45
|
+
{
|
|
46
|
+
id: String(prev.length),
|
|
47
|
+
title: `Item ${prev.length + 1}`,
|
|
48
|
+
},
|
|
49
|
+
]);
|
|
50
|
+
});
|
|
51
|
+
}, [onAddItem]);
|
|
52
|
+
useEffect(() => {
|
|
53
|
+
if (onRef) {
|
|
54
|
+
onRef(listRef.current);
|
|
55
|
+
}
|
|
56
|
+
}, [onRef]);
|
|
57
|
+
return (_jsx(MouseProvider, { mouseEventsEnabled: false, children: _jsx(KeypressProvider, { kittyProtocolEnabled: false, children: _jsx(ScrollProvider, { children: _jsxs(Box, { flexDirection: "column", width: 80, height: 24, padding: 1, children: [_jsx(Box, { flexGrow: 1, borderStyle: "round", borderColor: "cyan", children: _jsx(ScrollableList, { ref: listRef, data: items, renderItem: ({ item, index }) => (_jsxs(Box, { flexDirection: "column", paddingBottom: 2, children: [_jsx(Box, { sticky: true, flexDirection: "column", width: 78, opaque: true, stickyChildren: _jsxs(Box, { flexDirection: "column", width: 78, opaque: true, children: [_jsx(Text, { children: item.title }), _jsx(Box, { borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: "gray" })] }), children: _jsx(Text, { children: item.title }) }), _jsx(Text, { color: "gray", children: getLorem(index) })] })), estimatedItemHeight: () => 14, keyExtractor: (item) => item.id, hasFocus: true, initialScrollIndex: Number.MAX_SAFE_INTEGER }) }), _jsxs(Text, { children: ["Count: ", items.length] })] }) }) }) }));
|
|
58
|
+
};
|
|
59
|
+
describe('ScrollableList Demo Behavior', () => {
|
|
60
|
+
it('should scroll to bottom when new items are added and stop when scrolled up', async () => {
|
|
61
|
+
let addItem;
|
|
62
|
+
let listRef = null;
|
|
63
|
+
let lastFrame;
|
|
64
|
+
await act(async () => {
|
|
65
|
+
const result = render(_jsx(TestComponent, { onAddItem: (add) => {
|
|
66
|
+
addItem = add;
|
|
67
|
+
}, onRef: (ref) => {
|
|
68
|
+
listRef = ref;
|
|
69
|
+
} }));
|
|
70
|
+
lastFrame = result.lastFrame;
|
|
71
|
+
});
|
|
72
|
+
// Initial render should show Item 1000
|
|
73
|
+
expect(lastFrame()).toContain('Item 1000');
|
|
74
|
+
expect(lastFrame()).toContain('Count: 1000');
|
|
75
|
+
// Add item 1001
|
|
76
|
+
await act(async () => {
|
|
77
|
+
addItem?.();
|
|
78
|
+
});
|
|
79
|
+
for (let i = 0; i < 20; i++) {
|
|
80
|
+
if (lastFrame()?.includes('Count: 1001'))
|
|
81
|
+
break;
|
|
82
|
+
await act(async () => {
|
|
83
|
+
await new Promise((resolve) => setTimeout(resolve, 50));
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
expect(lastFrame()).toContain('Item 1001');
|
|
87
|
+
expect(lastFrame()).toContain('Count: 1001');
|
|
88
|
+
expect(lastFrame()).not.toContain('Item 990'); // Should have scrolled past it
|
|
89
|
+
// Add item 1002
|
|
90
|
+
await act(async () => {
|
|
91
|
+
addItem?.();
|
|
92
|
+
});
|
|
93
|
+
for (let i = 0; i < 20; i++) {
|
|
94
|
+
if (lastFrame()?.includes('Count: 1002'))
|
|
95
|
+
break;
|
|
96
|
+
await act(async () => {
|
|
97
|
+
await new Promise((resolve) => setTimeout(resolve, 50));
|
|
98
|
+
});
|
|
99
|
+
}
|
|
100
|
+
expect(lastFrame()).toContain('Item 1002');
|
|
101
|
+
expect(lastFrame()).toContain('Count: 1002');
|
|
102
|
+
expect(lastFrame()).not.toContain('Item 991');
|
|
103
|
+
// Scroll up directly via ref
|
|
104
|
+
await act(async () => {
|
|
105
|
+
listRef?.scrollBy(-5);
|
|
106
|
+
});
|
|
107
|
+
await act(async () => {
|
|
108
|
+
await new Promise((resolve) => setTimeout(resolve, 100));
|
|
109
|
+
});
|
|
110
|
+
// Add item 1003 - should NOT be visible because we scrolled up
|
|
111
|
+
await act(async () => {
|
|
112
|
+
addItem?.();
|
|
113
|
+
});
|
|
114
|
+
for (let i = 0; i < 20; i++) {
|
|
115
|
+
if (lastFrame()?.includes('Count: 1003'))
|
|
116
|
+
break;
|
|
117
|
+
await act(async () => {
|
|
118
|
+
await new Promise((resolve) => setTimeout(resolve, 50));
|
|
119
|
+
});
|
|
120
|
+
}
|
|
121
|
+
expect(lastFrame()).not.toContain('Item 1003');
|
|
122
|
+
expect(lastFrame()).toContain('Count: 1003');
|
|
123
|
+
});
|
|
124
|
+
});
|
|
125
|
+
//# sourceMappingURL=ScrollableList.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ScrollableList.test.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/ScrollableList.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @license
|
|
3
|
+
* Copyright 2025 Google LLC
|
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
+
*/
|
|
6
|
+
import type React from 'react';
|
|
7
|
+
export declare const SCROLL_TO_ITEM_END: number;
|
|
8
|
+
type VirtualizedListProps<T> = {
|
|
9
|
+
data: T[];
|
|
10
|
+
renderItem: (info: {
|
|
11
|
+
item: T;
|
|
12
|
+
index: number;
|
|
13
|
+
}) => React.ReactElement;
|
|
14
|
+
estimatedItemHeight: (index: number) => number;
|
|
15
|
+
keyExtractor: (item: T, index: number) => string;
|
|
16
|
+
initialScrollIndex?: number;
|
|
17
|
+
initialScrollOffsetInIndex?: number;
|
|
18
|
+
scrollbarThumbColor?: string;
|
|
19
|
+
};
|
|
20
|
+
export type VirtualizedListRef<T> = {
|
|
21
|
+
scrollBy: (delta: number) => void;
|
|
22
|
+
scrollTo: (offset: number) => void;
|
|
23
|
+
scrollToEnd: () => void;
|
|
24
|
+
scrollToIndex: (params: {
|
|
25
|
+
index: number;
|
|
26
|
+
viewOffset?: number;
|
|
27
|
+
viewPosition?: number;
|
|
28
|
+
}) => void;
|
|
29
|
+
scrollToItem: (params: {
|
|
30
|
+
item: T;
|
|
31
|
+
viewOffset?: number;
|
|
32
|
+
viewPosition?: number;
|
|
33
|
+
}) => void;
|
|
34
|
+
getScrollIndex: () => number;
|
|
35
|
+
getScrollState: () => {
|
|
36
|
+
scrollTop: number;
|
|
37
|
+
scrollHeight: number;
|
|
38
|
+
innerHeight: number;
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
declare const VirtualizedListWithForwardRef: <T>(props: VirtualizedListProps<T> & {
|
|
42
|
+
ref?: React.Ref<VirtualizedListRef<T>>;
|
|
43
|
+
}) => React.ReactElement;
|
|
44
|
+
export { VirtualizedListWithForwardRef as VirtualizedList };
|