@volter/world-console 2.0.7 → 2.0.8

package/client/console.tsx

@@ -936,6 +936,15 @@ function BranchList({ name, token, canWrite, branches, opens, note, remove, onCh
   const list = branches.state === 'ok' ? branches.data.branches : [];
   const [making, setMaking] = useState(false); const [busy, setBusy] = useState(false); const [error, setError] = useState<string | null>(null);
   const [label, setLabel] = useState(''); const [when, setWhen] = useState<'now' | 'at'>('now'); const [at, setAt] = useState(''); const [hours, setHours] = useState('24');
+  // SERVE ANOTHER of the World's own branches here: the World switches under this page, which then reads it afresh
+  const [serving, setServing] = useState<string | null>(null); const [serveError, setServeError] = useState<string | null>(null);
+  const serveHere = async (branch: string): Promise<void> => {
+    setServing(branch); setServeError(null);
+    const r = await door(token, `/-/${name}/branches/${encodeURIComponent(branch)}/serve`, { method: 'POST' }).catch(() => null);
+    if (r?.ok) { location.reload(); return; }
+    setServing(null);
+    setServeError(r ? ((await r.json().catch(() => null)) as { error?: string } | null)?.error ?? `${r.status}` : `${ORIGIN} did not answer`);
+  };
   // made here: kept with its tokens so it opens in this tab; not `made` (a snapshot's "Return to live" never removes it: it lives as long as it was given)
   const make = async (body: Record<string, unknown>, opened: string): Promise<{ name: string } | string> => {
     const r = await door(token, `/-/${name}/branches`, { method: 'POST', body: JSON.stringify(body) }).catch(() => null);
@@ -1010,15 +1019,17 @@ function BranchList({ name, token, canWrite, branches, opens, note, remove, onCh
       ) : null}
       {branches.state === 'ok' && (branches.data.named?.length ?? 0) > 0 ? (
         <>
-        <p className="lede">This World's own branches (<code>volter world branch</code>). One runs at a time; this page shows the one served here. Another is served by stopping this serve, <code>volter world checkout &lt;branch&gt;</code>, and serving again.</p>
+        <p className="lede">This World's own branches (<code>volter world branch</code>). One runs at a time; “Serve here” stops this one's twins and serves that one in its place.</p>
+        {serveError ? <p role="alert">{serveError}</p> : null}
         <div className="block">
           <table className="dense" aria-label="World branches">
-            <thead><tr><th>Branch</th><th>State</th></tr></thead>
+            <thead><tr><th>Branch</th><th>State</th><th /></tr></thead>
             <tbody>
               {branches.data.named!.map((b) => (
                 <tr key={b.name}>
                   <td><b>{b.name}</b>{b.name === branches.data.checkedOut ? <> <span className="badge">served here</span></> : null}</td>
                   <td className="mode">{b.running ? 'running' : 'stopped'}</td>
+                  <td className="num row-actions">{canWrite && b.name !== branches.data.checkedOut ? <button type="button" disabled={serving !== null} onClick={() => void serveHere(b.name)}>{serving === b.name ? 'Switching…' : 'Serve here'}</button> : null}</td>
                 </tr>
               ))}
             </tbody>