@stripchatdev/ext-helper 0.1.4 → 0.1.6

package/dist/ext-helper.js

@@ -1,4 +1,4 @@
-const T = (e) => !!e && typeof e == "object" && "protocol" in e && e.protocol === "iframe_pubsub" && "version" in e && e.version === "1.0", y = (e, t) => e, w = "0123456789ABCDEFGHJKMNPQRSTVWXYZ";
+const S = (e) => !!e && typeof e == "object" && "protocol" in e && e.protocol === "iframe_pubsub" && "version" in e && e.version === "1.0", E = (e, t) => e, w = "0123456789ABCDEFGHJKMNPQRSTVWXYZ";
 var l;
 (function(e) {
   e.Base32IncorrectEncoding = "B32_ENC_INVALID", e.DecodeTimeInvalidCharacter = "DEC_TIME_CHAR", e.DecodeTimeValueMalformed = "DEC_TIME_MALFORMED", e.EncodeTimeNegative = "ENC_TIME_NEG", e.EncodeTimeSizeExceeded = "ENC_TIME_SIZE_EXCEED", e.EncodeTimeValueMalformed = "ENC_TIME_MALFORMED", e.PRNGDetectFailure = "PRNG_DETECT", e.ULIDInvalid = "ULID_INVALID", e.Unexpected = "UNEXPECTED", e.UUIDInvalid = "UUID_INVALID";
@@ -8,12 +8,12 @@ class f extends Error {
     super(`${r} (${t})`), this.name = "ULIDError", this.code = t;
   }
 }
-function _(e) {
+function T(e) {
   const t = Math.floor(e() * 32) % 32;
   return w.charAt(t);
 }
-function P(e) {
-  const t = S(), r = t && (t.crypto || t.msCrypto) || null;
+function _(e) {
+  const t = O(), r = t && (t.crypto || t.msCrypto) || null;
   if (typeof (r == null ? void 0 : r.getRandomValues) == "function")
     return () => {
       const n = new Uint8Array(1);
@@ -23,16 +23,16 @@ function P(e) {
     return () => r.randomBytes(1).readUInt8() / 255;
   throw new f(l.PRNGDetectFailure, "Failed to find a reliable PRNG");
 }
-function S() {
+function O() {
   return q() ? self : typeof window < "u" ? window : typeof global < "u" ? global : typeof globalThis < "u" ? globalThis : null;
 }
-function H(e, t) {
+function P(e, t) {
   let r = "";
   for (; e > 0; e--)
-    r = _(t) + r;
+    r = T(t) + r;
   return r;
 }
-function O(e, t = 10) {
+function H(e, t = 10) {
   if (isNaN(e))
     throw new f(l.EncodeTimeValueMalformed, `Time must be a number: ${e}`);
   if (e > 281474976710655)
@@ -50,8 +50,8 @@ function q() {
   return typeof WorkerGlobalScope < "u" && self instanceof WorkerGlobalScope;
 }
 function b(e, t) {
-  const r = P(), n = Date.now();
-  return O(n, 10) + H(16, r);
+  const r = _(), n = Date.now();
+  return H(n, 10) + P(16, r);
 }
 const L = ({ seq: e, uniqId: t }) => (r) => ({
   ...{
@@ -62,14 +62,14 @@ const L = ({ seq: e, uniqId: t }) => (r) => ({
     timestamp: Date.now()
   },
   ...r
-}), g = L({
+}), y = L({
   uniqId: () => b(),
   seq: () => b()
 });
 class A {
   constructor(t) {
     this.eventHandlerMap = /* @__PURE__ */ new Map(), this.globalMessageHandler = (s, o) => {
-      if (T(s)) {
+      if (S(s)) {
         if (s.type === "event") {
           const { eventName: i } = s, a = this.eventHandlerMap.get(i);
           if (!a)
@@ -90,41 +90,41 @@ class A {
     this.brokerId = r, this.transport = n, this.transport.onMessage(this.globalMessageHandler);
   }
   subscribe(t, r) {
-    const n = y(t);
+    const n = E(t);
     let s = this.eventHandlerMap.get(n);
     s || (s = /* @__PURE__ */ new Set(), this.eventHandlerMap.set(n, s)), s.add(r);
-    const o = g({
+    const o = y({
       type: "subscribe",
       eventName: t
     });
     this.transport.send(this.brokerId, o);
   }
   unsubscribe(t, r) {
-    const n = y(t);
+    const n = E(t);
     let s = this.eventHandlerMap.get(n);
     if (!s)
       return;
     r ? s.delete(r) : this.eventHandlerMap.delete(n);
-    const o = g({
+    const o = y({
       type: "unsubscribe",
       eventName: t
     });
     this.transport.send(this.brokerId, o);
   }
 }
-const C = !!Error.captureStackTrace, D = "APP_ERROR";
-class E extends Error {
+const x = !!Error.captureStackTrace, C = "APP_ERROR";
+class g extends Error {
   constructor(t, r) {
-    super(t), this.name = new.target.name || D, this.cause = r, C && Error.captureStackTrace(this, this.constructor);
+    super(t), this.name = new.target.name || C, this.cause = r, x && Error.captureStackTrace(this, this.constructor);
   }
   static serializeCause(t) {
-    return t instanceof E ? t.toJSON() : t instanceof Error ? { name: t.name, message: t.message } : t !== null && typeof t == "object" ? t : String(t);
+    return t instanceof g ? t.toJSON() : t instanceof Error ? { name: t.name, message: t.message } : t !== null && typeof t == "object" ? t : String(t);
   }
   toJSON() {
     return {
       name: this.name,
       message: this.message,
-      cause: this.cause ? E.serializeCause(this.cause) : void 0
+      cause: this.cause ? g.serializeCause(this.cause) : void 0
     };
   }
   toString() {
@@ -136,12 +136,12 @@ class E extends Error {
     }
   }
 }
-const x = {
+const D = {
   INTERNAL_ERROR: "INTERNAL_ERROR"
-}, G = "RPC_ERROR";
-class j extends E {
+}, j = "RPC_ERROR";
+class G extends g {
   constructor(t) {
-    super(t.message || "rpc error", t.cause), this.name = G, this.code = (t == null ? void 0 : t.code) || x.INTERNAL_ERROR, this.method = t.method, this.params = t.params;
+    super(t.message || "rpc error", t.cause), this.name = j, this.code = (t == null ? void 0 : t.code) || D.INTERNAL_ERROR, this.method = t.method, this.params = t.params;
   }
   toJSON() {
     return {
@@ -160,10 +160,10 @@ const F = (e) => !!e && typeof e == "object" && "protocol" in e && e.protocol ==
     timestamp: Date.now()
   },
   ...t
-}), X = B({
+}), z = B({
   uniqId: () => b()
 });
-class U {
+class X {
   constructor(t) {
     this.pendingEntryMap = /* @__PURE__ */ new Map(), this.globalMessageHandler = (s) => {
       if (F(s)) {
@@ -182,7 +182,7 @@ class U {
             console.error("[RpcClient] globalMessageHandler: got error response without pending request", s);
             return;
           }
-          this.pendingEntryMap.delete(o), i.reject(new j(s.error));
+          this.pendingEntryMap.delete(o), i.reject(new G(s.error));
           return;
         }
         console.error("[RpcClient] globalMessageHandler: invalid message schema", s);
@@ -192,7 +192,7 @@ class U {
     this.serverId = r, this.transport = n, this.transport.onMessage(this.globalMessageHandler);
   }
   makeRequest(t, r) {
-    const n = X({
+    const n = z({
       type: "request",
       method: t,
       params: r
@@ -269,8 +269,8 @@ class W {
   }
 }
 const p = {
-  name: "UnknownError",
-  message: "Unknown error"
+  name: "unknownError",
+  message: "unknown error"
 }, M = (e, t = 3, r = 0) => {
   if (e instanceof Error) {
     const n = r < t && e.cause ? M(e.cause, t, r + 1) : void 0;
@@ -300,26 +300,67 @@ const p = {
     } catch {
       return {
         name: p.name,
-        message: "Unserializable error object"
+        message: "failed to serialize error: unserializable error object"
       };
     }
   return p;
-}, $ = "get", I = (e, t) => {
+}, I = (e) => {
+  const t = [];
+  if (e instanceof Error)
+    t.push(e.message), "cause" in e && t.push(I(e.cause));
+  else
+    try {
+      const r = JSON.stringify(e);
+      t.push(r);
+    } catch {
+      t.push("failed to get chained error message: unserializable error object");
+    }
+  return t.join(":");
+}, $ = [
+  // browser internals — harmless noise
+  /resizeObserver loop/ig,
+  // cross-origin script errors with zero useful info
+  /Script error/ig,
+  // browser extensions injecting errors
+  /chrome-extension:\/\//ig,
+  /moz-extension:\/\//ig,
+  /safari-extension:\/\//ig,
+  // module/chunk loading failures (network flaky, retries handle it)
+  /importing a module script failed/ig,
+  /loading chunk [\w.-]+ failed/ig,
+  /failed to fetch dynamically imported module/ig,
+  /error loading dynamically imported module/ig,
+  // canceled navigation / aborted
+  /AbortError/ig,
+  /the operation was aborted/ig,
+  /the user aborted a request/ig,
+  // webSocket noise
+  /webSocket is closed before the connection is established/ig,
+  // generic network noise already captured by fetch/xhr integrations
+  /networkError when attempting to fetch resource/ig,
+  /load failed/ig
+], J = (e) => $.some((t) => (t.lastIndex = 0, t.test(e))), V = (e) => {
+  const t = I(e.error), r = typeof e.data == "object" && "message" in e.data && typeof e.data.message == "string" ? e.data.message : "";
+  return [t, r].filter((n) => !!n).join(":");
+}, U = (e) => e.data && typeof e.data == "object" && "filename" in e.data ? String(e.data.filename ?? "") : "", K = (e) => {
+  const t = V(e), r = U(e);
+  return r && /^(chrome|moz|safari)-extension:\/\//.test(r) ? !0 : !!t && J(t);
+}, Z = "get", Q = (e, t) => {
   var s;
   let r, n;
   return e instanceof Request ? (r = e.url, n = e.method) : e instanceof URL ? r = e.toString() : r = e, {
-    method: n || ((s = t == null ? void 0 : t.method) == null ? void 0 : s.toString()) || $,
+    method: n || ((s = t == null ? void 0 : t.method) == null ? void 0 : s.toString()) || Z,
     url: r
   };
-}, z = (e, t, r) => ({
+}, Y = (e, t, r) => ({
   statusCode: r.status,
-  ...I(e, t)
-}), V = (e) => {
+  ...Q(e, t)
+}), ee = (e) => {
   const t = window.fetch;
   Object.defineProperty(window, "fetch", {
     value: async (n, s) => {
       try {
-        const o = new Error("synthetic error"), i = await t(n, s), a = i.clone(), c = z(n, s, a);
+        const o = new Error("synthetic error"), i = await t(n, s), a = i.clone(), c = Y(n, s, a);
         if (i.status >= 500) {
           const u = new Error("fetch response error");
           u.stack = o.stack, e.report({
@@ -332,12 +373,12 @@ const p = {
         const {
           arrayBuffer: h,
           blob: m,
-          json: N,
+          json: v,
           text: k
         } = i;
         return i.json = async function() {
           try {
-            return await N.call(this);
+            return await v.call(this);
           } catch (u) {
             throw e.report({
               type: "network",
@@ -393,18 +434,13 @@ const p = {
           }
         }, i;
       } catch (o) {
-        throw o instanceof Error && o.name === "AbortError" || e.report({
-          type: "network",
-          kind: "fetchRequestError",
-          error: o,
-          data: I(n, s)
-        }), o;
+        throw o instanceof Error && o.name === "AbortError", o;
       }
     },
-    configurable: !1,
-    writable: !1
+    configurable: !0,
+    writable: !0
   });
-}, J = (e) => {
+}, te = (e) => {
   window.addEventListener("unhandledrejection", ({ reason: t }) => {
     e.report({
       type: "runtime",
@@ -424,18 +460,18 @@ const p = {
       }
     });
   });
-}, v = Symbol("patchedXHLHttpRequest"), d = Symbol("requestInfo"), K = (e) => ({
+}, N = Symbol("patchedXHLHttpRequest"), d = Symbol("requestInfo"), re = (e) => ({
   statusCode: e.status,
   ...e[d]
-}), Z = (e) => (e[d] || (e[d] = {}), e[d]), Q = (e) => {
-  e[v] = !0;
-}, Y = (e) => e[v] === !0, ee = (e) => {
+}), ne = (e) => (e[d] || (e[d] = {}), e[d]), se = (e) => {
+  e[N] = !0;
+}, oe = (e) => e[N] === !0, ie = (e) => {
   const t = XMLHttpRequest.prototype.send, r = XMLHttpRequest.prototype.open, n = function(...o) {
     const [i, a] = o;
     this[d] = {
       method: i,
       url: typeof a == "string" ? a : a.toString()
-    }, Y(this) || (Q(this), this.addEventListener("error", () => {
+    }, oe(this) || (se(this), this.addEventListener("error", () => {
       const c = new Error("XMLHttpRequest network error");
       e.report({
         type: "network",
@@ -457,7 +493,7 @@ const p = {
         e.report({
           type: "network",
           kind: "xmlHttpRequestLoadError",
-          data: K(this),
+          data: re(this),
           error: c
         });
       }
@@ -474,7 +510,7 @@ const p = {
     }
   }, s = function(o) {
     try {
-      const i = Z(this), a = new Error("XMLHttpRequest request initiator");
+      const i = ne(this), a = new Error("XMLHttpRequest request initiator");
       i.requestStack = a.stack, t.call(this, o);
     } catch (i) {
       throw e.report({
@@ -487,20 +523,22 @@ const p = {
   };
   Object.defineProperty(XMLHttpRequest.prototype, "open", {
     value: n,
-    configurable: !1,
-    writable: !1
+    configurable: !0,
+    writable: !0
   }), Object.defineProperty(XMLHttpRequest.prototype, "send", {
     value: s,
-    configurable: !1,
-    writable: !1
+    configurable: !0,
+    writable: !0
   });
 };
 let R;
-class te {
+class ae {
   constructor(t) {
     this.onError = t;
   }
   report(t) {
+    if (K(t))
+      return;
     const { error: r, ...n } = t;
     this.onError({
       ...n,
@@ -511,10 +549,10 @@ class te {
     this.applyIntegrations();
   }
   applyIntegrations() {
-    R || (R = !0, J(this), ee(this), V(this));
+    R || (R = !0, te(this), ie(this), ee(this));
   }
 }
-class re {
+class ce {
   constructor(t) {
     const {
       serverId: r,
@@ -526,13 +564,13 @@ class re {
       origin: n,
       source: s
     }, a = new W({});
-    a.addPeer(i), this.rpcClient = new U({
+    a.addPeer(i), this.rpcClient = new X({
       transport: a,
       serverId: r
     }), this.subscriber = new A({
       transport: a,
       brokerId: i.id
-    }), document.documentElement.dataset.theme = o, this.crashReporter = new te((c) => {
+    }), document.documentElement.dataset.theme = o, this.crashReporter = new ae((c) => {
       this.makeRequest("v1.system.report.crash", c);
     });
   }
@@ -571,8 +609,8 @@ class re {
     }), this.crashReporter.init();
   }
 }
-const ne = () => {
-  const e = new URL(window.location.href), t = e.searchParams.get("origin") || "", r = e.searchParams.get("theme") || "dark", n = new re({
+const ue = () => {
+  const e = new URL(window.location.href), t = e.searchParams.get("origin") || "", r = e.searchParams.get("theme") || "dark", n = new ce({
     serverId: "server",
     serverOrigin: t || window.parent.origin,
     serverSource: window.parent,
@@ -581,5 +619,5 @@ const ne = () => {
   return n.bootstrap(), n;
 };
 export {
-  ne as createExtHelper
+  ue as createExtHelper
 };

package/dist/index.d.ts

@@ -65,6 +65,15 @@ export declare type TMethods = TV1Methods;
 
 export declare type TModelId = TUserId;
 
+/**
+ * Status of the movable overlay.
+ * `active` - pulsing green
+ * `inactive` - orange
+ * `connecting` - green
+ * `error` - red
+ */
+export declare type TMovableOverlayStatus = 'active' | 'inactive' | 'connecting' | 'error';
+
 export declare type TTheme = 'light' | 'dark';
 
 declare type TTransportPeer = {
@@ -134,7 +143,7 @@ declare type TV1ExtMethods = {
     'v1.ext.movableOverlay.update': {
         params: {
             message?: string;
-            status?: 'active' | 'inactive' | 'connecting' | 'error';
+            status?: TMovableOverlayStatus;
         };
         result: null;
     };
@@ -150,12 +159,19 @@ declare type TV1ExtMethods = {
         };
         result: null;
     };
+    /** Broadcasts a message through the server to all clients in the room that have this extension loaded. Every slot iframe of every user receives the corresponding `v1.ext.whispered` event */
     'v1.ext.whisper': {
         params: {
+            /** Any JSON-serializable object to send to every frame */
             data: TV1WhisperData;
+            /** Payment data received from the `payment.tokens.spend.succeeded` event
+             *  This field is required for user in public
+             * */
+            paymentData?: TV1PaymentData;
         };
         result: null;
     };
+    /** Sends a message to every frame of the current user */
     'v1.ext.whisper.local': {
         params: {
             data: TV1WhisperData;
@@ -273,18 +289,39 @@ declare type TV1MonitoringMethods = {
     };
 };
 
+export declare type TV1PaymentData = {
+    /** The amount of tokens spent */
+    amount: string;
+    /** Payment token used for authentication */
+    paymentToken: string;
+    /** Transaction identifier */
+    transactionId: string;
+    /** User's ID */
+    userId: string;
+};
+
 declare type TV1PaymentEvents = {
+    /**
+     * Received when tokens are successfully spent
+     * Contains the payment data which is used for validating whisper calls
+     */
     'v1.payment.tokens.spend.succeeded': {
+        /** Was the tip anonymous */
         isAnonymous: boolean;
-        tokensAmount: number;
+        /** Payment data used for validating `ext.whisper` calls */
+        paymentData: TV1PaymentData;
+        /** Custom data passed in `payment.tokens.spend` method */
         tokensSpendData: TV1TokenSpendData;
     };
 };
 
 declare type TV1PaymentMethods = {
+    /** Requests a confirmation modal to spend tokens */
     'v1.payment.tokens.spend': {
         params: {
+            /** Amount of tokens to spend */
             tokensAmount: number;
+            /** Custom data which will be passed back in the `v1.payment.tokens.spend.succeeded` event */
             tokensSpendData: TV1TokenSpendData;
         };
         result: null;
@@ -379,6 +416,7 @@ declare type TV1TipEvents = {
  */
 declare type TV1TipSource = 'console' | 'tipMenu' | 'goal' | 'epicGoal' | 'fullscreen' | 'interactiveToy' | 'publicChat' | 'privateChat' | 'extension' | 'sendTipButton' | 'feed';
 
+/** Custom data that you can pass when requesting token spend. You will receive it on successful payment */
 export declare type TV1TokenSpendData = TUnknownDictionary;
 
 /**

package/package.json

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