🛒 BJ's Coupon Auto-Clipper

Automatically clips all coupons on BJ's Wholesale without having to click them one by one.
Works as a Tampermonkey userscript (recommended) or as a one-time script you paste into the browser console.

---

✨ Features

• ✅ Auto-clips all coupons on page load
• ✅ Detects new coupons as you scroll (no refresh needed)
• ✅ Lightweight and efficient (uses MutationObserver)
• ✅ Works in both Tampermonkey and browser console

---

⚙️ Installation (Tampermonkey – Recommended)

1. Install Tampermonkey extension for your browser.
   • Chrome Web Store
   • Firefox Add-ons
   • Microsoft Edge Add-ons
2. Click the Tampermonkey icon → Create a new script.
3. Delete the default template and paste in the script from bjs-coupon-autoclip.js.
4. Save the script (Ctrl+S).
5. Navigate to BJ’s Coupons Page.
6. Coupons will now clip automatically as they load 🎉

---

⚡ One-Time Use (Browser Console)

If you don’t want to install Tampermonkey, you can run it manually:

1. Open BJ’s Coupons Page.
2. Press F12 (or Ctrl+Shift+I / Cmd+Opt+I on Mac) to open Developer Tools.
3. Go to the Console tab.
4. Paste in the script.
5. Hit Enter → coupons will start clipping.

Important

Depending on browser settings, you may need to allow pasting before step 4.

Warning

You’ll need to re-paste the script each time you refresh
the webpage when using Browser Console method.

---

🛠 Script

// ==UserScript==
// @name         BJ's Coupon Auto-Clipper
// @namespace    https://www.tampermonkey.net
// @version      1.0.1
// @description  Automatically clips BJ's coupons as they load
// @author       Johnny J. Ayissi
// @match        https://www.bjs.com/myCoupons
// @grant        none
// @run-at       document-idle
// ==/UserScript==

(function () {
  'use strict';

  let clipCount = 0;
  let counterBox = null;
  const clickQueue = [];
  let processing = false;

  function addCounter() {
    counterBox = document.createElement('div');
    Object.assign(counterBox.style, {
      position: 'fixed',
      bottom: '20px',
      right: '20px',
      background: 'rgba(0, 128, 0, 0.85)',
      color: '#fff',
      padding: '8px 12px',
      borderRadius: '8px',
      fontSize: '14px',
      zIndex: '999999',
      fontFamily: 'Arial, sans-serif',
    });
    counterBox.textContent = 'Coupons clipped: 0';
    document.body.appendChild(counterBox);
  }

  function updateCounter() {
    if (counterBox) counterBox.textContent = `Coupons clipped: ${clipCount}`;
  }

  function enqueueButton(btn) {
    if (!btn || btn.dataset.clicked || btn.dataset.enqueued) return;
    btn.dataset.enqueued = 'true';
    clickQueue.push(btn);
  }

  function processQueue(delayMs = 150) {
    if (processing) return;
    processing = true;

    function next() {
      if (clickQueue.length === 0) {
        processing = false;
        return;
      }
      const btn = clickQueue.shift();
      try {
        if (btn && !btn.dataset.clicked) {
          btn.click();
          btn.dataset.clicked = 'true';
          clipCount++;
          updateCounter();
          console.log('✅ Clipped a coupon:', btn.innerText || btn.textContent || btn);
        }
      } catch (err) {
        console.warn('Click error:', err);
      }
      setTimeout(next, delayMs);
    }

    next();
  }

  function scanAndEnqueue() {
    const sel = [
      'button[name="clipToCard"]',
      'button.Buttonstyle__StyledButton-sc-1p91mnj-0.cyDgas',
    ].join(',');

    const buttons = document.querySelectorAll(sel);
    buttons.forEach(enqueueButton);

    processQueue(120);
  }

  function main() {
    addCounter();
    scanAndEnqueue();

    const observer = new MutationObserver(scanAndEnqueue);
    observer.observe(document.body, { childList: true, subtree: true });
  }

  main();
})();

🙏 Credits

This project was inspired by BJs GitHub repository created by YesInAJiffy.

📜 License

This project is licensed under the MIT License. See the LICENSE file for more details.