@stripchatdev/ext-helper 0.1.0 → 0.1.1

package/dist/ext-helper.js

@@ -1,59 +1,59 @@
-const M = (r) => !!r && typeof r == "object" && "protocol" in r && r.protocol === "iframe_pubsub" && "version" in r && r.version === "1.0", E = (r, e) => r, g = "0123456789ABCDEFGHJKMNPQRSTVWXYZ";
+const M = (r) => !!r && typeof r == "object" && "protocol" in r && r.protocol === "iframe_pubsub" && "version" in r && r.version === "1.0", f = (r, e) => r, E = "0123456789ABCDEFGHJKMNPQRSTVWXYZ";
 var u;
 (function(r) {
   r.Base32IncorrectEncoding = "B32_ENC_INVALID", r.DecodeTimeInvalidCharacter = "DEC_TIME_CHAR", r.DecodeTimeValueMalformed = "DEC_TIME_MALFORMED", r.EncodeTimeNegative = "ENC_TIME_NEG", r.EncodeTimeSizeExceeded = "ENC_TIME_SIZE_EXCEED", r.EncodeTimeValueMalformed = "ENC_TIME_MALFORMED", r.PRNGDetectFailure = "PRNG_DETECT", r.ULIDInvalid = "ULID_INVALID", r.Unexpected = "UNEXPECTED", r.UUIDInvalid = "UUID_INVALID";
 })(u || (u = {}));
