zack3d/big-agi
1
0
Fork 0
mirror of https://github.com/enricoros/big-AGI.git synced 2026-05-10 21:50:14 -07:00
Code Issues Packages Projects Releases Wiki Activity

ERC x LFS: begin wire

Browse Source
This commit is contained in:
Enrico Ros
2024-08-14 01:30:54 -07:00
parent 29f9f22eff
commit 136dcbcd4c
2 changed files with 26 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/common/stores/workspace/WorkspaceLiveFilePicker.tsx
+1 -1
View File
@@ -29,7 +29,7 @@ export function WorkspaceLiveFilePicker(props: {
labelButton: string;
labelTooltip?: string;
liveFileId: LiveFileId | null;
onSelectLiveFile: (id: LiveFileId | null) => void;
onSelectLiveFile: (id: LiveFileId | null) => Promise<void>;
onSelectFileOpen: (workspaceId: DWorkspaceId | null) => Promise<void>;
onSelectFileSystemFileHandle?: (workspaceId: DWorkspaceId | null, fsHandle: FileSystemFileHandle) => Promise<void>;
}) {
src/modules/blocks/enhanced-code/livefile-patch/useLiveFilePatch.tsx
+25 -38
View File
@@ -27,33 +27,41 @@ export function useLiveFilePatch(title: string, code: string, isPartial: boolean
const isEnabled = useUXLabsStore((state) => state.labsEnhanceCodeLiveFile && isLiveFileSupported());
// handlers
const handleSelectLiveFile = React.useCallback((id: LiveFileId | null) => {
setLiveFileId(id);
// [effect] apply the text to the LiveFile
const processLiveFile = React.useCallback(async (liveFileId: LiveFileId) => {
console.log('Processing LiveFile:', liveFileId);
// const success = await liveFileWriteAndReload(id, code);
// if (!success)
// setStatus({ message: 'Error writing to the file.', mtype: 'error' });
}, []);
// handlers
const handleSelectLiveFile = React.useCallback(async (id: LiveFileId | null) => {
setLiveFileId(id);
if (id)
await processLiveFile(id);
}, [processLiveFile]);
const handleSelectFileSystemFileHandle = React.useCallback(async (workspaceId: DWorkspaceId | null, fsfHandle: FileSystemFileHandle) => {
// Create a new LiveFile and attach it to the workspace
try {
const newLiveFileId = await liveFileCreateOrThrow(fsfHandle);
setLiveFileId(newLiveFileId);
const newId = await liveFileCreateOrThrow(fsfHandle);
setLiveFileId(newId);
// Pair the file with the workspace
if (!workspaceId)
console.warn('[DEV] No workspaceId to pair the file with.');
// Attach it to the workspace
if (workspaceId)
workspaceActions().liveFileAssign(workspaceId, newId);
else
workspaceActions().liveFileAssign(workspaceId, newLiveFileId);
// TODO: Implement file content writing logic here
// For example:
// await liveFileContentWriteAndReload(code);
console.warn('[DEV] No workspaceId to pair the file with.');
// proceed
await processLiveFile(newId);
} catch (error) {
console.error('Error creating new file:', error);
// setStatus({ message: `Error pairing the file: ${error?.message || typeof error === 'string' ? error : 'Unknown error'}`, mtype: 'error' });
}
}, []);
}, [processLiveFile]);
const handleSelectFilePicker = React.useCallback(async (workspaceId: DWorkspaceId | null) => {
// pick a file
@@ -73,26 +81,7 @@ export function useLiveFilePatch(title: string, code: string, isPartial: boolean
// components
const button = React.useMemo(() => !isEnabled ? null : (
<Box sx={{
ml: 'auto',
display: 'flex',
alignItems: 'center',
gap: 0, // otherwise the button icon seems far
}}>
{/*/!* Patch LiveFile *!/*/}
{/*{!!liveFileId && (*/}
{/* <Button*/}
{/* variant='plain'*/}
{/* color='neutral'*/}
{/* size='sm'*/}
{/* onClick={() => setLiveFileId(null)}*/}
{/* >*/}
{/* TODO - TEST*/}
{/* </Button>*/}
{/*)}*/}
{/* Pick LiveFile */}
<Box sx={{ ml: 'auto' }}>
<WorkspaceLiveFilePicker
allowRemove
autoSelectName={title}
@@ -103,11 +92,9 @@ export function useLiveFilePatch(title: string, code: string, isPartial: boolean
onSelectFileSystemFileHandle={handleSelectFileSystemFileHandle}
onSelectLiveFile={handleSelectLiveFile}
/>
</Box>
), [handleSelectLiveFile, handleSelectFilePicker, handleSelectFileSystemFileHandle, isEnabled, liveFileId, title]);
const actionBar = React.useMemo(() => (!isEnabled || !liveFileId || true) ? null : (
<Typography>
{JSON.stringify(liveFileId)}