cyperful 0.2.0 → 0.3.0

data/public/frame-agent.js

@@ -1,123 +1,188 @@
-(() => {
-  if (window.__cyperfulAgentInitialized)
-    return;
-  window.__cyperfulAgentInitialized = !0;
-  const f = console.log, d = (...t) => f("[Cyperful Agent]", ...t);
-  d("Loading...");
-  const { CYPERFUL_ORIGIN: u } = __CYPERFUL_CONFIG__;
-  if (window.location.origin === u) {
-    d("Ignoring parent frame (Why are we here?)");
-    return;
+const m = __CYPERFUL_CONFIG__;
+function L() {
+  if (!m)
+    throw new Error("Cyperful Agent config not initialized");
+  return m;
+}
+let _ = 0;
+const p = (r, t, c = null) => {
+  const { CYPERFUL_ORIGIN: s } = L();
+  let n = null;
+  try {
+    const e = Date.now(), i = `${e}-${_++}`;
+    if ("url" in t && t.url != null)
+      try {
+        const o = new URL(t.url, window.location.origin);
+        if (o.origin === s) return null;
+        o.origin === window.location.origin && (t.url = o.pathname + o.search + o.hash);
+      } catch {
+      }
+    n = {
+      type: r,
+      data: t,
+      id: i,
+      timestamp: e,
+      start_id: c ? c.id : void 0
+    }, window.parent.postMessage(n, s);
+  } catch {
   }
-  let y = 0;
-  const s = (t, e, n = null) => {
-    let i = null;
+  return n;
+};
+function R(r) {
+  try {
+    if (typeof r == "string") return JSON.parse(r);
+  } catch {
+    return r;
+  }
+}
+function y(r) {
+  const t = {};
+  for (const [c, s] of r.entries())
+    s instanceof Blob ? t[c] = `[[ Blob: ${s.size} bytes ]]` : t[c] = s.toString();
+  return t;
+}
+const S = () => {
+  const r = window.fetch;
+  window.fetch = (...t) => {
+    var g;
+    const [c, s = {}] = typeof t[0] == "string" || t[0] instanceof URL ? [t[0], t[1]] : [t[0].url, t[0]], n = ((g = s.method) == null ? void 0 : g.toUpperCase()) ?? "GET", e = s.body, o = new Headers(s.headers).get("content-type") || void 0;
+    let d;
     try {
-      const r = Date.now(), c = `${r}-${y++}`;
-      if ("url" in e && e.url != null)
-        try {
-          const o = new URL(e.url, window.location.origin);
-          if (o.origin === u)
-            return null;
-          o.origin === window.location.origin && (e.url = o.pathname + o.search + o.hash);
-        } catch {
-        }
-      i = {
-        type: t,
-        data: e,
-        id: c,
-        timestamp: r,
-        start_id: n ? n.id : void 0
-      }, window.parent.postMessage(i, u);
+      d = e instanceof FormData ? y(e) : o != null && o.match(/[+/]json\b/) ? R(e) : e;
     } catch {
     }
-    return i;
+    const a = p("fetch", {
+      method: n,
+      url: c.toString(),
+      body: d,
+      bodyType: o
+    }), u = r(...t);
+    return u.then(async (h) => {
+      const l = h.headers.get("content-type") || void 0;
+      let f;
+      try {
+        const w = h.clone();
+        l != null && l.match(/\bform-data\b/) && (f = y(await w.formData())), l != null && l.match(/[+/]json\b/) ? f = await w.json() : l != null && l.match(/\btext[+/]/) ? f = await w.text() : f = `[[ Unhandled content-type: ${l || "<empty>"} ]]`;
+      } catch {
+      }
+      a && p(
+        "fetch:finished",
+        {
+          status: h.status,
+          responseType: l,
+          response: f
+        },
+        a
+      );
+    }).catch((h) => {
+      a && p(
+        "fetch:finished",
+        {
+          status: 0,
+          response: `[caught error] ${h.message || "Unknown error"}`
+        },
+        a
+      );
+    }), u;
   };
-  for (const t of [
-    "log",
-    "error",
-    "warn",
-    "info",
-    "dir",
-    "debug"
-  ]) {
-    const e = console[t];
-    e && (console[t] = (...n) => {
-      e.apply(console, n), s("log", { level: t, args: n });
-    });
-  }
-  window.addEventListener("error", (t) => {
-    s("global_error", { message: t.error.toString() });
-  }), window.addEventListener("unhandledrejection", (t) => {
-    s("unhandledrejection", { message: t.reason.toString() });
-  });
-  function w(t) {
+}, q = () => {
+  const r = window.XMLHttpRequest.prototype.open, t = window.XMLHttpRequest.prototype.send, c = window.XMLHttpRequest.prototype.setRequestHeader;
+  window.XMLHttpRequest.prototype.open = function(...n) {
+    return this._requestMeta = {
+      method: n[0],
+      url: n[1].toString(),
+      headers: {}
+    }, r.apply(this, n);
+  }, window.XMLHttpRequest.prototype.setRequestHeader = function(n, e) {
+    const i = this._requestMeta;
+    return i && (i.headers[n.toLowerCase()] = e), c.apply(this, [n, e]);
+  }, window.XMLHttpRequest.prototype.send = function(n) {
+    const e = this._requestMeta, i = e == null ? void 0 : e.headers["content-type"];
+    let o;
     try {
-      if (typeof t == "string")
-        return JSON.parse(t);
+      o = n instanceof FormData ? y(n) : i != null && i.match(/[+/]json\b/) ? R(n) : n;
     } catch {
-      return t;
     }
-  }
-  function g(t) {
-    const e = {};
-    for (const [n, i] of t.entries())
-      i instanceof Blob ? e[n] = `[[ Blob: ${i.size} bytes ]]` : e[n] = i.toString();
-    return e;
-  }
-  const _ = window.XMLHttpRequest;
-  function m() {
-    const t = new _(), e = t.open;
-    return t.open = (...n) => {
-      const [i, r, c] = n, o = s("xhr", {
-        method: i,
-        url: r
-        // body,
-      });
-      return t.addEventListener("load", () => {
-        o && s(
-          "xhr:finished",
-          { status: t.status, response: t.response },
-          o
-        );
-      }), e.apply(this, n);
-    }, t;
-  }
-  window.XMLHttpRequest = m;
-  const L = window.fetch;
-  window.fetch = (...t) => {
-    const [e, n = {}] = typeof t[0] == "string" || t[0] instanceof URL ? [t[0], t[1]] : [t[0].url, t[0]], i = n.method ?? "GET", r = n.body, c = n.headers || {}, o = c["content-type"] || c["Content-Type"] || void 0, R = r instanceof FormData ? g(r) : o != null && o.includes("application/json") ? w(r) : r, p = s("fetch", {
-      method: i,
-      url: e.toString(),
-      body: R,
-      bodyType: o
-    }), h = L(...t);
-    return h.then(async (l) => {
-      const a = l.headers.get("content-type") || "", v = a.includes("application/json") ? await l.clone().json() : a.includes("text/") ? await l.clone().text() : `[[ Unhandled content-type: ${a || "<empty>"} ]]`;
-      p && s(
-        "fetch:finished",
+    const d = e ? p("xhr", {
+      method: e.method,
+      url: e.url,
+      body: o,
+      bodyType: i
+    }) : null;
+    return this.addEventListener("load", async () => {
+      if (!d) return;
+      const a = this.getResponseHeader("content-type") || void 0;
+      let u;
+      try {
+        u = a != null && a.match(/[+/]json\b/) ? await this.response.clone().json() : a != null && a.match(/\btext[+/]/) ? await this.response.clone().text() : `[[ Unhandled content-type: ${a || "<empty>"} ]]`;
+      } catch {
+      }
+      p(
+        "xhr:finished",
         {
-          status: l.status,
-          responseType: a || void 0,
-          response: v
+          status: this.status,
+          response: u,
+          responseType: a
         },
-        p
+        d
       );
-    }).catch(() => {
-    }), h;
+    }), this.addEventListener("error", () => {
+      d && p(
+        "xhr:finished",
+        {
+          status: 0,
+          response: `[caught error] ${this.status ?? 0} - ${this.statusText || "Unknown error"}`
+        },
+        d
+      );
+    }), t.apply(this, [n]);
   };
-  const S = history.pushState;
-  history.pushState = (...t) => {
-    S.apply(history, t), s("client_navigate", {
+}, H = () => {
+  if (window.__cyperfulAgentInitialized) return;
+  window.__cyperfulAgentInitialized = !0;
+  const r = console.log, t = (...e) => r("[Cyperful Agent]", ...e);
+  t("Loading...");
+  const { CYPERFUL_ORIGIN: c } = L();
+  if (window.location.origin === c) {
+    t("Ignoring parent frame (Why are we here?)");
+    return;
+  }
+  S(), q(), window.addEventListener("error", (e) => {
+    p("global_error", { message: e.error.toString() });
+  }), window.addEventListener("unhandledrejection", (e) => {
+    p("unhandledrejection", { message: e.reason.toString() });
+  });
+  const s = history.pushState;
+  history.pushState = (...e) => {
+    s.apply(history, e), p("client_navigate", {
       url: location.href,
       replace: !1
     });
   };
-  const b = history.replaceState;
-  history.replaceState = (...t) => {
-    b.apply(history, t), s("client_navigate", {
+  const n = history.replaceState;
+  history.replaceState = (...e) => {
+    n.apply(history, e), p("client_navigate", {
       url: location.href,
       replace: !0
     });
-  }, d("Loaded.");
-})();
+  };
+  for (const e of [
+    "log",
+    "error",
+    "warn",
+    "info",
+    "dir",
+    "debug"
+  ]) {
+    const i = console[e];
+    i && (console[e] = (...o) => {
+      i.apply(console, o), p("log", { level: e, args: o });
+    });
+  }
+  t("Loaded.");
+};
+try {
+  H();
+} catch (r) {
+  console.error("Cyperful Agent failed to load", r);
+}

data/public/index.html

@@ -5,8 +5,8 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" href="/assets/favicon-DMdBZQlK.ico" />
     <title>Cyperful</title>
-    <script type="module" crossorigin src="/assets/index-Bcd7GDsE.js"></script>
-    <link rel="stylesheet" crossorigin href="/assets/index-D7cO27Pa.css">
+    <script type="module" crossorigin src="/assets/index-DQa6Blo_.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DqywWqA7.css">
   </head>
   <body class="bg-stone-900 text-slate-100">
     <div id="root"></div>

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: cyperful
 version: !ruby/object:Gem::Version
-  version: 0.2.0
+  version: 0.3.0
 platform: ruby
 authors:
 - Wyatt Ades
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2024-05-15 00:00:00.000000000 Z
+date: 2025-01-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: capybara
@@ -58,14 +58,14 @@ dependencies:
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.0.3
+        version: 0.0.4
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
       - !ruby/object:Gem::Version
-        version: 0.0.3
+        version: 0.0.4
 description:
 email:
 executables: []
@@ -84,9 +84,9 @@ files:
 - lib/cyperful/test_parser.rb
 - lib/cyperful/ui_server.rb
 - public/assets/favicon-DMdBZQlK.ico
-- public/assets/index-Bcd7GDsE.js
-- public/assets/index-D7cO27Pa.css
-- public/assets/syntax-highlighter-worker-Cumko8SL.js
+- public/assets/index-DQa6Blo_.js
+- public/assets/index-DqywWqA7.css
+- public/assets/syntax-highlighter-worker-BezFv5DT.js
 - public/frame-agent.js
 - public/index.html
 homepage: https://github.com/stepful/cyperful
@@ -108,7 +108,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.6
+rubygems_version: 3.5.16
 signing_key:
 specification_version: 4
 summary: Interactive test debugger for Capybara tests