Code Minifier | AllDays

Language
Paste your code
Minified output
—
This is a fast, safe structural minifier (it strips comments and needless whitespace). It is not a full compiler like Terser — it won't rename variables or do advanced optimisation, so the output stays behaviourally identical.
Frequently asked questions

Is the minified JavaScript safe to run?

Yes. The JS minifier only strips comments and collapses whitespace while preserving strings, template literals and regex contents, so behaviour is unchanged. It doesn't rename variables, so it won't break references — but for production builds a full tool like Terser compresses further.
Does minifying JSON validate it?

Yes. JSON is parsed and re-serialised, so invalid JSON is reported as an error rather than silently mangled.
Will HTML minifying break my page?

It removes comments (keeping IE conditional comments) and collapses whitespace between tags. This is safe for typical markup, though be mindful of significant whitespace inside
 or .</p></div><div class="faq-item"><h3>Is my code uploaded?</h3><p>No. All minification happens locally in your browser, so you can safely paste proprietary or sensitive code.</p></div>
  </section>

  <section class="notes">
    <h2>What this minifier does</h2>
    <ul>
      <li>Strips comments and unnecessary whitespace from CSS, JavaScript, HTML, JSON and XML to shrink file size for faster loading.</li>
      <li>The JavaScript minifier is deliberately conservative — it removes comments and collapses whitespace while carefully preserving the contents of strings and template literals, so behaviour doesn't change. It does not rename variables or perform advanced optimisation (that's what build-time tools like Terser are for).</li>
      <li>JSON minifying re-parses and re-serialises, which also validates the JSON along the way.</li>
      <li>Everything runs in your browser — paste sensitive code safely, nothing is uploaded.</li>
    </ul>
  </section>
  <section class="related">
    <div class="section-label"><span class="sec-title">Related tools</span></div>
    <div class="grid"><a class='card' href='/tools/code-beautifier'><h3>Code Beautifier</h3><p>Pretty-print HTML, CSS, JS, JSON, XML</p><span class="open">Open tool →</span></a><a class='card' href='/tools/json-formatter'><h3>JSON & XML Formatter</h3><p>Format, validate, tree view, convert</p><span class="open">Open tool →</span></a><a class='card' href='/tools/sql-formatter'><h3>SQL Formatter</h3><p>Pretty-print and format SQL</p><span class="open">Open tool →</span></a></div>
  </section>
</main>
<footer>
  <div class="wrap footer-inner">
    <span class="tagline">AllDays — small tools, made simple.</span>
    <div class="foot-links">
      <a href='/#converters'>Converters</a>
      <a href='/#utility'>Utility</a>
      <a href='/#design'>Design</a>
      <a href='/#content'>Content</a>
      <a href='/#business'>Business</a>
      <a href='/#documents'>Documents</a>
      <a href='/roadmap'>Roadmap</a>
      <a href='/contact'>Contact</a>
      <a href='/about'>About</a>
      <a href='/faq'>FAQ</a>
      <a href='/privacy'>Privacy</a>
      <a href='/terms'>Terms</a>
    </div>
  </div>
    <div class="foot-social" aria-label="AllDays on social media">
      <a href="https://www.youtube.com/@alldaystools" target="_blank" rel="noopener" title="AllDays on YouTube"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M23 7.2a4 4 0 0 0-.7-1.8 2.7 2.7 0 0 0-1.9-.8C17.7 4.4 12 4.4 12 4.4s-5.7 0-8.4.2a2.7 2.7 0 0 0-1.9.8A4 4 0 0 0 1 7.2 41 41 0 0 0 .8 12 41 41 0 0 0 1 16.8a4 4 0 0 0 .7 1.8 2.7 2.7 0 0 0 1.9.8c2.7.2 8.4.2 8.4.2s5.7 0 8.4-.2a2.7 2.7 0 0 0 1.9-.8 4 4 0 0 0 .7-1.8A41 41 0 0 0 23.2 12 41 41 0 0 0 23 7.2zM9.8 15.3V8.7L15.7 12z"/></svg>YouTube</a>
      <a href="https://x.com/alldaystools" target="_blank" rel="noopener" title="AllDays on X"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M18.9 2H22l-6.8 7.8L23.2 22h-6.3l-4.9-6.4L6.4 22H3.3l7.3-8.3L1.2 2h6.4l4.4 5.9zm-1.1 18h1.7L7.1 3.7H5.3z"/></svg>X</a>
      <a href="https://www.linkedin.com/company/alldaystools" target="_blank" rel="noopener" title="AllDays on LinkedIn"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M20.4 20.4h-3.6v-5.6c0-1.3 0-3-1.9-3s-2.1 1.4-2.1 2.9v5.7H9.3V9h3.4v1.6h.1a3.8 3.8 0 0 1 3.4-1.9c3.6 0 4.3 2.4 4.3 5.5zM5.3 7.4a2.1 2.1 0 1 1 0-4.2 2.1 2.1 0 0 1 0 4.2zM7.1 20.4H3.5V9h3.6z"/></svg>LinkedIn</a>
      <a href="https://www.instagram.com/alldaystools" target="_blank" rel="noopener" title="AllDays on Instagram"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M12 2.2c3.2 0 3.6 0 4.8.1a6.6 6.6 0 0 1 2.2.4 4.6 4.6 0 0 1 2.6 2.6 6.6 6.6 0 0 1 .4 2.2c.1 1.2.1 1.6.1 4.8s0 3.6-.1 4.8a6.6 6.6 0 0 1-.4 2.2 4.6 4.6 0 0 1-2.6 2.6 6.6 6.6 0 0 1-2.2.4c-1.2.1-1.6.1-4.8.1s-3.6 0-4.8-.1a6.6 6.6 0 0 1-2.2-.4 4.6 4.6 0 0 1-2.6-2.6 6.6 6.6 0 0 1-.4-2.2C2.2 15.6 2.2 15.2 2.2 12s0-3.6.1-4.8a6.6 6.6 0 0 1 .4-2.2 4.6 4.6 0 0 1 2.6-2.6 6.6 6.6 0 0 1 2.2-.4C8.4 2.2 8.8 2.2 12 2.2zm0 3.1A6.7 6.7 0 1 0 18.7 12 6.7 6.7 0 0 0 12 5.3zm0 11a4.3 4.3 0 1 1 4.3-4.3 4.3 4.3 0 0 1-4.3 4.3zM19 4.9a1.6 1.6 0 1 0 1.6 1.6A1.6 1.6 0 0 0 19 4.9z"/></svg>Instagram</a>
      <a href="https://www.facebook.com/alldaystools" target="_blank" rel="noopener" title="AllDays on Facebook"><svg viewBox="0 0 24 24" fill="currentColor"><path d="M24 12a12 12 0 1 0-13.9 11.9v-8.4h-3V12h3V9.4c0-3 1.8-4.7 4.5-4.7a18 18 0 0 1 2.7.2v3h-1.5A1.7 1.7 0 0 0 13.9 9.7V12h3.3l-.5 3.5h-2.8v8.4A12 12 0 0 0 24 12z"/></svg>Facebook</a>
    </div>
