@volter/world-console 3.0.7 → 3.0.8

package/dist/client/console.tsx

@@ -1771,13 +1771,26 @@ function Compare({ name, token, frame, onClose, reads }: { name: string; token:
       const o = httpOrigin(b.origin);
       if (!o) { setBefore({ state: 'none', why: 'This World shows sites only at its own local address.' }); return; }
       // a site at the copy's own address, framed; a vendor's page in the copy is behind the copy's session, which opens
-      // only on the copy's own pages (another site's frame is refused it), so it opens as a page of its own: the copy's
-      // hand-off page (served-world, `session/hand-off`) opens the session from the read token, then goes to the page
+      // only on the copy's own pages (another site's frame is refused it): this World shows it instead, or, on a host
+      // that cannot, the copy's hand-off page (served-world, `session/hand-off`) opens it as a page of its own
       if ('site' in shown) { const u = new URL(frame.url); setBefore({ state: 'ok', url: `${o.protocol}//${u.hostname}.${o.host}${u.pathname}${u.search}`, at }); return; }
+      // shown by this World beside its own page, as a branch of it (its `copies` door), where its host holds the copy;
+      // else opened at the copy's own address
+      const id = b.name.slice(b.name.indexOf('/') + 1);
+      const beside = `${WORLDS}/-/${name}/copies/${id}/${frame.vendor}${shown.screen}`;
+      // the copy's own answer may be a 404 page (an account not there yet); the door's refusals are not
+      const here = await fetch(beside, { method: 'HEAD', credentials: 'same-origin' }).then((r) => ![401, 403, 501, 503].includes(r.status), () => false);
+      if (closed) return;
+      if (here) { setBefore({ state: 'ok', url: beside, at }); return; }
       if (!b.readToken) { setBefore({ state: 'none', why: 'The copy of the World gave no read token to open its pages with.' }); return; }
       setBefore({ state: 'ok', url: `${o.origin}/-/${b.name}/session/hand-off#${new URLSearchParams({ token: b.readToken, land: `/${b.name}/${frame.vendor}${shown.screen}` }).toString()}`, at, opens: true });
     })(), 500);
-    return () => { closed = true; clearTimeout(wait); if (made) void door(token, `/-/${name}/branches/${made}`, { method: 'DELETE' }).catch(() => null); };
+    // the copy goes with the comparison, and with the page: a reload or a closed tab runs no cleanup of its own
+    const drop = (): void => { if (made) void door(token, `/-/${name}/branches/${made}`, { method: 'DELETE', keepalive: true }).catch(() => null); made = null; };
+    // a page kept for back and forward keeps its copy: it may be shown again
+    const left = (e: PageTransitionEvent): void => { if (!e.persisted) drop(); };
+    window.addEventListener('pagehide', left);
+    return () => { closed = true; clearTimeout(wait); window.removeEventListener('pagehide', left); drop(); };
   }, [name, token, frame.vendor, frame.id, frame.since]);
   const now = frameUrl(name, frame);
   return (