UniqAI/open-webui
1
0
Fork 0
mirror of https://github.com/open-webui/open-webui synced 2024-11-17 22:12:51 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refac

Browse Source
This commit is contained in:
Timothy J. Baek 2024-06-10 17:30:07 -07:00
parent f43b545bdd
commit 6e7e575a18
3 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/components/common/CodeEditor.svelte
View File

@ -24,7 +24,7 @@
let isDarkMode = false; let isDarkMode = false;
let editorTheme = new Compartment(); let editorTheme = new Compartment();
const formatPythonCodeHandler = async () => { export const formatPythonCodeHandler = async () => {
if (codeEditor) { if (codeEditor) {
console.log('formatPythonCodeHandler'); console.log('formatPythonCodeHandler');
const res = await formatPythonCode(value).catch((error) => { const res = await formatPythonCode(value).catch((error) => {

8
src/lib/components/workspace/Tools.svelte
View File

@ -7,9 +7,15 @@
let loading = false; let loading = false;
let codeEditor;
const submitHandler = async () => { const submitHandler = async () => {
loading = true; loading = true;
// Call the API to submit the code // Call the API to submit the code
if (codeEditor) {
codeEditor.submitHandler();
}
}; };
</script> </script>
@ -17,7 +23,7 @@
<div class="mx-auto w-full md:px-0 h-full"> <div class="mx-auto w-full md:px-0 h-full">
<div class=" flex flex-col max-h-[100dvh] h-full"> <div class=" flex flex-col max-h-[100dvh] h-full">
<div class="mb-2.5 flex-1 overflow-auto h-0 rounded-lg"> <div class="mb-2.5 flex-1 overflow-auto h-0 rounded-lg">
<CodeEditor /> <CodeEditor bind:this={codeEditor} />
</div> </div>
<div class="pb-3"> <div class="pb-3">
<button <button

10
src/lib/components/workspace/Tools/CodeEditor.svelte
View File

@ -3,6 +3,8 @@
export let value = ''; export let value = '';
let codeEditor;
let boilerplate = `# Add your custom tools using pure Python code here, make sure to add type hints let boilerplate = `# Add your custom tools using pure Python code here, make sure to add type hints
# Use Sphinx-style docstrings to document your tools, they will be used for generating tools specifications # Use Sphinx-style docstrings to document your tools, they will be used for generating tools specifications
# Please refer to function_calling_filter_pipeline.py file from pipelines project for an example # Please refer to function_calling_filter_pipeline.py file from pipelines project for an example
@ -43,6 +45,12 @@ class Tools:
return "Invalid equation" return "Invalid equation"
`; `;
export const submitHandler = async () => {
if (codeEditor) {
codeEditor.formatPythonCodeHandler();
}
};
</script> </script>
<CodeEditor bind:value {boilerplate} /> <CodeEditor bind:value {boilerplate} bind:this={codeEditor} />