@wp-playground/client 0.1.6 → 0.1.7

package/index.js

@@ -1,15 +1,257 @@
-import * as m from "comlink";
-import { cloneResponseMonitorProgress as U } from "@php-wasm/progress";
 (function() {
   return typeof window < "u" && !{}.TEST ? "WEB" : typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope ? "WORKER" : "NODE";
 })();
-function S(e) {
-  A();
-  const o = e instanceof Worker ? e : m.windowEndpoint(e);
-  return m.wrap(o);
+/**
+ * @license
+ * Copyright 2019 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const M = Symbol("Comlink.proxy"), Z = Symbol("Comlink.endpoint"), G = Symbol("Comlink.releaseProxy"), C = Symbol("Comlink.finalizer"), T = Symbol("Comlink.thrown"), _ = (e) => typeof e == "object" && e !== null || typeof e == "function", K = {
+  canHandle: (e) => _(e) && e[M],
+  serialize(e) {
+    const { port1: t, port2: r } = new MessageChannel();
+    return z(e, t), [r, [r]];
+  },
+  deserialize(e) {
+    return e.start(), q(e);
+  }
+}, X = {
+  canHandle: (e) => _(e) && T in e,
+  serialize({ value: e }) {
+    let t;
+    return e instanceof Error ? t = {
+      isError: !0,
+      value: {
+        message: e.message,
+        name: e.name,
+        stack: e.stack
+      }
+    } : t = { isError: !1, value: e }, [t, []];
+  },
+  deserialize(e) {
+    throw e.isError ? Object.assign(new Error(e.value.message), e.value) : e.value;
+  }
+}, F = /* @__PURE__ */ new Map([
+  ["proxy", K],
+  ["throw", X]
+]);
+function Y(e, t) {
+  for (const r of e)
+    if (t === r || r === "*" || r instanceof RegExp && r.test(t))
+      return !0;
+  return !1;
+}
+function z(e, t = globalThis, r = ["*"]) {
+  t.addEventListener("message", function l(s) {
+    if (!s || !s.data)
+      return;
+    if (!Y(r, s.origin)) {
+      console.warn(`Invalid origin '${s.origin}' for comlink proxy`);
+      return;
+    }
+    const { id: u, type: i, path: p } = Object.assign({ path: [] }, s.data), c = (s.data.argumentList || []).map(w);
+    let n;
+    try {
+      const o = p.slice(0, -1).reduce((a, f) => a[f], e), d = p.reduce((a, f) => a[f], e);
+      switch (i) {
+        case "GET":
+          n = d;
+          break;
+        case "SET":
+          o[p.slice(-1)[0]] = w(s.data.value), n = !0;
+          break;
+        case "APPLY":
+          n = d.apply(o, c);
+          break;
+        case "CONSTRUCT":
+          {
+            const a = new d(...c);
+            n = re(a);
+          }
+          break;
+        case "ENDPOINT":
+          {
+            const { port1: a, port2: f } = new MessageChannel();
+            z(e, f), n = ne(a, [a]);
+          }
+          break;
+        case "RELEASE":
+          n = void 0;
+          break;
+        default:
+          return;
+      }
+    } catch (o) {
+      n = { value: o, [T]: 0 };
+    }
+    Promise.resolve(n).catch((o) => ({ value: o, [T]: 0 })).then((o) => {
+      const [d, a] = A(o);
+      t.postMessage(Object.assign(Object.assign({}, d), { id: u }), a), i === "RELEASE" && (t.removeEventListener("message", l), j(t), C in e && typeof e[C] == "function" && e[C]());
+    }).catch((o) => {
+      const [d, a] = A({
+        value: new TypeError("Unserializable return value"),
+        [T]: 0
+      });
+      t.postMessage(Object.assign(Object.assign({}, d), { id: u }), a);
+    });
+  }), t.start && t.start();
+}
+function Q(e) {
+  return e.constructor.name === "MessagePort";
+}
+function j(e) {
+  Q(e) && e.close();
+}
+function q(e, t) {
+  return O(e, [], t);
+}
+function P(e) {
+  if (e)
+    throw new Error("Proxy has been released and is not useable");
+}
+function H(e) {
+  return h(e, {
+    type: "RELEASE"
+  }).then(() => {
+    j(e);
+  });
+}
+const R = /* @__PURE__ */ new WeakMap(), S = "FinalizationRegistry" in globalThis && new FinalizationRegistry((e) => {
+  const t = (R.get(e) || 0) - 1;
+  R.set(e, t), t === 0 && H(e);
+});
+function J(e, t) {
+  const r = (R.get(t) || 0) + 1;
+  R.set(t, r), S && S.register(e, t, e);
+}
+function ee(e) {
+  S && S.unregister(e);
+}
+function O(e, t = [], r = function() {
+}) {
+  let l = !1;
+  const s = new Proxy(r, {
+    get(u, i) {
+      if (P(l), i === G)
+        return () => {
+          ee(s), H(e), l = !0;
+        };
+      if (i === "then") {
+        if (t.length === 0)
+          return { then: () => s };
+        const p = h(e, {
+          type: "GET",
+          path: t.map((c) => c.toString())
+        }).then(w);
+        return p.then.bind(p);
+      }
+      return O(e, [...t, i]);
+    },
+    set(u, i, p) {
+      P(l);
+      const [c, n] = A(p);
+      return h(e, {
+        type: "SET",
+        path: [...t, i].map((o) => o.toString()),
+        value: c
+      }, n).then(w);
+    },
+    apply(u, i, p) {
+      P(l);
+      const c = t[t.length - 1];
+      if (c === Z)
+        return h(e, {
+          type: "ENDPOINT"
+        }).then(w);
+      if (c === "bind")
+        return O(e, t.slice(0, -1));
+      const [n, o] = D(p);
+      return h(e, {
+        type: "APPLY",
+        path: t.map((d) => d.toString()),
+        argumentList: n
+      }, o).then(w);
+    },
+    construct(u, i) {
+      P(l);
+      const [p, c] = D(i);
+      return h(e, {
+        type: "CONSTRUCT",
+        path: t.map((n) => n.toString()),
+        argumentList: p
+      }, c).then(w);
+    }
+  });
+  return J(s, e), s;
+}
+function te(e) {
+  return Array.prototype.concat.apply([], e);
+}
+function D(e) {
+  const t = e.map(A);
+  return [t.map((r) => r[0]), te(t.map((r) => r[1]))];
+}
+const B = /* @__PURE__ */ new WeakMap();
+function ne(e, t) {
+  return B.set(e, t), e;
+}
+function re(e) {
+  return Object.assign(e, { [M]: !0 });
+}
+function oe(e, t = globalThis, r = "*") {
+  return {
+    postMessage: (l, s) => e.postMessage(l, r, s),
+    addEventListener: t.addEventListener.bind(t),
+    removeEventListener: t.removeEventListener.bind(t)
+  };
+}
+function A(e) {
+  for (const [t, r] of F)
+    if (r.canHandle(e)) {
+      const [l, s] = r.serialize(e);
+      return [
+        {
+          type: "HANDLER",
+          name: t,
+          value: l
+        },
+        s
+      ];
+    }
+  return [
+    {
+      type: "RAW",
+      value: e
+    },
+    B.get(e) || []
+  ];
+}
+function w(e) {
+  switch (e.type) {
+    case "HANDLER":
+      return F.get(e.name).deserialize(e.value);
+    case "RAW":
+      return e.value;
+  }
+}
+function h(e, t, r) {
+  return new Promise((l) => {
+    const s = ie();
+    e.addEventListener("message", function u(i) {
+      !i.data || !i.data.id || i.data.id !== s || (e.removeEventListener("message", u), l(i.data));
+    }), e.start && e.start(), e.postMessage(Object.assign({ id: s }, t), r);
+  });
+}
+function ie() {
+  return new Array(4).fill(0).map(() => Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(16)).join("-");
+}
+function ae(e) {
+  se();
+  const t = e instanceof Worker ? e : oe(e);
+  return q(t);
 }
-function A() {
-  m.transferHandlers.set("EVENT", {
+function se() {
+  F.set("EVENT", {
     canHandle: (e) => e instanceof CustomEvent,
     serialize: (e) => [
       {
@@ -18,101 +260,101 @@ function A() {
       []
     ],
     deserialize: (e) => e
-  }), m.transferHandlers.set("FUNCTION", {
+  }), F.set("FUNCTION", {
     canHandle: (e) => typeof e == "function",
     serialize(e) {
       console.debug("[Comlink][Performance] Proxying a function");
-      const { port1: o, port2: i } = new MessageChannel();
-      return m.expose(e, o), [i, [i]];
+      const { port1: t, port2: r } = new MessageChannel();
+      return z(e, t), [r, [r]];
     },
     deserialize(e) {
-      return e.start(), m.wrap(e);
+      return e.start(), q(e);
     }
   });
 }
 (function() {
   return navigator.userAgent.toLowerCase().indexOf("firefox") > -1 ? "iframe" : "webworker";
 })();
-var g = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, F = {}, C = {
+var v = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {}, L = {}, le = {
   get exports() {
-    return F;
+    return L;
   },
   set exports(e) {
-    F = e;
+    L = e;
   }
 };
-(function(e, o) {
-  (function(i, s) {
-    s();
-  })(g, function() {
-    function i(t, n) {
-      return typeof n > "u" ? n = { autoBom: !1 } : typeof n != "object" && (console.warn("Deprecated: Expected third argument to be a object"), n = { autoBom: !n }), n.autoBom && /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(t.type) ? new Blob(["\uFEFF", t], { type: t.type }) : t;
+(function(e, t) {
+  (function(r, l) {
+    l();
+  })(v, function() {
+    function r(n, o) {
+      return typeof o > "u" ? o = { autoBom: !1 } : typeof o != "object" && (console.warn("Deprecated: Expected third argument to be a object"), o = { autoBom: !o }), o.autoBom && /^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(n.type) ? new Blob(["\uFEFF", n], { type: n.type }) : n;
     }
-    function s(t, n, c) {
-      var r = new XMLHttpRequest();
-      r.open("GET", t), r.responseType = "blob", r.onload = function() {
-        l(r.response, n, c);
-      }, r.onerror = function() {
+    function l(n, o, d) {
+      var a = new XMLHttpRequest();
+      a.open("GET", n), a.responseType = "blob", a.onload = function() {
+        c(a.response, o, d);
+      }, a.onerror = function() {
         console.error("could not download file");
-      }, r.send();
+      }, a.send();
     }
-    function p(t) {
-      var n = new XMLHttpRequest();
-      n.open("HEAD", t, !1);
+    function s(n) {
+      var o = new XMLHttpRequest();
+      o.open("HEAD", n, !1);
       try {
-        n.send();
+        o.send();
       } catch {
       }
-      return 200 <= n.status && 299 >= n.status;
+      return 200 <= o.status && 299 >= o.status;
     }
-    function u(t) {
+    function u(n) {
       try {
-        t.dispatchEvent(new MouseEvent("click"));
+        n.dispatchEvent(new MouseEvent("click"));
       } catch {
-        var n = document.createEvent("MouseEvents");
-        n.initMouseEvent("click", !0, !0, window, 0, 0, 0, 80, 20, !1, !1, !1, !1, 0, null), t.dispatchEvent(n);
+        var o = document.createEvent("MouseEvents");
+        o.initMouseEvent("click", !0, !0, window, 0, 0, 0, 80, 20, !1, !1, !1, !1, 0, null), n.dispatchEvent(o);
       }
     }
-    var a = typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof g == "object" && g.global === g ? g : void 0, f = a.navigator && /Macintosh/.test(navigator.userAgent) && /AppleWebKit/.test(navigator.userAgent) && !/Safari/.test(navigator.userAgent), l = a.saveAs || (typeof window != "object" || window !== a ? function() {
-    } : "download" in HTMLAnchorElement.prototype && !f ? function(t, n, c) {
-      var r = a.URL || a.webkitURL, d = document.createElement("a");
-      n = n || t.name || "download", d.download = n, d.rel = "noopener", typeof t == "string" ? (d.href = t, d.origin === location.origin ? u(d) : p(d.href) ? s(t, n, c) : u(d, d.target = "_blank")) : (d.href = r.createObjectURL(t), setTimeout(function() {
-        r.revokeObjectURL(d.href);
+    var i = typeof window == "object" && window.window === window ? window : typeof self == "object" && self.self === self ? self : typeof v == "object" && v.global === v ? v : void 0, p = 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 && !p ? function(n, o, d) {
+      var a = i.URL || i.webkitURL, f = document.createElement("a");
+      o = o || n.name || "download", f.download = o, f.rel = "noopener", typeof n == "string" ? (f.href = n, f.origin === location.origin ? u(f) : s(f.href) ? l(n, o, d) : u(f, f.target = "_blank")) : (f.href = a.createObjectURL(n), setTimeout(function() {
+        a.revokeObjectURL(f.href);
       }, 4e4), setTimeout(function() {
-        u(d);
+        u(f);
       }, 0));
-    } : "msSaveOrOpenBlob" in navigator ? function(t, n, c) {
-      if (n = n || t.name || "download", typeof t != "string")
-        navigator.msSaveOrOpenBlob(i(t, c), n);
-      else if (p(t))
-        s(t, n, c);
+    } : "msSaveOrOpenBlob" in navigator ? function(n, o, d) {
+      if (o = o || n.name || "download", typeof n != "string")
+        navigator.msSaveOrOpenBlob(r(n, d), o);
+      else if (s(n))
+        l(n, o, d);
       else {
-        var r = document.createElement("a");
-        r.href = t, r.target = "_blank", setTimeout(function() {
-          u(r);
+        var a = document.createElement("a");
+        a.href = n, a.target = "_blank", setTimeout(function() {
+          u(a);
         });
       }
-    } : function(t, n, c, r) {
-      if (r = r || open("", "_blank"), r && (r.document.title = r.document.body.innerText = "downloading..."), typeof t == "string")
-        return s(t, n, c);
-      var d = t.type === "application/octet-stream", h = /constructor/i.test(a.HTMLElement) || a.safari, b = /CriOS\/[\d]+/.test(navigator.userAgent);
-      if ((b || d && h || f) && typeof FileReader < "u") {
-        var v = new FileReader();
-        v.onloadend = function() {
-          var $ = v.result;
-          $ = b ? $ : $.replace(/^data:[^;]*;/, "data:attachment/file;"), r ? r.location.href = $ : location = $, r = null;
-        }, v.readAsDataURL(t);
+    } : function(n, o, d, a) {
+      if (a = a || open("", "_blank"), a && (a.document.title = a.document.body.innerText = "downloading..."), typeof n == "string")
+        return l(n, o, d);
+      var f = n.type === "application/octet-stream", g = /constructor/i.test(i.HTMLElement) || i.safari, E = /CriOS\/[\d]+/.test(navigator.userAgent);
+      if ((E || f && g || p) && typeof FileReader < "u") {
+        var y = new FileReader();
+        y.onloadend = function() {
+          var b = y.result;
+          b = E ? b : b.replace(/^data:[^;]*;/, "data:attachment/file;"), a ? a.location.href = b : location = b, a = null;
+        }, y.readAsDataURL(n);
       } else {
-        var x = a.URL || a.webkitURL, w = x.createObjectURL(t);
-        r ? r.location = w : location.href = w, r = null, setTimeout(function() {
-          x.revokeObjectURL(w);
+        var x = i.URL || i.webkitURL, m = x.createObjectURL(n);
+        a ? a.location = m : location.href = m, a = null, setTimeout(function() {
+          x.revokeObjectURL(m);
         }, 4e4);
       }
     });
-    a.saveAs = l.saveAs = l, e.exports = l;
+    i.saveAs = c.saveAs = c, e.exports = c;
   });
-})(C);
-const P = `<?php
+})(le);
+const U = `<?php
 
 function generateZipFile($exportPath, $databasePath, $docRoot) {
     $zip = new ZipArchive;
@@ -180,23 +422,23 @@ function importZipFile($pathToZip) {
         $zip->close();
     }
 }
-`, R = "databaseExport.xml", T = "/" + R;
-async function _(e) {
-  const o = await e.request({
+`, N = "databaseExport.xml", k = "/" + N;
+async function fe(e) {
+  const t = await e.request({
     relativeUrl: "/wp-admin/export.php?download=true&&content=all"
-  }), i = new TextDecoder().decode(
-    o.body
+  }), r = new TextDecoder().decode(
+    t.body
   );
-  await e.writeFile(T, i);
-  const s = await e.wordPressVersion, p = await e.phpVersion, u = await e.documentRoot, a = `wordpress-playground--wp${s}--php${p}.zip`, f = `/${a}`, l = await e.run({
-    code: P + ` generateZipFile('${f}', '${T}', '${u}');`
+  await e.writeFile(k, r);
+  const l = await e.wordPressVersion, s = await e.phpVersion, u = await e.documentRoot, i = `wordpress-playground--wp${l}--php${s}.zip`, p = `/${i}`, c = await e.run({
+    code: U + ` generateZipFile('${p}', '${k}', '${u}');`
   });
-  if (l.exitCode !== 0)
-    throw l.errors;
-  const t = await e.readFileAsBuffer(a), n = new File([t], a);
-  F.saveAs(n);
+  if (c.exitCode !== 0)
+    throw c.errors;
+  const n = await e.readFileAsBuffer(i), o = new File([n], i);
+  L.saveAs(o);
 }
-async function k(e, o) {
+async function we(e, t) {
   if (
     // eslint-disable-next-line no-alert
     !confirm(
@@ -204,253 +446,296 @@ async function k(e, o) {
     )
   )
     return !1;
-  const i = await o.arrayBuffer(), s = new Uint8Array(i), p = "/import.zip";
-  await e.writeFile(p, s);
+  const r = await t.arrayBuffer(), l = new Uint8Array(r), s = "/import.zip";
+  await e.writeFile(s, l);
   const u = await e.run({
-    code: P + ` readFileFromZipArchive('${p}', '${T}');`
+    code: U + ` readFileFromZipArchive('${s}', '${k}');`
   });
   if (u.exitCode !== 0)
     throw u.errors;
-  const a = new TextDecoder().decode(
+  const i = new TextDecoder().decode(
     u.body
-  ), f = new File(
-    [a],
-    R
-  ), l = await e.request({
+  ), p = new File(
+    [i],
+    N
+  ), c = await e.request({
     relativeUrl: "/wp-admin/admin.php?import=wordpress"
-  }), n = new DOMParser().parseFromString(
-    new TextDecoder().decode(l.body),
+  }), o = new DOMParser().parseFromString(
+    new TextDecoder().decode(c.body),
     "text/html"
-  ).getElementById("import-upload-form")?.getAttribute("action"), c = await e.request({
-    relativeUrl: `/wp-admin/${n}`,
+  ).getElementById("import-upload-form")?.getAttribute("action"), d = await e.request({
+    relativeUrl: `/wp-admin/${o}`,
     method: "POST",
-    files: { import: f }
-  }), d = new DOMParser().parseFromString(
-    new TextDecoder().decode(c.body),
+    files: { import: p }
+  }), f = new DOMParser().parseFromString(
+    new TextDecoder().decode(d.body),
     "text/html"
   ).querySelector(
     "#wpbody-content form"
-  ), h = d?.getAttribute(
+  ), g = f?.getAttribute(
     "action"
-  ), b = (d?.querySelector(
+  ), E = (f?.querySelector(
     "input[name='_wpnonce']"
-  )).value, v = (d?.querySelector(
+  )).value, y = (f?.querySelector(
     "input[name='_wp_http_referer']"
-  )).value, x = (d?.querySelector(
+  )).value, x = (f?.querySelector(
     "input[name='import_id']"
   )).value;
   await e.request({
-    relativeUrl: h,
+    relativeUrl: g,
     method: "POST",
     formData: {
-      _wpnonce: b,
-      _wp_http_referer: v,
+      _wpnonce: E,
+      _wp_http_referer: y,
       import_id: x
     }
   });
-  const w = await e.run({
-    code: P + ` importZipFile('${p}');`
+  const m = await e.run({
+    code: U + ` importZipFile('${s}');`
   });
-  if (w.exitCode !== 0)
-    throw w.errors;
+  if (m.exitCode !== 0)
+    throw m.errors;
   return !0;
 }
-async function L(e, o = "admin", i = "password") {
+async function me(e, t = "admin", r = "password") {
   await e.request({
     relativeUrl: "/wp-login.php"
   }), await e.request({
     relativeUrl: "/wp-login.php",
     method: "POST",
     formData: {
-      log: o,
-      pwd: i,
+      log: t,
+      pwd: r,
       rememberme: "forever"
     }
   });
 }
-function y(e) {
-  return new DOMParser().parseFromString(O(e), "text/html");
+function $(e) {
+  return new DOMParser().parseFromString(ce(e), "text/html");
 }
-function O(e) {
+function ce(e) {
   return new TextDecoder().decode(e.body);
 }
-function q(e) {
-  const o = e.split(".").shift().replace("-", " ");
-  return o.charAt(0).toUpperCase() + o.slice(1).toLowerCase();
+function W(e) {
+  const t = e.split(".").shift().replace("-", " ");
+  return t.charAt(0).toUpperCase() + t.slice(1).toLowerCase();
 }
-async function z(e, o, i = {}) {
-  const s = "activate" in i ? i.activate : !0, p = await e.request({
+async function ue(e, t, r = {}) {
+  const l = "activate" in r ? r.activate : !0, s = await e.request({
     relativeUrl: "/wp-admin/theme-install.php"
-  }), u = y(p), a = new FormData(
+  }), u = $(s), i = new FormData(
     u.querySelector(".wp-upload-form")
-  ), { themezip: f, ...l } = Object.fromEntries(
-    a.entries()
-  ), t = await e.request({
+  ), { themezip: p, ...c } = Object.fromEntries(
+    i.entries()
+  ), n = await e.request({
     relativeUrl: "/wp-admin/update.php?action=upload-theme",
     method: "POST",
-    formData: l,
-    files: { themezip: o }
+    formData: c,
+    files: { themezip: t }
   });
-  if (s) {
-    const n = y(t), c = n.querySelector(
+  if (l) {
+    const o = $(n), d = o.querySelector(
       "#wpbody-content > .wrap"
     );
-    if (c?.textContent?.includes(
+    if (d?.textContent?.includes(
       "Theme installation failed."
     )) {
-      console.error(c?.textContent);
+      console.error(d?.textContent);
       return;
     }
-    const r = n.querySelector(
+    const a = o.querySelector(
       "#wpbody-content .activatelink, .update-from-upload-actions .button.button-primary"
     );
-    if (!r) {
+    if (!a) {
       console.error('The "activate" button was not found.');
       return;
     }
-    const d = r.attributes.getNamedItem("href").value, h = new URL(
-      d,
+    const f = a.attributes.getNamedItem("href").value, g = new URL(
+      f,
       await e.pathToInternalUrl("/wp-admin/")
     ).toString();
     await e.request({
-      absoluteUrl: h
+      absoluteUrl: g
     });
   }
 }
-async function D(e, o, i = {}) {
-  const s = "activate" in i ? i.activate : !0, p = await e.request({
+async function de(e, t, r = {}) {
+  const l = "activate" in r ? r.activate : !0, s = await e.request({
     relativeUrl: "/wp-admin/plugin-install.php?tab=upload"
-  }), u = y(p), a = new FormData(
+  }), u = $(s), i = new FormData(
     u.querySelector(".wp-upload-form")
-  ), { pluginzip: f, ...l } = Object.fromEntries(
-    a.entries()
-  ), t = await e.request({
+  ), { pluginzip: p, ...c } = Object.fromEntries(
+    i.entries()
+  ), n = await e.request({
     relativeUrl: "/wp-admin/update.php?action=upload-plugin",
     method: "POST",
-    formData: l,
-    files: { pluginzip: o }
+    formData: c,
+    files: { pluginzip: t }
   });
-  if (s) {
-    const r = y(t).querySelector("#wpbody-content .button.button-primary").attributes.getNamedItem("href").value, d = new URL(
-      r,
+  if (l) {
+    const a = $(n).querySelector("#wpbody-content .button.button-primary").attributes.getNamedItem("href").value, f = new URL(
+      a,
       await e.pathToInternalUrl("/wp-admin/")
     ).toString();
     await e.request({
-      absoluteUrl: d
+      absoluteUrl: f
     });
   }
-  async function n(c, r) {
+  async function o(d, a) {
     return await e.writeFile(
-      c,
-      r(await e.readFileAsText(c))
+      d,
+      a(await e.readFileAsText(d))
     );
   }
-  await e.isDir("/wordpress/wp-content/plugins/gutenberg") && !await e.fileExists("/wordpress/.gutenberg-patched") && (await e.writeFile("/wordpress/.gutenberg-patched", "1"), await n(
+  await e.isDir("/wordpress/wp-content/plugins/gutenberg") && !await e.fileExists("/wordpress/.gutenberg-patched") && (await e.writeFile("/wordpress/.gutenberg-patched", "1"), await o(
     "/wordpress/wp-content/plugins/gutenberg/build/block-editor/index.js",
-    (c) => c.replace(
+    (d) => d.replace(
       /srcDoc:("[^"]+"|[^,]+)/g,
       'src:"/wp-includes/empty.html"'
     )
-  ), await n(
+  ), await o(
     "/wordpress/wp-content/plugins/gutenberg/build/block-editor/index.min.js",
-    (c) => c.replace(
+    (d) => d.replace(
       /srcDoc:("[^"]+"|[^,]+)/g,
       'src:"/wp-includes/empty.html"'
     )
   ));
 }
-async function j(e, o) {
-  const p = y(
+async function he(e, t) {
+  const s = $(
     await e.request({
       relativeUrl: "/wp-admin/plugins.php"
     })
   ).querySelector(
-    `tr[data-slug="${o}"] a`
+    `tr[data-slug="${t}"] a`
   ).attributes.getNamedItem("href").value;
   await e.request({
-    relativeUrl: "/wp-admin/" + p
+    relativeUrl: "/wp-admin/" + s
   });
 }
-async function B(e, o, i = 0, s) {
-  let p = await fetch("/plugin-proxy?theme=" + o);
-  if (s && (p = U(
-    p,
-    s.partialObserver(
-      i / 2,
-      `Installing ${q(o)} theme...`
+const pe = 5 * 1024 * 1024;
+function V(e, t) {
+  const r = e.headers.get("content-length") || "", l = parseInt(r, 10) || pe;
+  function s(u, i) {
+    t(
+      new CustomEvent("progress", {
+        detail: {
+          loaded: u,
+          total: i
+        }
+      })
+    );
+  }
+  return new Response(
+    new ReadableStream({
+      async start(u) {
+        if (!e.body) {
+          u.close();
+          return;
+        }
+        const i = e.body.getReader();
+        let p = 0;
+        for (; ; )
+          try {
+            const { done: c, value: n } = await i.read();
+            if (n && (p += n.byteLength), c) {
+              s(p, p), u.close();
+              break;
+            } else
+              s(p, l), u.enqueue(n);
+          } catch (c) {
+            console.error({ e: c }), u.error(c);
+            break;
+          }
+      }
+    }),
+    {
+      status: e.status,
+      statusText: e.statusText,
+      headers: e.headers
+    }
+  );
+}
+async function ge(e, t, r = 0, l) {
+  let s = await fetch("/plugin-proxy?theme=" + t);
+  if (l && (s = V(
+    s,
+    l.partialObserver(
+      r / 2,
+      `Installing ${W(t)} theme...`
     )
-  ), s.slowlyIncrementBy(i / 2)), p.status === 200) {
-    const u = new File([await p.blob()], o);
+  ), l.slowlyIncrementBy(r / 2)), s.status === 200) {
+    const u = new File([await s.blob()], t);
     try {
-      await z(e, u);
-    } catch (a) {
+      await ue(e, u);
+    } catch (i) {
       console.error(
-        `Proceeding without the ${o} theme. Could not install it in wp-admin. The original error was: ${a}`
-      ), console.error(a);
+        `Proceeding without the ${t} theme. Could not install it in wp-admin. The original error was: ${i}`
+      ), console.error(i);
     }
   } else
     console.error(
-      `Proceeding without the ${o} theme. Could not download the zip bundle from https://downloads.wordpress.org/themes/${o} – Is the file name correct?`
+      `Proceeding without the ${t} theme. Could not download the zip bundle from https://downloads.wordpress.org/themes/${t} – Is the file name correct?`
     );
 }
-async function M(e, o, i = 0, s) {
-  const p = new E(), u = new E(), a = i / o.length;
-  await new Promise((f) => {
-    for (const l of o)
-      p.enqueue(async () => {
-        let t = await fetch(
-          "/plugin-proxy?plugin=" + l
+async function ye(e, t, r = 0, l) {
+  const s = new I(), u = new I(), i = r / t.length;
+  await new Promise((p) => {
+    for (const c of t)
+      s.enqueue(async () => {
+        let n = await fetch(
+          "/plugin-proxy?plugin=" + c
         );
-        return s && (t = U(
-          t,
-          s.partialObserver(
-            a * 0.66,
-            `Installing ${q(
-              l
+        return l && (n = V(
+          n,
+          l.partialObserver(
+            i * 0.66,
+            `Installing ${W(
+              c
             )} plugin...`
           )
-        )), t.status !== 200 ? (console.error(
-          `Proceeding without the ${l} plugin. Could not download the zip bundle from https://downloads.wordpress.org/plugin/${l} – Is the file name correct?`
-        ), null) : new File([await t.blob()], l);
+        )), n.status !== 200 ? (console.error(
+          `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 n.blob()], c);
       });
-    p.addEventListener("resolved", (l) => {
+    s.addEventListener("resolved", (c) => {
       u.enqueue(async () => {
-        if (l.detail) {
-          s?.slowlyIncrementBy(a * 0.33);
+        if (c.detail) {
+          l?.slowlyIncrementBy(i * 0.33);
           try {
-            await D(e, l.detail);
-          } catch (t) {
+            await de(e, c.detail);
+          } catch (n) {
             console.error(
-              `Proceeding without the ${l.detail.name} plugin. Could not install it in wp-admin. The original error was: ${t}`
-            ), console.error(t);
+              `Proceeding without the ${c.detail.name} plugin. Could not install it in wp-admin. The original error was: ${n}`
+            ), console.error(n);
           }
         }
       });
     }), u.addEventListener("empty", () => {
-      u.resolved === o.length && f(null);
+      u.resolved === t.length && p(null);
     });
   });
 }
-class E extends EventTarget {
+class I extends EventTarget {
   #e = [];
   #t = !1;
   #n = 0;
   get resolved() {
     return this.#n;
   }
-  async enqueue(o) {
-    this.#e.push(o), this.#o();
+  async enqueue(t) {
+    this.#e.push(t), this.#r();
   }
-  async #o() {
+  async #r() {
     if (!this.#t)
       try {
         for (this.#t = !0; this.#e.length; ) {
-          const o = this.#e.shift();
-          if (!o)
+          const t = this.#e.shift();
+          if (!t)
             break;
-          const i = await o();
+          const r = await t();
           ++this.#n, this.dispatchEvent(
-            new CustomEvent("resolved", { detail: i })
+            new CustomEvent("resolved", { detail: r })
           );
         }
       } finally {
@@ -458,21 +743,21 @@ class E extends EventTarget {
       }
   }
 }
-async function H(e, o) {
-  e.src = o, await new Promise((s) => {
-    e.addEventListener("load", s, !1);
+async function be(e, t) {
+  e.src = t, await new Promise((l) => {
+    e.addEventListener("load", l, !1);
   });
-  const i = S(e.contentWindow);
-  return await i.absoluteUrl, i;
+  const r = ae(e.contentWindow);
+  return await r.absoluteUrl, r;
 }
 export {
-  j as activatePlugin,
-  H as connectPlayground,
-  _ as exportFile,
-  k as importFile,
-  D as installPlugin,
-  M as installPluginsFromDirectory,
-  z as installTheme,
-  B as installThemeFromDirectory,
-  L as login
+  he as activatePlugin,
+  be as connectPlayground,
+  fe as exportFile,
+  we as importFile,
+  de as installPlugin,
+  ye as installPluginsFromDirectory,
+  ue as installTheme,
+  ge as installThemeFromDirectory,
+  me as login
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@wp-playground/client",
-	"version": "0.1.6",
+	"version": "0.1.7",
 	"description": "WordPress Playground client",
 	"repository": {
 		"type": "git",
@@ -29,9 +29,5 @@
 	"type": "module",
 	"main": "index.js",
 	"types": "index.d.ts",
-	"dependencies": {
-		"@php-wasm/progress": "0.0.1",
-		"comlink": "4.4.1"
-	},
-	"gitHead": "87efbf6ada006edfb47fc16c081fafb05c555a93"
+	"gitHead": "629df0f3632cbd271f1fdbad2a1d0c0b22f40d4f"
 }