</footer>
<script>
// AllDays — shared utilities

function showToast(message) {
  let toast = document.querySelector(".toast");
  if (!toast) {
    toast = document.createElement("div");
    toast.className = "toast";
    toast.setAttribute("role", "status");
    toast.setAttribute("aria-live", "polite");
    document.body.appendChild(toast);
  }
  toast.textContent = message;
  toast.classList.add("show");
  clearTimeout(toast._t);
  toast._t = setTimeout(() => toast.classList.remove("show"), 1800);
}

function copyText(text, label) {
  navigator.clipboard.writeText(text).then(() => {
    showToast(label ? `${label} copied` : "Copied to clipboard");
  }).catch(() => {
    showToast("Could not copy — select and copy manually");
  });
}

document.addEventListener("DOMContentLoaded", () => {
  document.querySelectorAll(".card").forEach((el, i) => {
    el.style.opacity = "0";
    el.style.transform = "translateY(6px)";
    setTimeout(() => {
      el.style.transition = "opacity 0.35s ease, transform 0.35s ease";
      el.style.opacity = "1";
      el.style.transform = "translateY(0)";
    }, 20 * Math.min(i, 20));
  });

  const toggle = document.querySelector(".nav-toggle");
  const drawer = document.querySelector(".nav-drawer");
  if (toggle && drawer) toggle.addEventListener("click", () => drawer.classList.toggle("open"));

  const search = document.getElementById("toolSearch");
  if (search) {
    const sections = Array.from(document.querySelectorAll(".tool-section"));
    const noResults = document.getElementById("noResults");
    search.addEventListener("input", () => {
      const q = search.value.trim().toLowerCase();
      let anyVisible = false;
      sections.forEach(section => {
        let hit = false;
        section.querySelectorAll(".card").forEach(card => {
          const match = card.textContent.toLowerCase().includes(q);
          card.style.display = match ? "" : "none";
          if (match) hit = true;
        });
        section.style.display = hit ? "" : "none";
        if (hit) anyVisible = true;
      });
      if (noResults) noResults.style.display = anyVisible ? "none" : "block";
    });
  }
});

