feat: Phase 1 — extract the client (web SPA + desktop) to dtoro/oikos-web
Some checks failed
ci / build-test (push) Has been cancelled
ci / docker-build (push) Has been cancelled

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.
This commit is contained in:
2026-08-15 22:27:52 +02:00
parent e074f04bdf
commit d4d99a7473
18854 changed files with 2615729 additions and 173735 deletions

View File

@@ -0,0 +1,2 @@
export { default as PresenceLayer } from "./presence-layer.svelte";
export type { PresenceLayerProps } from "./types.js";

View File

@@ -0,0 +1 @@
export { default as PresenceLayer } from "./presence-layer.svelte";

View File

@@ -0,0 +1,19 @@
<script lang="ts">
import { boxWith } from "svelte-toolbelt";
import type { PresenceLayerImplProps } from "./types.js";
import { Presence } from "./presence.svelte.js";
let { open, forceMount, presence, ref }: PresenceLayerImplProps = $props();
const presenceState = new Presence({
open: boxWith(() => open),
ref,
});
</script>
{#if forceMount || open || presenceState.isPresent}
{@render presence?.({
present: presenceState.isPresent,
transitionStatus: presenceState.transitionStatus,
})}
{/if}

View File

@@ -0,0 +1,4 @@
import type { PresenceLayerImplProps } from "./types.js";
declare const PresenceLayer: import("svelte").Component<PresenceLayerImplProps, {}, "">;
type PresenceLayer = ReturnType<typeof PresenceLayer>;
export default PresenceLayer;

View File

@@ -0,0 +1,15 @@
import { type ReadableBox, type ReadableBoxedValues } from "svelte-toolbelt";
import type { TransitionState } from "../../../internal/attrs.js";
export interface PresenceOptions extends ReadableBoxedValues<{
open: boolean;
ref: HTMLElement | null;
}> {
}
export declare class Presence {
#private;
readonly opts: PresenceOptions;
present: ReadableBox<boolean>;
constructor(opts: PresenceOptions);
isPresent: boolean;
get transitionStatus(): TransitionState;
}

View File

@@ -0,0 +1,61 @@
import { onDestroyEffect } from "svelte-toolbelt";
import { watch } from "runed";
import { AnimationsComplete } from "../../../internal/animations-complete.js";
export class Presence {
opts;
present;
#afterAnimations;
#isPresent = $state(false);
#hasMounted = false;
#transitionStatus = $state(undefined);
#transitionFrame = null;
constructor(opts) {
this.opts = opts;
this.present = this.opts.open;
this.#isPresent = opts.open.current;
this.#afterAnimations = new AnimationsComplete({
ref: this.opts.ref,
afterTick: this.opts.open,
});
onDestroyEffect(() => this.#clearTransitionFrame());
watch(() => this.present.current, (isOpen) => {
if (!this.#hasMounted) {
this.#hasMounted = true;
return;
}
this.#clearTransitionFrame();
if (isOpen) {
this.#isPresent = true;
}
this.#transitionStatus = isOpen ? "starting" : "ending";
if (isOpen) {
this.#transitionFrame = window.requestAnimationFrame(() => {
this.#transitionFrame = null;
if (this.present.current) {
this.#transitionStatus = undefined;
}
});
}
this.#afterAnimations.run(() => {
if (isOpen !== this.present.current)
return;
if (!isOpen) {
this.#isPresent = false;
}
this.#transitionStatus = undefined;
});
});
}
isPresent = $derived.by(() => {
return this.#isPresent;
});
get transitionStatus() {
return this.#transitionStatus;
}
#clearTransitionFrame() {
if (this.#transitionFrame === null)
return;
window.cancelAnimationFrame(this.#transitionFrame);
this.#transitionFrame = null;
}
}

View File

@@ -0,0 +1,22 @@
import type { Snippet } from "svelte";
import type { ReadableBox } from "svelte-toolbelt";
import type { TransitionState } from "../../../internal/attrs.js";
export type PresenceLayerProps = {
/**
* Whether to force mount the component.
*/
forceMount?: boolean;
};
export type PresenceLayerImplProps = PresenceLayerProps & {
/**
* The open state of the component.
*/
open: boolean;
presence?: Snippet<[
{
present: boolean;
transitionStatus: TransitionState;
}
]>;
ref: ReadableBox<HTMLElement | null>;
};

View File

@@ -0,0 +1 @@
export {};