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.
73 lines
2.4 KiB
JavaScript
73 lines
2.4 KiB
JavaScript
import { untrack } from "svelte";
|
|
import { extract } from "../extract/index.js";
|
|
import { defaultWindow } from "../../internal/configurable-globals.js";
|
|
/**
|
|
* Wrapper over {@link https://developer.mozilla.org/en-US/docs/Web/API/window/requestAnimationFrame requestAnimationFrame},
|
|
* with controls for pausing and resuming the animation, reactive tracking and optional limiting of fps, and utilities.
|
|
*/
|
|
export class AnimationFrames {
|
|
#callback;
|
|
#fpsLimitOption = 0;
|
|
#fpsLimit = $derived(extract(this.#fpsLimitOption) ?? 0);
|
|
#previousTimestamp = null;
|
|
#frame = null;
|
|
#fps = $state(0);
|
|
#running = $state(false);
|
|
#window = defaultWindow;
|
|
constructor(callback, options = {}) {
|
|
if (options.window)
|
|
this.#window = options.window;
|
|
this.#fpsLimitOption = options.fpsLimit;
|
|
this.#callback = callback;
|
|
this.start = this.start.bind(this);
|
|
this.stop = this.stop.bind(this);
|
|
this.toggle = this.toggle.bind(this);
|
|
$effect(() => {
|
|
if (options.immediate ?? true) {
|
|
untrack(this.start);
|
|
}
|
|
return this.stop;
|
|
});
|
|
}
|
|
#loop(timestamp) {
|
|
if (!this.#running || !this.#window)
|
|
return;
|
|
if (this.#previousTimestamp === null) {
|
|
this.#previousTimestamp = timestamp;
|
|
}
|
|
const delta = timestamp - this.#previousTimestamp;
|
|
const fps = 1000 / delta;
|
|
if (this.#fpsLimit && fps > this.#fpsLimit) {
|
|
this.#frame = this.#window.requestAnimationFrame(this.#loop.bind(this));
|
|
return;
|
|
}
|
|
this.#fps = fps;
|
|
this.#previousTimestamp = timestamp;
|
|
this.#callback({ delta, timestamp });
|
|
this.#frame = this.#window.requestAnimationFrame(this.#loop.bind(this));
|
|
}
|
|
start() {
|
|
if (!this.#window)
|
|
return;
|
|
this.#running = true;
|
|
this.#previousTimestamp = 0;
|
|
this.#frame = this.#window.requestAnimationFrame(this.#loop.bind(this));
|
|
}
|
|
stop() {
|
|
if (!this.#frame || !this.#window)
|
|
return;
|
|
this.#running = false;
|
|
this.#window.cancelAnimationFrame(this.#frame);
|
|
this.#frame = null;
|
|
}
|
|
toggle() {
|
|
this.#running ? this.stop() : this.start();
|
|
}
|
|
get fps() {
|
|
return !this.#running ? 0 : this.#fps;
|
|
}
|
|
get running() {
|
|
return this.#running;
|
|
}
|
|
}
|