const TOOL_INDEX = [["age-calculator.html", "Age Calculator", "Exact age, live second counter, date difference, zodiac"], ["unit-converter.html", "Universal Unit Converter", "17 categories: length, weight, temp, area, volume, time, energy, power, data, cooking"], ["image-converter.html", "Image Converter", "JPG, PNG, WEBP, AVIF, resize, crop, batch ZIP"], ["media-converter.html", "Video & Audio Converter", "MP4, MP3, GIF, trim, compress, FFmpeg in browser"], ["color-converter.html", "Color Converter", "HEX, RGB, HSL, CMYK, nearest named color"], ["password-generator.html", "Password Generator", "Strong or pronounceable passwords, batch generation"], ["uuid-generator.html", "UUID Generator", "UUID v1, v4, v6, v7, Nil, Short ID, Nano ID"], ["random-number-generator.html", "Random Number Generator", "Ranges, dice, coin flips, list picker, bell curve"], ["hash-generator.html", "Hash Generator", "MD5, CRC32, SHA-1/256/384/512, SHA-3, file hashing"], ["qr-generator.html", "QR Code Generator", "Logos, gradients, UPI, vCard, WiFi, WhatsApp, batch CSV"], ["whatsapp-link-generator.html", "WhatsApp Link Generator", "wa.me chat links, message, QR, UTM"], ["barcode-generator.html", "Barcode Generator", "Code 39, Code 128, EAN-13, UPC-A"], ["color-palette-generator.html", "Color Palette Generator", "8 schemes, WCAG contrast check, CSS export"], ["gradient-generator.html", "Gradient Generator", "Multi-stop, linear, radial, conic"], ["css-generator.html", "Flexbox & Grid Generator", "Build layouts visually, copy CSS and HTML"], ["box-shadow-generator.html", "Box Shadow Generator", "Multiple layered shadows"], ["border-radius-generator.html", "Border Radius Generator", "Elliptical corners, presets"], ["svg-blob-generator.html", "SVG Blob Generator", "Gradient fills, stroke, variations"], ["avatar-generator.html", "Avatar Generator", "Identicon, rings, initials, Bauhaus"], ["favicon-generator.html", "Favicon Generator", "Every icon size plus HTML snippet"], ["word-counter.html", "Word Counter", "Readability score, keyword density, reading time"], ["json-formatter.html", "JSON & XML Formatter", "Format, validate, tree view, JSON\u2194XML, YAML, CSV, key=value"], ["xml-formatter.html", "XML Formatter", "Validate, minify, XPath, XML to JSON"], ["meta-tag-generator.html", "Meta Tag Generator", "Live Google and social previews"], ["fancy-text-generator.html", "Fancy Text Generator", "56 Unicode font styles"], ["ascii-art-generator.html", "ASCII Art Generator", "Text or image to ASCII, color output"], ["lorem-ipsum-generator.html", "Lorem Ipsum Generator", "4 word styles, HTML output"], ["regex-tester.html", "Regex Tester", "Live highlighting, common presets"], ["sql-formatter.html", "SQL Formatter", "Pretty-print, leading commas, stats"], ["json-csv-converter.html", "JSON to CSV Converter", "Nested flattening, multiple delimiters"], ["business-name-generator.html", "Business Name Generator", "6 industry styles"], ["domain-name-generator.html", "Domain Name Generator", "10 TLDs, prefix and suffix patterns"], ["invoice-generator.html", "Invoice Generator", "27 currencies, logo, discounts, PDF"], ["gst-invoice-generator.html", "GST Invoice Generator", "Per-item HSN and GST rates, amount in words"], ["loan-comparison.html", "Loan Comparison Tool", "5 interest types, side-by-side, PDF"], ["emi-planner.html", "EMI Planner", "EMI, prepayment strategies, extra EMI, lumpsum, interest saved"], ["sip-calculator.html", "SIP Calculator", "Step-up SIP, goal, SWP, retirement, XIRR, mutual fund analytics"], ["expense-tracker.html", "Expense Tracker", "Budget bar, category chart, CSV export"], ["cover-letter-generator.html", "Cover Letter Generator", "6 tones, print to PDF"], ["resume-builder.html", "ATS Resume Builder", "ATS keyword checker, projects, certifications"], ["pdf-merge.html", "PDF Merge", "Reorder, page ranges, blank separators"], ["pdf-split.html", "PDF Split", "Every page, custom ranges, every N pages"], ["pdf-rotate.html", "PDF Rotate", "Odd/even, custom, landscape-only fix"], ["pdf-extract-pages.html", "PDF Extract Pages", "Reorder while extracting, invert selection"], ["images-to-pdf.html", "Images to PDF", "A4, Letter, margins, orientation"], ["pdf-page-numbering.html", "PDF Page Numbering", "6 formats including Roman numerals"], ["pdf-watermark.html", "PDF Watermark", "Text or logo, tiled, per-page"], ["pdf-compress.html", "Compress PDF", "Structural optimization, metadata strip"], ["ocr-pdf.html", "OCR \u2014 Image to Text", "Extract text from scans, runs in browser"], ["pdf-to-word.html", "PDF to Word", "Convert PDF into an editable DOCX."], ["pdf-to-excel.html", "PDF to Excel", "Extract PDF tables into a spreadsheet."], ["pdf-to-powerpoint.html", "PDF to PowerPoint", "Turn PDF pages into editable slides."], ["office-to-pdf.html", "Office to PDF", "Word, Excel, or PowerPoint \u2192 PDF."], ["html-to-pdf.html", "HTML to PDF", "Render a webpage or HTML file to PDF."], ["pdf-protect.html", "Protect PDF", "Real AES password encryption."], ["pdf-unlock.html", "Unlock PDF", "Remove a password you already know."], ["pdf-deep-compress.html", "Deep Compress PDF", "True image re-encoding \u2014 50\u201390% smaller.", ["jwt-decoder.html", "JWT Decoder", "Decode header, payload, expiry, algorithm \u2014 100% local"], ["base64.html", "Base64 Encoder / Decoder", "Text, files, images, URL-safe, data-URI"], ["url-encoder.html", "URL Encoder / Decoder", "Encode, decode, edit query parameters"], ["yaml-tool.html", "YAML Converter & Validator", "YAML to JSON, JSON to YAML, validate"], ["cron-generator.html", "Cron Expression Generator", "Visual builder, plain English, next 10 runs"], ["code-minifier.html", "Code Minifier", "CSS, JS, HTML, JSON, XML \u2014 strip and shrink"], ["code-beautifier.html", "Code Beautifier", "Pretty-print CSS, JSON, XML, JS, SQL"], ["fuel-blend-calculator.html", "Fuel Blend Calculator", "Mileage, cost, range, CO\u2082 for E10/E20/E85, biodiesel, isobutanol blends"]]];

