mirror/gradio
2
0
Fork 0
mirror of https://github.com/gradio-app/gradio.git synced 2025-03-01 11:45:36 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix loading status on website (#2027)

Browse Source 
* fix loading status, remove website skipping

* fixed formatting

* use generated index on landing page

* fix typing

* actually fix typing

Co-authored-by: Abubakar Abid <abubakar@huggingface.co>
Co-authored-by: Ali Abid <aabid94@gmail.com>
This commit is contained in:
Ali Abdalla 2022-08-17 20:10:31 -07:00 committed by GitHub
parent cd95c60b88
commit 247cf2b5a1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 17 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
ui/packages/app/src/Blocks.svelte
View File

@ -3,7 +3,11 @@
import { _ } from "svelte-i18n";
import { component_map } from "./components/directory";
import { loading_status, app_state, LoadingStatusCollection } from "./stores";
import {
create_loading_status_store,
app_state,
LoadingStatusCollection
} from "./stores";
import type {
ComponentMeta,
@ -32,6 +36,7 @@
export let id: number = 0;
export let autoscroll: boolean = false;
let app_mode = window.__gradio_mode__ === "app";
let loading_status = create_loading_status_store();
$: app_state.update((s) => ({ ...s, autoscroll }));
@ -247,7 +252,8 @@
data: inputs.map((id) => instance_map[id].props.value)
},
queue: queue === null ? enable_queue : queue,
queue_callback: handle_update
queue_callback: handle_update,
loading_status: loading_status
});
function handle_update(output: any) {
@ -302,7 +308,8 @@
},
output_data: outputs.map((id) => instance_map[id].props.value),
queue: queue === null ? enable_queue : queue,
queue_callback: handle_update
queue_callback: handle_update,
loading_status: loading_status
});
if (!(queue === null ? enable_queue : queue)) {
@ -357,9 +364,6 @@
});
function set_status(statuses: LoadingStatusCollection) {
if (window.__gradio_mode__ === "website") {
return;
}
for (const id in statuses) {
let loading_status = statuses[id];
let dependency = dependencies[loading_status.fn_index];

6
ui/packages/app/src/api.ts
View File

@ -1,5 +1,5 @@
import { get } from "svelte/store";
import { loading_status } from "./stores";
import type { LoadingStatusType } from "./stores";
type StatusResponse =
| {
@ -69,7 +69,8 @@ export const fn =
backend_fn,
frontend_fn,
output_data,
queue_callback
queue_callback,
loading_status
}: {
action: string;
payload: Payload;
@ -78,6 +79,7 @@ export const fn =
frontend_fn: Function | undefined;
output_data?: Output["data"];
queue_callback: Function;
loading_status: LoadingStatusType;
}): Promise<unknown> => {
const fn_index = payload.fn_index;

4
ui/packages/app/src/stores.ts
View File

@ -13,7 +13,7 @@ export interface LoadingStatus {
export type LoadingStatusCollection = Record<number, LoadingStatus>;
function create_loading_status_store() {
export function create_loading_status_store() {
const store = writable<LoadingStatusCollection>({});
const fn_inputs: Array<Array<number>> = [];
@ -128,5 +128,5 @@ function create_loading_status_store() {
};
}
export const loading_status = create_loading_status_store();
export type LoadingStatusType = ReturnType<typeof create_loading_status_store>;
export const app_state = writable({ autoscroll: false });

2
website/homepage/src/index/demos_template.html
View File

@ -59,7 +59,7 @@ gr<span class="token punctuation">.</span>Interface<span class="token punctuatio
</div>
</div>
<script type="module" src="https://gradio.s3-us-west-2.amazonaws.com/3.1.1/gradio.js"></script>
<script type="module" src="/assets/index.js"></script>
<script>{% include 'templates/add_copy.js' %}</script>
<script>
let load_demo = demo_id => {