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.
63 lines
2.2 KiB
JavaScript
63 lines
2.2 KiB
JavaScript
// src/plugins/popout.ts
|
|
function isPopoutSupported() {
|
|
return typeof window !== "undefined" && window.documentPictureInPicture !== void 0;
|
|
}
|
|
function copyStylesInto(pipWindow, source) {
|
|
for (const sheet of Array.from(source.styleSheets)) {
|
|
const owner = sheet.ownerNode;
|
|
if (!owner) continue;
|
|
try {
|
|
const rules = Array.from(sheet.cssRules).map((rule) => rule.cssText).join("\n");
|
|
const style = pipWindow.document.createElement("style");
|
|
style.textContent = rules;
|
|
pipWindow.document.head.append(style);
|
|
} catch {
|
|
if (owner instanceof HTMLLinkElement && owner.href) {
|
|
const link = pipWindow.document.createElement("link");
|
|
link.rel = "stylesheet";
|
|
link.href = owner.href;
|
|
pipWindow.document.head.append(link);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
async function popout(wm, id, content, options = {}) {
|
|
const win = wm.get(id);
|
|
if (!win) throw new Error(`wmkit: cannot pop out unknown window "${id}"`);
|
|
const api = typeof window !== "undefined" ? window.documentPictureInPicture : void 0;
|
|
if (!api) throw new Error("wmkit: Document Picture-in-Picture is not supported in this browser");
|
|
const pipWindow = await api.requestWindow({
|
|
width: options.width ?? Math.round(win.bounds.width),
|
|
height: options.height ?? Math.round(win.bounds.height)
|
|
});
|
|
if (options.copyStyles !== false) copyStylesInto(pipWindow, content.ownerDocument);
|
|
const parent = content.parentNode;
|
|
const marker = content.ownerDocument.createComment("wmkit-popout");
|
|
parent?.insertBefore(marker, content);
|
|
pipWindow.document.body.append(content);
|
|
pipWindow.document.title = win.title;
|
|
const minimizeWhilePopped = options.minimizeWhilePopped !== false;
|
|
if (minimizeWhilePopped) wm.minimize(id);
|
|
let closed = false;
|
|
function handleReturn() {
|
|
if (closed) return;
|
|
closed = true;
|
|
if (marker.parentNode) {
|
|
marker.parentNode.insertBefore(content, marker);
|
|
marker.remove();
|
|
}
|
|
if (minimizeWhilePopped && wm.get(id)) wm.restore(id);
|
|
}
|
|
pipWindow.addEventListener("pagehide", handleReturn);
|
|
return {
|
|
pipWindow,
|
|
close() {
|
|
pipWindow.close();
|
|
handleReturn();
|
|
}
|
|
};
|
|
}
|
|
|
|
export { isPopoutSupported, popout };
|
|
//# sourceMappingURL=popout.js.map
|
|
//# sourceMappingURL=popout.js.map
|