/* ===========================================================================
   AllDays — Ad configuration (SINGLE SOURCE OF TRUTH)
   Edit this block only. Do not scatter ad code across pages.
   ===========================================================================

   ARCHITECTURE (based on what actually maximises RPM, not what feels like
   "more ads = more money" — which is false, see note at bottom):

     1. AUTO ADS       — Google's ML picks placements. Enable in AdSense UI.
     2. MANUAL SLOTS   — 2 per page maximum. Defined below.
     3. OFFERWALL      — Rewarded-ad gate for PDF downloads.
                         *** CONFIGURED IN THE ADSENSE DASHBOARD, NOT HERE. ***

   ---------------------------------------------------------------------------
   TO GO LIVE:
   ---------------------------------------------------------------------------
   Step 1 — Set your publisher ID:
       ADS.publisherId = "ca-pub-XXXXXXXXXXXXXXXX";
       ADS.enabled     = true;

   Step 2 — Set your slot IDs (create the units in AdSense → Ads → By ad unit):
       ADS.slots.top    = "1234567890";
       ADS.slots.bottom = "0987654321";

   Step 3 — Enable Auto Ads in the AdSense UI (Ads → Overview → your site).
       Google's ML will add anchor/in-article units on top of your 2 manual ones.
       Research consistently shows Auto Ads + 2-3 manual units beats manual-only.

   Step 4 — REWARDED DOWNLOADS (the "watch an ad to download" feature):
       This is Google's **Offerwall**, generally available on AdSense since
       April 2026. You do NOT build it. You configure it:

         AdSense → Privacy & messaging → Offerwall → Create message
           • User choice:   "Rewarded ad"
           • URL targeting: yoursite.com/tools/pdf-*
           • Publish

       Google then handles the ad, the countdown, the skip button, the reward
       grant, and the policy compliance. Set ADS.offerwallActive = true below
       once it's live, and our own fallback gate switches itself off.

   ---------------------------------------------------------------------------
   POLICY — read before touching the reward gate:
   ---------------------------------------------------------------------------
   Google's rewarded-ads policy explicitly bans incentivising language such as
   "watch this ad to support our business". Rewarded ads must also be skippable.
   Our fallback gate below complies. Don't "improve" it back into a violation.

   ---------------------------------------------------------------------------
   WHY ONLY 2 SLOTS? (the honest bit)
   ---------------------------------------------------------------------------
   Ad-heavy tool sites lose the repeat visitors that make them profitable.
   Revenue = traffic x RPM, and traffic is the harder variable. Ads hurt Core
   Web Vitals, hurt rankings, and hurt return rate. Auto Ads already fills the
   gaps intelligently. Adding a 4th and 5th manual unit reliably makes a tool
   site earn *less*, not more, because people stop coming back.
   =========================================================================== */

const ADS = {
  /* =========================================================================
     AllDays — AD & REWARD CONFIG  (edit these values, nothing else)
     -------------------------------------------------------------------------
     You have TWO ways to place ads. Use whichever your network needs:

       A) GOOGLE ADSENSE  → set publisherId + the slot IDs below.
       B) ANY OTHER NETWORK (Ezoic, Media.net, PropellerAds, a direct sale…)
          → paste that network's raw <script>/<ins> snippet into customHTML
            for the slot. Whatever you paste is injected exactly as-is.

     Ad slots that are left empty simply collapse — they never leave a gap or
     shift a tool's layout.
     ========================================================================= */
  enabled: false,                    // ← master switch. Flip to true once your ads are ready.
  demoBanner: true,                  // ← shows a TEMP placeholder banner in each slot so you can see ad positions. Set false (or configure a real ad) to hide.

  // --- Option A: Google AdSense -------------------------------------------
  publisherId: "ca-pub-XXXXXXXXXXXXXXXX",   // your AdSense publisher ID
  slots: {
    top: "",                         // AdSense ad-unit ID for the slot ABOVE the tool
    bottom: "",                      // AdSense ad-unit ID for the slot BELOW the tool
    inpanel: "",                     // optional in-panel unit (some tools have one)
  },

  // --- Option B: paste any network's snippet ------------------------------
  //   Leave "" to ignore. If a slot has customHTML, it is used instead of AdSense.
  customHTML: {
    top: "",
    bottom: "",
    inpanel: "",
  },

  // --- Reward-gated downloads ---------------------------------------------
  //   When rewardGate is true, clicking any download button first shows a
  //   short, SKIPPABLE rewarded ad; the file downloads the moment it finishes
  //   (or when the user skips). This is Google-policy compliant.
  //   If you use AdSense Offerwall instead, set offerwallActive = true and this
  //   in-page gate turns itself off automatically.
  rewardGate: false,                 // ← true to require watching a reward ad before downloads
  offerwallActive: false,            // ← true once AdSense Offerwall is live (disables the in-page gate)
  rewardHTML: "",                    // optional: paste a rewarded-ad <script>/<ins> to render inside the gate
  gateSeconds: 10,                   // ad length shown in the gate
  gateSkipAfter: 5,                  // seconds before "Skip" unlocks (min 5, per policy)

  /* back-compat alias: older code reads fallbackGate */
  get fallbackGate() { return this.rewardGate; },
};

/* --- Loads the AdSense script once, if configured ------------------------ */
(function loadAdSense() {
  if (!ADS.enabled || !ADS.publisherId.includes("ca-pub-") || ADS.publisherId.includes("XXXX")) return;
  const s = document.createElement("script");
  s.async = true;
  s.src = `https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=${ADS.publisherId}`;
  s.crossOrigin = "anonymous";
  document.head.appendChild(s);
})();

/* --- Fills every <div class="ad-slot"> on the page ----------------------- */
function mountAdSlots() {
  document.querySelectorAll(".ad-slot").forEach(slot => {
    const which = slot.dataset.slot || "bottom";
    const placeholder = slot.querySelector(".ad-placeholder");
    if (!placeholder) return;

    const custom = ADS.customHTML && ADS.customHTML[which];
    const adsenseSlot = ADS.slots && ADS.slots[which];

    // Nothing real configured → show a temp demo banner (if enabled), else collapse.
    if (!ADS.enabled || (!custom && !adsenseSlot)) {
      if (ADS.demoBanner) {
        slot.classList.add("ad-filled", "ad-demo");
        placeholder.innerHTML = '<div class="ad-demo-banner"><span class="adb-badge">AD</span><span class="adb-text">Your ad could be here</span><span class="adb-dim">728\u00d790 \u00b7 responsive placeholder</span></div>';
      } else {
        slot.classList.remove("ad-filled");   // stays hidden (CSS default)
      }
      return;
    }
    slot.classList.remove("ad-demo");
    slot.classList.add("ad-filled");
    placeholder.innerHTML = "";

    // Option B: paste-any-network snippet takes priority.
    if (custom) {
      // Inject arbitrary HTML/scripts. Scripts inserted via innerHTML don't run,
      // so we re-create <script> tags to make them execute.
      const tmp = document.createElement("div");
      tmp.innerHTML = custom;
      Array.from(tmp.childNodes).forEach(node => {
        if (node.tagName === "SCRIPT") {
          const s = document.createElement("script");
          for (const a of node.attributes) s.setAttribute(a.name, a.value);
          s.text = node.textContent;
          placeholder.appendChild(s);
        } else {
          placeholder.appendChild(node);
        }
      });
      return;
    }

    // Option A: standard AdSense unit.
    const ins = document.createElement("ins");
    ins.className = "adsbygoogle";
    ins.style.display = "block";
    ins.setAttribute("data-ad-client", ADS.publisherId);
    ins.setAttribute("data-ad-slot", adsenseSlot);
    ins.setAttribute("data-ad-format", "auto");
    ins.setAttribute("data-full-width-responsive", "true");
    placeholder.appendChild(ins);
    try { (window.adsbygoogle = window.adsbygoogle || []).push({}); } catch (e) {}
  });
}

