beam.com 0.1.0-rc.1

package/runtime/page/licenses/wamr.txt

@@ -0,0 +1,219 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.
+
+
+--- LLVM Exceptions to the Apache 2.0 License ----
+
+As an exception, if, as a result of your compiling your source code, portions
+of this Software are embedded into an Object form of such source code, you
+may redistribute such embedded portions in such Object form without complying
+with the conditions of Sections 4(a), 4(b) and 4(d) of the License.
+
+In addition, if you combine or link compiled forms of this Software with
+software that is licensed under the GPLv2 ("Combined Software") and if a
+court of competent jurisdiction determines that the patent provision (Section
+3), the indemnity provision (Section 9) or other Section of the License
+conflicts with the conditions of the GPLv2, you may retroactively and
+prospectively choose to deem waived or otherwise exclude such Section(s) of
+the License, but only in their entirety and only with respect to the Combined
+Software.
+

package/runtime/page/main.js

@@ -0,0 +1,176 @@
+// The start of the page (index.html): the VM in a SharedWorker (vm.js), the
+// service worker of the frame of the app (sw.js), and the frame. The page
+// of beam.com INPUT -o DIR --target wasm32 imports it next to it, and a
+// site that runs a native app.com imports it from the npm package beam.com
+// (a CDN), with the options:
+// - app: the URL of app.com, relative to the page;
+// - vm: the URL of the script of the VM on the site (default ./vm.js). A
+//   SharedWorker and a service worker must come from the origin of the
+//   site, so its vm.js and sw.js import the ones of the package.
+const status = document.getElementById('status'), bar = document.getElementById('bar');
+const say = (text, error = false) => { status.textContent = text; status.className = error ? 'err' : ''; };
+const fail = (text) => { bar.remove(); say(text, true); };
+// The site is the directory of this page. The app is in the frame app/.
+const SITE = new URL('./', location.href);
+const APP = new URL('./app/', SITE);
+
+// The path of the frame is in the fragment of the URL of this page
+// (SITE#/users/log-in), so a reload and a link keep the page of the app.
+// Only a path: it starts with "/", not with "//", and it stays in app/ of
+// this origin. Another fragment opens the home page of the app.
+function startUrl() {
+  const path = location.hash.slice(1);
+  if (!path.startsWith('/') || path.startsWith('//')) return APP.href;
+  const url = new URL(APP.pathname.replace(/\/$/, '') + path, SITE);
+  return url.origin === SITE.origin && url.pathname.startsWith(APP.pathname) ? url.href : APP.href;
+}
+
+// The variables of the VM (env.json, from the build). A secret gets a
+// random value, one for each browser. It stays in localStorage, so that
+// the snapshot of the VM (its key has the variables) serves the next visit.
+function secret(name) {
+  const key = `beam-page:${SITE.pathname}:${name}`;
+  try {
+    const old = localStorage.getItem(key);
+    if (old) return old;
+  } catch {}
+  const bytes = crypto.getRandomValues(new Uint8Array(48));
+  const value = btoa(String.fromCharCode(...bytes)).replace(/\+/g, '-').replace(/\//g, '_');
+  try { localStorage.setItem(key, value); } catch {}
+  return value;
+}
+
+// The name of the app on the page.
+function named(name) {
+  document.title = name;
+  document.getElementById('name').textContent = name;
+  document.getElementById('app').title = name;
+}
+
+async function main({ app = null, vm: vmScript = './vm.js' } = {}) {
+  // A native app.com: its release has the name and the environment of the
+  // app, so the page gives only the variables of a page. Else env.json of
+  // the build (beam.com INPUT -o DIR --target wasm32).
+  const config = app
+    ? { name: null, env: { PORT: '4000', HOME: '/tmp', PHX_HOST: 'localhost' }, secrets: ['SECRET_KEY_BASE'] }
+    : await (await fetch(new URL('env.json', SITE))).json();
+  if (config.name) named(config.name);
+  // JSPI (WebAssembly JavaScript Promise Integration) is in Chrome and
+  // Edge 137 or later, and in Firefox 153 or later. Safari 27 also has
+  // it, but nobody has tested this page in Safari yet.
+  if (typeof WebAssembly.Suspending !== 'function' || !('serviceWorker' in navigator)) {
+    return fail('This browser cannot run the VM. Open this page in Chrome or Edge 137 or later, or in Firefox 153 or later.');
+  }
+  const env = { ...config.env };
+  for (const name of config.secrets ?? []) env[name] = secret(name);
+  const start = { type: 'start', base: APP.pathname.replace(/\/$/, ''), env, app: app && new URL(app, SITE).href };
+  const t0 = performance.now();
+  say('Loading the runtime and the release…');
+  // vm: the port of the SharedWorker of the VM, or the Worker of the VM in
+  // this tab. With no VM, this tab answers noVm to the service worker,
+  // which then gives the request to another tab.
+  let vm = null;
+  const relay = (data, port) => (vm ? vm.postMessage(data, [port]) : port.postMessage({ noVm: true }));
+  // The requests of the service worker (sw.js, not another worker of this
+  // origin) go to the VM with their reply port.
+  const SW = new URL('./sw.js', SITE).href;
+  navigator.serviceWorker.addEventListener('message', (e) => {
+    if (e.source?.scriptURL === SW && e.data?.type === 'fetch') relay(e.data, e.ports[0]);
+  });
+  // The WebSockets and the requests of the frame of the app, and of the
+  // frames in it (ws-shim.js).
+  const inFrame = (w) => {
+    for (let n = 0; w && n < 10; n++, w = w.parent) {
+      if (w === document.getElementById('app').contentWindow) return true;
+      if (w === w.parent) return false;
+    }
+    return false;
+  };
+  addEventListener('message', (e) => {
+    if (e.origin === location.origin && ['ws', 'fetch'].includes(e.data?.type) && inFrame(e.source)) relay(e.data, e.ports[0]);
+    // The path of the frame of the app (ws-shim.js), for the fragment.
+    if (e.origin === location.origin && e.data?.type === 'path' && e.source === document.getElementById('app').contentWindow
+        && typeof e.data.path === 'string' && e.data.path.startsWith('/') && !e.data.path.startsWith('//')) {
+      history.replaceState(history.state, '', e.data.path === '/' ? location.pathname + location.search : `#${e.data.path}`);
+    }
+  });
+  // This page is outside the scope, so navigator.serviceWorker.ready does
+  // not apply: wait for the registration to be active.
+  const active = navigator.serviceWorker.register(SW, { scope: APP.pathname, type: 'module' }).then((reg) =>
+    new Promise((resolve) => {
+      const check = () => { if (reg.active) resolve(reg.active); };
+      check();
+      for (const w of [reg.installing, reg.waiting]) w?.addEventListener('statechange', check);
+      reg.addEventListener('updatefound', () => reg.installing?.addEventListener('statechange', check));
+    }));
+  // The answer of the VM to start: ready or error. An error that the VM
+  // answered (vm: true) can go away at a second start, for example a
+  // network error on release.bin. An error event of the worker (its script
+  // did not load) occurs one time only.
+  const started = (port, worker) => new Promise((resolve, reject) => {
+    port.onmessage = (e) => {
+      if (e.data.type === 'ready') resolve(e.data);
+      else if (e.data.type === 'error') reject(Object.assign(new Error(e.data.message), { vm: true }));
+    };
+    worker.addEventListener('error', (e) => reject(new Error(e.message || 'the VM stopped')));
+    port.postMessage(start);
+  });
+  const script = new URL(vmScript, SITE);
+  let info = null, where = 'shared';
+  // One VM for all the tabs of the site, in a SharedWorker. The sites of
+  // one origin (USER.github.io/A/ and USER.github.io/B/) have different
+  // scripts, so different VMs.
+  // The VM stops 30 s after the last tab of the site leaves (vm.js), so a
+  // reload keeps the VM and its data. A tab says "bye" when it leaves, and
+  // "hello" when it comes back from the back/forward cache.
+  // extendedLifetime (Chrome 148 or later) lets the SharedWorker live
+  // after its last tab, until that timer of vm.js ends.
+  if (typeof SharedWorker === 'function') {
+    try {
+      const shared = new SharedWorker(script, { type: 'module', name: `beam-page:${SITE.pathname}`, extendedLifetime: true });
+      vm = shared.port;
+      // A failed boot of the VM gets one more start on the same port, so that
+      // an error that occurs one time does not make two VMs for one site.
+      info = await started(shared.port, shared).catch((e) => {
+        if (!e.vm) throw e;
+        console.log(`beam: the VM did not start in the SharedWorker (${e.message}): one more start`);
+        return started(shared.port, shared);
+      });
+      addEventListener('pagehide', () => shared.port.postMessage({ type: 'bye' }));
+      addEventListener('pageshow', (e) => { if (e.persisted) shared.port.postMessage({ type: 'hello' }); });
+    } catch (e) {
+      console.log(`beam: the VM did not start in a SharedWorker (${e.message}): it runs in this tab`);
+      vm?.postMessage({ type: 'bye' });
+      vm?.close();
+      vm = null;
+    }
+  }
+  // Else one VM in one tab: the other tabs of the site show a message.
+  if (!info) {
+    where = 'tab';
+    const lock = await new Promise((resolve) =>
+      navigator.locks.request(`beam-page:${SITE.pathname}`, { ifAvailable: true }, (l) => {
+        resolve(l);
+        return l ? new Promise(() => {}) : undefined;
+      }));
+    if (!lock) return fail('The app runs in another tab of this site. Use that tab, or close it and load this page again.');
+    const worker = new Worker(script, { type: 'module' });
+    vm = worker;
+    info = await started(worker, worker);
+  }
+  (await active).postMessage({ type: 'boot' });  // this tab can reach the VM
+  if (info.name) named(info.name);
+  const ms = Math.round(performance.now() - t0);
+  // For the browser check (tests/page/check.mjs).
+  document.body.dataset.vm = where;
+  document.body.dataset.restored = String(info.restored);
+  console.log(`beam: the VM started in ${ms} ms (${where === 'shared' ? 'a SharedWorker' : 'this tab'}${info.restored ? ', from the snapshot' : ''})`);
+  say(`Opening the app (the VM started in ${ms} ms)…`);
+  const frame = document.getElementById('app');
+  frame.addEventListener('load', () => document.body.classList.add('running'), { once: true });
+  frame.src = startUrl();
+}
+
+export function start(options) {
+  main(options).catch((e) => { fail(e.message); console.error(e); });
+}

package/runtime/page/runtime-id.js

@@ -0,0 +1,3 @@
+// The identity of this runtime (beam_com_wasm:runtime_id/1): the SHA-256 of
+// the output of "sha256sum app-com.js beam.mjs beam.wasm worker.js".
+export default '8f7af69ef48fc70da056a5684afc43055a33cfd9efb3099d858b0f75b33e351b';

package/runtime/page/scope.js

@@ -0,0 +1,17 @@
+// The rule of the scope of the frame of the app (app/ of the site). An app
+// can write a path without its base path (href="/", or a redirect to "/").
+// A URL of this origin outside the scope is such a path: it goes to the same
+// path in the scope. sw.js applies it to a redirect, and ws-shim.js (a
+// classic script, which cannot import this module) has a copy of it for the
+// links and the forms.
+
+// true: url (a URL) is of the origin of scope and outside it.
+export function outside(url, scope) {
+  return url.origin === scope.origin && !`${url.pathname}/`.startsWith(scope.pathname);
+}
+
+// The href of url in the scope: the same path, with the prefix of the scope.
+export function inScope(url, scope) {
+  if (!outside(url, scope)) return url.href;
+  return new URL(scope.pathname.replace(/\/$/, '') + url.pathname + url.search + url.hash, url).href;
+}

package/runtime/page/sw.js

@@ -0,0 +1,111 @@
+// The service worker of the page (index.html), for the requests of its
+// scope app/ (the frames of the app):
+// - a static file (app/static.json lists the files of priv/static of the
+//   app) comes from the site, as it is;
+// - another request goes to the VM, with a port for the reply. A service
+//   worker cannot open a SharedWorker, so a page gives the request to the
+//   VM. First the frame that sent the request (its ws-shim.js gives the
+//   request to its tab), else a tab of index.html that said "boot" (a
+//   visible one first), else any tab of index.html. A tab with no VM
+//   answers noVm, and the next one gets the request.
+//   The VM gets the path without the prefix of the scope, as behind a
+//   proxy. The app makes its links with the prefix (BEAM_BASE_PATH, see
+//   wasm_host_base).
+// A navigation of a top window in the scope goes to the page, with the path
+// of the app in the fragment (SITE#/PATH).
+// The page of an HTML reply gets ws-shim.js: the WebSocket of LiveView
+// then goes to the VM too. The sw.js of a site that runs a native app.com
+// imports this module from the npm package (a CDN): this module finds the
+// site from its scope, not from its own URL. A redirect to a path of this origin outside the
+// scope goes to the same path in the scope (scope.js).
+import { inScope } from './scope.js';
+
+const SCOPE = new URL(registration.scope);
+const BOOT = new URL('../', SCOPE);
+const tabs = new Set();    // the tabs of index.html that said "boot"
+const frames = new Set();  // the frames with ws-shim.js
+let statics = null;
+
+self.addEventListener('install', () => self.skipWaiting());
+self.addEventListener('activate', (e) => e.waitUntil(self.clients.claim()));
+// Only the page index.html (a tab of the VM) can say "boot", and only a page
+// of the scope can say "frame": another page of this origin cannot take the
+// requests of the app.
+const isBootPage = (href) => {
+  const u = new URL(href);
+  return u.origin === BOOT.origin && (u.pathname === BOOT.pathname || u.pathname === `${BOOT.pathname}index.html`);
+};
+const isFramePage = (href) => {
+  const u = new URL(href);
+  return u.origin === SCOPE.origin && u.pathname.startsWith(SCOPE.pathname);
+};
+self.addEventListener('message', (e) => {
+  if (!e.source?.url) return;
+  if (e.data?.type === 'boot' && isBootPage(e.source.url)) tabs.add(e.source.id);
+  else if (e.data?.type === 'frame' && isFramePage(e.source.url)) frames.add(e.source.id);
+});
+
+async function staticFiles() {
+  statics ??= fetch(new URL('static.json', SCOPE)).then((r) => (r.ok ? r.json() : []))
+    .catch(() => []).then((list) => new Set(list));
+  return statics;
+}
+
+// The pages that can give a request to the VM, in order.
+async function relays(clientId) {
+  const all = await self.clients.matchAll({ type: 'window', includeUncontrolled: true });
+  const alive = new Set(all.map((c) => c.id));
+  for (const set of [tabs, frames]) for (const id of set) if (!alive.has(id)) set.delete(id);
+  const frame = frames.has(clientId) ? all.filter((c) => c.id === clientId) : [];
+  const rank = (c) => (tabs.has(c.id) ? 0 : 4) + (c.focused ? 0 : 1) + (c.visibilityState === 'visible' ? 0 : 2);
+  return [...frame, ...all.filter((c) => isBootPage(c.url)).sort((a, b) => rank(a) - rank(b))];
+}
+
+self.addEventListener('fetch', (e) => {
+  const url = new URL(e.request.url);
+  if (url.origin !== SCOPE.origin || !url.pathname.startsWith(SCOPE.pathname)) return;
+  // A page of the app in a top window (a reload, a link from another site,
+  // a new tab) goes to the page of the site, with its path in the fragment.
+  // The page then opens that path in the frame (index.html).
+  if (e.request.mode === 'navigate' && e.request.destination === 'document') {
+    const path = url.pathname.slice(SCOPE.pathname.length - 1) + url.search;
+    e.respondWith(Response.redirect(path === '/' ? BOOT.href : `${BOOT.href}#${path}`, 302));
+    return;
+  }
+  e.respondWith(handle(e.request, url, e.clientId));
+});
+
+async function handle(request, url, clientId) {
+  const rest = url.pathname.slice(SCOPE.pathname.length - 1);  // "/..." of the app
+  if (request.method === 'GET' && (await staticFiles()).has(rest)) return fetch(request);
+  const body = ['GET', 'HEAD'].includes(request.method) ? null : await request.arrayBuffer();
+  const req = { path: rest + url.search, method: request.method, headers: [...request.headers], body };
+  let r = null;
+  for (const client of await relays(clientId)) {
+    const { port1, port2 } = new MessageChannel();
+    const reply = new Promise((resolve) => { port1.onmessage = (m) => resolve(m.data); });
+    client.postMessage({ type: 'fetch', req }, [port2]);
+    r = await reply;
+    if (!r.noVm) break;
+  }
+  if (!r || r.noVm) {
+    return new Response(`<p>The app runs in the tab of <a href="${BOOT.href}" target="_top">this page</a>. Open it again.</p>`,
+                        { status: 503, headers: { 'content-type': 'text/html; charset=utf-8' } });
+  }
+  if (r.error) return new Response(r.error, { status: 502 });
+  if (r.status >= 300 && r.status < 400 && r.location) {
+    return Response.redirect(inScope(new URL(r.location, url), SCOPE), [301, 302, 303, 307, 308].includes(r.status) ? r.status : 302);
+  }
+  const headers = new Headers(r.headers);
+  let data = r.body;
+  if ((headers.get('content-type') ?? '').startsWith('text/html') && data) {
+    const html = new TextDecoder().decode(data);
+    // ws-shim.js next to this module (the site, or the CDN of a site that
+    // runs a native app.com), with the scope of the frame.
+    const shim = `<script src="${new URL('./ws-shim.js', import.meta.url).href}" data-app="${SCOPE.pathname}"></script>`;
+    data = html.replace(/<head[^>]*>/i, (h) => h + shim);
+    headers.delete('content-length');
+  }
+  const nullBody = [101, 204, 205, 304].includes(r.status);
+  return new Response(nullBody ? null : data, { status: r.status, statusText: r.statusText, headers });
+}