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.
76 lines
2.5 KiB
JavaScript
76 lines
2.5 KiB
JavaScript
import { watch } from "runed";
|
|
import { onDestroyEffect } from "svelte-toolbelt";
|
|
import { AnimationsComplete } from "./animations-complete.js";
|
|
export class PresenceManager {
|
|
#opts;
|
|
#enabled;
|
|
#afterAnimations;
|
|
#shouldRender = $state(false);
|
|
#transitionStatus = $state(undefined);
|
|
#hasMounted = false;
|
|
#transitionFrame = null;
|
|
constructor(opts) {
|
|
this.#opts = opts;
|
|
this.#shouldRender = opts.open.current;
|
|
this.#enabled = opts.enabled ?? true;
|
|
this.#afterAnimations = new AnimationsComplete({
|
|
ref: this.#opts.ref,
|
|
afterTick: this.#opts.open,
|
|
});
|
|
onDestroyEffect(() => this.#clearTransitionFrame());
|
|
watch(() => this.#opts.open.current, (isOpen) => {
|
|
if (!this.#hasMounted) {
|
|
this.#hasMounted = true;
|
|
return;
|
|
}
|
|
this.#clearTransitionFrame();
|
|
if (!isOpen && this.#opts.shouldSkipExitAnimation?.()) {
|
|
this.#shouldRender = false;
|
|
this.#transitionStatus = undefined;
|
|
this.#opts.onComplete?.();
|
|
return;
|
|
}
|
|
if (isOpen)
|
|
this.#shouldRender = true;
|
|
this.#transitionStatus = isOpen ? "starting" : "ending";
|
|
if (isOpen) {
|
|
this.#transitionFrame = window.requestAnimationFrame(() => {
|
|
this.#transitionFrame = null;
|
|
if (this.#opts.open.current) {
|
|
this.#transitionStatus = undefined;
|
|
}
|
|
});
|
|
}
|
|
if (!this.#enabled) {
|
|
if (!isOpen) {
|
|
this.#shouldRender = false;
|
|
}
|
|
this.#transitionStatus = undefined;
|
|
this.#opts.onComplete?.();
|
|
return;
|
|
}
|
|
this.#afterAnimations.run(() => {
|
|
if (isOpen === this.#opts.open.current) {
|
|
if (!this.#opts.open.current) {
|
|
this.#shouldRender = false;
|
|
}
|
|
this.#transitionStatus = undefined;
|
|
this.#opts.onComplete?.();
|
|
}
|
|
});
|
|
});
|
|
}
|
|
get shouldRender() {
|
|
return this.#shouldRender;
|
|
}
|
|
get transitionStatus() {
|
|
return this.#transitionStatus;
|
|
}
|
|
#clearTransitionFrame() {
|
|
if (this.#transitionFrame === null)
|
|
return;
|
|
window.cancelAnimationFrame(this.#transitionFrame);
|
|
this.#transitionFrame = null;
|
|
}
|
|
}
|