/* ---------------------------------------------------------------------------
   REWARD GATE — fallback only.
   Once Offerwall is live (ADS.offerwallActive = true), this disables itself
   and downloads proceed immediately, because Google's Offerwall has already
   handled the ad + reward before the user ever reached the download button.
   --------------------------------------------------------------------------- */
function showAdGate(onComplete, seconds) {
  // Gate is off (or Offerwall handles it) → download proceeds immediately.
  if (ADS.offerwallActive || !ADS.rewardGate) { onComplete(); return; }

  seconds = seconds || ADS.gateSeconds || 10;
  const skipAfter = Math.max(5, ADS.gateSkipAfter || 5);   // policy: skippable, min 5s
  const overlay = document.createElement("div");
  overlay.className = "ad-gate-overlay";

  // If a rewarded-ad snippet was pasted, render it; otherwise show a neutral placeholder + countdown.
  const adBox = ADS.rewardHTML
    ? `<div class="ad-gate-placeholder" id="adGateAd"></div>`
    : `<div class="ad-gate-placeholder">
         <span class="ad-label">Advertisement</span>
         <span class="ad-gate-countdown" id="adGateCountdown">${seconds}</span>
       </div>`;

  overlay.innerHTML = `
    <div class="ad-gate-box">
      <h3>Your download is ready</h3>
      <p>It starts automatically in a moment — or skip below.</p>
      ${adBox}
      <button class="btn btn-ghost" id="adGateSkip" style="margin-top:16px;" disabled>Skip available in ${skipAfter}s…</button>
    </div>`;
  document.body.appendChild(overlay);

  // Inject a pasted rewarded-ad snippet (scripts re-created so they execute).
  if (ADS.rewardHTML) {
    const host = overlay.querySelector("#adGateAd");
    const tmp = document.createElement("div");
    tmp.innerHTML = ADS.rewardHTML;
    Array.from(tmp.childNodes).forEach(node => {
      if (node.tagName === "SCRIPT") {
        const sc = document.createElement("script");
        for (const a of node.attributes) sc.setAttribute(a.name, a.value);
        sc.text = node.textContent;
        host.appendChild(sc);
      } else host.appendChild(node);
    });
  }

  let done = false;
  const finish = () => {
    if (done) return;
    done = true;
    clearInterval(timer); clearInterval(skipTimer);
    if (overlay.parentNode) document.body.removeChild(overlay);
    window.__gateBypassUntil = Date.now() + 8000;  // let the triggered download(s) pass
    onComplete();
  };
  const skipBtn = overlay.querySelector("#adGateSkip");
  skipBtn.addEventListener("click", () => { if (!skipBtn.disabled) finish(); });
  let skipWait = skipAfter;
  const skipTimer = setInterval(() => {
    skipWait--;
    if (skipWait <= 0) { clearInterval(skipTimer); skipBtn.disabled = false; skipBtn.textContent = "Skip and download"; }
    else skipBtn.textContent = `Skip available in ${skipWait}s…`;
  }, 1000);

  let remaining = seconds;
  const el = overlay.querySelector("#adGateCountdown");
  const timer = setInterval(() => {
    remaining--;
    if (el) el.textContent = Math.max(0, remaining);
    if (remaining <= 0) finish();
  }, 1000);
}

/* ===========================================================================
   AllDays — app layer: theme, command palette, recent tools, favorites, PWA
   =========================================================================== */

/* ---------------- Theme (dark / light / system) ---------------- */
const THEME_KEY = "alldays_theme";
function applyTheme(t) {
  document.documentElement.setAttribute("data-theme", t);
  const btn = document.getElementById("themeToggle");
  if (btn) btn.textContent = t === "light" ? "\u263D" : "\u2600";
}
function initTheme() {
  let t = localStorage.getItem(THEME_KEY);
  if (!t) t = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";  // LIGHT is default
  applyTheme(t);
}
function toggleTheme() {
  const cur = document.documentElement.getAttribute("data-theme") || "dark";
  const next = cur === "dark" ? "light" : "dark";
  localStorage.setItem(THEME_KEY, next);
  applyTheme(next);
}

/* ---------------- Recent tools + favorites ---------------- */
const RECENT_KEY = "alldays_recent";
const FAV_KEY = "alldays_favs";

function readJSON(key, fallback) {
  try { const v = localStorage.getItem(key); return v ? JSON.parse(v) : fallback; }
  catch (e) { return fallback; }
}
function writeJSON(key, val) {
  try { localStorage.setItem(key, JSON.stringify(val)); } catch (e) {}
}

function recordVisit() {
  const path = window.location.pathname;
  if (!path.includes("/tools/")) return;
  const file = path.split("/").pop();
  const h1 = document.querySelector(".tool-header h1");
  if (!file || !h1) return;
  let recent = readJSON(RECENT_KEY, []).filter(r => r.file !== file);
  recent.unshift({ file, name: h1.textContent.trim(), at: Date.now() });
  writeJSON(RECENT_KEY, recent.slice(0, 8));
}