-class l extends Error {
+class d extends Error {
   constructor(e, t) {
     super(`${t} (${e})`), this.name = "ULIDError", this.code = e;
   }
 }
-function R(r) {
+function m(r) {
   const e = Math.floor(r() * 32) % 32;
-  return g.charAt(e);
+  return E.charAt(e);
 }
-function m(r) {
-  const e = N(), t = e && (e.crypto || e.msCrypto) || null;
+function R(r) {
+  const e = y(), t = e && (e.crypto || e.msCrypto) || null;
   if (typeof (t == null ? void 0 : t.getRandomValues) == "function")
     return () => {
-      const s = new Uint8Array(1);
-      return t.getRandomValues(s), s[0] / 255;
+      const n = new Uint8Array(1);
+      return t.getRandomValues(n), n[0] / 255;
     };
   if (typeof (t == null ? void 0 : t.randomBytes) == "function")
     return () => t.randomBytes(1).readUInt8() / 255;
-  throw new l(u.PRNGDetectFailure, "Failed to find a reliable PRNG");
+  throw new d(u.PRNGDetectFailure, "Failed to find a reliable PRNG");
 }
-function N() {
-  return v() ? self : typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : null;
+function y() {
+  return I() ? self : typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : null;
 }
-function y(r, e) {
+function N(r, e) {
   let t = "";
   for (; r > 0; r--)
-    t = R(e) + t;
+    t = m(e) + t;
   return t;
 }
-function I(r, e = 10) {
+function v(r, e = 10) {
   if (isNaN(r))
-    throw new l(u.EncodeTimeValueMalformed, `Time must be a number: ${r}`);
+    throw new d(u.EncodeTimeValueMalformed, `Time must be a number: ${r}`);
   if (r > 281474976710655)
-    throw new l(u.EncodeTimeSizeExceeded, `Cannot encode a time larger than ${281474976710655}: ${r}`);
+    throw new d(u.EncodeTimeSizeExceeded, `Cannot encode a time larger than ${281474976710655}: ${r}`);
   if (r < 0)
-    throw new l(u.EncodeTimeNegative, `Time must be positive: ${r}`);
+    throw new d(u.EncodeTimeNegative, `Time must be positive: ${r}`);
   if (Number.isInteger(r) === !1)
-    throw new l(u.EncodeTimeValueMalformed, `Time must be an integer: ${r}`);
-  let t, s = "";
-  for (let n = e; n > 0; n--)
-    t = r % 32, s = g.charAt(t) + s, r = (r - t) / 32;
-  return s;
+    throw new d(u.EncodeTimeValueMalformed, `Time must be an integer: ${r}`);
+  let t, n = "";
+  for (let s = e; s > 0; s--)
+    t = r % 32, n = E.charAt(t) + n, r = (r - t) / 32;
+  return n;
 }
-function v() {
+function I() {
   return typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope;
 }
-function f(r, e) {
-  const t = m(), s = Date.now();
-  return I(s, 10) + y(16, t);
+function p(r, e) {
+  const t = R(), n = Date.now();
+  return v(n, 10) + N(16, t);
 }
-const T = ({ seq: r, uniqId: e }) => (t) => ({
+const _ = ({ seq: r, uniqId: e }) => (t) => ({
   ...{
     protocol: "iframe_pubsub",
     version: "1.0",
@@ -62,83 +62,83 @@ const T = ({ seq: r, uniqId: e }) => (t) => ({
     timestamp: Date.now()
   },
   ...t
-}), b = T({
-  uniqId: () => f(),
-  seq: () => f()
+}), b = _({
+  uniqId: () => p(),
+  seq: () => p()
 });
-class _ {
+class T {
   constructor(e) {
-    this.eventHandlerMap = /* @__PURE__ */ new Map(), this.globalMessageHandler = (n, o) => {
-      if (M(n)) {
-        if (n.type === "event") {
-          const { eventName: c } = n, i = this.eventHandlerMap.get(c);
-          if (!i)
+    this.eventHandlerMap = /* @__PURE__ */ new Map(), this.globalMessageHandler = (s, i) => {
+      if (M(s)) {
+        if (s.type === "event") {
+          const { eventName: a } = s, o = this.eventHandlerMap.get(a);
+          if (!o)
             return;
-          i.forEach((a) => {
+          o.forEach((c) => {
             try {
-              a(n.data, o.id);
-            } catch (d) {
-              console.error("[PubSubSubscriber] globalMessageHandler: failed to handle income message", d);
+              c(s.data, i.id);
+            } catch (h) {
+              console.error("[PubSubSubscriber] globalMessageHandler: failed to handle income message", h);
             }
           });
           return;
         }
-        console.error("[PubSubSubscriber] globalMessageHandler: unhandled message", n);
+        console.error("[PubSubSubscriber] globalMessageHandler: unhandled message", s);
       }
     };
-    const { brokerId: t, transport: s } = e;
-    this.brokerId = t, this.transport = s, this.transport.onMessage(this.globalMessageHandler);
+    const { brokerId: t, transport: n } = e;
+    this.brokerId = t, this.transport = n, this.transport.onMessage(this.globalMessageHandler);
   }
   subscribe(e, t) {
-    const s = E(e);
-    let n = this.eventHandlerMap.get(s);
-    n || (n = /* @__PURE__ */ new Set(), this.eventHandlerMap.set(s, n)), n.add(t);
-    const o = b({
+    const n = f(e);
+    let s = this.eventHandlerMap.get(n);
+    s || (s = /* @__PURE__ */ new Set(), this.eventHandlerMap.set(n, s)), s.add(t);
+    const i = b({
       type: "subscribe",
       eventName: e
     });
-    this.transport.send(this.brokerId, o);
+    this.transport.send(this.brokerId, i);
   }
   unsubscribe(e, t) {
-    const s = E(e);
-    let n = this.eventHandlerMap.get(s);
-    if (!n)
+    const n = f(e);
+    let s = this.eventHandlerMap.get(n);
+    if (!s)
       return;
-    t ? n.delete(t) : this.eventHandlerMap.delete(s);
-    const o = b({
+    t ? s.delete(t) : this.eventHandlerMap.delete(n);
+    const i = b({
       type: "unsubscribe",
       eventName: e
     });
-    this.transport.send(this.brokerId, o);
+    this.transport.send(this.brokerId, i);
   }
 }
 const w = !!Error.captureStackTrace, P = "APP_ERROR";
-class p extends Error {
+class l extends Error {
   constructor(e, t) {
     super(e), this.name = new.target.name || P, this.cause = t, w && Error.captureStackTrace(this, this.constructor);
   }
   static getChainedMessage(e) {
     let { message: t } = e;
-    return e instanceof p && e.cause && (t += `
-Caused by: ${p.getChainedMessage(e.cause)}`), t;
+    return e instanceof l && e.cause && (t += `
+Caused by: ${l.getChainedMessage(e.cause)}`), t;
   }
   toJSON() {
     return {
       name: this.name,
       message: this.message,
-      cause: this.cause ? p.getChainedMessage(this.cause) : void 0
+      cause: this.cause ? l.getChainedMessage(this.cause) : void 0
     };
   }
 }
 const O = {
   INTERNAL_ERROR: "INTERNAL_ERROR"
 }, C = "RPC_ERROR";
-class D extends p {
+class D extends l {
   constructor(e) {
     super(e.message || "unknown rpc error"), this.name = C, this.code = (e == null ? void 0 : e.code) || O.INTERNAL_ERROR;
   }
 }
-const A = (r) => !!r && typeof r == "object" && "protocol" in r && r.protocol === "iframe_rpc" && "version" in r && r.version === "1.0", S = ({ uniqId: r }) => (e) => ({
+const A = (r) => !!r && typeof r == "object" && "protocol" in r && r.protocol === "iframe_rpc" && "version" in r && r.version === "1.0", H = ({ uniqId: r }) => (e) => ({
   ...{
     protocol: "iframe_rpc",
     version: "1.0",
@@ -146,90 +146,90 @@ const A = (r) => !!r && typeof r == "object" && "protocol" in r && r.protocol ==
     timestamp: Date.now()
   },
   ...e
-}), H = S({
-  uniqId: () => f()
+}), S = H({
+  uniqId: () => p()
 });
-class k {
+class L {
   constructor(e) {
-    this.pendingEntryMap = /* @__PURE__ */ new Map(), this.globalMessageHandler = (n) => {
-      if (A(n)) {
-        if (n.type === "response" && n.status === "ok") {
-          const o = n.id, c = this.pendingEntryMap.get(o);
-          if (!c) {
-            console.error("[RpcClient] globalMessageHandler: got success response without pending request", n);
+    this.pendingEntryMap = /* @__PURE__ */ new Map(), this.globalMessageHandler = (s) => {
+      if (A(s)) {
+        if (s.type === "response" && s.status === "ok") {
+          const i = s.id, a = this.pendingEntryMap.get(i);
+          if (!a) {
+            console.error("[RpcClient] globalMessageHandler: got success response without pending request", s);
             return;
           }
-          this.pendingEntryMap.delete(o), c.resolve(n.result);
+          this.pendingEntryMap.delete(i), a.resolve(s.result);
           return;
         }
-        if (n.type === "response" && n.status === "error") {
-          const o = n.id, c = this.pendingEntryMap.get(o);
-          if (!c) {
-            console.error("[RpcClient] globalMessageHandler: got error response without pending request", n);
+        if (s.type === "response" && s.status === "error") {
+          const i = s.id, a = this.pendingEntryMap.get(i);
+          if (!a) {
+            console.error("[RpcClient] globalMessageHandler: got error response without pending request", s);
             return;
           }
-          this.pendingEntryMap.delete(o), c.reject(new D(n.error));
+          this.pendingEntryMap.delete(i), a.reject(new D(s.error));
           return;
         }
-        console.error("[RpcClient] globalMessageHandler: invalid message schema", n);
+        console.error("[RpcClient] globalMessageHandler: invalid message schema", s);
       }
     };
-    const { serverId: t, transport: s } = e;
-    this.serverId = t, this.transport = s, this.transport.onMessage(this.globalMessageHandler);
+    const { serverId: t, transport: n } = e;
+    this.serverId = t, this.transport = n, this.transport.onMessage(this.globalMessageHandler);
   }
   makeRequest(e, t) {
-    const s = H({
+    const n = S({
       type: "request",
       method: e,
       params: t
-    }), n = new Promise((o, c) => {
-      this.pendingEntryMap.set(s.id, {
+    }), s = new Promise((i, a) => {
+      this.pendingEntryMap.set(n.id, {
         method: e,
-        resolve: (i) => {
-          o(i);
+        resolve: (o) => {
+          i(o);
         },
-        reject: (i) => {
-          c(i);
+        reject: (o) => {
+          a(o);
         }
       });
     });
     try {
-      this.transport.send(this.serverId, s);
-    } catch (o) {
-      console.error("[RpcClient] makeRequest: failed to send rpc message", o);
-      const c = this.pendingEntryMap.get(s.id);
-      c && (this.pendingEntryMap.delete(s.id), c.reject(o));
+      this.transport.send(this.serverId, n);
+    } catch (i) {
+      console.error("[RpcClient] makeRequest: failed to send rpc message", i);
+      const a = this.pendingEntryMap.get(n.id);
+      a && (this.pendingEntryMap.delete(n.id), a.reject(i));
     }
-    return n;
+    return s;
   }
 }
-class L {
+class k {
   constructor(e) {
-    this.peers = /* @__PURE__ */ new Map(), this.onMessage = (s) => {
-      const n = (o) => {
-        const { data: c, origin: i, source: a } = o;
-        if (!a) {
+    this.peers = /* @__PURE__ */ new Map(), this.onMessage = (n) => {
+      const s = (i) => {
+        const { data: a, origin: o, source: c } = i;
+        if (!c) {
           console.error("[PostMessageTransport] onMessage: source could not be empty");
           return;
         }
-        const d = this.findPeer(a, i);
-        if (d)
+        const h = this.findPeer(c, o);
+        if (h)
           try {
-            s(c, d);
-          } catch (h) {
-            console.error("[PostMessageTransport] onMessage: failed to call cb on message", h);
+            n(a, h);
+          } catch (g) {
+            console.error("[PostMessageTransport] onMessage: failed to call cb on message", g);
           }
       };
-      return this.localWindow.addEventListener("message", n), () => {
-        this.localWindow.removeEventListener("message", n);
+      return this.localWindow.addEventListener("message", s), () => {
+        this.localWindow.removeEventListener("message", s);
       };
     };
     const { localWindow: t } = e;
     this.localWindow = t || window;
   }
   send(e, t) {
-    const s = this.peers.get(e);
-    s && s.source.postMessage(t, s.origin);
+    const n = this.peers.get(e);
+    n && n.source.postMessage(t, n.origin);
   }
   broadcast(e) {
     this.peers.forEach((t) => {
@@ -237,8 +237,8 @@ class L {
     });
   }
   broadcastGroup(e, t) {
-    e.forEach((s) => {
-      this.send(s, t);
+    e.forEach((n) => {
+      this.send(n, t);
     });
   }
   addPeer(e) {
@@ -248,9 +248,9 @@ class L {
     this.peers.delete(e);
   }
   findPeer(e, t) {
-    for (const [s, n] of this.peers)
-      if (n.source === e && n.origin === t)
-        return n;
+    for (const [n, s] of this.peers)
+      if (s.source === e && s.origin === t)
+        return s;
     return null;
   }
 }
@@ -258,21 +258,21 @@ class G {
   constructor(e) {
     const {
       serverId: t,
-      serverOrigin: s,
-      serverSource: n,
-      theme: o
-    } = e, c = {
+      serverOrigin: n,
+      serverSource: s,
+      theme: i
+    } = e, a = {
       id: t,
-      origin: s,
-      source: n
-    }, i = new L({});
-    i.addPeer(c), this.rpcClient = new k({
-      transport: i,
+      origin: n,
+      source: s
+    }, o = new k({});
+    o.addPeer(a), this.rpcClient = new L({
+      transport: o,
       serverId: t
-    }), this.subscriber = new _({
-      transport: i,
-      brokerId: c.id
-    }), document.documentElement.dataset.theme = o;
+    }), this.subscriber = new T({
+      transport: o,
+      brokerId: a.id
+    }), document.documentElement.dataset.theme = i;
   }
   makeRequest(e, t) {
     return this.rpcClient.makeRequest(e, t);
@@ -285,31 +285,39 @@ class G {
   }
   bootstrap() {
     let e = { height: 0, width: 0 };
-    const t = document.documentElement, s = (i, a) => {
-      (e.height !== a || e.width !== i) && (e = { height: a, width: i }, this.makeRequest("v1.system.resize.notify", { height: a, width: i }));
-    }, n = (i) => {
-      for (const a of i) {
-        if (a.target !== t)
-          continue;
-        const { height: d, width: h } = a.contentRect;
-        s(h, d);
-      }
+    const t = () => {
+      const o = document.body;
+      return Math.max(
+        o.offsetHeight,
+        o.scrollHeight
+      );
+    }, n = () => {
+      const o = document.body;
+      return Math.max(
+        o.offsetWidth,
+        o.scrollWidth
+      );
+    }, s = () => {
+      const o = n(), c = t();
+      (e.height !== c || e.width !== o) && (e = { height: c, width: o }, this.makeRequest("v1.system.resize.notify", { height: c, width: o }));
     };
-    (() => {
-      const { height: i, width: a } = t.getBoundingClientRect();
-      s(a, i);
-    })(), new ResizeObserver(n).observe(document.documentElement);
+    s(), new ResizeObserver(s).observe(document.body), new MutationObserver(s).observe(document.body, {
+      childList: !0,
+      subtree: !0,
+      attributes: !0,
+      attributeFilter: ["style", "class", "hidden", "open"]
+    });
   }
 }
-const q = () => {
-  const r = new URL(window.location.href), e = r.searchParams.get("origin") || "", t = r.searchParams.get("theme") || "dark", s = new G({
+const x = () => {
+  const r = new URL(window.location.href), e = r.searchParams.get("origin") || "", t = r.searchParams.get("theme") || "dark", n = new G({
     serverId: "server",
     serverOrigin: e || window.parent.origin,
     serverSource: window.parent,
     theme: t
   });
-  return s.bootstrap(), s;
+  return n.bootstrap(), n;
 };
 export {
-  q as createExtHelper
+  x as createExtHelper
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@stripchatdev/ext-helper",
   "private": false,
-  "version": "0.1.0",
+  "version": "0.1.1",
   "type": "module",
   "module": "./dist/ext-helper.js",
   "types": "./dist/index.d.ts",