dtoro
d4d99a7473
Problem: the hexagonal refactor churns the backend tree for nine more phases; the UI delivery stack (web/ SPA, cmd/desktop Wails wrapper, compose/web image) must move to its own repo first so doc/layout rewrites land once on a backend-only tree. Change: - New repo git.hubris.network/dtoro/oikos-web (v0.33.0): web/, desktop/ (updateURL repointed to oikos-web releases), compose/, own CI (web + desktop jobs), own deploy script (CI-green gate, TOCTOU guard, version-tagged images, prune-to-3), own webhook receiver on :9798 + launchd unit, own compose project publishing the same 8091:80. - Cutover executed on mac-mini in order: oikos stack's web service stopped+removed, oikos-web project brought up on 8091; outer Caddy untouched (targets the published port) — serving + Authentik flow + /wails 404 quirk verified post-cutover. - Stripped from oikos: web/, cmd/desktop/, compose/web/, desktop CI workflow, ci.yml web job, Makefile ui/desktop/desktop-package/install targets, the compose web service, oikos-web from deploy.sh's fallback prune list; wails + go-keyring dropped from go.mod, vendor synced. - README / CONTRIBUTING / AGENTS.md / .agents dev+operations docs now point at the new repo; mbse + mascot design docs carry a path note. Risk: production SPA serving depends on the new pipeline now; rollback is versioned-image re-up of the old web service from a pre-split checkout (port 8091). Desktop builds installed before the split still check dtoro/oikos releases — one manual reinstall, noted in the oikos-web release notes. Verification: go vet, make test (race), make generate-check, golangci (no new findings; baseline down 400→365); post-cutover curls — localhost:8091 200, /wails/runtime.js 404, outer Caddy 302 Authentik.
79 lines
2.2 KiB
JavaScript
79 lines
2.2 KiB
JavaScript
import { useDebounce } from "../use-debounce/use-debounce.svelte.js";
|
|
import { watch } from "../watch/watch.svelte.js";
|
|
import { noop } from "../../internal/utils/function.js";
|
|
/**
|
|
* A wrapper over {@link useDebounce} that creates a debounced state.
|
|
* It takes a "getter" function which returns the state you want to debounce.
|
|
* Every time this state changes a timer (re)starts, the length of which is
|
|
* configurable with the `wait` arg. When the timer ends the `current` value
|
|
* is updated.
|
|
*
|
|
* @see https://runed.dev/docs/utilities/debounced
|
|
*
|
|
* @example
|
|
*
|
|
* <script lang="ts">
|
|
* import { Debounced } from "runed";
|
|
*
|
|
* let search = $state("");
|
|
* const debounced = new Debounced(() => search, 500);
|
|
* </script>
|
|
*
|
|
* <div>
|
|
* <input bind:value={search} />
|
|
* <p>You searched for: <b>{debounced.current}</b></p>
|
|
* </div>
|
|
*/
|
|
export class Debounced {
|
|
#current = $state();
|
|
#debounceFn;
|
|
/**
|
|
* @param getter A function that returns the state to watch.
|
|
* @param wait The length of time to wait in ms, defaults to 250.
|
|
*/
|
|
constructor(getter, wait = 250) {
|
|
this.#current = getter(); // immediately set the initial value
|
|
this.cancel = this.cancel.bind(this);
|
|
this.setImmediately = this.setImmediately.bind(this);
|
|
this.updateImmediately = this.updateImmediately.bind(this);
|
|
this.#debounceFn = useDebounce(() => {
|
|
this.#current = getter();
|
|
}, wait);
|
|
watch(getter, () => {
|
|
this.#debounceFn().catch(noop);
|
|
});
|
|
}
|
|
// isn't the name "current" slightly misleading? it sounds like the latest, raw value
|
|
/**
|
|
* Get the debounced value.
|
|
*/
|
|
get current() {
|
|
return this.#current;
|
|
}
|
|
/**
|
|
* Whether a timer is currently pending.
|
|
*/
|
|
get pending() {
|
|
return this.#debounceFn.pending;
|
|
}
|
|
/**
|
|
* Cancel the latest timer.
|
|
*/
|
|
cancel() {
|
|
this.#debounceFn.cancel();
|
|
}
|
|
/**
|
|
* Run the debounced function immediately.
|
|
*/
|
|
updateImmediately() {
|
|
return this.#debounceFn.runScheduledNow();
|
|
}
|
|
/**
|
|
* Set the `current` value without waiting.
|
|
*/
|
|
setImmediately(v) {
|
|
this.cancel();
|
|
this.#current = v;
|
|
}
|
|
}
|