fck-honey 0.3.5 → 0.3.6

package/README.md

@@ -1,15 +1,12 @@
 # fck-honey
-Open source lib for Merchants to detect if a customer has Honey browser extension installed
+Open source lib for Merchants to detect if a customer has Honey browser extension installed [ [Demo 🎥](https://youtu.be/Em9Fjil8Xds) ]
 
-<img width="968" height="532" alt="image" src="https://github.com/user-attachments/assets/b0bcccd6-d922-436d-8b0d-dcd4334a9219" />
-
-## Inspiration
-[MegaLag exposed Honey as a scam](https://www.youtube.com/watch?v=wwB3FmbcC88)
+<img width="1307" height="561" alt="image" src="https://github.com/user-attachments/assets/33b2554b-fc90-4b4b-b917-4ed088664200" />
 
 ## Usage (Browser Global)
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/fck-honey@0/dist/honey-detect.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/fck-honey@latest/dist/honey-detect.min.js"></script>
 <script>
 window.fckHoney.listen((warn) => {
     // Decide how you want to handle this. Native warn function allows you to tell the user to disable Honey.
@@ -47,3 +44,6 @@ window.fckHoney.listen((warn) => {
   // Stop observing if nothing is detected within 10 seconds.
 }, { unbindAfterSeconds: 10 });
 ```
+
+## Inspiration
+[MegaLag exposed Honey as a scam](https://www.youtube.com/watch?v=wwB3FmbcC88)

package/dist/auto.js

@@ -0,0 +1,231 @@
+(function() {
+  // dist/bundle-tmp/version.js
+  var VERSION = "0.3.6";
+
+  // dist/bundle-tmp/core.js
+  var __assign = function() {
+    __assign = Object.assign || function(t) {
+      for (var s, i = 1, n = arguments.length; i < n; i++) {
+        s = arguments[i];
+        for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+          t[p] = s[p];
+      }
+      return t;
+    };
+    return __assign.apply(this, arguments);
+  };
+  var version = VERSION;
+  var DEFAULT_Z_NEAR_MAX = 214748e4;
+  var UUIDISH_RE = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
+  var TARGET_SELECTOR = "div[id]";
+  var OVERLAY_STYLE_ID = "simple-overlay-styles";
+  function showOverlay(message) {
+    if (typeof document === "undefined")
+      return function() {
+      };
+    if (!document.getElementById(OVERLAY_STYLE_ID)) {
+      var style = document.createElement("style");
+      style.id = OVERLAY_STYLE_ID;
+      style.textContent = ".simple-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:2147483647;display:flex;align-items:center;justify-content:center;pointer-events:all;}.simple-overlay-message{background:#ffffff;padding:16px 20px;border-radius:8px;font-size:14px;max-width:80%;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,0.3);}";
+      document.head.appendChild(style);
+    }
+    var overlay = document.createElement("div");
+    overlay.className = "simple-overlay";
+    var messageEl = document.createElement("div");
+    messageEl.className = "simple-overlay-message";
+    messageEl.innerHTML = message;
+    overlay.appendChild(messageEl);
+    if (document.body) {
+      document.body.appendChild(overlay);
+    }
+    var prevOverflow = document.body ? document.body.style.overflow : "";
+    if (document.body)
+      document.body.style.overflow = "hidden";
+    return function hideOverlay() {
+      overlay.remove();
+      if (document.body)
+        document.body.style.overflow = prevOverflow;
+    };
+  }
+  function parseZIndex(cs, el) {
+    var computed = parseInt(cs.zIndex, 10);
+    if (isFinite(computed))
+      return computed;
+    var inline = parseInt(el.style.zIndex, 10);
+    return isFinite(inline) ? inline : null;
+  }
+  function looksLikeTargetDiv(el, zNearMax, uuidGate, debug) {
+    if (!el.id) {
+      if (debug)
+        console.log("+++ reject: no id", el);
+      return false;
+    }
+    if (uuidGate && !UUIDISH_RE.test(el.id)) {
+      if (debug)
+        console.log("+++ reject: uuid", el.id);
+      return false;
+    }
+    var inlineZ = parseInt(el.style.zIndex, 10);
+    if (!isFinite(inlineZ) || inlineZ < zNearMax) {
+      var cs_1 = getComputedStyle(el);
+      var z_1 = parseZIndex(cs_1, el);
+      if (z_1 === null || z_1 < zNearMax) {
+        if (debug)
+          console.log("+++ reject: z-index", z_1, cs_1.zIndex, el.style.zIndex, el);
+        return false;
+      }
+      if (cs_1.display === "none") {
+        if (debug)
+          console.log("+++ reject: display none", el);
+        return false;
+      }
+      if (el.shadowRoot) {
+        if (debug)
+          console.log("+++ reject: shadowRoot", el);
+        return false;
+      }
+      if (debug)
+        console.log("+++ match", el);
+      return true;
+    }
+    var cs = getComputedStyle(el);
+    var z = parseZIndex(cs, el);
+    if (z === null || z < zNearMax) {
+      if (debug)
+        console.log("+++ reject: z-index", z, cs.zIndex, el.style.zIndex, el);
+      return false;
+    }
+    if (cs.display === "none") {
+      if (debug)
+        console.log("+++ reject: display none", el);
+      return false;
+    }
+    if (el.shadowRoot) {
+      if (debug)
+        console.log("+++ reject: shadowRoot", el);
+      return false;
+    }
+    if (debug)
+      console.log("+++ match", el);
+    return true;
+  }
+  function scanElement(el, seen, zNearMax, uuidGate, debug, handleMatch) {
+    var _a;
+    if (el instanceof HTMLDivElement && el.matches(TARGET_SELECTOR)) {
+      if (seen.indexOf(el) === -1 && looksLikeTargetDiv(el, zNearMax, uuidGate, debug)) {
+        seen.push(el);
+        handleMatch(el);
+      }
+    }
+    var divs = (_a = el.querySelectorAll) === null || _a === void 0 ? void 0 : _a.call(el, TARGET_SELECTOR);
+    if (!divs)
+      return;
+    for (var i = 0; i < divs.length; i += 1) {
+      var d = divs[i];
+      if (seen.indexOf(d) === -1 && looksLikeTargetDiv(d, zNearMax, uuidGate, debug)) {
+        seen.push(d);
+        handleMatch(d);
+      }
+    }
+  }
+  function startHoneyOverlayObserver(options) {
+    var _a, _b, _c, _d, _e;
+    if (options === void 0) {
+      options = {};
+    }
+    var seen = [];
+    var zNearMax = (_a = options.zNearMax) !== null && _a !== void 0 ? _a : DEFAULT_Z_NEAR_MAX;
+    var uuidGate = (_b = options.uuidGate) !== null && _b !== void 0 ? _b : true;
+    var debug = (_c = options.debug) !== null && _c !== void 0 ? _c : false;
+    var removeHoney = (_d = options.removeHoney) !== null && _d !== void 0 ? _d : true;
+    var unbindAfterSeconds = options.unbindAfterSeconds;
+    var warn = function(message) {
+      return showOverlay(message);
+    };
+    var onMatch = (_e = options.onMatch) !== null && _e !== void 0 ? _e : (function() {
+    });
+    var matched = false;
+    var unbindTimer;
+    var handleMatch = function(el) {
+      matched = true;
+      if (typeof unbindTimer === "number") {
+        clearTimeout(unbindTimer);
+        unbindTimer = void 0;
+      }
+      if (removeHoney && el.parentNode)
+        el.parentNode.removeChild(el);
+      if (removeHoney) {
+        onMatch(warn);
+      } else {
+        onMatch(warn, el);
+      }
+    };
+    var mo = new MutationObserver(function(mutations) {
+      for (var _i = 0, mutations_1 = mutations; _i < mutations_1.length; _i++) {
+        var m = mutations_1[_i];
+        if (debug && document.body && (m.target === document.body || m.target instanceof Node && document.body.contains(m.target))) {
+          console.log("+++ body mutation", m.type, m.target);
+        }
+      }
+      for (var _a2 = 0, mutations_2 = mutations; _a2 < mutations_2.length; _a2++) {
+        var m = mutations_2[_a2];
+        if (m.type === "childList") {
+          if (m.addedNodes.length) {
+            for (var i = 0; i < m.addedNodes.length; i += 1) {
+              var node = m.addedNodes[i];
+              if (node.nodeType === Node.ELEMENT_NODE) {
+                scanElement(node, seen, zNearMax, uuidGate, debug, handleMatch);
+              }
+            }
+          }
+          if (m.target instanceof Element) {
+            scanElement(m.target, seen, zNearMax, uuidGate, debug, handleMatch);
+          }
+        } else if (m.type === "attributes") {
+          if (m.target instanceof Element) {
+            scanElement(m.target, seen, zNearMax, uuidGate, debug, handleMatch);
+          }
+        }
+      }
+    });
+    mo.observe(document.documentElement, {
+      subtree: true,
+      childList: true,
+      attributes: true,
+      attributeFilter: ["style", "class", "id"]
+    });
+    scanElement(document.documentElement, seen, zNearMax, uuidGate, debug, handleMatch);
+    if (typeof unbindAfterSeconds === "number" && unbindAfterSeconds > 0) {
+      unbindTimer = window.setTimeout(function() {
+        if (!matched) {
+          mo.disconnect();
+        }
+      }, unbindAfterSeconds * 1e3);
+    }
+    return {
+      stop: function() {
+        mo.disconnect();
+        if (typeof unbindTimer === "number") {
+          clearTimeout(unbindTimer);
+        }
+      }
+    };
+  }
+  function listen(onMatch, options) {
+    if (options === void 0) {
+      options = {};
+    }
+    return startHoneyOverlayObserver(__assign(__assign({}, options), { onMatch: onMatch }));
+  }
+
+  // dist/bundle-tmp/auto.js
+  var AUTO_MODAL_HTML = '<div class="modal" role="dialog" aria-modal="true" aria-labelledby="honey-modal-title"><h2 id="honey-modal-title">This site can\u2019t proceed with Honey enabled</h2><div style="display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px 0;"><a href="https://help.joinhoney.com/article/26-how-do-i-uninstall-honey" target="_blank" rel="noopener noreferrer" style="display:block;padding:10px 12px;background:#e6eef7;color:#0b1b2b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;border-radius:6px;flex:1 1 220px;">Please disable it to continue your checkout.</a><a href="https://www.youtube.com/watch?v=wwB3FmbcC88" target="_blank" rel="noopener noreferrer" style="display:block;padding:10px 12px;background:#e6eef7;color:#0b1b2b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;border-radius:6px;flex:1 1 220px;">Here is why \uD83C\uDFA5</a></div></div>';
+  if (typeof window !== "undefined") {
+    window.fckHoney = window.fckHoney || {};
+    window.fckHoney.listen = listen;
+    window.fckHoney.version = version;
+    window.fckHoneyHandle = window.fckHoney.listen(function(warn, _el) {
+      warn(AUTO_MODAL_HTML);
+    });
+  }
+})();

package/dist/bundle-tmp/auto.js

@@ -0,0 +1,10 @@
+import { listen, version } from "./core";
+var AUTO_MODAL_HTML = '<div class="modal" role="dialog" aria-modal="true" aria-labelledby="honey-modal-title"><h2 id="honey-modal-title">This site can’t proceed with Honey enabled</h2><div style="display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 12px 0;"><a href="https://help.joinhoney.com/article/26-how-do-i-uninstall-honey" target="_blank" rel="noopener noreferrer" style="display:block;padding:10px 12px;background:#e6eef7;color:#0b1b2b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;border-radius:6px;flex:1 1 220px;">Please disable it to continue your checkout.</a><a href="https://www.youtube.com/watch?v=wwB3FmbcC88" target="_blank" rel="noopener noreferrer" style="display:block;padding:10px 12px;background:#e6eef7;color:#0b1b2b;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;border-radius:6px;flex:1 1 220px;">Here is why 🎥</a></div></div>';
+if (typeof window !== "undefined") {
+    window.fckHoney = window.fckHoney || {};
+    window.fckHoney.listen = listen;
+    window.fckHoney.version = version;
+    window.fckHoneyHandle = window.fckHoney.listen(function (warn, _el) {
+        warn(AUTO_MODAL_HTML);
+    });
+}

package/dist/bundle-tmp/version.js

@@ -1,2 +1,2 @@
 // Auto-generated from package.json. Do not edit by hand.
-export var VERSION = "0.3.5";
+export var VERSION = "0.3.6";

package/dist/esm/version.js

@@ -1,2 +1,2 @@
 // Auto-generated from package.json. Do not edit by hand.
-export var VERSION = "0.3.5";
+export var VERSION = "0.3.6";

package/dist/honey-detect.js

@@ -1,6 +1,6 @@
 (function() {
   // dist/bundle-tmp/version.js
-  var VERSION = "0.3.5";
+  var VERSION = "0.3.6";
 
   // dist/bundle-tmp/core.js
   var __assign = function() {

package/dist/types/core.d.ts

@@ -1,4 +1,4 @@
-export declare const version = "0.3.5";
+export declare const version = "0.3.6";
 export type WarnCallback = (message: string) => () => void;
 export type MatchCallback = (warn: WarnCallback, el?: HTMLDivElement) => void;
 export interface ObserverOptions {

package/dist/types/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "0.3.5";
+export declare const VERSION = "0.3.6";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fck-honey",
-  "version": "0.3.5",
+  "version": "0.3.6",
   "description": "Detects Honey browser extension overlays for merchants.",
   "license": "MIT",
   "main": "dist/honey-detect.js",
@@ -18,7 +18,7 @@
   ],
   "scripts": {
     "prebuild": "node scripts/write-version.cjs",
-    "build": "tsc -p tsconfig.esm.json && tsc -p tsconfig.bundle.json && esbuild dist/bundle-tmp/global.js --bundle --format=iife --platform=browser --target=es5 --outfile=dist/honey-detect.js",
+    "build": "tsc -p tsconfig.esm.json && tsc -p tsconfig.bundle.json && esbuild dist/bundle-tmp/global.js --bundle --format=iife --platform=browser --target=es5 --outfile=dist/honey-detect.js && esbuild dist/bundle-tmp/auto.js --bundle --format=iife --platform=browser --target=es5 --outfile=dist/auto.js",
     "prepublishOnly": "npm run build && node scripts/check-version.cjs",
     "clean": "rm -rf dist"
   },