synced/void
1
0
Fork 0
mirror of https://github.com/voideditor/void.git synced 2025-03-14 13:59:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix input box

Browse Source
This commit is contained in:
Andrew Pareles
2024-12-08 17:57:48 -08:00
parent 0f920fb867
commit 298adac06e
2 changed files with 52 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/vs/workbench/contrib/void/browser/react/src/sidebar-tsx/SidebarChat.tsx
View File

@ -19,8 +19,8 @@ import { IDisposable } from '../../../../../../../base/common/lifecycle.js';
import { ErrorDisplay } from './ErrorDisplay.js';
import { LLMMessageServiceParams } from '../../../../../../../platform/void/common/llmMessageTypes.js';
import { getCmdKey } from '../../../getCmdKey.js'
import { VoidInputBox } from './inputs.js';
import { HistoryInputBox } from '../../../../../../../base/browser/ui/inputbox/inputBox.js';
import { VoidInputBox } from './inputs.js';
// read files from VSCode
const VSReadFile = async (modelService: IModelService, uri: URI): Promise<string | null> => {

102
src/vs/workbench/contrib/void/browser/react/src/sidebar-tsx/inputs.tsx
View File

@ -1,63 +1,63 @@
// import React, { useEffect, useRef } from 'react';
// import { useService } from '../util/services.js';
// import { HistoryInputBox, InputBox } from '../../../../../../../base/browser/ui/inputbox/inputBox.js';
// import { defaultInputBoxStyles } from '../../../../../../../platform/theme/browser/defaultStyles.js';
// import { SelectBox, unthemedSelectBoxStyles } from '../../../../../../../base/browser/ui/selectBox/selectBox.js';
import React, { useEffect, useRef } from 'react';
import { useService } from '../util/services.js';
import { HistoryInputBox, InputBox } from '../../../../../../../base/browser/ui/inputbox/inputBox.js';
import { defaultInputBoxStyles } from '../../../../../../../platform/theme/browser/defaultStyles.js';
import { SelectBox, unthemedSelectBoxStyles } from '../../../../../../../base/browser/ui/selectBox/selectBox.js';
// export const VoidInputBox = ({ onChangeText, initVal, placeholder, inputBoxRef, multiline }: {
// onChangeText: (value: string) => void;
// placeholder: string;
// inputBoxRef: React.MutableRefObject<InputBox | null>;
// multiline: boolean;
// initVal: string;
// }) => {
// const contextViewProvider = useService('contextViewService');
export const VoidInputBox = ({ onChangeText, initVal, placeholder, inputBoxRef, multiline }: {
onChangeText: (value: string) => void;
placeholder: string;
inputBoxRef: React.MutableRefObject<InputBox | null>;
multiline: boolean;
initVal: string;
}) => {
const contextViewProvider = useService('contextViewService');
// const containerRef = useRef<HTMLDivElement>(null);
const containerRef = useRef<HTMLDivElement>(null);
// useEffect(() => {
// if (!containerRef.current) return;
useEffect(() => {
if (!containerRef.current) return;
// // create and mount the HistoryInputBox
// inputBoxRef.current = new InputBox(
// containerRef.current,
// contextViewProvider,
// {
// inputBoxStyles: {
// ...defaultInputBoxStyles,
// inputBackground: 'transparent',
// },
// placeholder,
// flexibleHeight: multiline,
// flexibleMaxHeight: 500,
// flexibleWidth: false,
// create and mount the HistoryInputBox
inputBoxRef.current = new InputBox(
containerRef.current,
contextViewProvider,
{
inputBoxStyles: {
...defaultInputBoxStyles,
inputBackground: 'transparent',
},
placeholder,
flexibleHeight: multiline,
flexibleMaxHeight: 500,
flexibleWidth: false,
// }
// );
// inputBoxRef.current.value = initVal;
}
);
inputBoxRef.current.value = initVal;
// inputBoxRef.current.onDidChange((newStr) => {
// console.log('CHANGE TEXT on inputbox', newStr)
// onChangeText(newStr)
// })
inputBoxRef.current.onDidChange((newStr) => {
console.log('CHANGE TEXT on inputbox', newStr)
onChangeText(newStr)
})
// // cleanup
// return () => {
// if (inputBoxRef.current) {
// inputBoxRef.current.dispose();
// if (containerRef.current) {
// while (containerRef.current.firstChild) {
// containerRef.current.removeChild(containerRef.current.firstChild);
// }
// }
// inputBoxRef.current = null;
// }
// };
// }, [inputBoxRef, contextViewProvider, placeholder, multiline, initVal, onChangeText]);
// cleanup
return () => {
if (inputBoxRef.current) {
inputBoxRef.current.dispose();
if (containerRef.current) {
while (containerRef.current.firstChild) {
containerRef.current.removeChild(containerRef.current.firstChild);
}
}
inputBoxRef.current = null;
}
};
}, [inputBoxRef, contextViewProvider, placeholder, multiline, initVal, onChangeText]);
// return <div ref={containerRef} className="w-full" />;
// };
return <div ref={containerRef} className="w-full" />;
};