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 PopperLayer } from "./popper-layer.svelte";
export type { PopperLayerProps } from "./types.js";

View File

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

View File

@@ -0,0 +1,18 @@
<script lang="ts">
import FloatingLayerContentStatic from "../floating-layer/components/floating-layer-content-static.svelte";
import FloatingLayerContent from "../floating-layer/components/floating-layer-content.svelte";
import type { FloatingLayerContentImplProps } from "../floating-layer/types.js";
let {
content,
isStatic = false,
onPlaced,
...restProps
}: FloatingLayerContentImplProps & { isStatic: boolean } = $props();
</script>
{#if isStatic}
<FloatingLayerContentStatic {content} {onPlaced} />
{:else}
<FloatingLayerContent {content} {onPlaced} {...restProps} />
{/if}

View File

@@ -0,0 +1,7 @@
import type { FloatingLayerContentImplProps } from "../floating-layer/types.js";
type $$ComponentProps = FloatingLayerContentImplProps & {
isStatic: boolean;
};
declare const PopperContent: import("svelte").Component<$$ComponentProps, {}, "">;
type PopperContent = ReturnType<typeof PopperContent>;
export default PopperContent;

View File

@@ -0,0 +1,85 @@
<script lang="ts">
import type { PopperLayerImplProps } from "./types.js";
import PopperLayerInner from "./popper-layer-inner.svelte";
let {
popper,
onEscapeKeydown,
escapeKeydownBehavior,
preventOverflowTextSelection,
id,
onPointerDown,
onPointerUp,
side,
sideOffset,
align,
alignOffset,
arrowPadding,
avoidCollisions,
collisionBoundary,
collisionPadding,
sticky,
hideWhenDetached,
updatePositionStrategy,
strategy,
dir,
preventScroll,
wrapperId,
style,
onPlaced,
onInteractOutside,
onCloseAutoFocus,
onOpenAutoFocus,
onFocusOutside,
interactOutsideBehavior = "close",
loop,
trapFocus = true,
isValidEvent = () => false,
customAnchor = null,
isStatic = false,
enabled,
...restProps
}: Omit<PopperLayerImplProps, "open"> & {
enabled: boolean;
} = $props();
</script>
<PopperLayerInner
{popper}
{onEscapeKeydown}
{escapeKeydownBehavior}
{preventOverflowTextSelection}
{id}
{onPointerDown}
{onPointerUp}
{side}
{sideOffset}
{align}
{alignOffset}
{arrowPadding}
{avoidCollisions}
{collisionBoundary}
{collisionPadding}
{sticky}
{hideWhenDetached}
{updatePositionStrategy}
{strategy}
{dir}
{preventScroll}
{wrapperId}
{style}
{onPlaced}
{customAnchor}
{isStatic}
{enabled}
{onInteractOutside}
{onCloseAutoFocus}
{onOpenAutoFocus}
{interactOutsideBehavior}
{loop}
{trapFocus}
{isValidEvent}
{onFocusOutside}
{...restProps}
forceMount={true}
/>

View File

@@ -0,0 +1,7 @@
import type { PopperLayerImplProps } from "./types.js";
type $$ComponentProps = Omit<PopperLayerImplProps, "open"> & {
enabled: boolean;
};
declare const PopperLayerForceMount: import("svelte").Component<$$ComponentProps, {}, "">;
type PopperLayerForceMount = ReturnType<typeof PopperLayerForceMount>;
export default PopperLayerForceMount;

View File

@@ -0,0 +1,139 @@
<script lang="ts">
import { mergeProps } from "svelte-toolbelt";
import ScrollLock from "../scroll-lock/scroll-lock.svelte";
import type { PopperLayerImplProps } from "./types.js";
import PopperContent from "./popper-content.svelte";
import EscapeLayer from "../escape-layer/escape-layer.svelte";
import DismissibleLayer from "../dismissible-layer/dismissible-layer.svelte";
import TextSelectionLayer from "../text-selection-layer/text-selection-layer.svelte";
import FocusScope from "../focus-scope/focus-scope.svelte";
let {
popper,
onEscapeKeydown,
escapeKeydownBehavior,
preventOverflowTextSelection,
id,
onPointerDown,
onPointerUp,
side,
sideOffset,
align,
alignOffset,
arrowPadding,
avoidCollisions,
collisionBoundary,
collisionPadding,
sticky,
hideWhenDetached,
updatePositionStrategy,
strategy,
dir,
preventScroll,
wrapperId,
style,
onPlaced,
onInteractOutside,
onCloseAutoFocus,
onOpenAutoFocus,
onFocusOutside,
interactOutsideBehavior = "close",
loop,
trapFocus = true,
isValidEvent = () => false,
customAnchor = null,
isStatic = false,
enabled,
ref,
tooltip = false,
contentPointerEvents = "auto",
...restProps
}: Omit<PopperLayerImplProps, "open" | "children" | "shouldRender"> & {
enabled: boolean;
contentPointerEvents?: "auto" | "none";
} = $props();
const resolvedPreventScroll = $derived(preventScroll ?? true);
const effectiveStrategy = $derived(strategy ?? (resolvedPreventScroll ? "fixed" : "absolute"));
</script>
<PopperContent
{isStatic}
{id}
{side}
{sideOffset}
{align}
{alignOffset}
{arrowPadding}
{avoidCollisions}
{collisionBoundary}
{collisionPadding}
{sticky}
{hideWhenDetached}
{updatePositionStrategy}
strategy={effectiveStrategy}
{dir}
{wrapperId}
{style}
{onPlaced}
{customAnchor}
{enabled}
{tooltip}
>
{#snippet content({ props: floatingProps, wrapperProps })}
{#if restProps.forceMount && enabled}
<ScrollLock preventScroll={resolvedPreventScroll} />
{:else if !restProps.forceMount}
<ScrollLock preventScroll={resolvedPreventScroll} />
{/if}
<FocusScope
{onOpenAutoFocus}
{onCloseAutoFocus}
{loop}
{enabled}
{trapFocus}
forceMount={restProps.forceMount}
{ref}
>
{#snippet focusScope({ props: focusScopeProps })}
<EscapeLayer {onEscapeKeydown} {escapeKeydownBehavior} {enabled} {ref}>
<DismissibleLayer
{id}
{onInteractOutside}
{onFocusOutside}
{interactOutsideBehavior}
{isValidEvent}
{enabled}
{ref}
>
{#snippet children({ props: dismissibleProps })}
<TextSelectionLayer
{id}
{preventOverflowTextSelection}
{onPointerDown}
{onPointerUp}
{enabled}
{ref}
>
{@render popper?.({
props: mergeProps(
restProps,
floatingProps,
dismissibleProps,
focusScopeProps,
{
style: {
pointerEvents: contentPointerEvents,
},
}
),
wrapperProps,
})}
</TextSelectionLayer>
{/snippet}
</DismissibleLayer>
</EscapeLayer>
{/snippet}
</FocusScope>
{/snippet}
</PopperContent>

View File

@@ -0,0 +1,8 @@
import type { PopperLayerImplProps } from "./types.js";
type $$ComponentProps = Omit<PopperLayerImplProps, "open" | "children" | "shouldRender"> & {
enabled: boolean;
contentPointerEvents?: "auto" | "none";
};
declare const PopperLayerInner: import("svelte").Component<$$ComponentProps, {}, "">;
type PopperLayerInner = ReturnType<typeof PopperLayerInner>;
export default PopperLayerInner;

View File

@@ -0,0 +1,88 @@
<script lang="ts">
import type { PopperLayerImplProps } from "./types.js";
import PopperLayerInner from "./popper-layer-inner.svelte";
let {
popper,
open,
onEscapeKeydown,
escapeKeydownBehavior,
preventOverflowTextSelection,
id,
onPointerDown,
onPointerUp,
side,
sideOffset,
align,
alignOffset,
arrowPadding,
avoidCollisions,
collisionBoundary,
collisionPadding,
sticky,
hideWhenDetached,
updatePositionStrategy,
strategy,
dir,
preventScroll,
wrapperId,
style,
onPlaced,
onInteractOutside,
onCloseAutoFocus,
onOpenAutoFocus,
onFocusOutside,
interactOutsideBehavior = "close",
loop,
trapFocus = true,
isValidEvent = () => false,
customAnchor = null,
isStatic = false,
ref,
shouldRender,
...restProps
}: PopperLayerImplProps = $props();
</script>
{#if shouldRender}
<PopperLayerInner
{popper}
{onEscapeKeydown}
{escapeKeydownBehavior}
{preventOverflowTextSelection}
{id}
{onPointerDown}
{onPointerUp}
{side}
{sideOffset}
{align}
{alignOffset}
{arrowPadding}
{avoidCollisions}
{collisionBoundary}
{collisionPadding}
{sticky}
{hideWhenDetached}
{updatePositionStrategy}
{strategy}
{dir}
{preventScroll}
{wrapperId}
{style}
{onPlaced}
{customAnchor}
{isStatic}
enabled={open}
{onInteractOutside}
{onCloseAutoFocus}
{onOpenAutoFocus}
{interactOutsideBehavior}
{loop}
{trapFocus}
{isValidEvent}
{onFocusOutside}
forceMount={false}
{ref}
{...restProps}
/>
{/if}

View File

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

View File

@@ -0,0 +1,43 @@
import type { Snippet } from "svelte";
import type { EscapeLayerImplProps, EscapeLayerProps } from "../escape-layer/types.js";
import type { DismissibleLayerImplProps, DismissibleLayerProps } from "../dismissible-layer/types.js";
import type { FloatingLayerContentImplProps, FloatingLayerContentProps } from "../floating-layer/types.js";
import type { TextSelectionLayerImplProps, TextSelectionLayerProps } from "../text-selection-layer/types.js";
import type { PresenceLayerImplProps, PresenceLayerProps } from "../presence-layer/types.js";
import type { FocusScopeImplProps, FocusScopeProps } from "../focus-scope/types.js";
import type { ScrollLockProps } from "../scroll-lock/index.js";
import type { Direction } from "../../../shared/index.js";
export type PopperLayerProps = EscapeLayerProps & Omit<DismissibleLayerProps, "onInteractOutsideStart"> & FloatingLayerContentProps & PresenceLayerProps & TextSelectionLayerProps & FocusScopeProps & Omit<ScrollLockProps, "restoreScrollDelay">;
export type PopperLayerStaticProps = EscapeLayerProps & Omit<DismissibleLayerProps, "onInteractOutsideStart"> & PresenceLayerProps & TextSelectionLayerProps & FocusScopeProps & Omit<ScrollLockProps, "restoreScrollDelay"> & {
content?: Snippet<[{
props: Record<string, unknown>;
}]>;
dir?: Direction;
};
export type PopperLayerImplProps = Omit<EscapeLayerImplProps & DismissibleLayerImplProps & FloatingLayerContentImplProps & Omit<PresenceLayerImplProps, "presence"> & TextSelectionLayerImplProps & FocusScopeImplProps & {
popper: Snippet<[
{
props: Record<string, unknown>;
wrapperProps: Record<string, unknown>;
}
]>;
isStatic?: boolean;
/**
* Tooltips are special in that they are commonly composed
* with other floating components, where the same trigger is
* used for both the tooltip and the popover.
*
* For situations like this, we need to use a different context
* symbol so that conflicts don't occur.
*/
tooltip?: boolean;
/**
* Whether the popper layer should be rendered.
*/
shouldRender: boolean;
/**
* Override for the content's pointer-events style.
* @default "auto"
*/
contentPointerEvents?: "auto" | "none";
}, "enabled">;

View File

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