function isFav(file) { return readJSON(FAV_KEY, []).includes(file); }
function toggleFav(file) {
  let favs = readJSON(FAV_KEY, []);
  favs = favs.includes(file) ? favs.filter(f => f !== file) : [file, ...favs];
  writeJSON(FAV_KEY, favs);
  return favs.includes(file);
}

/* Renders compact "Favorites" + "Recently used" rail in the hero (right side) */
function renderPersonalSections() {
  const host = document.getElementById("personalSections");
  if (!host) return;
  const favs = readJSON(FAV_KEY, []);
  const recent = readJSON(RECENT_KEY, []).filter(r => !favs.includes(r.file)).slice(0, 6);
  const nameOf = f => {
    const hit = (typeof TOOL_INDEX !== "undefined") && TOOL_INDEX.find(t => t[0] === f);
    return hit ? hit[1] : f.replace(".html", "").replace(/-/g, " ");
  };
  let html = "";
  if (favs.length) {
    html += `<div class="hs-title">\u2605 Favorites</div>` +
      favs.slice(0, 6).map(f => `<a class="hs-item fav" href="tools/${f}"><span class="dot"></span>${nameOf(f)}</a>`).join("");
  }
  if (recent.length) {
    html += `<div class="hs-title">Recently used</div>` +
      recent.map(r => `<a class="hs-item" href="tools/${r.file}"><span class="dot"></span>${r.name || nameOf(r.file)}</a>`).join("");
  }
  if (!html) html = `<div class="hs-title">Recently used</div><div class="hs-empty">Tools you open will appear here for one-tap access.</div>`;
  host.innerHTML = html;
}
function __oldRenderPersonalSections_removed() {
  const host = document.getElementById("personalSections");
  if (!host) return;

  const allCards = Array.from(document.querySelectorAll(".tool-section .card"));
  const lookup = {};
  allCards.forEach(c => {
    const file = c.getAttribute("href").split("/").pop();
    lookup[file] = {
      href: c.getAttribute("href"),
      title: c.querySelector("h3")?.textContent || file,
      desc: c.querySelector("p")?.textContent || "",
      icon: c.querySelector("svg, .icon-badge")?.outerHTML || "",
    };
  });

  const build = (title, files, emptyMsg) => {
    const items = files.map(f => lookup[f]).filter(Boolean);
    if (!items.length) return "";
    const cards = items.map(i => `
      <a class="card reg-marks" href="${i.href}">
        ${i.icon}
        <h3>${i.title}</h3>
        <p>${i.desc}</p>
        <span class="open">Open tool \u2192</span>
      </a>`).join("");
    return `
      <div class="tool-section">
        <div class="section-label">
          <span class="sec-title">${title}</span>
          <span class="sec-count">${items.length}</span>
          <span class="rule"></span>
        </div>
        <div class="grid">${cards}</div>
      </div>`;
  };

  const favs = readJSON(FAV_KEY, []);
  const recent = readJSON(RECENT_KEY, []).map(r => r.file).filter(f => !favs.includes(f));

  let html = "";
  html += build("\u2605 Your favorites", favs);
  html += build("Recently used", recent.slice(0, 6));
  host.innerHTML = html;
}

/* Star button on each tool page */
function mountFavButton() {
  const header = document.querySelector(".tool-header");
  if (!header || !window.location.pathname.includes("/tools/")) return;
  const file = window.location.pathname.split("/").pop();
  const btn = document.createElement("button");
  btn.className = "fav-btn";
  btn.title = "Save to favorites";
  const paint = () => {
    const on = isFav(file);
    btn.textContent = on ? "\u2605 Saved" : "\u2606 Save to favorites";
    btn.classList.toggle("on", on);
  };
  btn.addEventListener("click", () => {
    const now = toggleFav(file);
    paint();
    showToast(now ? "Added to favorites" : "Removed from favorites");
  });
  paint();
  header.appendChild(btn);
}

/* ---------------- Command palette (Cmd/Ctrl + K) ---------------- */
let PALETTE_INDEX = null;

function buildPaletteIndex() {
  if (PALETTE_INDEX) return PALETTE_INDEX;
  const inTools = window.location.pathname.includes("/tools/");
  const prefix = inTools ? "" : "tools/";
  const up = inTools ? "../" : "";
  PALETTE_INDEX = TOOL_INDEX.map(t => ({
    name: t[1], desc: t[2], href: prefix + t[0]
  })).concat([
    { name: "All tools (Home)", desc: "Browse every tool", href: up + "index.html" },
    { name: "Roadmap", desc: "What's built and what's skipped", href: up + "roadmap.html" },
    { name: "FAQ", desc: "Common questions", href: up + "faq.html" },
    { name: "About", desc: "How AllDays works", href: up + "about.html" },
    { name: "Contact", desc: "Suggest a tool", href: up + "contact.html" },
  ]);
  return PALETTE_INDEX;
}

