@wp-playground/client 0.1.18 → 0.1.19

package/index.d.ts

@@ -1,10 +1,6 @@
 // Generated by dts-bundle-generator v7.2.0
 
-/**
- * PHP response. Body is an `ArrayBuffer` because it can
- * contain binary data.
- */
-export declare class PHPResponse {
+export interface PHPResponseData {
 	/**
 	 * Response headers.
 	 */
@@ -13,7 +9,7 @@ export declare class PHPResponse {
 	 * Response body. Contains the output from `echo`,
 	 * `print`, inline HTML etc.
 	 */
-	private readonly body;
+	readonly bytes: ArrayBuffer;
 	/**
 	 * Stderr contents, if any.
 	 */
@@ -27,7 +23,28 @@ export declare class PHPResponse {
 	 * Response HTTP status code, e.g. 200.
 	 */
 	readonly httpStatusCode: number;
+}
+/**
+ * PHP response. Body is an `ArrayBuffer` because it can
+ * contain binary data.
+ *
+ * This type is used in Comlink.transferHandlers.set('PHPResponse', { ... })
+ * so be sure to update that if you change this type.
+ */
+export declare class PHPResponse implements PHPResponseData {
+	/** @inheritDoc */
+	readonly headers: Record<string, string[]>;
+	/** @inheritDoc */
+	readonly bytes: ArrayBuffer;
+	/** @inheritDoc */
+	readonly errors: string;
+	/** @inheritDoc */
+	readonly exitCode: number;
+	/** @inheritDoc */
+	readonly httpStatusCode: number;
 	constructor(httpStatusCode: number, headers: Record<string, string[]>, body: ArrayBuffer, errors?: string, exitCode?: number);
+	static fromRawData(data: PHPResponseData): PHPResponse;
+	toRawData(): PHPResponseData;
 	/**
 	 * Response body as JSON.
 	 */
@@ -36,20 +53,36 @@ export declare class PHPResponse {
 	 * Response body as text.
 	 */
 	get text(): string;
+}
+export type HTTPMethod = "GET" | "POST" | "HEAD" | "OPTIONS" | "PATCH" | "PUT" | "DELETE";
+export type PHPRequestHeaders = Record<string, string>;
+export interface PHPRequest {
 	/**
-	 * Response body as bytes.
+	 * Request method. Default: `GET`.
+	 */
+	method?: HTTPMethod;
+	/**
+	 * Request path or absolute URL.
 	 */
-	get bytes(): ArrayBuffer;
-}
-export type PHPRequest = Pick<PHPRunOptions, "method" | "headers"> & {
 	url: string;
+	/**
+	 * Request headers.
+	 */
+	headers?: PHPRequestHeaders;
+	/**
+	 * Uploaded files
+	 */
 	files?: Record<string, File>;
-} & ((Pick<PHPRunOptions, "body"> & {
-	formData?: never;
-}) | {
-	body?: never;
-	formData: Record<string, unknown>;
-});
+	/**
+	 * Request body without the files.
+	 */
+	body?: string;
+	/**
+	 * Form data. If set, the request body will be ignored and
+	 * the content-type header will be set to `application/x-www-form-urlencoded`.
+	 */
+	formData?: Record<string, unknown>;
+}
 export interface PHPRequestHandlerConfiguration {
 	/**
 	 * The directory in the PHP filesystem where the server will look
@@ -146,7 +179,6 @@ declare class PHPBrowser implements WithRequestHandler {
 	 */
 	request(request: PHPRequest, redirects?: number): Promise<PHPResponse>;
 }
-export type PHPRequestHeaders = Record<string, string>;
 export interface FileInfo {
 	key: string;
 	name: string;
@@ -169,7 +201,7 @@ export interface PHPRunOptions {
 	/**
 	 * Request method. Default: `GET`.
 	 */
-	method?: "GET" | "POST" | "HEAD" | "OPTIONS" | "PATCH" | "PUT" | "DELETE";
+	method?: HTTPMethod;
 	/**
 	 * Request headers.
 	 */
@@ -481,7 +513,6 @@ declare class PHP extends BasePHP {
 	 * resolves when the PHP instance is ready.
 	 *
 	 * @see load
-	 * @inheritdoc load
 	 */
 	static loadSync(phpVersion: SupportedPHPVersion, options?: PHPWebLoaderOptions): {
 		php: PHP;

package/index.js

@@ -35,13 +35,13 @@ class re {
       }
     });
     if (r.headers["set-cookie"] && this.#n(r.headers["set-cookie"]), this.#t.handleRedirects && r.headers.location && n < this.#t.maxRedirects) {
-      const o = new URL(
+      const i = new URL(
         r.headers.location[0],
         this.server.absoluteUrl
       );
       return this.request(
         {
-          url: o.toString(),
+          url: i.toString(),
           method: "GET",
           headers: {}
         },
@@ -55,8 +55,8 @@ class re {
       try {
         if (!n.includes("="))
           continue;
-        const r = n.indexOf("="), o = n.substring(0, r), a = n.substring(r + 1).split(";")[0];
-        this.#e[o] = a;
+        const r = n.indexOf("="), i = n.substring(0, r), a = n.substring(r + 1).split(";")[0];
+        this.#e[i] = a;
       } catch (r) {
         console.error(r);
       }
@@ -68,14 +68,14 @@ class re {
     return e.join("; ");
   }
 }
-const oe = "http://example.com";
-function j(t) {
+const ie = "http://example.com";
+function B(t) {
   return t.toString().substring(t.origin.length);
 }
-function B(t, e) {
+function j(t, e) {
   return !e || !t.startsWith(e) ? t : t.substring(e.length);
 }
-function ie(t, e) {
+function oe(t, e) {
   return !e || t.startsWith(e) ? t : e + t;
 }
 class se {
@@ -95,9 +95,27 @@ class se {
         };
   }
 }
-class I {
-  constructor(e, n, r, o = "", a = 0) {
-    this.httpStatusCode = e, this.headers = n, this.body = r, this.exitCode = a, this.errors = o;
+class E {
+  constructor(e, n, r, i = "", a = 0) {
+    this.httpStatusCode = e, this.headers = n, this.bytes = r, this.exitCode = a, this.errors = i;
+  }
+  static fromRawData(e) {
+    return new E(
+      e.httpStatusCode,
+      e.headers,
+      e.bytes,
+      e.errors,
+      e.exitCode
+    );
+  }
+  toRawData() {
+    return {
+      headers: this.headers,
+      bytes: this.bytes,
+      errors: this.errors,
+      exitCode: this.exitCode,
+      httpStatusCode: this.httpStatusCode
+    };
   }
   /**
    * Response body as JSON.
@@ -109,13 +127,7 @@ class I {
    * Response body as text.
    */
   get text() {
-    return new TextDecoder().decode(this.body);
-  }
-  /**
-   * Response body as bytes.
-   */
-  get bytes() {
-    return this.body;
+    return new TextDecoder().decode(this.bytes);
   }
 }
 class ae {
@@ -123,8 +135,8 @@ class ae {
   #t;
   #n;
   #r;
-  #i;
   #o;
+  #i;
   #s;
   #a;
   #l;
@@ -136,20 +148,20 @@ class ae {
     this.#a = new se({ concurrency: 1 });
     const {
       documentRoot: r = "/www/",
-      absoluteUrl: o = location.origin,
+      absoluteUrl: i = location.origin,
       isStaticFilePath: a = () => !1
     } = n;
     this.php = e, this.#e = r, this.#l = a;
-    const i = new URL(o);
-    this.#n = i.hostname, this.#r = i.port ? Number(i.port) : i.protocol === "https:" ? 443 : 80, this.#t = (i.protocol || "").replace(":", "");
+    const o = new URL(i);
+    this.#n = o.hostname, this.#r = o.port ? Number(o.port) : o.protocol === "https:" ? 443 : 80, this.#t = (o.protocol || "").replace(":", "");
     const d = this.#r !== 443 && this.#r !== 80;
-    this.#i = [
+    this.#o = [
       this.#n,
       d ? `:${this.#r}` : ""
-    ].join(""), this.#o = i.pathname.replace(/\/+$/, ""), this.#s = [
+    ].join(""), this.#i = o.pathname.replace(/\/+$/, ""), this.#s = [
       `${this.#t}://`,
-      this.#i,
-      this.#o
+      this.#o,
+      this.#i
     ].join("");
   }
   /**
@@ -171,7 +183,7 @@ class ae {
    */
   internalUrlToPath(e) {
     const n = new URL(e);
-    return n.pathname.startsWith(this.#o) && (n.pathname = n.pathname.slice(this.#o.length)), j(n);
+    return n.pathname.startsWith(this.#i) && (n.pathname = n.pathname.slice(this.#i.length)), B(n);
   }
   get isRequestRunning() {
     return this.#a.running > 0;
@@ -198,12 +210,12 @@ class ae {
   async request(e) {
     const n = e.url.startsWith("http://") || e.url.startsWith("https://"), r = new URL(
       e.url,
-      n ? void 0 : oe
-    ), o = B(
+      n ? void 0 : ie
+    ), i = j(
       r.pathname,
-      this.#o
+      this.#i
     );
-    return this.#l(o) ? this.#c(o) : await this.#u(e, r);
+    return this.#l(i) ? this.#c(i) : await this.#u(e, r);
   }
   /**
    * Serves a static file from the PHP filesystem.
@@ -214,13 +226,13 @@ class ae {
   #c(e) {
     const n = `${this.#e}${e}`;
     if (!this.php.fileExists(n))
-      return new I(
+      return new E(
         404,
         {},
         new TextEncoder().encode("404 File not found")
       );
     const r = this.php.readFileAsBuffer(n);
-    return new I(
+    return new E(
       200,
       {
         "content-length": [`${r.byteLength}`],
@@ -248,10 +260,10 @@ class ae {
         "HTTPS",
         this.#s.startsWith("https://") ? "on" : ""
       );
-      let o = "GET";
+      let i = "GET";
       const a = [];
       if (e.files) {
-        o = "POST";
+        i = "POST";
         for (const c in e.files) {
           const s = e.files[c];
           a.push({
@@ -262,24 +274,24 @@ class ae {
           });
         }
       }
-      const i = {
-        host: this.#i
+      const o = {
+        host: this.#o
       };
       let d;
-      return e.formData !== void 0 ? (o = "POST", i["content-type"] = "application/x-www-form-urlencoded", d = new URLSearchParams(
+      return e.formData !== void 0 ? (i = "POST", o["content-type"] = "application/x-www-form-urlencoded", d = new URLSearchParams(
         e.formData
       ).toString()) : d = e.body, await this.php.run({
-        relativeUri: ie(
-          j(n),
-          this.#o
+        relativeUri: oe(
+          B(n),
+          this.#i
         ),
         protocol: this.#t,
-        method: e.method || o,
+        method: e.method || i,
         body: d,
         fileInfos: a,
         scriptPath: this.#d(n.pathname),
         headers: {
-          ...i,
+          ...o,
           ...e.headers || {}
         }
       });
@@ -296,7 +308,7 @@ class ae {
    * @returns The resolved filesystem path.
    */
   #d(e) {
-    let n = B(e, this.#o);
+    let n = j(e, this.#i);
     n.includes(".php") ? n = n.split(".php")[0] + ".php" : (n.endsWith("/") || (n += "/"), n.endsWith("index.php") || (n += "index.php"));
     const r = `${this.#e}${n}`;
     return this.php.fileExists(r) ? r : `${this.#e}/index.php`;
@@ -422,15 +434,15 @@ const W = {
   76: "Extension: Capabilities insufficient."
 };
 function m(t = "") {
-  return function(n, r, o) {
-    const a = o.value;
-    o.value = function(...i) {
+  return function(n, r, i) {
+    const a = i.value;
+    i.value = function(...o) {
       try {
-        return a.apply(this, i);
+        return a.apply(this, o);
       } catch (d) {
         const c = typeof d == "object" ? d?.errno : null;
         if (c in W) {
-          const s = W[c], l = typeof i[0] == "string" ? i[0] : null, h = l !== null ? t.replaceAll("{path}", l) : t;
+          const s = W[c], l = typeof o[0] == "string" ? o[0] : null, h = l !== null ? t.replaceAll("{path}", l) : t;
           throw new Error(`${h}: ${s}`, {
             cause: d
           });
@@ -441,9 +453,9 @@ function m(t = "") {
   };
 }
 var ce = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, w = (t, e, n, r) => {
-  for (var o = r > 1 ? void 0 : r ? ue(e, n) : e, a = t.length - 1, i; a >= 0; a--)
-    (i = t[a]) && (o = (r ? i(e, n, o) : i(o)) || o);
-  return r && o && ce(e, n, o), o;
+  for (var i = r > 1 ? void 0 : r ? ue(e, n) : e, a = t.length - 1, o; a >= 0; a--)
+    (o = t[a]) && (i = (r ? o(e, n, i) : o(i)) || i);
+  return r && i && ce(e, n, i), i;
 };
 const f = "string", y = "number", G = [];
 (function() {
@@ -496,14 +508,14 @@ class g {
   }
   /** @inheritDoc */
   async run(e = {}) {
-    this.#n || (this.#r(), this.#n = !0), this.#u(e.scriptPath || ""), this.#o(e.relativeUri || ""), this.#a(e.method || "GET");
+    this.#n || (this.#r(), this.#n = !0), this.#u(e.scriptPath || ""), this.#i(e.relativeUri || ""), this.#a(e.method || "GET");
     const { host: n, ...r } = {
       host: "example.com:443",
       ...de(e.headers || {})
     };
     if (this.#s(n, e.protocol || "http"), this.#l(r), e.body && this.#c(e.body), e.fileInfos)
-      for (const o of e.fileInfos)
-        this.#d(o);
+      for (const i of e.fileInfos)
+        this.#d(i);
     return e.code && this.#h(" ?>" + e.code), await this.#p();
   }
   #r() {
@@ -526,25 +538,25 @@ class g {
       this.#e.ccall("wasm_add_cli_arg", null, [f], [n]);
     return this.#e.ccall("run_cli", null, [], [], { async: !0 });
   }
-  #i() {
+  #o() {
     const e = "/tmp/headers.json";
     if (!this.fileExists(e))
       throw new Error(
         "SAPI Error: Could not find response headers file."
       );
     const n = JSON.parse(this.readFileAsText(e)), r = {};
-    for (const o of n.headers) {
-      if (!o.includes(": "))
+    for (const i of n.headers) {
+      if (!i.includes(": "))
         continue;
-      const a = o.indexOf(": "), i = o.substring(0, a).toLowerCase(), d = o.substring(a + 2);
-      i in r || (r[i] = []), r[i].push(d);
+      const a = i.indexOf(": "), o = i.substring(0, a).toLowerCase(), d = i.substring(a + 2);
+      o in r || (r[o] = []), r[o].push(d);
     }
     return {
       headers: r,
       httpStatusCode: n.status
     };
   }
-  #o(e) {
+  #i(e) {
     if (this.#e.ccall("wasm_set_request_uri", null, [f], [e]), e.includes("?")) {
       const n = e.substring(e.indexOf("?") + 1);
       this.#e.ccall(
@@ -627,14 +639,14 @@ class g {
    * @param  fileInfo - File details
    */
   #d(e) {
-    const { key: n, name: r, type: o, data: a } = e, i = `/tmp/${Math.random().toFixed(20)}`;
-    this.writeFile(i, a);
+    const { key: n, name: r, type: i, data: a } = e, o = `/tmp/${Math.random().toFixed(20)}`;
+    this.writeFile(o, a);
     const d = 0;
     this.#e.ccall(
       "wasm_add_uploaded_file",
       null,
       [f, f, f, f, y, y],
-      [n, r, o, i, d, a.byteLength]
+      [n, r, i, o, d, a.byteLength]
     );
   }
   #h(e) {
@@ -646,8 +658,8 @@ class g {
       y,
       [],
       []
-    ), { headers: n, httpStatusCode: r } = this.#i();
-    return new I(
+    ), { headers: n, httpStatusCode: r } = this.#o();
+    return new E(
       r,
       n,
       this.readFileAsBuffer("/tmp/stdout"),
@@ -739,7 +751,7 @@ function de(t) {
  * Copyright 2019 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const K = Symbol("Comlink.proxy"), he = Symbol("Comlink.endpoint"), pe = Symbol("Comlink.releaseProxy"), U = Symbol("Comlink.finalizer"), C = Symbol("Comlink.thrown"), X = (t) => typeof t == "object" && t !== null || typeof t == "function", fe = {
+const K = Symbol("Comlink.proxy"), he = Symbol("Comlink.endpoint"), pe = Symbol("Comlink.releaseProxy"), I = Symbol("Comlink.finalizer"), O = Symbol("Comlink.thrown"), X = (t) => typeof t == "object" && t !== null || typeof t == "function", fe = {
   canHandle: (t) => X(t) && t[K],
   serialize(t) {
     const { port1: e, port2: n } = new MessageChannel();
@@ -749,7 +761,7 @@ const K = Symbol("Comlink.proxy"), he = Symbol("Comlink.endpoint"), pe = Symbol(
     return t.start(), M(t);
   }
 }, me = {
-  canHandle: (t) => X(t) && C in t,
+  canHandle: (t) => X(t) && O in t,
   serialize({ value: t }) {
     let e;
     return t instanceof Error ? e = {
@@ -764,7 +776,7 @@ const K = Symbol("Comlink.proxy"), he = Symbol("Comlink.endpoint"), pe = Symbol(
   deserialize(t) {
     throw t.isError ? Object.assign(new Error(t.value.message), t.value) : t.value;
   }
-}, k = /* @__PURE__ */ new Map([
+}, R = /* @__PURE__ */ new Map([
   ["proxy", fe],
   ["throw", me]
 ]);
@@ -775,23 +787,23 @@ function we(t, e) {
   return !1;
 }
 function N(t, e = globalThis, n = ["*"]) {
-  e.addEventListener("message", function r(o) {
-    if (!o || !o.data)
+  e.addEventListener("message", function r(i) {
+    if (!i || !i.data)
       return;
-    if (!we(n, o.origin)) {
-      console.warn(`Invalid origin '${o.origin}' for comlink proxy`);
+    if (!we(n, i.origin)) {
+      console.warn(`Invalid origin '${i.origin}' for comlink proxy`);
       return;
     }
-    const { id: a, type: i, path: d } = Object.assign({ path: [] }, o.data), c = (o.data.argumentList || []).map(b);
+    const { id: a, type: o, path: d } = Object.assign({ path: [] }, i.data), c = (i.data.argumentList || []).map(b);
     let s;
     try {
       const l = d.slice(0, -1).reduce((u, p) => u[p], t), h = d.reduce((u, p) => u[p], t);
-      switch (i) {
+      switch (o) {
         case "GET":
           s = h;
           break;
         case "SET":
-          l[d.slice(-1)[0]] = b(o.data.value), s = !0;
+          l[d.slice(-1)[0]] = b(i.data.value), s = !0;
           break;
         case "APPLY":
           s = h.apply(l, c);
@@ -815,15 +827,15 @@ function N(t, e = globalThis, n = ["*"]) {
           return;
       }
     } catch (l) {
-      s = { value: l, [C]: 0 };
+      s = { value: l, [O]: 0 };
     }
-    Promise.resolve(s).catch((l) => ({ value: l, [C]: 0 })).then((l) => {
-      const [h, u] = L(l);
-      e.postMessage(Object.assign(Object.assign({}, h), { id: a }), u), i === "RELEASE" && (e.removeEventListener("message", r), J(e), U in t && typeof t[U] == "function" && t[U]());
+    Promise.resolve(s).catch((l) => ({ value: l, [O]: 0 })).then((l) => {
+      const [h, u] = U(l);
+      e.postMessage(Object.assign(Object.assign({}, h), { id: a }), u), o === "RELEASE" && (e.removeEventListener("message", r), J(e), I in t && typeof t[I] == "function" && t[I]());
     }).catch((l) => {
-      const [h, u] = L({
+      const [h, u] = U({
         value: new TypeError("Unserializable return value"),
-        [C]: 0
+        [O]: 0
       });
       e.postMessage(Object.assign(Object.assign({}, h), { id: a }), u);
     });
@@ -836,9 +848,9 @@ function J(t) {
   ge(t) && t.close();
 }
 function M(t, e) {
-  return q(t, [], e);
+  return D(t, [], e);
 }
-function S(t) {
+function k(t) {
   if (t)
     throw new Error("Proxy has been released and is not useable");
 }
@@ -849,55 +861,55 @@ function Y(t) {
     J(t);
   });
 }
-const O = /* @__PURE__ */ new WeakMap(), A = "FinalizationRegistry" in globalThis && new FinalizationRegistry((t) => {
-  const e = (O.get(t) || 0) - 1;
-  O.set(t, e), e === 0 && Y(t);
+const A = /* @__PURE__ */ new WeakMap(), L = "FinalizationRegistry" in globalThis && new FinalizationRegistry((t) => {
+  const e = (A.get(t) || 0) - 1;
+  A.set(t, e), e === 0 && Y(t);
 });
 function ye(t, e) {
-  const n = (O.get(e) || 0) + 1;
-  O.set(e, n), A && A.register(t, e, t);
+  const n = (A.get(e) || 0) + 1;
+  A.set(e, n), L && L.register(t, e, t);
 }
 function be(t) {
-  A && A.unregister(t);
+  L && L.unregister(t);
 }
-function q(t, e = [], n = function() {
+function D(t, e = [], n = function() {
 }) {
   let r = !1;
-  const o = new Proxy(n, {
-    get(a, i) {
-      if (S(r), i === pe)
+  const i = new Proxy(n, {
+    get(a, o) {
+      if (k(r), o === pe)
         return () => {
-          be(o), Y(t), r = !0;
+          be(i), Y(t), r = !0;
         };
-      if (i === "then") {
+      if (o === "then") {
         if (e.length === 0)
-          return { then: () => o };
+          return { then: () => i };
         const d = P(t, {
           type: "GET",
           path: e.map((c) => c.toString())
         }).then(b);
         return d.then.bind(d);
       }
-      return q(t, [...e, i]);
+      return D(t, [...e, o]);
     },
-    set(a, i, d) {
-      S(r);
-      const [c, s] = L(d);
+    set(a, o, d) {
+      k(r);
+      const [c, s] = U(d);
       return P(t, {
         type: "SET",
-        path: [...e, i].map((l) => l.toString()),
+        path: [...e, o].map((l) => l.toString()),
         value: c
       }, s).then(b);
     },
-    apply(a, i, d) {
-      S(r);
+    apply(a, o, d) {
+      k(r);
       const c = e[e.length - 1];
       if (c === he)
         return P(t, {
           type: "ENDPOINT"
         }).then(b);
       if (c === "bind")
-        return q(t, e.slice(0, -1));
+        return D(t, e.slice(0, -1));
       const [s, l] = V(d);
       return P(t, {
         type: "APPLY",
@@ -905,9 +917,9 @@ function q(t, e = [], n = function() {
         argumentList: s
       }, l).then(b);
     },
-    construct(a, i) {
-      S(r);
-      const [d, c] = V(i);
+    construct(a, o) {
+      k(r);
+      const [d, c] = V(o);
       return P(t, {
         type: "CONSTRUCT",
         path: e.map((s) => s.toString()),
@@ -915,13 +927,13 @@ function q(t, e = [], n = function() {
       }, c).then(b);
     }
   });
-  return ye(o, t), o;
+  return ye(i, t), i;
 }
 function ve(t) {
   return Array.prototype.concat.apply([], t);
 }
 function V(t) {
-  const e = t.map(L);
+  const e = t.map(U);
   return [e.map((n) => n[0]), ve(e.map((n) => n[1]))];
 }
 const Q = /* @__PURE__ */ new WeakMap();
@@ -933,22 +945,22 @@ function Ee(t) {
 }
 function xe(t, e = globalThis, n = "*") {
   return {
-    postMessage: (r, o) => t.postMessage(r, n, o),
+    postMessage: (r, i) => t.postMessage(r, n, i),
     addEventListener: e.addEventListener.bind(e),
     removeEventListener: e.removeEventListener.bind(e)
   };
 }
-function L(t) {
-  for (const [e, n] of k)
+function U(t) {
+  for (const [e, n] of R)
     if (n.canHandle(t)) {
-      const [r, o] = n.serialize(t);
+      const [r, i] = n.serialize(t);
       return [
         {
           type: "HANDLER",
           name: e,
           value: r
         },
-        o
+        i
       ];
     }
   return [
@@ -962,17 +974,17 @@ function L(t) {
 function b(t) {
   switch (t.type) {
     case "HANDLER":
-      return k.get(t.name).deserialize(t.value);
+      return R.get(t.name).deserialize(t.value);
     case "RAW":
       return t.value;
   }
 }
 function P(t, e, n) {
   return new Promise((r) => {
-    const o = $e();
-    t.addEventListener("message", function a(i) {
-      !i.data || !i.data.id || i.data.id !== o || (t.removeEventListener("message", a), r(i.data));
-    }), t.start && t.start(), t.postMessage(Object.assign({ id: o }, e), n);
+    const i = $e();
+    t.addEventListener("message", function a(o) {
+      !o.data || !o.data.id || o.data.id !== i || (t.removeEventListener("message", a), r(o.data));
+    }), t.start && t.start(), t.postMessage(Object.assign({ id: i }, e), n);
   });
 }
 function $e() {
@@ -984,7 +996,7 @@ function Fe(t) {
   return M(e);
 }
 function Te() {
-  k.set("EVENT", {
+  R.set("EVENT", {
     canHandle: (t) => t instanceof CustomEvent,
     serialize: (t) => [
       {
@@ -993,7 +1005,7 @@ function Te() {
       []
     ],
     deserialize: (t) => t
-  }), k.set("FUNCTION", {
+  }), R.set("FUNCTION", {
     canHandle: (t) => typeof t == "function",
     serialize(t) {
       console.debug("[Comlink][Performance] Proxying a function");
@@ -1003,23 +1015,31 @@ function Te() {
     deserialize(t) {
       return t.start(), M(t);
     }
+  }), R.set("PHPResponse", {
+    canHandle: (t) => typeof t == "object" && t !== null && "headers" in t && "bytes" in t && "errors" in t && "exitCode" in t && "httpStatusCode" in t,
+    serialize(t) {
+      return [t.toRawData(), []];
+    },
+    deserialize(t) {
+      return E.fromRawData(t);
+    }
   });
 }
 (function() {
   return navigator.userAgent.toLowerCase().indexOf("firefox") > -1 ? "iframe" : "webworker";
 })();
-var F = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, z = {}, _e = {
+var T = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, q = {}, Re = {
   get exports() {
-    return z;
+    return q;
   },
   set exports(t) {
-    z = t;
+    q = t;
   }
 };
 (function(t, e) {
   (function(n, r) {
     r();
-  })(F, function() {
+  })(T, function() {
     function n(s, l) {
       return typeof l > "u" ? l = { autoBom: !1 } : typeof l != "object" && (console.warn("Deprecated: Expected third argument to be a object"), l = { autoBom: !l }), l.autoBom && /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(s.type) ? new Blob(["\uFEFF", s], { type: s.type }) : s;
     }
@@ -1031,7 +1051,7 @@ var F = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : ty
         console.error("could not download file");
       }, u.send();
     }
-    function o(s) {
+    function i(s) {
       var l = new XMLHttpRequest();
       l.open("HEAD", s, !1);
       try {
@@ -1048,10 +1068,10 @@ var F = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : ty
         l.initMouseEvent("click", !0, !0, window, 0, 0, 0, 80, 20, !1, !1, !1, !1, 0, null), s.dispatchEvent(l);
       }
     }
-    var i = typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof F == "object" && F.global === F ? F : void 0, d = i.navigator && /Macintosh/.test(navigator.userAgent) && /AppleWebKit/.test(navigator.userAgent) && !/Safari/.test(navigator.userAgent), c = i.saveAs || (typeof window != "object" || window !== i ? function() {
+    var o = typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof T == "object" && T.global === T ? T : void 0, d = o.navigator && /Macintosh/.test(navigator.userAgent) && /AppleWebKit/.test(navigator.userAgent) && !/Safari/.test(navigator.userAgent), c = o.saveAs || (typeof window != "object" || window !== o ? function() {
     } : "download" in HTMLAnchorElement.prototype && !d ? function(s, l, h) {
-      var u = i.URL || i.webkitURL, p = document.createElement("a");
-      l = l || s.name || "download", p.download = l, p.rel = "noopener", typeof s == "string" ? (p.href = s, p.origin === location.origin ? a(p) : o(p.href) ? r(s, l, h) : a(p, p.target = "_blank")) : (p.href = u.createObjectURL(s), setTimeout(function() {
+      var u = o.URL || o.webkitURL, p = document.createElement("a");
+      l = l || s.name || "download", p.download = l, p.rel = "noopener", typeof s == "string" ? (p.href = s, p.origin === location.origin ? a(p) : i(p.href) ? r(s, l, h) : a(p, p.target = "_blank")) : (p.href = u.createObjectURL(s), setTimeout(function() {
         u.revokeObjectURL(p.href);
       }, 4e4), setTimeout(function() {
         a(p);
@@ -1059,7 +1079,7 @@ var F = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : ty
     } : "msSaveOrOpenBlob" in navigator ? function(s, l, h) {
       if (l = l || s.name || "download", typeof s != "string")
         navigator.msSaveOrOpenBlob(n(s, h), l);
-      else if (o(s))
+      else if (i(s))
         r(s, l, h);
       else {
         var u = document.createElement("a");
@@ -1070,24 +1090,24 @@ var F = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : ty
     } : function(s, l, h, u) {
       if (u = u || open("", "_blank"), u && (u.document.title = u.document.body.innerText = "downloading..."), typeof s == "string")
         return r(s, l, h);
-      var p = s.type === "application/octet-stream", E = /constructor/i.test(i.HTMLElement) || i.safari, _ = /CriOS\/[\d]+/.test(navigator.userAgent);
-      if ((_ || p && E || d) && typeof FileReader < "u") {
-        var x = new FileReader();
-        x.onloadend = function() {
-          var $ = x.result;
-          $ = _ ? $ : $.replace(/^data:[^;]*;/, "data:attachment/file;"), u ? u.location.href = $ : location = $, u = null;
-        }, x.readAsDataURL(s);
+      var p = s.type === "application/octet-stream", x = /constructor/i.test(o.HTMLElement) || o.safari, _ = /CriOS\/[\d]+/.test(navigator.userAgent);
+      if ((_ || p && x || d) && typeof FileReader < "u") {
+        var $ = new FileReader();
+        $.onloadend = function() {
+          var F = $.result;
+          F = _ ? F : F.replace(/^data:[^;]*;/, "data:attachment/file;"), u ? u.location.href = F : location = F, u = null;
+        }, $.readAsDataURL(s);
       } else {
-        var R = i.URL || i.webkitURL, v = R.createObjectURL(s);
+        var C = o.URL || o.webkitURL, v = C.createObjectURL(s);
         u ? u.location = v : location.href = v, u = null, setTimeout(function() {
-          R.revokeObjectURL(v);
+          C.revokeObjectURL(v);
         }, 4e4);
       }
     });
-    i.saveAs = c.saveAs = c, t.exports = c;
+    o.saveAs = c.saveAs = c, t.exports = c;
   });
-})(_e);
-const D = `<?php
+})(Re);
+const z = `<?php
 
 function generateZipFile($exportPath, $databasePath, $docRoot) {
     $zip = new ZipArchive;
@@ -1161,13 +1181,13 @@ async function ke(t) {
     url: "/wp-admin/export.php?download=true&content=all"
   })).text;
   await t.writeFile(H, n);
-  const r = await t.wordPressVersion, o = await t.phpVersion, a = await t.documentRoot, i = `wordpress-playground--wp${r}--php${o}.zip`, d = `/${i}`, c = await t.run({
-    code: D + ` generateZipFile('${d}', '${H}', '${a}');`
+  const r = await t.wordPressVersion, i = await t.phpVersion, a = await t.documentRoot, o = `wordpress-playground--wp${r}--php${i}.zip`, d = `/${o}`, c = await t.run({
+    code: z + ` generateZipFile('${d}', '${H}', '${a}');`
   });
   if (c.exitCode !== 0)
     throw c.errors;
-  const s = await t.readFileAsBuffer(i), l = new File([s], i);
-  z.saveAs(l);
+  const s = await t.readFileAsBuffer(o), l = new File([s], o);
+  q.saveAs(l);
 }
 async function Oe(t, e) {
   if (
@@ -1177,17 +1197,17 @@ async function Oe(t, e) {
     )
   )
     return !1;
-  const n = await e.arrayBuffer(), r = new Uint8Array(n), o = "/import.zip";
-  await t.writeFile(o, r);
+  const n = await e.arrayBuffer(), r = new Uint8Array(n), i = "/import.zip";
+  await t.writeFile(i, r);
   const a = await t.run({
-    code: D + ` readFileFromZipArchive('${o}', '${H}');`
+    code: z + ` readFileFromZipArchive('${i}', '${H}');`
   });
   if (a.exitCode !== 0)
     throw a.errors;
-  const i = new TextDecoder().decode(
+  const o = new TextDecoder().decode(
     a.bytes
   ), d = new File(
-    [i],
+    [o],
     ee
   ), c = await t.request({
     url: "/wp-admin/admin.php?import=wordpress"
@@ -1203,26 +1223,26 @@ async function Oe(t, e) {
     "text/html"
   ).querySelector(
     "#wpbody-content form"
-  ), E = p?.getAttribute(
+  ), x = p?.getAttribute(
     "action"
   ), _ = (p?.querySelector(
     "input[name='_wpnonce']"
-  )).value, x = (p?.querySelector(
+  )).value, $ = (p?.querySelector(
     "input[name='_wp_http_referer']"
-  )).value, R = (p?.querySelector(
+  )).value, C = (p?.querySelector(
     "input[name='import_id']"
   )).value;
   await t.request({
-    url: E,
+    url: x,
     method: "POST",
     formData: {
       _wpnonce: _,
-      _wp_http_referer: x,
-      import_id: R
+      _wp_http_referer: $,
+      import_id: C
     }
   });
   const v = await t.run({
-    code: D + ` importZipFile('${o}');`
+    code: z + ` importZipFile('${i}');`
   });
   if (v.exitCode !== 0)
     throw v.errors;
@@ -1241,20 +1261,20 @@ async function Ae(t, e = "admin", n = "password") {
     }
   });
 }
-function T(t) {
+function S(t) {
   return new DOMParser().parseFromString(t.text, "text/html");
 }
 function te(t) {
   const e = t.split(".").shift().replace("-", " ");
   return e.charAt(0).toUpperCase() + e.slice(1).toLowerCase();
 }
-async function Re(t, e, n = {}) {
-  const r = "activate" in n ? n.activate : !0, o = await t.request({
+async function Se(t, e, n = {}) {
+  const r = "activate" in n ? n.activate : !0, i = await t.request({
     url: "/wp-admin/theme-install.php"
-  }), a = T(o), i = new FormData(
+  }), a = S(i), o = new FormData(
     a.querySelector(".wp-upload-form")
   ), { themezip: d, ...c } = Object.fromEntries(
-    i.entries()
+    o.entries()
   ), s = await t.request({
     url: "/wp-admin/update.php?action=upload-theme",
     method: "POST",
@@ -1262,7 +1282,7 @@ async function Re(t, e, n = {}) {
     files: { themezip: e }
   });
   if (r) {
-    const l = T(s), h = l.querySelector(
+    const l = S(s), h = l.querySelector(
       "#wpbody-content > .wrap"
     );
     if (h?.textContent?.includes(
@@ -1278,22 +1298,22 @@ async function Re(t, e, n = {}) {
       console.error('The "activate" button was not found.');
       return;
     }
-    const p = u.attributes.getNamedItem("href").value, E = new URL(
+    const p = u.attributes.getNamedItem("href").value, x = new URL(
       p,
       await t.pathToInternalUrl("/wp-admin/")
     ).toString();
     await t.request({
-      url: E
+      url: x
     });
   }
 }
-async function Se(t, e, n = {}) {
-  const r = "activate" in n ? n.activate : !0, o = await t.request({
+async function _e(t, e, n = {}) {
+  const r = "activate" in n ? n.activate : !0, i = await t.request({
     url: "/wp-admin/plugin-install.php?tab=upload"
-  }), a = T(o), i = new FormData(
+  }), a = S(i), o = new FormData(
     a.querySelector(".wp-upload-form")
   ), { pluginzip: d, ...c } = Object.fromEntries(
-    i.entries()
+    o.entries()
   ), s = await t.request({
     url: "/wp-admin/update.php?action=upload-plugin",
     method: "POST",
@@ -1301,7 +1321,7 @@ async function Se(t, e, n = {}) {
     files: { pluginzip: e }
   });
   if (r) {
-    const u = T(s).querySelector("#wpbody-content .button.button-primary").attributes.getNamedItem("href").value, p = new URL(
+    const u = S(s).querySelector("#wpbody-content .button.button-primary").attributes.getNamedItem("href").value, p = new URL(
       u,
       await t.pathToInternalUrl("/wp-admin/")
     ).toString();
@@ -1330,7 +1350,7 @@ async function Se(t, e, n = {}) {
   ));
 }
 async function Le(t, e) {
-  const o = T(
+  const i = S(
     await t.request({
       url: "/wp-admin/plugins.php"
     })
@@ -1338,18 +1358,18 @@ async function Le(t, e) {
     `tr[data-slug="${e}"] a`
   ).attributes.getNamedItem("href").value;
   await t.request({
-    url: "/wp-admin/" + o
+    url: "/wp-admin/" + i
   });
 }
 const Ce = 5 * 1024 * 1024;
 function ne(t, e) {
   const n = t.headers.get("content-length") || "", r = parseInt(n, 10) || Ce;
-  function o(a, i) {
+  function i(a, o) {
     e(
       new CustomEvent("progress", {
         detail: {
           loaded: a,
-          total: i
+          total: o
         }
       })
     );
@@ -1361,16 +1381,16 @@ function ne(t, e) {
           a.close();
           return;
         }
-        const i = t.body.getReader();
+        const o = t.body.getReader();
         let d = 0;
         for (; ; )
           try {
-            const { done: c, value: s } = await i.read();
+            const { done: c, value: s } = await o.read();
             if (s && (d += s.byteLength), c) {
-              o(d, d), a.close();
+              i(d, d), a.close();
               break;
             } else
-              o(d, r), a.enqueue(s);
+              i(d, r), a.enqueue(s);
           } catch (c) {
             console.error({ e: c }), a.error(c);
             break;
@@ -1385,21 +1405,21 @@ function ne(t, e) {
   );
 }
 async function Ue(t, e, n = 100, r) {
-  let o = await fetch("/plugin-proxy?theme=" + e);
-  if (r && (o = ne(
-    o,
+  let i = await fetch("/plugin-proxy?theme=" + e);
+  if (r && (i = ne(
+    i,
     r.partialObserver(
       n / 2,
       `Installing ${te(e)} theme...`
     )
-  ), r.slowlyIncrementBy(n / 2)), o.status === 200) {
-    const a = new File([await o.blob()], e);
+  ), r.slowlyIncrementBy(n / 2)), i.status === 200) {
+    const a = new File([await i.blob()], e);
     try {
-      await Re(t, a);
-    } catch (i) {
+      await Se(t, a);
+    } catch (o) {
       console.error(
-        `Proceeding without the ${e} theme. Could not install it in wp-admin. The original error was: ${i}`
-      ), console.error(i);
+        `Proceeding without the ${e} theme. Could not install it in wp-admin. The original error was: ${o}`
+      ), console.error(o);
     }
   } else
     console.error(
@@ -1407,17 +1427,17 @@ async function Ue(t, e, n = 100, r) {
     );
 }
 async function Ie(t, e, n = 100, r) {
-  const o = new Z(), a = new Z(), i = n / e.length;
+  const i = new Z(), a = new Z(), o = n / e.length;
   await new Promise((d) => {
     for (const c of e)
-      o.enqueue(async () => {
+      i.enqueue(async () => {
         let s = await fetch(
           "/plugin-proxy?plugin=" + c
         );
         return r && (s = ne(
           s,
           r.partialObserver(
-            i * 0.66,
+            o * 0.66,
             `Installing ${te(
               c
             )} plugin...`
@@ -1426,12 +1446,12 @@ async function Ie(t, e, n = 100, r) {
           `Proceeding without the ${c} plugin. Could not download the zip bundle from https://downloads.wordpress.org/plugin/${c} – Is the file name correct?`
         ), null) : new File([await s.blob()], c);
       });
-    o.addEventListener("resolved", (c) => {
+    i.addEventListener("resolved", (c) => {
       a.enqueue(async () => {
         if (c.detail) {
-          r?.slowlyIncrementBy(i * 0.33);
+          r?.slowlyIncrementBy(o * 0.33);
           try {
-            await Se(t, c.detail);
+            await _e(t, c.detail);
           } catch (s) {
             console.error(
               `Proceeding without the ${c.detail.name} plugin. Could not install it in wp-admin. The original error was: ${s}`
@@ -1471,7 +1491,7 @@ class Z extends EventTarget {
       }
   }
 }
-async function qe(t, e) {
+async function De(t, e) {
   e?.loadRemote && (t.src = e?.loadRemote, await new Promise((r) => {
     t.addEventListener("load", r, !1);
   }));
@@ -1480,12 +1500,12 @@ async function qe(t, e) {
 }
 export {
   Le as activatePlugin,
-  qe as connectPlayground,
+  De as connectPlayground,
   ke as exportFile,
   Oe as importFile,
-  Se as installPlugin,
+  _e as installPlugin,
   Ie as installPluginsFromDirectory,
-  Re as installTheme,
+  Se as installTheme,
   Ue as installThemeFromDirectory,
   Ae as login
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wp-playground/client",
-	"version": "0.1.18",
+	"version": "0.1.19",
 	"description": "WordPress Playground client",
 	"repository": {
 		"type": "git",
@@ -29,5 +29,5 @@
 	"type": "module",
 	"main": "index.js",
 	"types": "index.d.ts",
-	"gitHead": "2de8f9182b249b7e87694efaa06e7f25b64b7bb3"
+	"gitHead": "ce0d93a79ad524677200b7e956ae1543d774696e"
 }