@wp-playground/client 0.1.19 → 0.1.22

package/index.d.ts

@@ -240,11 +240,11 @@ export interface WithNodeFilesystem {
 	/**
 	 * Mounts a Node.js filesystem to a given path in the PHP filesystem.
 	 *
-	 * @param  settings - The Node.js filesystem settings.
-	 * @param  path     - The path to mount the filesystem to.
+	 * @param  localPath - The path of a real local directory you want to mount.
+	 * @param  virtualFSPath - Where to mount it in the virtual filesystem.
 	 * @see {@link https://emscripten.org/docs/api_reference/Filesystem-API.html#FS.mount}
 	 */
-	mount(settings: any, path: string): void;
+	mount(localPath: string | MountSettings, virtualFSPath: string): void;
 }
 export interface WithFilesystem {
 	/**
@@ -254,6 +254,10 @@ export interface WithFilesystem {
 	 *
 	 * @param  path - The directory path to create.
 	 */
+	mkdir(path: string): void;
+	/**
+	 * @deprecated Use mkdir instead.
+	 */
 	mkdirTree(path: string): void;
 	/**
 	 * Reads a file from the PHP filesystem and returns it as a string.
@@ -411,6 +415,8 @@ declare abstract class BasePHP implements WithPHPIniBindings, WithFilesystem, Wi
 	setSkipShebang(shouldSkip: boolean): void;
 	addServerGlobalEntry(key: string, value: string): void;
 	/** @inheritDoc */
+	mkdir(path: string): void;
+	/** @inheritDoc */
 	mkdirTree(path: string): void;
 	/** @inheritDoc */
 	readFileAsText(path: string): string;
@@ -427,7 +433,7 @@ declare abstract class BasePHP implements WithPHPIniBindings, WithFilesystem, Wi
 	/** @inheritDoc */
 	fileExists(path: string): boolean;
 	/** @inheritDoc */
-	mount(settings: MountSettings, path: string): void;
+	mount(localPath: string | MountSettings, virtualFSPath: string): void;
 }
 declare const SupportedPHPVersions: readonly [
 	"8.2",
@@ -553,6 +559,8 @@ declare class PHPClient implements Promisify<WithPHPIniBindings & WithFilesystem
 	setPhpIniPath(path: string): void;
 	/** @inheritDoc @php-wasm/web!PHP.setPhpIniEntry */
 	setPhpIniEntry(key: string, value: string): void;
+	/** @inheritDoc @php-wasm/web!PHP.mkdir */
+	mkdir(path: string): void;
 	/** @inheritDoc @php-wasm/web!PHP.mkdirTree */
 	mkdirTree(path: string): void;
 	/** @inheritDoc @php-wasm/web!PHP.readFileAsText */

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 i = new URL(
+      const o = new URL(
         r.headers.location[0],
         this.server.absoluteUrl
       );
       return this.request(
         {
-          url: i.toString(),
+          url: o.toString(),
           method: "GET",
           headers: {}
         },
@@ -55,8 +55,8 @@ class re {
       try {
         if (!n.includes("="))
           continue;
-        const r = n.indexOf("="), i = n.substring(0, r), a = n.substring(r + 1).split(";")[0];
-        this.#e[i] = a;
+        const r = n.indexOf("="), o = n.substring(0, r), a = n.substring(r + 1).split(";")[0];
+        this.#e[o] = a;
       } catch (r) {
         console.error(r);
       }
@@ -68,14 +68,14 @@ class re {
     return e.join("; ");
   }
 }
-const ie = "http://example.com";
-function B(t) {
+const oe = "http://example.com";
+function j(t) {
   return t.toString().substring(t.origin.length);
 }
-function j(t, e) {
+function B(t, e) {
   return !e || !t.startsWith(e) ? t : t.substring(e.length);
 }
-function oe(t, e) {
+function ie(t, e) {
   return !e || t.startsWith(e) ? t : e + t;
 }
 class se {
@@ -96,8 +96,8 @@ class se {
   }
 }
 class E {
-  constructor(e, n, r, i = "", a = 0) {
-    this.httpStatusCode = e, this.headers = n, this.bytes = r, this.exitCode = a, this.errors = i;
+  constructor(e, n, r, o = "", a = 0) {
+    this.httpStatusCode = e, this.headers = n, this.bytes = r, this.exitCode = a, this.errors = o;
   }
   static fromRawData(e) {
     return new E(
@@ -135,8 +135,8 @@ class ae {
   #t;
   #n;
   #r;
-  #o;
   #i;
+  #o;
   #s;
   #a;
   #l;
@@ -148,20 +148,20 @@ class ae {
     this.#a = new se({ concurrency: 1 });
     const {
       documentRoot: r = "/www/",
-      absoluteUrl: i = location.origin,
+      absoluteUrl: o = typeof location == "object" ? location?.href : "",
       isStaticFilePath: a = () => !1
     } = n;
     this.php = e, this.#e = r, this.#l = a;
-    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 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 d = this.#r !== 443 && this.#r !== 80;
-    this.#o = [
+    this.#i = [
       this.#n,
       d ? `:${this.#r}` : ""
-    ].join(""), this.#i = o.pathname.replace(/\/+$/, ""), this.#s = [
+    ].join(""), this.#o = i.pathname.replace(/\/+$/, ""), this.#s = [
       `${this.#t}://`,
-      this.#o,
-      this.#i
+      this.#i,
+      this.#o
     ].join("");
   }
   /**
@@ -183,7 +183,7 @@ class ae {
    */
   internalUrlToPath(e) {
     const n = new URL(e);
-    return n.pathname.startsWith(this.#i) && (n.pathname = n.pathname.slice(this.#i.length)), B(n);
+    return n.pathname.startsWith(this.#o) && (n.pathname = n.pathname.slice(this.#o.length)), j(n);
   }
   get isRequestRunning() {
     return this.#a.running > 0;
@@ -210,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 : ie
-    ), i = j(
+      n ? void 0 : oe
+    ), o = B(
       r.pathname,
-      this.#i
+      this.#o
     );
-    return this.#l(i) ? this.#c(i) : await this.#u(e, r);
+    return this.#l(o) ? this.#c(o) : await this.#u(e, r);
   }
   /**
    * Serves a static file from the PHP filesystem.
@@ -260,10 +260,10 @@ class ae {
         "HTTPS",
         this.#s.startsWith("https://") ? "on" : ""
       );
-      let i = "GET";
+      let o = "GET";
       const a = [];
       if (e.files) {
-        i = "POST";
+        o = "POST";
         for (const c in e.files) {
           const s = e.files[c];
           a.push({
@@ -274,24 +274,24 @@ class ae {
           });
         }
       }
-      const o = {
-        host: this.#o
+      const i = {
+        host: this.#i
       };
       let d;
-      return e.formData !== void 0 ? (i = "POST", o["content-type"] = "application/x-www-form-urlencoded", d = new URLSearchParams(
+      return e.formData !== void 0 ? (o = "POST", i["content-type"] = "application/x-www-form-urlencoded", d = new URLSearchParams(
         e.formData
       ).toString()) : d = e.body, await this.php.run({
-        relativeUri: oe(
-          B(n),
-          this.#i
+        relativeUri: ie(
+          j(n),
+          this.#o
         ),
         protocol: this.#t,
-        method: e.method || i,
+        method: e.method || o,
         body: d,
         fileInfos: a,
         scriptPath: this.#d(n.pathname),
         headers: {
-          ...o,
+          ...i,
           ...e.headers || {}
         }
       });
@@ -308,7 +308,7 @@ class ae {
    * @returns The resolved filesystem path.
    */
   #d(e) {
-    let n = j(e, this.#i);
+    let n = B(e, this.#o);
     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`;
@@ -434,15 +434,15 @@ const W = {
   76: "Extension: Capabilities insufficient."
 };
 function m(t = "") {
-  return function(n, r, i) {
-    const a = i.value;
-    i.value = function(...o) {
+  return function(n, r, o) {
+    const a = o.value;
+    o.value = function(...i) {
       try {
-        return a.apply(this, o);
+        return a.apply(this, i);
       } catch (d) {
         const c = typeof d == "object" ? d?.errno : null;
         if (c in W) {
-          const s = W[c], l = typeof o[0] == "string" ? o[0] : null, h = l !== null ? t.replaceAll("{path}", l) : t;
+          const s = W[c], l = typeof i[0] == "string" ? i[0] : null, h = l !== null ? t.replaceAll("{path}", l) : t;
           throw new Error(`${h}: ${s}`, {
             cause: d
           });
@@ -453,9 +453,9 @@ function m(t = "") {
   };
 }
 var ce = Object.defineProperty, ue = Object.getOwnPropertyDescriptor, w = (t, e, n, r) => {
-  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;
+  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;
 };
 const f = "string", y = "number", G = [];
 (function() {
@@ -508,14 +508,14 @@ class g {
   }
   /** @inheritDoc */
   async run(e = {}) {
-    this.#n || (this.#r(), this.#n = !0), this.#u(e.scriptPath || ""), this.#i(e.relativeUri || ""), this.#a(e.method || "GET");
+    this.#n || (this.#r(), this.#n = !0), this.#u(e.scriptPath || ""), this.#o(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 i of e.fileInfos)
-        this.#d(i);
+      for (const o of e.fileInfos)
+        this.#d(o);
     return e.code && this.#h(" ?>" + e.code), await this.#p();
   }
   #r() {
@@ -538,25 +538,25 @@ class g {
       this.#e.ccall("wasm_add_cli_arg", null, [f], [n]);
     return this.#e.ccall("run_cli", null, [], [], { async: !0 });
   }
-  #o() {
+  #i() {
     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 i of n.headers) {
-      if (!i.includes(": "))
+    for (const o of n.headers) {
+      if (!o.includes(": "))
         continue;
-      const a = i.indexOf(": "), o = i.substring(0, a).toLowerCase(), d = i.substring(a + 2);
-      o in r || (r[o] = []), r[o].push(d);
+      const a = o.indexOf(": "), i = o.substring(0, a).toLowerCase(), d = o.substring(a + 2);
+      i in r || (r[i] = []), r[i].push(d);
     }
     return {
       headers: r,
       httpStatusCode: n.status
     };
   }
-  #i(e) {
+  #o(e) {
     if (this.#e.ccall("wasm_set_request_uri", null, [f], [e]), e.includes("?")) {
       const n = e.substring(e.indexOf("?") + 1);
       this.#e.ccall(
@@ -639,14 +639,14 @@ class g {
    * @param  fileInfo - File details
    */
   #d(e) {
-    const { key: n, name: r, type: i, data: a } = e, o = `/tmp/${Math.random().toFixed(20)}`;
-    this.writeFile(o, a);
+    const { key: n, name: r, type: o, data: a } = e, i = `/tmp/${Math.random().toFixed(20)}`;
+    this.writeFile(i, a);
     const d = 0;
     this.#e.ccall(
       "wasm_add_uploaded_file",
       null,
       [f, f, f, f, y, y],
-      [n, r, i, o, d, a.byteLength]
+      [n, r, o, i, d, a.byteLength]
     );
   }
   #h(e) {
@@ -658,7 +658,7 @@ class g {
       y,
       [],
       []
-    ), { headers: n, httpStatusCode: r } = this.#o();
+    ), { headers: n, httpStatusCode: r } = this.#i();
     return new E(
       r,
       n,
@@ -667,9 +667,12 @@ class g {
       e
     );
   }
-  mkdirTree(e) {
+  mkdir(e) {
     this.#e.FS.mkdirTree(e);
   }
+  mkdirTree(e) {
+    this.mkdir(e);
+  }
   readFileAsText(e) {
     return new TextDecoder().decode(this.readFileAsBuffer(e));
   }
@@ -708,11 +711,14 @@ class g {
   mount(e, n) {
     this.#e.FS.mount(
       this.#e.FS.filesystems.NODEFS,
-      e,
+      typeof e == "object" ? e : { root: e },
       n
     );
   }
 }
+w([
+  m('Could not create directory "{path}"')
+], g.prototype, "mkdir", 1);
 w([
   m('Could not create directory "{path}"')
 ], g.prototype, "mkdirTree", 1);
@@ -787,23 +793,23 @@ function we(t, e) {
   return !1;
 }
 function N(t, e = globalThis, n = ["*"]) {
-  e.addEventListener("message", function r(i) {
-    if (!i || !i.data)
+  e.addEventListener("message", function r(o) {
+    if (!o || !o.data)
       return;
-    if (!we(n, i.origin)) {
-      console.warn(`Invalid origin '${i.origin}' for comlink proxy`);
+    if (!we(n, o.origin)) {
+      console.warn(`Invalid origin '${o.origin}' for comlink proxy`);
       return;
     }
-    const { id: a, type: o, path: d } = Object.assign({ path: [] }, i.data), c = (i.data.argumentList || []).map(b);
+    const { id: a, type: i, path: d } = Object.assign({ path: [] }, o.data), c = (o.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 (o) {
+      switch (i) {
         case "GET":
           s = h;
           break;
         case "SET":
-          l[d.slice(-1)[0]] = b(i.data.value), s = !0;
+          l[d.slice(-1)[0]] = b(o.data.value), s = !0;
           break;
         case "APPLY":
           s = h.apply(l, c);
@@ -831,7 +837,7 @@ function N(t, e = globalThis, n = ["*"]) {
     }
     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]());
+      e.postMessage(Object.assign(Object.assign({}, h), { id: a }), u), i === "RELEASE" && (e.removeEventListener("message", r), J(e), I in t && typeof t[I] == "function" && t[I]());
     }).catch((l) => {
       const [h, u] = U({
         value: new TypeError("Unserializable return value"),
@@ -875,33 +881,33 @@ function be(t) {
 function D(t, e = [], n = function() {
 }) {
   let r = !1;
-  const i = new Proxy(n, {
-    get(a, o) {
-      if (k(r), o === pe)
+  const o = new Proxy(n, {
+    get(a, i) {
+      if (k(r), i === pe)
         return () => {
-          be(i), Y(t), r = !0;
+          be(o), Y(t), r = !0;
         };
-      if (o === "then") {
+      if (i === "then") {
         if (e.length === 0)
-          return { then: () => i };
+          return { then: () => o };
         const d = P(t, {
           type: "GET",
           path: e.map((c) => c.toString())
         }).then(b);
         return d.then.bind(d);
       }
-      return D(t, [...e, o]);
+      return D(t, [...e, i]);
     },
-    set(a, o, d) {
+    set(a, i, d) {
       k(r);
       const [c, s] = U(d);
       return P(t, {
         type: "SET",
-        path: [...e, o].map((l) => l.toString()),
+        path: [...e, i].map((l) => l.toString()),
         value: c
       }, s).then(b);
     },
-    apply(a, o, d) {
+    apply(a, i, d) {
       k(r);
       const c = e[e.length - 1];
       if (c === he)
@@ -917,9 +923,9 @@ function D(t, e = [], n = function() {
         argumentList: s
       }, l).then(b);
     },
-    construct(a, o) {
+    construct(a, i) {
       k(r);
-      const [d, c] = V(o);
+      const [d, c] = V(i);
       return P(t, {
         type: "CONSTRUCT",
         path: e.map((s) => s.toString()),
@@ -927,7 +933,7 @@ function D(t, e = [], n = function() {
       }, c).then(b);
     }
   });
-  return ye(i, t), i;
+  return ye(o, t), o;
 }
 function ve(t) {
   return Array.prototype.concat.apply([], t);
@@ -945,7 +951,7 @@ function Ee(t) {
 }
 function xe(t, e = globalThis, n = "*") {
   return {
-    postMessage: (r, i) => t.postMessage(r, n, i),
+    postMessage: (r, o) => t.postMessage(r, n, o),
     addEventListener: e.addEventListener.bind(e),
     removeEventListener: e.removeEventListener.bind(e)
   };
@@ -953,14 +959,14 @@ function xe(t, e = globalThis, n = "*") {
 function U(t) {
   for (const [e, n] of R)
     if (n.canHandle(t)) {
-      const [r, i] = n.serialize(t);
+      const [r, o] = n.serialize(t);
       return [
         {
           type: "HANDLER",
           name: e,
           value: r
         },
-        i
+        o
       ];
     }
   return [
@@ -981,10 +987,10 @@ function b(t) {
 }
 function P(t, e, n) {
   return new Promise((r) => {
-    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);
+    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);
   });
 }
 function $e() {
@@ -1026,7 +1032,7 @@ function Te() {
   });
 }
 (function() {
-  return navigator.userAgent.toLowerCase().indexOf("firefox") > -1 ? "iframe" : "webworker";
+  return navigator?.userAgent?.toLowerCase().indexOf("firefox") > -1 ? "iframe" : "webworker";
 })();
 var T = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, q = {}, Re = {
   get exports() {
@@ -1051,7 +1057,7 @@ var T = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : ty
         console.error("could not download file");
       }, u.send();
     }
-    function i(s) {
+    function o(s) {
       var l = new XMLHttpRequest();
       l.open("HEAD", s, !1);
       try {
@@ -1068,10 +1074,10 @@ var T = 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 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() {
+    var i = typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof T == "object" && T.global === T ? T : 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() {
     } : "download" in HTMLAnchorElement.prototype && !d ? function(s, l, h) {
-      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() {
+      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() {
         u.revokeObjectURL(p.href);
       }, 4e4), setTimeout(function() {
         a(p);
@@ -1079,7 +1085,7 @@ var T = 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 (i(s))
+      else if (o(s))
         r(s, l, h);
       else {
         var u = document.createElement("a");
@@ -1090,7 +1096,7 @@ var T = 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", x = /constructor/i.test(o.HTMLElement) || o.safari, _ = /CriOS\/[\d]+/.test(navigator.userAgent);
+      var p = s.type === "application/octet-stream", x = /constructor/i.test(i.HTMLElement) || i.safari, _ = /CriOS\/[\d]+/.test(navigator.userAgent);
       if ((_ || p && x || d) && typeof FileReader < "u") {
         var $ = new FileReader();
         $.onloadend = function() {
@@ -1098,13 +1104,13 @@ var T = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : ty
           F = _ ? F : F.replace(/^data:[^;]*;/, "data:attachment/file;"), u ? u.location.href = F : location = F, u = null;
         }, $.readAsDataURL(s);
       } else {
-        var C = o.URL || o.webkitURL, v = C.createObjectURL(s);
+        var C = i.URL || i.webkitURL, v = C.createObjectURL(s);
         u ? u.location = v : location.href = v, u = null, setTimeout(function() {
           C.revokeObjectURL(v);
         }, 4e4);
       }
     });
-    o.saveAs = c.saveAs = c, t.exports = c;
+    i.saveAs = c.saveAs = c, t.exports = c;
   });
 })(Re);
 const z = `<?php
@@ -1181,12 +1187,12 @@ async function ke(t) {
     url: "/wp-admin/export.php?download=true&content=all"
   })).text;
   await t.writeFile(H, n);
-  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({
+  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: z + ` generateZipFile('${d}', '${H}', '${a}');`
   });
   if (c.exitCode !== 0)
     throw c.errors;
-  const s = await t.readFileAsBuffer(o), l = new File([s], o);
+  const s = await t.readFileAsBuffer(i), l = new File([s], i);
   q.saveAs(l);
 }
 async function Oe(t, e) {
@@ -1197,17 +1203,17 @@ async function Oe(t, e) {
     )
   )
     return !1;
-  const n = await e.arrayBuffer(), r = new Uint8Array(n), i = "/import.zip";
-  await t.writeFile(i, r);
+  const n = await e.arrayBuffer(), r = new Uint8Array(n), o = "/import.zip";
+  await t.writeFile(o, r);
   const a = await t.run({
-    code: z + ` readFileFromZipArchive('${i}', '${H}');`
+    code: z + ` readFileFromZipArchive('${o}', '${H}');`
   });
   if (a.exitCode !== 0)
     throw a.errors;
-  const o = new TextDecoder().decode(
+  const i = new TextDecoder().decode(
     a.bytes
   ), d = new File(
-    [o],
+    [i],
     ee
   ), c = await t.request({
     url: "/wp-admin/admin.php?import=wordpress"
@@ -1242,7 +1248,7 @@ async function Oe(t, e) {
     }
   });
   const v = await t.run({
-    code: z + ` importZipFile('${i}');`
+    code: z + ` importZipFile('${o}');`
   });
   if (v.exitCode !== 0)
     throw v.errors;
@@ -1269,12 +1275,12 @@ function te(t) {
   return e.charAt(0).toUpperCase() + e.slice(1).toLowerCase();
 }
 async function Se(t, e, n = {}) {
-  const r = "activate" in n ? n.activate : !0, i = await t.request({
+  const r = "activate" in n ? n.activate : !0, o = await t.request({
     url: "/wp-admin/theme-install.php"
-  }), a = S(i), o = new FormData(
+  }), a = S(o), i = new FormData(
     a.querySelector(".wp-upload-form")
   ), { themezip: d, ...c } = Object.fromEntries(
-    o.entries()
+    i.entries()
   ), s = await t.request({
     url: "/wp-admin/update.php?action=upload-theme",
     method: "POST",
@@ -1308,12 +1314,12 @@ async function Se(t, e, n = {}) {
   }
 }
 async function _e(t, e, n = {}) {
-  const r = "activate" in n ? n.activate : !0, i = await t.request({
+  const r = "activate" in n ? n.activate : !0, o = await t.request({
     url: "/wp-admin/plugin-install.php?tab=upload"
-  }), a = S(i), o = new FormData(
+  }), a = S(o), i = new FormData(
     a.querySelector(".wp-upload-form")
   ), { pluginzip: d, ...c } = Object.fromEntries(
-    o.entries()
+    i.entries()
   ), s = await t.request({
     url: "/wp-admin/update.php?action=upload-plugin",
     method: "POST",
@@ -1350,7 +1356,7 @@ async function _e(t, e, n = {}) {
   ));
 }
 async function Le(t, e) {
-  const i = S(
+  const o = S(
     await t.request({
       url: "/wp-admin/plugins.php"
     })
@@ -1358,18 +1364,18 @@ async function Le(t, e) {
     `tr[data-slug="${e}"] a`
   ).attributes.getNamedItem("href").value;
   await t.request({
-    url: "/wp-admin/" + i
+    url: "/wp-admin/" + o
   });
 }
 const Ce = 5 * 1024 * 1024;
 function ne(t, e) {
   const n = t.headers.get("content-length") || "", r = parseInt(n, 10) || Ce;
-  function i(a, o) {
+  function o(a, i) {
     e(
       new CustomEvent("progress", {
         detail: {
           loaded: a,
-          total: o
+          total: i
         }
       })
     );
@@ -1381,16 +1387,16 @@ function ne(t, e) {
           a.close();
           return;
         }
-        const o = t.body.getReader();
+        const i = t.body.getReader();
         let d = 0;
         for (; ; )
           try {
-            const { done: c, value: s } = await o.read();
+            const { done: c, value: s } = await i.read();
             if (s && (d += s.byteLength), c) {
-              i(d, d), a.close();
+              o(d, d), a.close();
               break;
             } else
-              i(d, r), a.enqueue(s);
+              o(d, r), a.enqueue(s);
           } catch (c) {
             console.error({ e: c }), a.error(c);
             break;
@@ -1405,21 +1411,21 @@ function ne(t, e) {
   );
 }
 async function Ue(t, e, n = 100, r) {
-  let i = await fetch("/plugin-proxy?theme=" + e);
-  if (r && (i = ne(
-    i,
+  let o = await fetch("/plugin-proxy?theme=" + e);
+  if (r && (o = ne(
+    o,
     r.partialObserver(
       n / 2,
       `Installing ${te(e)} theme...`
     )
-  ), r.slowlyIncrementBy(n / 2)), i.status === 200) {
-    const a = new File([await i.blob()], e);
+  ), r.slowlyIncrementBy(n / 2)), o.status === 200) {
+    const a = new File([await o.blob()], e);
     try {
       await Se(t, a);
-    } catch (o) {
+    } catch (i) {
       console.error(
-        `Proceeding without the ${e} theme. Could not install it in wp-admin. The original error was: ${o}`
-      ), console.error(o);
+        `Proceeding without the ${e} theme. Could not install it in wp-admin. The original error was: ${i}`
+      ), console.error(i);
     }
   } else
     console.error(
@@ -1427,17 +1433,17 @@ async function Ue(t, e, n = 100, r) {
     );
 }
 async function Ie(t, e, n = 100, r) {
-  const i = new Z(), a = new Z(), o = n / e.length;
+  const o = new Z(), a = new Z(), i = n / e.length;
   await new Promise((d) => {
     for (const c of e)
-      i.enqueue(async () => {
+      o.enqueue(async () => {
         let s = await fetch(
           "/plugin-proxy?plugin=" + c
         );
         return r && (s = ne(
           s,
           r.partialObserver(
-            o * 0.66,
+            i * 0.66,
             `Installing ${te(
               c
             )} plugin...`
@@ -1446,10 +1452,10 @@ 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);
       });
-    i.addEventListener("resolved", (c) => {
+    o.addEventListener("resolved", (c) => {
       a.enqueue(async () => {
         if (c.detail) {
-          r?.slowlyIncrementBy(o * 0.33);
+          r?.slowlyIncrementBy(i * 0.33);
           try {
             await _e(t, c.detail);
           } catch (s) {

package/package.json

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