function openPalette() {
  if (document.querySelector(".palette-overlay")) return;
  const overlay = document.createElement("div");
  overlay.className = "palette-overlay";
  overlay.innerHTML = `
    <div class="palette-box">
      <input type="text" id="paletteInput" placeholder="Search tools\u2026  (Esc to close)" autocomplete="off">
      <div class="palette-results" id="paletteResults"></div>
      <div class="palette-hint">\u2191\u2193 navigate \u00b7 \u21b5 open \u00b7 Esc close</div>
    </div>`;
  document.body.appendChild(overlay);

  const input = overlay.querySelector("#paletteInput");
  const results = overlay.querySelector("#paletteResults");
  const index = buildPaletteIndex();
  let sel = 0, matches = [];

  const render = () => {
    const q = input.value.trim().toLowerCase();
    matches = index.filter(i =>
      i.name.toLowerCase().includes(q) || i.desc.toLowerCase().includes(q)
    ).slice(0, 8);
    sel = 0;
    results.innerHTML = matches.length
      ? matches.map((m, i) => `
          <a class="palette-item ${i === 0 ? "sel" : ""}" href="${m.href}" data-i="${i}">
            <strong>${m.name}</strong><span>${m.desc}</span>
          </a>`).join("")
      : `<div class="palette-empty">No tools match that.</div>`;
  };
  const paint = () => {
    results.querySelectorAll(".palette-item").forEach((el, i) =>
      el.classList.toggle("sel", i === sel));
    const cur = results.querySelector(".palette-item.sel");
    if (cur) cur.scrollIntoView({ block: "nearest" });
  };

  const close = () => { if (overlay.parentNode) document.body.removeChild(overlay); };
  overlay.addEventListener("click", e => { if (e.target === overlay) close(); });
  input.addEventListener("input", render);
  input.addEventListener("keydown", e => {
    if (e.key === "Escape") { close(); }
    else if (e.key === "ArrowDown") { e.preventDefault(); sel = Math.min(sel + 1, matches.length - 1); paint(); }
    else if (e.key === "ArrowUp") { e.preventDefault(); sel = Math.max(sel - 1, 0); paint(); }
    else if (e.key === "Enter") {
      e.preventDefault();
      if (matches[sel]) window.location.href = matches[sel].href;
    }
  });

  render();
  input.focus();
}

document.addEventListener("keydown", e => {
  if ((e.metaKey || e.ctrlKey) && e.key.toLowerCase() === "k") {
    e.preventDefault();
    openPalette();
  }
  if (e.key === "/" && document.activeElement === document.body) {
    e.preventDefault();
    openPalette();
  }
});

/* ---------------- PWA / offline ---------------- */
function registerSW() {
  if (!("serviceWorker" in navigator)) return;
  if (location.protocol === "file:") return;   // won't work locally
  const base = window.location.pathname.includes("/tools/") ? "../" : "";
  navigator.serviceWorker.register(base + "sw.js").catch(() => {});
}


/* ---------------- reward gate on EVERY download ----------------
   Any <a download> click — programmatic (blob exports) or user click —
   shows the 10s rewarded gate first, then the download starts automatically.
   Skippable, per Google rewarded-ads policy. Batch downloads within 8s of an
   unlock ride the same reward. */
(function hookDownloads() {
  if (window.__dlHooked) return; window.__dlHooked = true;
  const origRevoke = URL.revokeObjectURL.bind(URL);
  URL.revokeObjectURL = url => setTimeout(() => { try { origRevoke(url); } catch (e) {} }, 120000);
  const origClick = HTMLAnchorElement.prototype.click;
  const gated = a => {
    window.__gateOpen = true;
    const go = () => { window.__gateOpen = false; origClick.call(a); };
    if (typeof showAdGate === "function") showAdGate(go); else go();
  };
  HTMLAnchorElement.prototype.click = function () {
    if (this.hasAttribute("download") && !window.__gateOpen && Date.now() > (window.__gateBypassUntil || 0)) { gated(this); return; }
    origClick.call(this);
  };
  document.addEventListener("click", e => {
    const a = e.target && e.target.closest ? e.target.closest("a[download]") : null;
    if (!a || window.__gateOpen || Date.now() < (window.__gateBypassUntil || 0)) return;
    e.preventDefault(); gated(a);
  }, true);
})();

/* ---------------- boot ---------------- */
initTheme();
document.addEventListener("DOMContentLoaded", () => {
  const tt = document.getElementById("themeToggle");
  if (tt) tt.addEventListener("click", toggleTheme);
  const pt = document.getElementById("paletteBtn");
  if (pt) pt.addEventListener("click", openPalette);

  mountAdSlots();
  mountFavButton();
  recordVisit();
  renderPersonalSections();
  registerSW();
});


/* ===========================================================================
   AllDays — Server API configuration (OPTIONAL)
   ===========================================================================

   THE SITE WORKS COMPLETELY WITHOUT A SERVER.

   All 42 browser tools run 100% client-side and do not use anything below.
   This layer exists only for the handful of tasks that genuinely CANNOT run
   in a browser (Office-format conversion, PDF encryption, deep image-based
   compression). Those tools are HIDDEN until you enable this.

   ---------------------------------------------------------------------------
   TO ENABLE (after deploying the reference server in /server):
   ---------------------------------------------------------------------------
       API.enabled = true;
       API.baseUrl = "https://api.yourdomain.com";

   That's it. Server-powered tools appear on the homepage automatically,
   and every existing browser tool keeps working exactly as before.

   ---------------------------------------------------------------------------
   IMPORTANT — the honest tradeoff you are making:
   ---------------------------------------------------------------------------
   The moment you turn this on, files for THOSE tools leave the user's device.
   That breaks the "your files never leave your browser" promise, which is your
   single strongest marketing claim and your real edge over iLovePDF.

   So: the UI labels server tools clearly with an "Uploads to server" badge,
   and privacy.html has a section that activates when API.enabled is true.
   Don't quietly route browser tools through the server — you'd be trading away
   the thing that makes this site worth using.
   =========================================================================== */

const API = {
  enabled: false,                       // ← flip to true once your server is live
  baseUrl: "",                          // e.g. "https://api.yourdomain.com"
  maxFileMB: 50,
  timeoutMs: 120000,
};

function apiReady() {
  return !!(API.enabled && API.baseUrl);
}

