feat: Phase 1 — extract the client (web SPA + desktop) to dtoro/oikos-web
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:
147
web/node_modules/bits-ui/dist/bits/radio-group/radio-group.svelte.js
generated
vendored
Normal file
147
web/node_modules/bits-ui/dist/bits/radio-group/radio-group.svelte.js
generated
vendored
Normal file
@@ -0,0 +1,147 @@
|
||||
import { attachRef } from "svelte-toolbelt";
|
||||
import { Context, watch } from "runed";
|
||||
import { createBitsAttrs, getAriaChecked, boolToEmptyStrOrUndef, boolToStr, } from "../../internal/attrs.js";
|
||||
import { kbd } from "../../internal/kbd.js";
|
||||
import { RovingFocusGroup } from "../../internal/roving-focus-group.js";
|
||||
const radioGroupAttrs = createBitsAttrs({
|
||||
component: "radio-group",
|
||||
parts: ["root", "item"],
|
||||
});
|
||||
const RadioGroupRootContext = new Context("RadioGroup.Root");
|
||||
export class RadioGroupRootState {
|
||||
static create(opts) {
|
||||
return RadioGroupRootContext.set(new RadioGroupRootState(opts));
|
||||
}
|
||||
opts;
|
||||
hasValue = $derived.by(() => this.opts.value.current !== "");
|
||||
rovingFocusGroup;
|
||||
attachment;
|
||||
constructor(opts) {
|
||||
this.opts = opts;
|
||||
this.attachment = attachRef(this.opts.ref);
|
||||
this.rovingFocusGroup = new RovingFocusGroup({
|
||||
rootNode: this.opts.ref,
|
||||
candidateAttr: radioGroupAttrs.item,
|
||||
loop: this.opts.loop,
|
||||
orientation: this.opts.orientation,
|
||||
});
|
||||
}
|
||||
isChecked(value) {
|
||||
return this.opts.value.current === value;
|
||||
}
|
||||
setValue(value) {
|
||||
this.opts.value.current = value;
|
||||
}
|
||||
props = $derived.by(() => ({
|
||||
id: this.opts.id.current,
|
||||
role: "radiogroup",
|
||||
"aria-required": boolToStr(this.opts.required.current),
|
||||
"aria-disabled": boolToStr(this.opts.disabled.current),
|
||||
"aria-readonly": this.opts.readonly.current ? "true" : undefined,
|
||||
"data-disabled": boolToEmptyStrOrUndef(this.opts.disabled.current),
|
||||
"data-readonly": boolToEmptyStrOrUndef(this.opts.readonly.current),
|
||||
"data-orientation": this.opts.orientation.current,
|
||||
[radioGroupAttrs.root]: "",
|
||||
...this.attachment,
|
||||
}));
|
||||
}
|
||||
export class RadioGroupItemState {
|
||||
static create(opts) {
|
||||
return new RadioGroupItemState(opts, RadioGroupRootContext.get());
|
||||
}
|
||||
opts;
|
||||
root;
|
||||
attachment;
|
||||
checked = $derived.by(() => this.root.opts.value.current === this.opts.value.current);
|
||||
#isDisabled = $derived.by(() => this.opts.disabled.current || this.root.opts.disabled.current);
|
||||
#isReadonly = $derived.by(() => this.root.opts.readonly.current);
|
||||
#isChecked = $derived.by(() => this.root.isChecked(this.opts.value.current));
|
||||
#tabIndex = $state(-1);
|
||||
constructor(opts, root) {
|
||||
this.opts = opts;
|
||||
this.root = root;
|
||||
this.attachment = attachRef(this.opts.ref);
|
||||
if (this.opts.value.current === this.root.opts.value.current) {
|
||||
this.root.rovingFocusGroup.setCurrentTabStopId(this.opts.id.current);
|
||||
this.#tabIndex = 0;
|
||||
}
|
||||
else if (!this.root.opts.value.current) {
|
||||
this.#tabIndex = 0;
|
||||
}
|
||||
$effect(() => {
|
||||
this.#tabIndex = this.root.rovingFocusGroup.getTabIndex(this.opts.ref.current);
|
||||
});
|
||||
watch([() => this.opts.value.current, () => this.root.opts.value.current], () => {
|
||||
if (this.opts.value.current === this.root.opts.value.current) {
|
||||
this.root.rovingFocusGroup.setCurrentTabStopId(this.opts.id.current);
|
||||
this.#tabIndex = 0;
|
||||
}
|
||||
});
|
||||
this.onclick = this.onclick.bind(this);
|
||||
this.onkeydown = this.onkeydown.bind(this);
|
||||
this.onfocus = this.onfocus.bind(this);
|
||||
}
|
||||
onclick(_) {
|
||||
if (this.opts.disabled.current || this.#isReadonly)
|
||||
return;
|
||||
this.root.setValue(this.opts.value.current);
|
||||
}
|
||||
onfocus(_) {
|
||||
if (!this.root.hasValue || this.#isReadonly)
|
||||
return;
|
||||
this.root.setValue(this.opts.value.current);
|
||||
}
|
||||
onkeydown(e) {
|
||||
if (this.#isDisabled)
|
||||
return;
|
||||
if (e.key === kbd.SPACE) {
|
||||
e.preventDefault();
|
||||
if (!this.#isReadonly) {
|
||||
this.root.setValue(this.opts.value.current);
|
||||
}
|
||||
return;
|
||||
}
|
||||
this.root.rovingFocusGroup.handleKeydown(this.opts.ref.current, e, true);
|
||||
}
|
||||
snippetProps = $derived.by(() => ({ checked: this.#isChecked }));
|
||||
props = $derived.by(() => ({
|
||||
id: this.opts.id.current,
|
||||
disabled: this.#isDisabled ? true : undefined,
|
||||
"data-value": this.opts.value.current,
|
||||
"data-orientation": this.root.opts.orientation.current,
|
||||
"data-disabled": boolToEmptyStrOrUndef(this.#isDisabled),
|
||||
"data-readonly": boolToEmptyStrOrUndef(this.#isReadonly),
|
||||
"data-state": this.#isChecked ? "checked" : "unchecked",
|
||||
"aria-checked": getAriaChecked(this.#isChecked, false),
|
||||
[radioGroupAttrs.item]: "",
|
||||
type: "button",
|
||||
role: "radio",
|
||||
tabindex: this.#tabIndex,
|
||||
//
|
||||
onkeydown: this.onkeydown,
|
||||
onfocus: this.onfocus,
|
||||
onclick: this.onclick,
|
||||
...this.attachment,
|
||||
}));
|
||||
}
|
||||
export class RadioGroupInputState {
|
||||
static create() {
|
||||
return new RadioGroupInputState(RadioGroupRootContext.get());
|
||||
}
|
||||
root;
|
||||
shouldRender = $derived.by(() => this.root.opts.name.current !== undefined);
|
||||
constructor(root) {
|
||||
this.root = root;
|
||||
this.onfocus = this.onfocus.bind(this);
|
||||
}
|
||||
onfocus(_) {
|
||||
this.root.rovingFocusGroup.focusCurrentTabStop();
|
||||
}
|
||||
props = $derived.by(() => ({
|
||||
name: this.root.opts.name.current,
|
||||
value: this.root.opts.value.current,
|
||||
required: this.root.opts.required.current,
|
||||
disabled: this.root.opts.disabled.current,
|
||||
onfocus: this.onfocus,
|
||||
}));
|
||||
}
|
||||
Reference in New Issue
Block a user