mirror of
https://github.com/invoke-ai/InvokeAI
synced 2024-08-30 20:32:17 +00:00
copy frontend from dev
This commit is contained in:
4
frontend/dist/index.html
vendored
4
frontend/dist/index.html
vendored
@ -6,8 +6,8 @@
|
|||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>InvokeAI - A Stable Diffusion Toolkit</title>
|
<title>InvokeAI - A Stable Diffusion Toolkit</title>
|
||||||
<link rel="shortcut icon" type="icon" href="./assets/favicon.0d253ced.ico" />
|
<link rel="shortcut icon" type="icon" href="./assets/favicon.0d253ced.ico" />
|
||||||
<script type="module" crossorigin src="./assets/index.bf9dd1fc.js"></script>
|
<script type="module" crossorigin src="./assets/index.1fc0290b.js"></script>
|
||||||
<link rel="stylesheet" href="./assets/index.f9f4c989.css">
|
<link rel="stylesheet" href="./assets/index.40a72c80.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
@ -39,6 +39,7 @@ export const NUMPY_RAND_MIN = 0;
|
|||||||
export const NUMPY_RAND_MAX = 4294967295;
|
export const NUMPY_RAND_MAX = 4294967295;
|
||||||
|
|
||||||
export const FACETOOL_TYPES = ['gfpgan', 'codeformer'] as const;
|
export const FACETOOL_TYPES = ['gfpgan', 'codeformer'] as const;
|
||||||
|
|
||||||
export const IN_PROGRESS_IMAGE_TYPES: Array<{
|
export const IN_PROGRESS_IMAGE_TYPES: Array<{
|
||||||
key: string;
|
key: string;
|
||||||
value: InProgressImageType;
|
value: InProgressImageType;
|
||||||
|
1
frontend/src/app/invokeai.d.ts
vendored
1
frontend/src/app/invokeai.d.ts
vendored
@ -116,6 +116,7 @@ export declare type Image = {
|
|||||||
width: number;
|
width: number;
|
||||||
height: number;
|
height: number;
|
||||||
category: GalleryCategory;
|
category: GalleryCategory;
|
||||||
|
isBase64: boolean;
|
||||||
};
|
};
|
||||||
|
|
||||||
// GalleryImages is an array of Image.
|
// GalleryImages is an array of Image.
|
||||||
|
@ -263,18 +263,20 @@ const makeSocketIOListeners = (
|
|||||||
const { intermediateImage } = getState().gallery;
|
const { intermediateImage } = getState().gallery;
|
||||||
|
|
||||||
if (intermediateImage) {
|
if (intermediateImage) {
|
||||||
dispatch(
|
if (!intermediateImage.isBase64) {
|
||||||
addImage({
|
dispatch(
|
||||||
category: 'result',
|
addImage({
|
||||||
image: intermediateImage,
|
category: 'result',
|
||||||
})
|
image: intermediateImage,
|
||||||
);
|
})
|
||||||
dispatch(
|
);
|
||||||
addLogEntry({
|
dispatch(
|
||||||
timestamp: dateFormat(new Date(), 'isoDateTime'),
|
addLogEntry({
|
||||||
message: `Intermediate image saved: ${intermediateImage.url}`,
|
timestamp: dateFormat(new Date(), 'isoDateTime'),
|
||||||
})
|
message: `Intermediate image saved: ${intermediateImage.url}`,
|
||||||
);
|
})
|
||||||
|
);
|
||||||
|
}
|
||||||
dispatch(clearIntermediateImage());
|
dispatch(clearIntermediateImage());
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -46,13 +46,13 @@ const systemSelector = createSelector(
|
|||||||
[
|
[
|
||||||
(state: RootState) => state.system,
|
(state: RootState) => state.system,
|
||||||
(state: RootState) => state.options,
|
(state: RootState) => state.options,
|
||||||
intermediateImageSelector,
|
(state: RootState) => state.gallery,
|
||||||
activeTabNameSelector,
|
activeTabNameSelector,
|
||||||
],
|
],
|
||||||
(
|
(
|
||||||
system: SystemState,
|
system: SystemState,
|
||||||
options: OptionsState,
|
options: OptionsState,
|
||||||
intermediateImage,
|
gallery: GalleryState,
|
||||||
activeTabName
|
activeTabName
|
||||||
) => {
|
) => {
|
||||||
const { isProcessing, isConnected, isGFPGANAvailable, isESRGANAvailable } =
|
const { isProcessing, isConnected, isGFPGANAvailable, isESRGANAvailable } =
|
||||||
|
@ -22,7 +22,7 @@ import {
|
|||||||
setSaveIntermediatesInterval,
|
setSaveIntermediatesInterval,
|
||||||
setShouldConfirmOnDelete,
|
setShouldConfirmOnDelete,
|
||||||
setShouldDisplayGuides,
|
setShouldDisplayGuides,
|
||||||
setShouldDisplayInProgress,
|
setShouldDisplayInProgressType,
|
||||||
SystemState,
|
SystemState,
|
||||||
} from '../systemSlice';
|
} from '../systemSlice';
|
||||||
import ModelList from './ModelList';
|
import ModelList from './ModelList';
|
||||||
@ -35,13 +35,13 @@ const systemSelector = createSelector(
|
|||||||
(state: RootState) => state.system,
|
(state: RootState) => state.system,
|
||||||
(system: SystemState) => {
|
(system: SystemState) => {
|
||||||
const {
|
const {
|
||||||
shouldDisplayInProgress,
|
shouldDisplayInProgressType,
|
||||||
shouldConfirmOnDelete,
|
shouldConfirmOnDelete,
|
||||||
shouldDisplayGuides,
|
shouldDisplayGuides,
|
||||||
model_list,
|
model_list,
|
||||||
} = system;
|
} = system;
|
||||||
return {
|
return {
|
||||||
shouldDisplayInProgress,
|
shouldDisplayInProgressType,
|
||||||
shouldConfirmOnDelete,
|
shouldConfirmOnDelete,
|
||||||
shouldDisplayGuides,
|
shouldDisplayGuides,
|
||||||
models: _.map(model_list, (_model, key) => key),
|
models: _.map(model_list, (_model, key) => key),
|
||||||
@ -85,7 +85,7 @@ const SettingsModal = ({ children }: SettingsModalProps) => {
|
|||||||
} = useDisclosure();
|
} = useDisclosure();
|
||||||
|
|
||||||
const {
|
const {
|
||||||
shouldDisplayInProgress,
|
shouldDisplayInProgressType,
|
||||||
shouldConfirmOnDelete,
|
shouldConfirmOnDelete,
|
||||||
shouldDisplayGuides,
|
shouldDisplayGuides,
|
||||||
} = useAppSelector(systemSelector);
|
} = useAppSelector(systemSelector);
|
||||||
|
@ -195,7 +195,7 @@ export const systemSlice = createSlice({
|
|||||||
});
|
});
|
||||||
|
|
||||||
export const {
|
export const {
|
||||||
setShouldDisplayInProgress,
|
setShouldDisplayInProgressType,
|
||||||
setIsProcessing,
|
setIsProcessing,
|
||||||
addLogEntry,
|
addLogEntry,
|
||||||
setShouldShowLogViewer,
|
setShouldShowLogViewer,
|
||||||
|
1191
frontend/yarn.lock
1191
frontend/yarn.lock
File diff suppressed because it is too large
Load Diff
Reference in New Issue
Block a user