@php-wasm/web 0.9.19 → 0.9.21

package/index.js

@@ -1,36 +1,36 @@
-import { PHPResponse as C, LatestSupportedPHPVersion as O, loadPHPRuntime as R, FSHelpers as w, __private__dont__use as y } from "@php-wasm/universal";
+import { PHPResponse as C, LatestSupportedPHPVersion as R, loadPHPRuntime as L, FSHelpers as w, __private__dont__use as g } from "@php-wasm/universal";
 import * as d from "comlink";
-import { PhpWasmError as g, Semaphore as v, joinPaths as T } from "@php-wasm/util";
-import { responseTo as L } from "@php-wasm/web-service-worker";
-import { logger as p } from "@php-wasm/logger";
-import { journalFSEvents as S } from "@php-wasm/fs-journal";
-function B(r, t = void 0) {
+import { PhpWasmError as m, Semaphore as M, joinPaths as T } from "@php-wasm/util";
+import { responseTo as O } from "@php-wasm/web-service-worker";
+import { logger as h } from "@php-wasm/logger";
+import { journalFSEvents as z } from "@php-wasm/fs-journal";
+function B(t, r = void 0) {
   W();
-  const e = r instanceof Worker ? r : d.windowEndpoint(r, t), a = d.wrap(e), n = h(a);
+  const e = t instanceof Worker ? t : d.windowEndpoint(t, r), a = d.wrap(e), n = y(a);
   return new Proxy(n, {
     get: (i, s) => s === "isConnected" ? async () => {
       for (; ; )
         try {
-          await z(a.isConnected(), 200);
+          await D(a.isConnected(), 200);
           break;
         } catch {
         }
     } : a[s]
   });
 }
-async function z(r, t) {
+async function D(t, r) {
   return new Promise((e, a) => {
-    setTimeout(a, t), r.then(e);
+    setTimeout(a, r), t.then(e);
   });
 }
-function Q(r, t) {
+function G(t, r) {
   W();
   const e = Promise.resolve();
   let a, n;
   const i = new Promise((o, u) => {
     a = o, n = u;
-  }), s = h(r), c = new Proxy(s, {
-    get: (o, u) => u === "isConnected" ? () => e : u === "isReady" ? () => i : u in o ? o[u] : t == null ? void 0 : t[u]
+  }), s = y(t), c = new Proxy(s, {
+    get: (o, u) => u === "isConnected" ? () => e : u === "isReady" ? () => i : u in o ? o[u] : r == null ? void 0 : r[u]
   });
   return d.expose(
     c,
@@ -68,33 +68,33 @@ function W() {
       return C.fromRawData(e);
     }
   });
-  const r = d.transferHandlers.get("throw"), t = r == null ? void 0 : r.serialize;
-  r.serialize = ({ value: e }) => {
-    const a = t({ value: e });
+  const t = d.transferHandlers.get("throw"), r = t == null ? void 0 : t.serialize;
+  t.serialize = ({ value: e }) => {
+    const a = r({ value: e });
     return e.response && (a[0].value.response = e.response), e.source && (a[0].value.source = e.source), a;
   };
 }
-function h(r) {
-  return new Proxy(r, {
-    get(t, e) {
-      switch (typeof t[e]) {
+function y(t) {
+  return new Proxy(t, {
+    get(r, e) {
+      switch (typeof r[e]) {
         case "function":
-          return (...a) => t[e](...a);
+          return (...a) => r[e](...a);
         case "object":
-          return t[e] === null ? t[e] : h(t[e]);
+          return r[e] === null ? r[e] : y(r[e]);
         case "undefined":
         case "number":
         case "string":
-          return t[e];
+          return r[e];
         default:
-          return d.proxy(t[e]);
+          return d.proxy(r[e]);
       }
     }
   });
 }
-async function D(r = O, t = "light") {
-  if (t === "kitchen-sink")
-    switch (r) {
+async function S(t = R, r = "light") {
+  if (r === "kitchen-sink")
+    switch (t) {
       case "8.3":
         return await import("./kitchen-sink/php_8_3.js");
       case "8.2":
@@ -115,7 +115,7 @@ async function D(r = O, t = "light") {
         return await import("./kitchen-sink/php_7_0.js");
     }
   else
-    switch (r) {
+    switch (t) {
       case "8.3":
         return await import("./light/php_8_3.js");
       case "8.2":
@@ -135,11 +135,11 @@ async function D(r = O, t = "light") {
       case "7.0":
         return await import("./light/php_7_0.js");
     }
-  throw new Error(`Unsupported PHP version ${r}`);
+  throw new Error(`Unsupported PHP version ${t}`);
 }
-const M = () => ({
+const A = () => ({
   websocket: {
-    decorator: (r) => class extends r {
+    decorator: (t) => class extends t {
       constructor() {
         try {
           super();
@@ -152,94 +152,93 @@ const M = () => ({
     }
   }
 });
-async function G(r, t = {}) {
+async function Q(t, r = {}) {
   var n;
-  const e = t.loadAllExtensions ? "kitchen-sink" : "light", a = await D(r, e);
-  return (n = t.onPhpLoaderModuleLoaded) == null || n.call(t, a), await R(a, {
-    ...t.emscriptenOptions || {},
-    ...M()
+  const e = r.loadAllExtensions ? "kitchen-sink" : "light", a = await S(t, e);
+  return (n = r.onPhpLoaderModuleLoaded) == null || n.call(r, a), await L(a, {
+    ...r.emscriptenOptions || {},
+    ...A()
   });
 }
-async function K(r, t, e) {
-  const a = navigator.serviceWorker;
-  if (!a)
-    throw window.isSecureContext ? new g(
+let b;
+const I = new Promise((t) => {
+  b = t;
+});
+function X(t) {
+  if (!t)
+    throw new m("PHP API client must be a valid client object.");
+  b(t);
+}
+async function Y(t, r) {
+  const e = navigator.serviceWorker;
+  if (!e)
+    throw window.isSecureContext ? new m(
       "Service workers are not supported in your browser."
-    ) : new g(
+    ) : new m(
       "WordPress Playground uses service workers and may only work on HTTPS and http://localhost/ sites, but the current site is neither."
     );
-  await (await a.register(e, {
+  await (await e.register(r, {
     type: "module",
     // Always bypass HTTP cache when fetching the new Service Worker script:
     updateViaCache: "none"
   })).update(), navigator.serviceWorker.addEventListener(
     "message",
-    async function(s) {
-      if (t && s.data.scope !== t)
+    async function(i) {
+      if (t && i.data.scope !== t)
         return;
-      const c = s.data.args || [], o = s.data.method, u = await r[o](...c);
-      s.source.postMessage(L(s.data.requestId, u));
+      const s = await I, c = i.data.args || [], o = i.data.method, u = await s[o](...c);
+      i.source.postMessage(O(i.data.requestId, u));
     }
-  ), a.startMessages();
+  ), e.startMessages();
 }
-function X(r, t) {
+function Z(t, r) {
   window.addEventListener("message", (e) => {
-    e.source === r.contentWindow && (t && e.origin !== t || typeof e.data != "object" || e.data.type !== "relay" || window.parent.postMessage(e.data, "*"));
+    e.source === t.contentWindow && (r && e.origin !== r || typeof e.data != "object" || e.data.type !== "relay" || window.parent.postMessage(e.data, "*"));
   }), window.addEventListener("message", (e) => {
     var a;
-    e.source === window.parent && (typeof e.data != "object" || e.data.type !== "relay" || (a = r == null ? void 0 : r.contentWindow) == null || a.postMessage(e.data));
+    e.source === window.parent && (typeof e.data != "object" || e.data.type !== "relay" || (a = t == null ? void 0 : t.contentWindow) == null || a.postMessage(e.data));
   });
 }
-async function Y(r, t = {}) {
-  r = A(r, t);
-  const e = new Worker(r, { type: "module" });
+async function ee(t, r = {}) {
+  const e = new Worker(t, { type: "module" });
   return new Promise((a, n) => {
     e.onerror = (s) => {
       const c = new Error(
-        `WebWorker failed to load at ${r}. ${s.message ? `Original error: ${s.message}` : ""}`
+        `WebWorker failed to load at ${t}. ${s.message ? `Original error: ${s.message}` : ""}`
       );
       c.filename = s.filename, n(c);
-    };
+    }, e.postMessage({
+      type: "startup-options",
+      startupOptions: r
+    });
     function i(s) {
       s.data === "worker-script-started" && (a(e), e.removeEventListener("message", i));
     }
     e.addEventListener("message", i);
   });
 }
-function A(r, t) {
-  if (!Object.entries(t).length)
-    return r + "";
-  const e = new URL(r);
-  for (const [a, n] of Object.entries(t))
-    if (Array.isArray(n))
-      for (const i of n)
-        e.searchParams.append(a, i);
-    else
-      e.searchParams.set(a, n);
-  return e.toString();
-}
-function Z(r, t = { initialSync: {} }) {
-  return t = {
-    ...t,
+function te(t, r = { initialSync: {} }) {
+  return r = {
+    ...r,
     initialSync: {
-      ...t.initialSync,
-      direction: t.initialSync.direction ?? "opfs-to-memfs"
+      ...r.initialSync,
+      direction: r.initialSync.direction ?? "opfs-to-memfs"
     }
   }, async function(e, a, n) {
-    return t.initialSync.direction === "opfs-to-memfs" ? (w.fileExists(a, n) && w.rmdir(a, n), w.mkdir(a, n), await I(a, r, n)) : await b(
+    return r.initialSync.direction === "opfs-to-memfs" ? (w.fileExists(a, n) && w.rmdir(a, n), w.mkdir(a, n), await _(a, t, n)) : await v(
       a,
-      r,
+      t,
       n,
-      t.initialSync.onProgress
-    ), $(e, r, n);
+      r.initialSync.onProgress
+    ), q(e, t, n);
   };
 }
-async function I(r, t, e) {
-  w.mkdir(r, e);
-  const a = new v({
+async function _(t, r, e) {
+  w.mkdir(t, e);
+  const a = new M({
     concurrency: 40
   }), n = [], i = [
-    [t, e]
+    [r, e]
   ];
   for (; i.length > 0; ) {
     const [s, c] = i.pop();
@@ -251,18 +250,18 @@ async function I(r, t, e) {
         );
         if (o.kind === "directory") {
           try {
-            r.mkdir(l);
+            t.mkdir(l);
           } catch (f) {
             if ((f == null ? void 0 : f.errno) !== 20)
-              throw p.error(f), f;
+              throw h.error(f), f;
           }
           i.push([o, l]);
         } else if (o.kind === "file") {
-          const f = await o.getFile(), m = new Uint8Array(await f.arrayBuffer());
-          r.createDataFile(
+          const f = await o.getFile(), p = new Uint8Array(await f.arrayBuffer());
+          t.createDataFile(
             c,
             o.name,
-            m,
+            p,
             !0,
             !0,
             !0
@@ -276,39 +275,39 @@ async function I(r, t, e) {
       await Promise.any(n);
   }
 }
-async function b(r, t, e, a) {
-  r.mkdirTree(e);
+async function v(t, r, e, a) {
+  t.mkdirTree(e);
   const n = [];
   async function i(o, u) {
     await Promise.all(
-      r.readdir(o).filter(
+      t.readdir(o).filter(
         (l) => l !== "." && l !== ".."
       ).map(async (l) => {
         const f = T(o, l);
-        if (!_(r, f)) {
+        if (!$(t, f)) {
           n.push([u, f, l]);
           return;
         }
-        const m = await u.getDirectoryHandle(l, {
+        const p = await u.getDirectoryHandle(l, {
           create: !0
         });
-        return await i(f, m);
+        return await i(f, p);
       })
     );
   }
-  await i(e, t);
+  await i(e, r);
   let s = 0;
   const c = n.map(
-    ([o, u, l]) => x(o, l, r, u).then(() => {
+    ([o, u, l]) => x(o, l, t, u).then(() => {
       a == null || a({ files: ++s, total: n.length });
     })
   );
   await Promise.all(c);
 }
-function _(r, t) {
-  return r.isDir(r.lookupPath(t, { follow: !0 }).node.mode);
+function $(t, r) {
+  return t.isDir(t.lookupPath(r, { follow: !0 }).node.mode);
 }
-async function x(r, t, e, a) {
+async function x(t, r, e, a) {
   let n;
   try {
     n = e.readFile(a, {
@@ -317,7 +316,7 @@ async function x(r, t, e, a) {
   } catch {
     return;
   }
-  const i = await r.getFileHandle(t, { create: !0 }), s = i.createWritable !== void 0 ? (
+  const i = await t.getFileHandle(r, { create: !0 }), s = i.createWritable !== void 0 ? (
     // Google Chrome, Firefox, probably more browsers
     await i.createWritable()
   ) : (
@@ -330,12 +329,12 @@ async function x(r, t, e, a) {
     await s.close();
   }
 }
-function $(r, t, e) {
-  const a = [], n = S(r, e, (c) => {
+function q(t, r, e) {
+  const a = [], n = z(t, e, (c) => {
     a.push(c);
-  }), i = new j(r, t, e);
+  }), i = new J(t, r, e);
   async function s() {
-    const c = await r.semaphore.acquire();
+    const c = await t.semaphore.acquire();
     try {
       for (; a.length; )
         await i.processEntry(a.shift());
@@ -343,59 +342,59 @@ function $(r, t, e) {
       c();
     }
   }
-  return r.addEventListener("request.end", s), function() {
-    n(), r.removeEventListener("request.end", s);
+  return t.addEventListener("request.end", s), function() {
+    n(), t.removeEventListener("request.end", s);
   };
 }
-class j {
-  constructor(t, e, a) {
-    this.php = t, this.opfs = e, this.memfsRoot = E(a);
+class J {
+  constructor(r, e, a) {
+    this.php = r, this.opfs = e, this.memfsRoot = E(a);
   }
-  toOpfsPath(t) {
-    return E(t.substring(this.memfsRoot.length));
+  toOpfsPath(r) {
+    return E(r.substring(this.memfsRoot.length));
   }
-  async processEntry(t) {
-    if (!t.path.startsWith(this.memfsRoot) || t.path === this.memfsRoot)
+  async processEntry(r) {
+    if (!r.path.startsWith(this.memfsRoot) || r.path === this.memfsRoot)
       return;
-    const e = this.toOpfsPath(t.path), a = await H(this.opfs, e), n = k(e);
+    const e = this.toOpfsPath(r.path), a = await H(this.opfs, e), n = k(e);
     if (n)
       try {
-        if (t.operation === "DELETE")
+        if (r.operation === "DELETE")
           try {
             await a.removeEntry(n, {
               recursive: !0
             });
           } catch {
           }
-        else if (t.operation === "CREATE")
-          t.nodeType === "directory" ? await a.getDirectoryHandle(n, {
+        else if (r.operation === "CREATE")
+          r.nodeType === "directory" ? await a.getDirectoryHandle(n, {
             create: !0
           }) : await a.getFileHandle(n, {
             create: !0
           });
-        else if (t.operation === "WRITE")
+        else if (r.operation === "WRITE")
           await x(
             a,
             n,
-            this.php[y].FS,
-            t.path
+            this.php[g].FS,
+            r.path
           );
-        else if (t.operation === "RENAME" && t.toPath.startsWith(this.memfsRoot)) {
-          const i = this.toOpfsPath(t.toPath), s = await H(
+        else if (r.operation === "RENAME" && r.toPath.startsWith(this.memfsRoot)) {
+          const i = this.toOpfsPath(r.toPath), s = await H(
             this.opfs,
             i
           ), c = k(i);
-          if (t.nodeType === "directory") {
+          if (r.nodeType === "directory") {
             const o = await s.getDirectoryHandle(
               n,
               {
                 create: !0
               }
             );
-            await b(
-              this.php[y].FS,
+            await v(
+              this.php[g].FS,
               o,
-              t.toPath
+              r.toPath
             ), await a.removeEntry(n, {
               recursive: !0
             });
@@ -403,22 +402,22 @@ class j {
             (await a.getFileHandle(n)).move(s, c);
         }
       } catch (i) {
-        throw p.log({ entry: t, name: n }), p.error(i), i;
+        throw h.log({ entry: r, name: n }), h.error(i), i;
       }
   }
 }
-function E(r) {
-  return r.replace(/\/$/, "").replace(/\/\/+/g, "/");
+function E(t) {
+  return t.replace(/\/$/, "").replace(/\/\/+/g, "/");
 }
-function k(r) {
-  return r.substring(r.lastIndexOf("/") + 1);
+function k(t) {
+  return t.substring(t.lastIndexOf("/") + 1);
 }
-async function H(r, t) {
-  const e = t.replace(/^\/+|\/+$/g, "").replace(/\/+/, "/");
+async function H(t, r) {
+  const e = r.replace(/^\/+|\/+$/g, "").replace(/\/+/, "/");
   if (!e)
-    return r;
+    return t;
   const a = e.split("/");
-  let n = r;
+  let n = t;
   for (let i = 0; i < a.length - 1; i++) {
     const s = a[i];
     n = await n.getDirectoryHandle(s, { create: !0 });
@@ -427,11 +426,12 @@ async function H(r, t) {
 }
 export {
   B as consumeAPI,
-  Z as createDirectoryHandleMountHandler,
-  Q as exposeAPI,
-  D as getPHPLoaderModule,
-  G as loadWebRuntime,
-  K as registerServiceWorker,
-  X as setupPostMessageRelay,
-  Y as spawnPHPWorkerThread
+  te as createDirectoryHandleMountHandler,
+  G as exposeAPI,
+  S as getPHPLoaderModule,
+  Q as loadWebRuntime,
+  Y as registerServiceWorker,
+  X as setPhpApi,
+  Z as setupPostMessageRelay,
+  ee as spawnPHPWorkerThread
 };

package/lib/api.d.ts

@@ -0,0 +1,17 @@
+import * as Comlink from 'comlink';
+export type WithAPIState = {
+    /**
+     * Resolves to true when the remote API is ready for
+     * Comlink communication, but not necessarily fully initialized yet.
+     */
+    isConnected: () => Promise<void>;
+    /**
+     * Resolves to true when the remote API is declares it's
+     * fully loaded and ready to be used.
+     */
+    isReady: () => Promise<void>;
+};
+export type RemoteAPI<T> = Comlink.Remote<T> & WithAPIState;
+export declare function consumeAPI<APIType>(remote: Worker | Window, context?: undefined | EventTarget): RemoteAPI<APIType>;
+export type PublicAPI<Methods, PipedAPI = unknown> = RemoteAPI<Methods & PipedAPI>;
+export declare function exposeAPI<Methods, PipedAPI>(apiMethods?: Methods, pipedApi?: PipedAPI): [() => void, (e: Error) => void, PublicAPI<Methods, PipedAPI>];

package/lib/directory-handle-mount.d.ts

@@ -0,0 +1,31 @@
+import { Emscripten, MountHandler, PHP } from '../../../universal/src/index.ts';
+declare global {
+    interface FileSystemFileHandle {
+        move(target: FileSystemDirectoryHandle): Promise<void>;
+        move(name: string): Promise<void>;
+        move(target: FileSystemDirectoryHandle, name: string): Promise<void>;
+        createWritable(): Promise<FileSystemWritableFileStream>;
+    }
+    interface FileSystemWritableFileStream {
+        write(buffer: BufferSource, options?: FileSystemReadWriteOptions): Promise<number>;
+        close(): Promise<void>;
+        seek(offset: number): Promise<void>;
+        truncate(newSize: number): Promise<void>;
+    }
+}
+export interface MountOptions {
+    initialSync: {
+        direction?: 'opfs-to-memfs' | 'memfs-to-opfs';
+        onProgress?: SyncProgressCallback;
+    };
+}
+export type SyncProgress = {
+    /** The number of files that have been synced. */
+    files: number;
+    /** The number of all files that need to be synced. */
+    total: number;
+};
+export type SyncProgressCallback = (progress: SyncProgress) => void;
+export declare function createDirectoryHandleMountHandler(handle: FileSystemDirectoryHandle, options?: MountOptions): MountHandler;
+export declare function copyMemfsToOpfs(FS: Emscripten.RootFS, opfsRoot: FileSystemDirectoryHandle, memfsRoot: string, onProgress?: SyncProgressCallback): Promise<void>;
+export declare function journalFSEventsToOpfs(php: PHP, opfsRoot: FileSystemDirectoryHandle, memfsRoot: string): () => void;

package/lib/get-php-loader-module.d.ts

@@ -0,0 +1,9 @@
+import { PHPLoaderModule, SupportedPHPVersion } from '../../../universal/src/index.ts';
+/**
+ * Loads the PHP loader module for the given PHP version.
+ *
+ * @param version The PHP version to load.
+ * @param variant Internal. Do not use.
+ * @returns The PHP loader module.
+ */
+export declare function getPHPLoaderModule(version?: SupportedPHPVersion, variant?: 'light' | 'kitchen-sink'): Promise<PHPLoaderModule>;

package/lib/index.d.ts

@@ -0,0 +1,10 @@
+export * from './api';
+export type { WithAPIState as WithIsReady } from './api';
+export type { LoaderOptions as PHPWebLoaderOptions } from './load-runtime';
+export { loadWebRuntime } from './load-runtime';
+export { getPHPLoaderModule } from './get-php-loader-module';
+export { registerServiceWorker, setPhpApi } from './register-service-worker';
+export { setupPostMessageRelay } from './setup-post-message-relay';
+export { spawnPHPWorkerThread } from './worker-thread/spawn-php-worker-thread';
+export { createDirectoryHandleMountHandler } from './directory-handle-mount';
+export type { MountOptions, SyncProgress, SyncProgressCallback, } from './directory-handle-mount';

package/lib/load-runtime.d.ts

@@ -0,0 +1,8 @@
+import { EmscriptenOptions, PHPLoaderModule, SupportedPHPVersion } from '../../../universal/src/index.ts';
+export interface LoaderOptions {
+    emscriptenOptions?: EmscriptenOptions;
+    onPhpLoaderModuleLoaded?: (module: PHPLoaderModule) => void;
+    /** @deprecated To be replaced with `extensions` in the future */
+    loadAllExtensions?: boolean;
+}
+export declare function loadWebRuntime(phpVersion: SupportedPHPVersion, options?: LoaderOptions): Promise<number>;

package/lib/register-service-worker.d.ts

@@ -0,0 +1,24 @@
+import { PHPWorker } from '../../../universal/src/index.ts';
+import { Remote } from 'comlink';
+export interface Client extends Remote<PHPWorker> {
+}
+export declare const phpApiPromise: Promise<Client>;
+/**
+ * Sets the PHP API client.
+ *
+ * @param {Client} api The PHP API client.
+ *
+ */
+export declare function setPhpApi(api: Client): void;
+/**
+ * Run this in the main application to register the service worker or
+ * reload the registered worker if the app expects a different version
+ * than the currently registered one.
+ *
+ * @param scope       The numeric value used in the path prefix of the site
+ *                    this service worker is meant to serve. E.g. for a prefix
+ *                    like `/scope:793/`, the scope would be `793`. See the
+ *                    `@php-wasm/scopes` package for more details.
+ * @param scriptUrl   The URL of the service worker script.
+ */
+export declare function registerServiceWorker(scope: string, scriptUrl: string): Promise<void>;

package/lib/setup-post-message-relay.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Setup a postMessage relay between the parent window and a nested iframe.
+ *
+ * When we're running a Playground instance inside an iframe, sometimes that
+ * iframe will contain another iframe and so on. The parent application, however,
+ * needs to be able to communicate with the innermost iframe. This function relays
+ * the communication both ways. Call it in in every iframe layer between the topmost
+ * window and the innermost iframe.
+ *
+ * @param nestedFrame The nested iframe element
+ * @param expectedOrigin The origin that the nested iframe is expected to be on. If not
+ *                       provided, any origin is allowed.
+ */
+export declare function setupPostMessageRelay(nestedFrame: HTMLIFrameElement, expectedOrigin?: string): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@php-wasm/web",
-  "version": "0.9.19",
+  "version": "0.9.21",
   "description": "PHP.wasm for the web",
   "repository": {
     "type": "git",
@@ -29,7 +29,7 @@
   "type": "module",
   "main": "index.js",
   "types": "index.d.ts",
-  "gitHead": "aafbbcdc4b0644885bd55d0ed67381952f0b16b6",
+  "gitHead": "a497916495035caba2f28cfdef75a8a0f3732f0e",
   "engines": {
     "node": ">=16.15.1",
     "npm": ">=8.11.0"
@@ -40,10 +40,10 @@
     "ini": "4.1.2",
     "ws": "8.13.0",
     "yargs": "17.7.2",
-    "@php-wasm/universal": "0.9.19",
-    "@php-wasm/util": "0.9.19",
-    "@php-wasm/logger": "0.9.19",
-    "@php-wasm/fs-journal": "0.9.19",
-    "@php-wasm/web-service-worker": "0.9.19"
+    "@php-wasm/universal": "0.9.21",
+    "@php-wasm/util": "0.9.21",
+    "@php-wasm/logger": "0.9.21",
+    "@php-wasm/fs-journal": "0.9.21",
+    "@php-wasm/web-service-worker": "0.9.21"
   }
 }