mirror of
https://github.com/invoke-ai/InvokeAI.git
synced 2026-02-05 04:54:56 -05:00
d1a2c4cd8c
* Implements rudimentary api * Fixes blocking in API * Adds UI to monorepo > src/frontend/ * Updates frontend/README * Reverts conda env name to `ldm` * Fixes environment yamls * CORS config for testing * Fixes LogViewer position * API WID * Adds actions to image viewer * Increases vite chunkSizeWarningLimit to 1500 * Implements init image * Implements state persistence in localStorage * Improve progress data handling * Final build * Fixes mimetypes error on windows * Adds error logging * Fixes bugged img2img strength component * Adds sourcemaps to dev build * Fixes missing key * Changes connection status indicator to text * Adds ability to serve other hosts than localhost * Adding Flask API server * Removes source maps from config * Fixes prop transfer * Add missing packages and add CORS support * Adding API doc * Remove defaults from openapi doc * Adds basic error handling for server config query * Mostly working socket.io implementation. * Fixes bug preventing mask upload * Fixes bug with sampler name not written to metadata * UI Overhaul, numerous fixes Co-authored-by: Kyle Schouviller <kyle0654@hotmail.com> Co-authored-by: Lincoln Stein <lincoln.stein@gmail.com>
61 lines
2.2 KiB
TypeScript
61 lines
2.2 KiB
TypeScript
import { Grid, GridItem } from '@chakra-ui/react';
|
|
import CurrentImage from './features/gallery/CurrentImage';
|
|
import LogViewer from './features/system/LogViewer';
|
|
import PromptInput from './features/sd/PromptInput';
|
|
import ProgressBar from './features/header/ProgressBar';
|
|
import { useEffect } from 'react';
|
|
import { useAppDispatch } from './app/hooks';
|
|
import { requestAllImages } from './app/socketio';
|
|
import ProcessButtons from './features/sd/ProcessButtons';
|
|
import ImageRoll from './features/gallery/ImageRoll';
|
|
import SiteHeader from './features/header/SiteHeader';
|
|
import OptionsAccordion from './features/sd/OptionsAccordion';
|
|
|
|
const App = () => {
|
|
const dispatch = useAppDispatch();
|
|
useEffect(() => {
|
|
dispatch(requestAllImages());
|
|
}, [dispatch]);
|
|
return (
|
|
<>
|
|
<Grid
|
|
width='100vw'
|
|
height='100vh'
|
|
templateAreas={`
|
|
"header header header header"
|
|
"progressBar progressBar progressBar progressBar"
|
|
"menu prompt processButtons imageRoll"
|
|
"menu currentImage currentImage imageRoll"`}
|
|
gridTemplateRows={'36px 10px 100px auto'}
|
|
gridTemplateColumns={'350px auto 100px 388px'}
|
|
gap={2}
|
|
>
|
|
<GridItem area={'header'} pt={1}>
|
|
<SiteHeader />
|
|
</GridItem>
|
|
<GridItem area={'progressBar'}>
|
|
<ProgressBar />
|
|
</GridItem>
|
|
<GridItem pl='2' area={'menu'} overflowY='scroll'>
|
|
<OptionsAccordion />
|
|
</GridItem>
|
|
<GridItem area={'prompt'}>
|
|
<PromptInput />
|
|
</GridItem>
|
|
<GridItem area={'processButtons'}>
|
|
<ProcessButtons />
|
|
</GridItem>
|
|
<GridItem area={'currentImage'}>
|
|
<CurrentImage />
|
|
</GridItem>
|
|
<GridItem pr='2' area={'imageRoll'} overflowY='scroll'>
|
|
<ImageRoll />
|
|
</GridItem>
|
|
</Grid>
|
|
<LogViewer />
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default App;
|