@volter/world-console 3.0.1 → 3.0.2

package/dist/client/console.tsx

@@ -611,6 +611,10 @@ function WorldView({ name, token, twin, tab, arg, sub, admin, snapshot, parentTo
 
   const current: Tab = (TABS as readonly string[]).includes(tab) ? (tab as Tab) : 'overview';
   const vendors = twins.state === 'ok' ? twins.data.twins.map((t) => t.twin) : [];
+  // an address naming no vendor of this World (mistyped, or guessed) says so, never shows as a vendor that stores nothing
+  if (twin && twins.state === 'ok' && !vendors.includes(twin)) {
+    return <main className="center"><Empty title={`${name} has no ${twin}`} action={<a href={`${BASE}/${name}`} onClick={(e) => { e.preventDefault(); go(name.split('/')); }}>Open {name}</a>}><p>No vendor of this World is called {twin}. Its changesets are under Changes › History.</p></Empty></main>;
+  }
   const chosen = current === 'vendors' && arg ? arg : undefined;
   const retry = (): void => { setScope('pending'); setAttempt((a) => a + 1); };
   // ALL SCREENS is a canvas app's own page: the whole window, the World's pages a click away (Figma's, tldraw's)
@@ -1091,6 +1095,10 @@ function Workspace({ name, token, view, sub, arg, win, who, snapshot, onReturn,
   const diff = useDoor<Diff>(token, `/-/${name}/diff`, every);
   const sets = useDoor<{ changesets: ChangesetView[] }>(token, `/-/${name}/changesets`, every);
   const rules = useDoor<{ changesets: ChangesetRules }>(token, `/-/${name}/rules`, every);
+  // the sites this World's twins answer, each read at `<hostname>.<this World's origin>` (only on a World's own local origin)
+  const sites = useDoor<{ sites: Array<{ twin: string; host: string }> }>(token, `/-/${name}/sites`, every);
+  const siteAt = (host: string): string | null => (/^[^.]+--[^.]+\.localhost$/.test(window.location.hostname) ? `${window.location.protocol}//${host}.${window.location.host}/` : null);
+  const siteLinks = sites.state === 'ok' ? sites.data.sites.flatMap((x) => { const at = siteAt(x.host); return at ? [{ ...x, at }] : []; }) : [];
   const [picked, setPicked] = useState<string | null>(null);
   const to = (parts: string[]) => (e?: React.MouseEvent): void => { e?.preventDefault(); go([...name.split('/'), '~', ...parts]); };
   const vendors = twins.state === 'ok' ? twins.data.twins.map((t) => t.twin) : [];
@@ -1196,6 +1204,8 @@ function Workspace({ name, token, view, sub, arg, win, who, snapshot, onReturn,
           {place((view === 'events' && !arg) || view === 'trace', <Icon name="activity" size={16} />, 'Events', 'events', to(['events']))}
           <p className="side-group">Records</p>
           {vendors.map((v) => <React.Fragment key={v}>{place(view === 'vendor' && arg === v, <Mark vendor={v} />, vendorName(v), `vendors/${v}`, to(['vendors', v]), held(v) ? String(held(v)) : undefined)}</React.Fragment>)}
+          {siteLinks.length ? <p className="side-group">Sites</p> : null}
+          {siteLinks.map((x) => <a key={x.host} href={x.at} target="_blank" rel="noreferrer" title={`${x.host} as ${vendorName(x.twin)} serves it in this World`}><Icon name="globe" size={16} /><span>{x.host}</span><Icon name="external-link" size={14} /></a>)}
           <p className="side-group">Remote</p>
           {place(false, <Icon name="cloud" size={16} />, there ? 'origin' : 'Name a remote…', 'remote', to(['remote']), waiting ? `↑${waiting}` : undefined)}
         </nav>
@@ -1791,12 +1801,19 @@ const changesetChanges = (c: ChangesetView): Array<{ twin: string; entry: Entry
  *  here), or a push receipt `confirmed` (the remote performed it). Every action performed is Deployed, some is Partly
  *  deployed; a refused or failed one is said as a failure; otherwise the push decides: every change replayed at the remote
  *  is Pushed (the remote World, never a vendor), else Not sent. */
-function sentOf(c: ChangesetView): { label: string; tone: 'done' | 'good' | 'warn' | 'bad' | 'plain'; performed: number; failed: number; total: number } {
-  const total = c.actions.length;
+/** Whether an action is the World's own (a door, a screen, the gap, the clock or a seed made it): no deploy offers it to
+ *  the vendor (the kernel's settlingEntries), so it is never counted as waiting to be performed. */
+const worldOwn = (a: ChangesetView['actions'][number]): boolean => {
+  const input = ((a.action as { input?: Record<string, unknown> }).input ?? {});
+  return !(typeof input.operationId === 'string' || (input.graphql !== undefined && input.graphql !== null));
+};
+function sentOf(c: ChangesetView): { label: string; tone: 'done' | 'good' | 'warn' | 'bad' | 'plain'; performed: number; failed: number; total: number; own: number } {
+  const own = c.actions.filter(worldOwn).length;
+  const total = c.actions.length - own;
   const pushed = c.applied?.receipts ?? []; const deployed = c.deployed ?? [];
   const performed = new Set([...deployed.filter((r) => r.status === 'deployed'), ...pushed.filter((r) => r.status === 'confirmed')].map((r) => r.actionId)).size;
   const failed = new Set([...deployed.filter((r) => r.status === 'refused' || r.status === 'failed'), ...pushed.filter((r) => r.status === 'failed')].map((r) => r.actionId)).size;
-  const n = { performed, failed, total };
+  const n = { performed, failed, total, own };
   if (total > 0 && performed >= total) return { label: 'Deployed', tone: 'done', ...n };
   if (performed > 0) return { label: `Partly deployed: ${performed} of ${total}`, tone: 'warn', ...n };
   if (failed > 0) return { label: `${failed} refused or failed`, tone: 'bad', ...n };
@@ -1899,7 +1916,7 @@ function ChangesetPage({ name, token, signsAs, c, canWrite, rooted, refused, onC
       <h4>Where it went</h4>
       <div className="block where">
         {sent.performed > 0 ? (
-          <p className="pad">{sent.performed >= sent.total ? 'Deployed' : 'Partly deployed'}: {sent.performed} of {sent.total} change{sent.total === 1 ? '' : 's'} performed at {listed([...new Set([...here.map((r) => r.service), ...receipts.filter((r) => r.status === 'confirmed').map((r) => r.service)].map(vendorName))])}{here.length ? ` (${here.length} from here` : ' ('}{here.length && byRemote ? ', ' : ''}{byRemote ? `${byRemote} by the remote` : ''}).</p>
+          <p className="pad">{sent.performed >= sent.total ? 'Deployed' : 'Partly deployed'}: {sent.performed} of {sent.total} change{sent.total === 1 ? '' : 's'}{sent.own ? ` (and ${sent.own} of the World's own, which stay in it)` : ''} performed at {listed([...new Set([...here.map((r) => r.service), ...receipts.filter((r) => r.status === 'confirmed').map((r) => r.service)].map(vendorName))])}{here.length ? ` (${here.length} from here` : ' ('}{here.length && byRemote ? ', ' : ''}{byRemote ? `${byRemote} by the remote` : ''}).</p>
         ) : sent.label === 'Pushed' ? (
           <p className="pad">Pushed to the remote{there ? <> <code>{there}</code></> : null}{c.applied ? <> · <At iso={c.applied.at} /></> : null}: every change was replayed there. No vendor has performed any of it.</p>
         ) : sent.failed === 0 ? (
@@ -2123,7 +2140,9 @@ function usePushPull(name: string, token: string, tick: number, refused: (r: Res
   };
   const there = origin.state === 'ok' && origin.data.origin ? originAddress(origin.data.origin) : null;
   const changes = diff.state === 'ok' ? diff.data.changes.length : null;
-  const waiting = sets.state === 'ok' ? unpushed(sets.data.changesets).sort((a, b) => a.createdAt.localeCompare(b.createdAt)) : [];
+  // what waits to be pushed: this World's own changesets, and only when it has a remote to push them to (a shared World
+  // holds what others pushed, which is theirs)
+  const waiting = sets.state === 'ok' && there ? unpushed(sets.data.changesets.filter((c) => !c.pushedBy)).sort((a, b) => a.createdAt.localeCompare(b.createdAt)) : [];
   const push = async (): Promise<void> => {
     const b = await send<{ pushed: Array<{ changeset: string; outcome: string; receipts?: Array<{ status: string }>; refusal?: string[] }> }>('Push', 'origin/push', { method: 'POST' });
     if (!b) return;