/* POST a file to an endpoint; resolves to a Blob (the converted file). */
async function apiConvert(endpoint, file, extraFields) {
  if (!apiReady()) throw new Error("Server not configured.");
  if (file.size > API.maxFileMB * 1024 * 1024) {
    throw new Error(`File is too large (max ${API.maxFileMB} MB).`);
  }

  const form = new FormData();
  form.append("file", file);
  Object.entries(extraFields || {}).forEach(([k, v]) => form.append(k, v));

  const controller = new AbortController();
  const t = setTimeout(() => controller.abort(), API.timeoutMs);

  try {
    const res = await fetch(`${API.baseUrl.replace(/\/$/, "")}${endpoint}`, {
      method: "POST",
      body: form,
      signal: controller.signal,
    });
    if (!res.ok) {
      let msg = `Server error (${res.status})`;
      try { const j = await res.json(); if (j.error) msg = j.error; } catch (e) {}
      throw new Error(msg);
    }
    return await res.blob();
  } catch (e) {
    if (e.name === "AbortError") throw new Error("Timed out. The file may be too large.");
    throw e;
  } finally {
    clearTimeout(t);
  }
}

function downloadBlob(blob, filename) {
  const link = document.createElement("a");
  link.href = URL.createObjectURL(blob);
  link.download = filename;
  link.click();
  setTimeout(() => URL.revokeObjectURL(link.href), 2000);
}

/* Shows/hides server-only tool cards + the "needs server" notice on tool pages */
function applyServerState() {
  const on = apiReady();
  document.querySelectorAll("[data-server-only]").forEach(el => {
    el.style.display = on ? "" : "none";
  });
  document.querySelectorAll(".server-off-notice").forEach(el => {
    el.style.display = on ? "none" : "";
  });
  document.querySelectorAll(".server-on-panel").forEach(el => {
    el.style.display = on ? "" : "none";
  });
  const sec = document.getElementById("server-section");
  if (sec) sec.style.display = on ? "" : "none";
}
document.addEventListener("DOMContentLoaded", applyServerState);

/* ===========================================================================
   Suggestion box — floating "Suggest a tool" widget on every page.
   Posts to Netlify Forms if hosted there; falls back to saving locally and
   pointing at the contact page. Never silently drops the user's message.
   =========================================================================== */
function mountSuggestBox() {
  if (document.querySelector(".suggest-fab")) return;
  const inTools = window.location.pathname.includes("/tools/");
  const up = inTools ? "../" : "";

  const fab = document.createElement("button");
  fab.className = "suggest-fab";
  fab.setAttribute("aria-label", "Suggest a tool");
  fab.innerHTML = `<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M9 18h6M10 21h4"/><path d="M12 3a6 6 0 0 0-3.6 10.8c.5.4.8 1 .9 1.6h5.4c.1-.6.4-1.2.9-1.6A6 6 0 0 0 12 3z"/></svg><span class="lbl">Suggest a tool</span>`;

  const panel = document.createElement("div");
  panel.className = "suggest-panel";
  panel.innerHTML = `
    <button class="suggest-close" aria-label="Close">×</button>
    <div id="suggestForm">
      <h3>Suggest a tool</h3>
      <p class="sub">Missing something? Found a bug? Tell us — the roadmap is genuinely built from these.</p>
      <div class="field">
        <label for="sgType">Type</label>
        <select id="sgType">
          <option>Suggest a new tool</option>
          <option>Improve an existing tool</option>
          <option>Report a bug</option>
          <option>Something else</option>
        </select>
      </div>
      <div class="field">
        <label for="sgMsg">Your message</label>
        <textarea id="sgMsg" placeholder="e.g. A markdown-to-PDF tool would be great…">
Email (optional — only if you want a reply)
Or use the full contact form.
`; document.body.appendChild(fab); document.body.appendChild(panel); const close = () => panel.classList.remove("open"); fab.addEventListener("click", () => { panel.classList.toggle("open"); if (panel.classList.contains("open")) panel.querySelector("#sgMsg").focus(); }); panel.querySelector(".suggest-close").addEventListener("click", close); document.addEventListener("keydown", e => { if (e.key === "Escape") close(); }); document.addEventListener("click", e => { if (panel.classList.contains("open") && !panel.contains(e.target) && !fab.contains(e.target)) close(); }); panel.querySelector("#sgAnother").addEventListener("click", () => { panel.querySelector("#suggestForm").style.display = ""; panel.querySelector("#suggestThanks").style.display = "none"; panel.querySelector("#sgMsg").value = ""; }); panel.querySelector("#sgSend").addEventListener("click", async () => { const msg = panel.querySelector("#sgMsg").value.trim(); if (!msg) { showToast("Write a message first"); return; } const payload = { "form-name": "suggestion", topic: panel.querySelector("#sgType").value, message: msg, email: panel.querySelector("#sgEmail").value.trim(), page: window.location.pathname, }; // Always keep a local copy so the message is never lost. try { const saved = JSON.parse(localStorage.getItem("alldays_suggestions") || "[]"); saved.unshift({ ...payload, at: new Date().toISOString() }); localStorage.setItem("alldays_suggestions", JSON.stringify(saved.slice(0, 20))); } catch (e) {} let sent = false; try { const res = await fetch("/", { method: "POST", headers: { "Content-Type": "application/x-www-form-urlencoded" }, body: new URLSearchParams(payload).toString(), }); sent = res.ok; } catch (e) { sent = false; } panel.querySelector("#sgThanksMsg").textContent = sent ? "We read every one of these." : "Saved. If this site isn't on Netlify yet, the form endpoint may not be live — you can also use the contact page."; panel.querySelector("#suggestForm").style.display = "none"; panel.querySelector("#suggestThanks").style.display = ""; }); } document.addEventListener("DOMContentLoaded", mountSuggestBox);
Frequently asked questions

Is the minified JavaScript safe to run?

Does minifying JSON validate it?

Will HTML minifying break my page?

Thanks — got it.
