See who doesn’t follow you back

1/*!2 * Instagram Unfollowers - see who does not follow you back.3 * https://likesforinstagram.com/instagram-unfollowers4 *5 * Read-only. It reads YOUR own followers/following lists using the session you6 * are already logged into, compares them in memory, and shows the result in a7 * panel on the page.8 *9 * It never asks for your password, never unfollows anyone for you, and never10 * sends a single byte to likesforinstagram.com or anywhere else. Open your11 * DevTools Network tab while it runs and check for yourself.12 *13 * Not affiliated with, endorsed by, or sponsored by Instagram or Meta.14 */15(() => {16  'use strict';17 18  /* ---------------------------------------------------------------- config */19 20  const APP_ID = 'lfi-unfollowers-app';21  const IG_APP_ID = '936619743392459';22  const PAGE_SIZE = 50;23 24  // Randomised pause between pages. Instagram rate-limits aggressive scans, and25  // a soft-block is a lot more annoying than waiting an extra minute.26  const DELAY_MIN_MS = 800;27  const DELAY_MAX_MS = 1500;28  const MAX_RETRIES = 4;29 30  /* ------------------------------------------------------------- preflight */31 32  if (!location.hostname.endsWith('instagram.com')) {33    console.error(34      '%cRun this on instagram.com',35      'font-weight:bold;font-size:14px',36      '\nOpen https://www.instagram.com, make sure you are logged in, then paste the script again.'37    );38    return;39  }40 41  const viewerId = document.cookie.match(/(?:^|;\s*)ds_user_id=([^;]+)/)?.[1];42 43  if (!viewerId) {44    console.error(45      '%cYou are not logged in',46      'font-weight:bold;font-size:14px',47      '\nLog into instagram.com in this tab, then paste the script again.'48    );49    return;50  }51 52  // Pasting a second time replaces the old panel instead of stacking copies.53  document.getElementById(APP_ID)?.remove();54 55  /* ----------------------------------------------------------------- state */56 57  const state = {58    running: false,59    stopped: false,60    following: new Map(),61    followers: new Set(),62    results: [],63    filter: '',64    phase: 'idle',65    scanned: 0,66    total: 0,67    error: '',68  };69 70  /* ----------------------------------------------------------- ig fetching */71 72  const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));73  const jitter = () =>74    DELAY_MIN_MS + Math.floor(Math.random() * (DELAY_MAX_MS - DELAY_MIN_MS));75 76  async function igFetch(url) {77    for (let attempt = 0; attempt <= MAX_RETRIES; attempt += 1) {78      if (state.stopped) throw new Error('stopped');79 80      const response = await fetch(url, {81        credentials: 'include',82        headers: {83          'x-ig-app-id': IG_APP_ID,84          'x-requested-with': 'XMLHttpRequest',85        },86      });87 88      if (response.ok) return response.json();89 90      // 429 = too many requests, 560 = Instagram's own throttle response.91      if (response.status === 429 || response.status === 560) {92        const backoff = 5000 * 2 ** attempt;93        setStatus(`Rate limited. Waiting ${Math.round(backoff / 1000)}s...`);94        await sleep(backoff);95        continue;96      }97 98      if (response.status === 401 || response.status === 403) {99        throw new Error('Your session expired. Reload instagram.com and try again.');100      }101 102      throw new Error(`Instagram returned ${response.status}.`);103    }104 105    throw new Error('Instagram kept rate limiting the request. Try again in a few minutes.');106  }107 108  // Both endpoints share the same cursor-paginated shape.109  async function* walkFriendships(kind) {110    let maxId = '';111 112    for (;;) {113      const params = new URLSearchParams({ count: String(PAGE_SIZE) });114      if (maxId) params.set('max_id', maxId);115 116      const data = await igFetch(117        `/api/v1/friendships/${viewerId}/${kind}/?${params}`118      );119 120      const users = data.users ?? [];121      if (users.length) yield users;122 123      maxId = data.next_max_id ? String(data.next_max_id) : '';124      if (!maxId || !users.length) return;125 126      await sleep(jitter());127    }128  }129 130  async function getSelfCounts() {131    try {132      const data = await igFetch(`/api/v1/users/${viewerId}/info/`);133      return {134        following: data?.user?.following_count ?? 0,135        followers: data?.user?.follower_count ?? 0,136      };137    } catch {138      return { following: 0, followers: 0 };139    }140  }141 142  /* ------------------------------------------------------------------ scan */143 144  async function scan() {145    state.running = true;146    state.stopped = false;147    state.error = '';148    state.following.clear();149    state.followers.clear();150    state.results = [];151    state.scanned = 0;152    render();153 154    try {155      const counts = await getSelfCounts();156 157      state.phase = 'following';158      state.total = counts.following;159      render();160 161      for await (const users of walkFriendships('following')) {162        for (const user of users) {163          state.following.set(String(user.pk), {164            id: String(user.pk),165            username: user.username,166            fullName: user.full_name || '',167            avatar: user.profile_pic_url || '',168            isVerified: Boolean(user.is_verified),169            isPrivate: Boolean(user.is_private),170          });171        }172        state.scanned = state.following.size;173        render();174      }175 176      state.phase = 'followers';177      state.total = counts.followers;178      state.scanned = 0;179      render();180 181      for await (const users of walkFriendships('followers')) {182        for (const user of users) state.followers.add(String(user.pk));183        state.scanned = state.followers.size;184        render();185      }186 187      // The whole point: everyone you follow who does not follow you back.188      state.results = [...state.following.values()]189        .filter((user) => !state.followers.has(user.id))190        .sort((a, b) => a.username.localeCompare(b.username));191 192      state.phase = 'done';193    } catch (error) {194      state.phase = state.stopped ? 'stopped' : 'error';195      if (!state.stopped) state.error = error.message || String(error);196 197      // Partial data is still useful - show what we managed to collect.198      if (state.stopped && state.followers.size) {199        state.results = [...state.following.values()]200          .filter((user) => !state.followers.has(user.id))201          .sort((a, b) => a.username.localeCompare(b.username));202      }203    } finally {204      state.running = false;205      render();206    }207  }208 209  /* --------------------------------------------------------------- exports */210 211  function copyUsernames() {212    const text = visibleResults().map((user) => '@' + user.username).join('\n');213    navigator.clipboard.writeText(text).then(214      () => flash('Copied ' + visibleResults().length + ' usernames'),215      () => flash('Could not access the clipboard')216    );217  }218 219  function exportCsv() {220    const escape = (value) => '"' + String(value).replace(/"/g, '""') + '"';221    const rows = [222      ['username', 'full_name', 'private', 'verified', 'profile_url'],223      ...visibleResults().map((user) => [224        user.username,225        user.fullName,226        user.isPrivate ? 'yes' : 'no',227        user.isVerified ? 'yes' : 'no',228        'https://www.instagram.com/' + user.username + '/',229      ]),230    ];231 232    const blob = new Blob([rows.map((row) => row.map(escape).join(',')).join('\r\n')], {233      type: 'text/csv;charset=utf-8',234    });235 236    const url = URL.createObjectURL(blob);237    const link = document.createElement('a');238    link.href = url;239    link.download = 'instagram-non-followers.csv';240    link.click();241    URL.revokeObjectURL(url);242  }243 244  /* ---------------------------------------------------------------- render */245 246  const host = document.createElement('div');247  host.id = APP_ID;248  const shadow = host.attachShadow({ mode: 'open' });249  document.body.appendChild(host);250 251  shadow.innerHTML = `252    <style>253      :host { all: initial; }254      * { box-sizing: border-box; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }255      .panel {256        position: fixed; top: 24px; right: 24px; z-index: 2147483647;257        width: 380px; max-width: calc(100vw - 32px);258        max-height: calc(100vh - 48px); display: flex; flex-direction: column;259        background: #1E1A24; color: #fff; border-radius: 16px;260        border: 1px solid rgba(255,255,255,.12);261        box-shadow: 0 24px 60px rgba(0,0,0,.45); overflow: hidden;262      }263      .head { display:flex; align-items:center; gap:8px; padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.1); }264      .dot { width:8px; height:8px; border-radius:50%; background:#F472B6; flex:none; }265      .title { font-size:14px; font-weight:700; flex:1; }266      .x { background:none; border:none; color:rgba(255,255,255,.6); font-size:18px; line-height:1; cursor:pointer; padding:2px 4px; }267      .x:hover { color:#fff; }268      .body { padding:16px; overflow-y:auto; }269      .status { font-size:13px; color:rgba(255,255,255,.7); margin-bottom:12px; }270      .bar { height:6px; border-radius:999px; background:rgba(255,255,255,.12); overflow:hidden; margin-bottom:14px; }271      .fill { height:100%; background:#F472B6; border-radius:999px; transition:width .25s ease; }272      .row { display:flex; gap:8px; margin-bottom:12px; }273      button.act {274        flex:1; padding:9px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.16);275        background:rgba(255,255,255,.06); color:#fff; font-size:13px; font-weight:600; cursor:pointer;276      }277      button.act:hover:not(:disabled) { background:rgba(255,255,255,.12); }278      button.act:disabled { opacity:.4; cursor:not-allowed; }279      button.primary { background:#F472B6; border-color:#F472B6; color:#1E1A24; }280      button.primary:hover:not(:disabled) { background:#f58fc6; }281      input.search {282        width:100%; padding:9px 12px; border-radius:10px; margin-bottom:12px;283        border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.06);284        color:#fff; font-size:13px;285      }286      input.search::placeholder { color:rgba(255,255,255,.4); }287      .count { font-size:12px; color:rgba(255,255,255,.55); margin-bottom:8px; }288      .list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:2px; }289      .item { display:flex; align-items:center; gap:10px; padding:8px; border-radius:10px; text-decoration:none; color:inherit; }290      .item:hover { background:rgba(255,255,255,.07); }291      .av { width:32px; height:32px; border-radius:50%; flex:none; background:rgba(255,255,255,.1); object-fit:cover; }292      .meta { min-width:0; flex:1; }293      .user { font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }294      .name { font-size:11px; color:rgba(255,255,255,.5); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }295      .badge { font-size:10px; color:#F472B6; flex:none; }296      .empty { font-size:13px; color:rgba(255,255,255,.5); padding:12px 0; }297      .err { font-size:12px; color:#FCA5A5; margin-bottom:12px; }298      .toast {299        position:absolute; left:16px; right:16px; bottom:16px; padding:9px 12px;300        border-radius:10px; background:#fff; color:#1E1A24; font-size:12px; font-weight:600; text-align:center;301      }302      .foot { padding:10px 16px; border-top:1px solid rgba(255,255,255,.1); font-size:10px; color:rgba(255,255,255,.35); }303      .foot a { color:rgba(255,255,255,.55); }304    </style>305    <div class="panel">306      <div class="head">307        <span class="dot"></span>308        <span class="title">Who doesn't follow you back</span>309        <button class="x" title="Close">&times;</button>310      </div>311      <div class="body"></div>312      <div class="foot">313        Runs entirely in your browser. Nothing is uploaded.314        <a href="https://likesforinstagram.com/instagram-unfollowers" target="_blank" rel="noopener">likesforinstagram.com</a>315      </div>316    </div>317  `;318 319  const bodyEl = shadow.querySelector('.body');320  const panelEl = shadow.querySelector('.panel');321  shadow.querySelector('.x').addEventListener('click', () => host.remove());322 323  function visibleResults() {324    const needle = state.filter.trim().toLowerCase();325    if (!needle) return state.results;326    return state.results.filter(327      (user) =>328        user.username.toLowerCase().includes(needle) ||329        user.fullName.toLowerCase().includes(needle)330    );331  }332 333  function setStatus(text) {334    const el = bodyEl.querySelector('.status');335    if (el) el.textContent = text;336  }337 338  let toastTimer;339  function flash(message) {340    clearTimeout(toastTimer);341    panelEl.querySelector('.toast')?.remove();342    const toast = document.createElement('div');343    toast.className = 'toast';344    toast.textContent = message;345    panelEl.appendChild(toast);346    toastTimer = setTimeout(() => toast.remove(), 2200);347  }348 349  const escapeHtml = (value) =>350    String(value).replace(/[&<>"']/g, (char) => ({351      '&': '&amp;', '<': '&lt;', '>': '&gt;', '"': '&quot;', "'": '&#39;',352    })[char]);353 354  function statusText() {355    switch (state.phase) {356      case 'idle':357        return 'Ready. Start the scan whenever you are.';358      case 'following':359        return `Reading who you follow — ${state.scanned}${state.total ? ' of ' + state.total : ''}`;360      case 'followers':361        return `Reading your followers — ${state.scanned}${state.total ? ' of ' + state.total : ''}`;362      case 'done':363        return `Done. ${state.results.length} of ${state.following.size} don't follow you back.`;364      case 'stopped':365        return 'Stopped. Showing what was scanned so far.';366      case 'error':367        return 'Scan interrupted.';368      default:369        return '';370    }371  }372 373  function render() {374    const progress = state.total ? Math.min(100, (state.scanned / state.total) * 100) : 0;375    const showProgress = state.phase === 'following' || state.phase === 'followers';376    const shown = visibleResults();377    const hasResults = state.phase === 'done' || state.phase === 'stopped';378 379    bodyEl.innerHTML = `380      <div class="status">${escapeHtml(statusText())}</div>381      ${showProgress ? `<div class="bar"><div class="fill" style="width:${progress}%"></div></div>` : ''}382      ${state.error ? `<div class="err">${escapeHtml(state.error)}</div>` : ''}383      <div class="row">384        <button class="act primary" data-action="${state.running ? 'stop' : 'scan'}">385          ${state.running ? 'Stop' : state.phase === 'idle' ? 'Start scan' : 'Scan again'}386        </button>387      </div>388      ${389        hasResults && state.results.length390          ? `391        <div class="row">392          <button class="act" data-action="copy">Copy usernames</button>393          <button class="act" data-action="csv">Export CSV</button>394        </div>395        <input class="search" type="text" placeholder="Search username or name" value="${escapeHtml(state.filter)}" />396        <div class="count">${shown.length} account${shown.length === 1 ? '' : 's'} — click one to open the profile</div>397        <ul class="list">398          ${shown399            .map(400              (user) => `401            <li>402              <a class="item" href="https://www.instagram.com/${encodeURIComponent(user.username)}/" target="_blank" rel="noopener">403                <img class="av" src="${escapeHtml(user.avatar)}" alt="" referrerpolicy="no-referrer" />404                <span class="meta">405                  <span class="user">@${escapeHtml(user.username)}</span>406                  <span class="name">${escapeHtml(user.fullName || (user.isPrivate ? 'Private account' : ' '))}</span>407                </span>408                ${user.isVerified ? '<span class="badge">verified</span>' : ''}409              </a>410            </li>`411            )412            .join('')}413        </ul>414      `415          : hasResults416            ? '<div class="empty">Everyone you follow follows you back. Nice.</div>'417            : ''418      }419    `;420 421    bodyEl.querySelectorAll('[data-action]').forEach((button) => {422      button.addEventListener('click', () => {423        const action = button.dataset.action;424        if (action === 'scan') scan();425        if (action === 'stop') { state.stopped = true; setStatus('Stopping...'); }426        if (action === 'copy') copyUsernames();427        if (action === 'csv') exportCsv();428      });429    });430 431    const search = bodyEl.querySelector('.search');432    if (search) {433      search.addEventListener('input', (event) => {434        state.filter = event.target.value;435        const scrollTop = bodyEl.scrollTop;436        render();437        bodyEl.scrollTop = scrollTop;438        bodyEl.querySelector('.search')?.focus();439      });440    }441  }442 443  render();444  console.log(445    '%cInstagram Unfollowers ready',446    'font-weight:bold;font-size:14px;color:#F472B6',447    '\nClick "Start scan" in the panel on the right.'448  );449})();450