wehub-resource-sync
adf0d17497
publish / version_or_publish (push) Has been cancelled
storybook-build / changes (push) Has been cancelled
storybook-build / :storybook-build (push) Has been cancelled
Sync Gradio Skills to Hugging Face / sync-skills (push) Has been cancelled
functional / changes (push) Has been cancelled
functional / build-frontend (push) Has been cancelled
functional / functional-test-SSR=false (push) Has been cancelled
functional / functional-reload (push) Has been cancelled
js / changes (push) Has been cancelled
js / js-test (push) Has been cancelled
docs-build / changes (push) Has been cancelled
docs-build / docs-build (push) Has been cancelled
docs-build / website-build (push) Has been cancelled
functional / functional-test-SSR=true (push) Has been cancelled
hygiene / hygiene-test (push) Has been cancelled
python / changes (push) Has been cancelled
python / build (push) Has been cancelled
python / test-ubuntu-latest-flaky (push) Has been cancelled
python / test-ubuntu-latest-not-flaky (push) Has been cancelled
python / test-windows-latest-flaky (push) Has been cancelled
python / test-windows-latest-not-flaky (push) Has been cancelled
26 lines
650 B
Svelte
26 lines
650 B
Svelte
<script lang="ts">
|
|
import { onDestroy } from "svelte";
|
|
import type { TimerProps, TimerEvents } from "./types";
|
|
import { Gradio } from "@gradio/utils";
|
|
|
|
const props = $props();
|
|
const gradio = new Gradio<TimerEvents, TimerProps>(props);
|
|
gradio.watch_for_change();
|
|
|
|
let interval: NodeJS.Timeout | undefined = undefined;
|
|
|
|
$effect(() => {
|
|
if (interval) clearInterval(interval);
|
|
if (gradio.props.active) {
|
|
interval = setInterval(() => {
|
|
if (document.visibilityState === "visible") {
|
|
gradio.dispatch("tick");
|
|
}
|
|
}, gradio.props.value * 1000);
|
|
}
|
|
});
|
|
onDestroy(() => {
|
|
if (interval) clearInterval(interval);
|
|
});
|
|
</script>
|