AYCF Radar

Loader bookmark (recommended)

130 bytes, syncs anywhere, always runs the latest overlay.js from this server.

Desktop Chrome: drag → AYCF Radar

Phone: copy this, then Chrome ⋮ → Bookmarks → edit any bookmark → paste as its URL:

javascript:(s=>{s.src="https://wizz.voina.nl/overlay.js?"+Date.now();document.body.append(s)})(document.createElement("script"))

Self-contained bookmark

No server involved (34 KB). Same install steps.

Desktop Chrome: drag → AYCF Radar (inline)

javascript:(() => {%0A'use strict';%0A// Talks to multipass.wizzair.com using the browser's own session cookie.%0A// Requires host_permissions for the domain (see manifest.json).%0A%0Aconst BASE             = 'https://multipass.wizzair.com';%0Aconst WALLETS_URL      = `${BASE}/w6/subscriptions/spa/private-page/wallets`;%0Aconst AVAILABILITY_URL = `${BASE}/w6/subscriptions/json/availability`;%0A%0A/** Thrown when the session is missing/expired — the user must sign in again. */%0Aclass SessionError extends Error {}%0A%0Aconst sleep = (ms) => new Promise((r) => setTimeout(r, ms));%0A%0A/** Return the balanced `{...}` starting at `start`, string-aware. */%0Afunction sliceJsonObject(text, start) {%0A  let depth = 0, inStr = false, esc = false;%0A  for (let i = start; i < text.length; i++) {%0A    const c = text[i];%0A    if (inStr) {%0A      if (esc) esc = false;%0A      else if (c === '\\') esc = true;%0A      else if (c === '"') inStr = false;%0A      continue;%0A    }%0A    if (c === '"') inStr = true;%0A    else if (c === '{') depth++;%0A    else if (c === '}' && --depth === 0) return text.slice(start, i + 1);%0A  }%0A  throw new Error('Unbalanced JSON object');%0A}%0A%0A/**%0A * Pull the AYCF route map out of the wallets page.%0A * The page server-renders `viewDto.searchFlight.options` — the same data that%0A * drives the FROM/TO dropdowns — including the bookable date window.%0A */%0Afunction parseRouteMap(html) {%0A  const m = /searchFlight\s*:\s*\{\s*options\s*:\s*\{/.exec(html);%0A  if (!m) throw new SessionError('Not signed in — open multipass.wizzair.com and log in, then retry.');%0A  const options = JSON.parse(sliceJsonObject(html, m.index + m[0].length - 1));%0A%0A  const routes = {};%0A  const names  = {};%0A  for (const r of options.routes ?? []) {%0A    const o = r.departureStation;%0A    names[o.id] = o.name;%0A    routes[o.id] = (r.arrivalStations ?? [])%0A      .map((s) => { names[s.id] = s.name; return s.id; })%0A      .sort();%0A  }%0A  return {%0A    fetchedAt: Date.now(),%0A    minDate:   options.outboundMinDate,%0A    maxDate:   options.outboundMaxDate,%0A    routes,%0A    names,%0A  };%0A}%0A%0Aasync function fetchRouteMap() {%0A  const res = await fetch(WALLETS_URL, { credentials: 'include', cache: 'no-store' });%0A  return parseRouteMap(await res.text());%0A}%0A%0A/** Today in CET as YYYY-MM-DD (the window is defined in CET). */%0Afunction todayCET() {%0A  return new Date().toLocaleDateString('en-CA', { timeZone: 'Europe/Budapest' });%0A}%0A%0A/** Dates still bookable: from today (CET) through the map's maxDate, inclusive. */%0Afunction bookableDates(routeMap) {%0A  const from = [routeMap.minDate, todayCET()].sort().pop();%0A  const out  = [];%0A  for (let t = Date.parse(`${from}T00:00:00Z`); t <= Date.parse(`${routeMap.maxDate}T00:00:00Z`); t += 86400000) {%0A    out.push(new Date(t).toISOString().slice(0, 10));%0A  }%0A  return out;%0A}%0A%0Afunction normalize(f) {%0A  return {%0A    key:    f.key,%0A    flight: (f.key ?? '').split(' ')[0],%0A    date:   f.departureDateIso,%0A    from:   f.departureStationCode,%0A    to:     f.arrivalStationCode,%0A    city:   f.arrivalStationText,%0A    depart: f.departureDateTimeIso,%0A    arrive: f.arrivalDateTimeIso,%0A  };%0A}%0A%0A/**%0A * One availability lookup.%0A * HTTP 400 {code:"error.availability"} is the API's "no AYCF seats" answer —%0A * an empty result, not an error. Only 200 carries flights.%0A */%0Aasync function lookup(origin, destination, departure, { signal, maxRetries = 4 } = {}) {%0A  for (let attempt = 0; ; attempt++) {%0A    const res = await fetch(AVAILABILITY_URL, {%0A      method:      'POST',%0A      signal,%0A      credentials: 'include',%0A      headers:     { 'Content-Type': 'application/json' },%0A      body:        JSON.stringify({ flightType: 'OW', origin, destination, departure, arrival: null, intervalSubtype: null }),%0A    });%0A%0A    if (res.status === 200) {%0A      if (!(res.headers.get('content-type') ?? '').includes('json')) {%0A        throw new SessionError('Session expired — sign in at multipass.wizzair.com again.');%0A      }%0A      const data = await res.json();%0A      return (data.flightsOutbound ?? []).map(normalize);%0A    }%0A    if (res.status === 400) return [];%0A    if (res.status === 401 || res.status === 403) throw new SessionError(`HTTP ${res.status} — sign in again.`);%0A%0A    if (res.status === 429 || res.status >= 500) {%0A      if (attempt >= maxRetries) throw new Error(`HTTP ${res.status} after ${attempt} retries`);%0A      const ra = Number(res.headers.get('Retry-After'));%0A      await sleep(ra > 0 ? ra * 1000 : Math.min(30000, 1000 * 2 ** attempt) + Math.random() * 500);%0A      continue;%0A    }%0A    throw new Error(`HTTP ${res.status}`);%0A  }%0A}%0A%0A// ── route-map helpers ────────────────────────────────────────────────────────%0A%0A/** Inverse index: destination → sorted origins that fly there today. */%0Afunction originsOf(rm) {%0A  const inv = {};%0A  for (const [o, ds] of Object.entries(rm.routes)) for (const d of ds) (inv[d] ??= []).push(o);%0A  for (const k in inv) inv[k].sort();%0A  return inv;%0A}%0A%0A/** Route pairs for "origin → anywhere", "anywhere → dest", or one exact route. */%0Afunction pairsFor(rm, origin, dest) {%0A  if (origin && dest) return (rm.routes[origin] ?? []).includes(dest) ? [{ from: origin, to: dest }] : [];%0A  if (origin)         return (rm.routes[origin] ?? []).map((to) => ({ from: origin, to }));%0A  if (dest)           return (originsOf(rm)[dest] ?? []).map((from) => ({ from, to: dest }));%0A  return [];%0A}%0A%0A/** Direct + one-stop options between two airports on today's list. */%0Afunction connections(rm, origin, dest) {%0A  const out = rm.routes[origin] ?? [];%0A  return { direct: out.includes(dest), hubs: out.filter((h) => h !== dest && (rm.routes[h] ?? []).includes(dest)) };%0A}%0A%0A/** "2026-09-10 18:35:00" → minutes, naive (arrival and next departure share the hub's zone). */%0Aconst mins = (iso) => {%0A  const [d, t] = String(iso).split(' ');%0A  const [y, m, dd] = d.split('-').map(Number);%0A  const [H, M]     = (t ?? '0:0').split(':').map(Number);%0A  return Date.UTC(y, m - 1, dd, H, M) / 60000;%0A};%0A%0A/**%0A * Pair leg-1 and leg-2 flights into workable self-connections.%0A * Layover is measured at the hub, so both timestamps are in the same zone.%0A * `elapsed` spans two zones and is approximate.%0A */%0Afunction itineraries(flights, origin, dest, { minLayover = 90, maxLayover = 24 * 60 } = {}) {%0A  const leg1 = flights.filter((f) => f.from === origin && f.to !== dest && f.arrive);%0A  const leg2 = flights.filter((f) => f.to === dest && f.from !== origin && f.depart);%0A  const out  = [];%0A  for (const a of leg1) {%0A    for (const b of leg2) {%0A      if (b.from !== a.to) continue;%0A      const layover = mins(b.depart) - mins(a.arrive);%0A      if (layover >= minLayover && layover <= maxLayover) {%0A        out.push({ a, b, layover, elapsed: mins(b.arrive ?? b.depart) - mins(a.depart) });%0A      }%0A    }%0A  }%0A  return out.sort((x, y) => x.a.depart.localeCompare(y.a.depart) || x.layover - y.layover);%0A}%0A%0A/**%0A * Scan every pair × every date with a small worker pool.%0A * 3 lanes / 300 ms was measured clean; the API tarpits if pushed harder.%0A */%0Aasync function scan(pairs, dates, { concurrency = 3, delayMs = 300, onProgress, signal } = {}) {%0A  const tasks = [];%0A  for (const { from, to } of pairs) for (const date of dates) tasks.push({ from, to, date });%0A%0A  const flights = [];%0A  const errors  = [];%0A  let next = 0, done = 0, fatal = null;%0A%0A  const lane = async () => {%0A    while (next < tasks.length && !fatal && !signal?.aborted) {%0A      const { from, to, date } = tasks[next++];%0A      try {%0A        flights.push(...await lookup(from, to, date, { signal }));%0A      } catch (err) {%0A        if (err instanceof SessionError) { fatal = err; break; }%0A        if (err.name !== 'AbortError') errors.push({ from, to, date, error: err.message });%0A      }%0A      if (signal?.aborted) break;%0A      done++;%0A      await onProgress?.({ done, total: tasks.length, flights });%0A      await sleep(delayMs);%0A    }%0A  };%0A  await Promise.all(Array.from({ length: Math.min(concurrency, tasks.length) }, lane));%0A  if (fatal) throw fatal;%0A%0A  flights.sort((a, b) => String(a.depart).localeCompare(String(b.depart)));%0A  return { flights, errors, total: tasks.length };%0A}%0A// Shared From / To / Connect UI. Hosted by the extension popup and by the%0A// bookmarklet overlay; the host supplies settings storage and a scanner.%0A%0A// Component styles. Hosts define the tokens: --bg --panel --ink --muted --line --accent --accent-ink --bad%0Aconst RADAR_CSS = `%0A.tabs { display: flex; gap: 4px; padding: 10px 14px 0; border-bottom: 1px solid var(--line); }%0A.tabs button { border: 0; border-bottom: 2px solid transparent; border-radius: 0; background: none; color: var(--muted); padding: 8px 10px; font: inherit; font-weight: 600; cursor: pointer; }%0A.tabs button.active { color: var(--ink); border-bottom-color: var(--accent); }%0A.tab, %23results { padding: 10px 14px; }%0A.tab .row + .row { margin-top: 8px; }%0A.row { display: flex; gap: 8px; align-items: flex-end; }%0A.grow { flex: 1; min-width: 0; }%0Alabel { display: flex; flex-direction: column; gap: 3px; font-size: 11px; color: var(--muted); }%0Ainput, button { font: inherit; padding: 7px 9px; border-radius: 7px; border: 1px solid var(--line); background: var(--panel); color: var(--ink); }%0Ainput { width: 100%25; }%0Ainput:focus { outline: 2px solid var(--accent); outline-offset: -1px; }%0Abutton { cursor: pointer; white-space: nowrap; }%0Abutton:disabled { opacity: .5; cursor: default; }%0Abutton.primary { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); font-weight: 600; }%0Abutton.small { font-size: 12px; padding: 5px 9px; }%0A.muted { color: var(--muted); font-size: 12px; }%0A.combo { position: relative; }%0A.options { position: absolute; left: 0; right: 0; top: calc(100%25 + 4px); z-index: 20; max-height: 230px; overflow-y: auto; margin: 0; padding: 4px; list-style: none; background: var(--bg); border: 1px solid var(--line); border-radius: 8px; box-shadow: 0 8px 24px rgba(0,0,0,.28); }%0A.opt { display: flex; justify-content: space-between; gap: 8px; padding: 6px 8px; border-radius: 5px; cursor: pointer; }%0A.opt.active { background: var(--accent); color: var(--accent-ink); }%0A.opt.active .muted { color: inherit; opacity: .8; }%0A.group { font-size: 10px; text-transform: uppercase; letter-spacing: .04em; color: var(--muted); padding: 6px 8px 2px; }%0A.estimate { padding: 6px 0 0; min-height: 16px; }%0A.chips { display: flex; flex-wrap: wrap; gap: 6px; padding: 6px 0 0; }%0A.chip { font-size: 12px; padding: 3px 8px; border-radius: 999px; background: var(--panel); border: 1px solid var(--line); cursor: pointer; }%0A.chip.hub { border-color: var(--accent); }%0A.chip.direct { background: var(--accent); color: var(--accent-ink); border-color: var(--accent); }%0A.progress { position: relative; height: 22px; border-radius: 6px; background: var(--panel); overflow: hidden; margin-bottom: 8px; }%0A.progress .bar { position: absolute; inset: 0; width: 0; background: var(--accent); opacity: .25; transition: width .2s; }%0A.progress .label { position: relative; display: block; text-align: center; line-height: 22px; font-size: 11px; }%0A.day { margin: 10px 0 4px; font-weight: 600; font-size: 12px; }%0A.flight { display: grid; grid-template-columns: 48px 1fr auto; gap: 8px; padding: 6px 8px; border-radius: 6px; align-items: baseline; }%0A.flight:nth-child(even) { background: var(--panel); }%0A.flight .time { font-variant-numeric: tabular-nums; font-weight: 600; }%0A.flight .dest { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }%0A.flight .meta { color: var(--muted); font-size: 11px; font-variant-numeric: tabular-nums; white-space: nowrap; }%0A.itin { border: 1px solid var(--line); border-radius: 8px; padding: 8px; margin-top: 8px; }%0A.itin .head { display: flex; justify-content: space-between; gap: 8px; font-weight: 600; margin-bottom: 4px; }%0A.itin .leg { display: grid; grid-template-columns: 48px 1fr auto; gap: 8px; padding: 3px 0; }%0A.itin .lay { color: var(--muted); font-size: 11px; padding: 2px 0 2px 56px; }%0A.empty { padding: 18px 0; text-align: center; color: var(--muted); }%0A.err { color: var(--bad); font-size: 12px; padding: 6px 0; }%0A`;%0A%0Aconst RADAR_HTML = `%0A<nav class="tabs"><button data-tab="from" class="active">From</button><button data-tab="to">To</button><button data-tab="connect">Connect</button></nav>%0A<section class="tab" id="tab-from">%0A  <div class="row">%0A    <label class="grow"><span>From</span><div class="combo"><input id="origin" placeholder="Loading airports…" autocomplete="off" spellcheck="false" disabled><ul class="options" hidden></ul></div></label>%0A    <button id="scanFrom" class="primary" disabled>Scan</button>%0A  </div>%0A  <div class="row">%0A    <label class="grow"><span>To (optional — narrows the scan)</span><div class="combo"><input id="fromDest" placeholder="Anywhere" autocomplete="off" spellcheck="false" disabled><ul class="options" hidden></ul></div></label>%0A    <button id="addWatchFrom" class="watch-only" disabled>Watch</button>%0A  </div>%0A  <div id="estFrom" class="muted estimate"></div>%0A</section>%0A<section class="tab" id="tab-to" hidden>%0A  <div class="row">%0A    <label class="grow"><span>To</span><div class="combo"><input id="dest" placeholder="Loading airports…" autocomplete="off" spellcheck="false" disabled><ul class="options" hidden></ul></div></label>%0A    <button id="scanTo" class="primary" disabled>Scan</button>%0A  </div>%0A  <div id="estTo" class="muted estimate"></div>%0A  <div id="fromList" class="chips"></div>%0A  <div class="row"><button id="addWatchTo" class="watch-only small" disabled>Watch this destination from anywhere</button></div>%0A</section>%0A<section class="tab" id="tab-connect" hidden>%0A  <div class="row">%0A    <label class="grow"><span>From</span><div class="combo"><input id="cFrom" placeholder="Loading…" autocomplete="off" spellcheck="false" disabled><ul class="options" hidden></ul></div></label>%0A    <label class="grow"><span>To</span><div class="combo"><input id="cTo" placeholder="Loading…" autocomplete="off" spellcheck="false" disabled><ul class="options" hidden></ul></div></label>%0A    <button id="scanConnect" class="primary" disabled>Scan</button>%0A  </div>%0A  <div id="estConnect" class="muted estimate"></div>%0A  <div id="hubList" class="chips"></div>%0A</section>%0A<section id="results">%0A  <div id="progress" class="progress" hidden><div class="bar"></div><span class="label"></span></div>%0A  <div id="flights"><div class="empty">Pick an airport and hit Scan.</div></div>%0A</section>`;%0A%0A// ── formatting (also used by hosts) ──────────────────────────────────────────%0Aconst fmt = {%0A  day:  (iso) => { const [y, m, d] = String(iso).split('-').map(Number); return new Date(y, m - 1, d).toLocaleDateString('en-GB', { weekday: 'long', day: 'numeric', month: 'short' }); },%0A  short:(iso) => { const [y, m, d] = String(iso).split('-').map(Number); return new Date(y, m - 1, d).toLocaleDateString('en-GB', { weekday: 'short', day: 'numeric', month: 'short' }); },%0A  hm:   (iso) => String(iso ?? '').slice(11, 16),%0A  dur:  (m)   => `${Math.floor(m / 60)}h${String(m %25 60).padStart(2, '0')}`,%0A  ago:  (ts)  => { if (!ts) return 'never'; const m = Math.round((Date.now() - ts) / 60000); return m < 1 ? 'just now' : m < 60 ? `${m} min ago` : `${Math.round(m / 60)} h ago`; },%0A  /** Arrival after midnight → " +1"; both times are local to their own airport. */%0A  nextDay: (f) => {%0A    const a = String(f.arrive ?? '').slice(0, 10), d = String(f.depart ?? '').slice(0, 10);%0A    if (!a || !d || a <= d) return '';%0A    return `<b> +${Math.round((Date.parse(a) - Date.parse(d)) / 86400000)}</b>`;%0A  },%0A};%0Aconst { day, hm, dur, nextDay } = fmt;%0A%0A/**%0A * Mount the radar UI into `container`.%0A * adapter: {%0A *   getSetting(k), setSetting(k, v),%0A *   startScan(job), stopScan(),          job = { mode: 'from'|'to'|'connect', origin?, dest? }%0A *   addWatch?(origin|null, dest|null),   present → Watch buttons shown%0A *   home?: 'SBZ',                         default origin when nothing is saved%0A * }%0A * Returns { setRouteMap(rm), setScan(scan), render(), origin, dest }.%0A */%0Afunction mountRadar(container, adapter) {%0A  container.innerHTML = RADAR_HTML;%0A  const $ = (id) => container.querySelector('%23' + id);%0A  let rm = null, scan = null, tab = adapter.getSetting('tab') ?? 'from';%0A  if (!adapter.addWatch) container.querySelectorAll('.watch-only').forEach((b) => { b.hidden = true; });%0A%0A  // ── searchable combobox ────────────────────────────────────────────────────%0A  function makeCombo(inputId, { options, onSelect }) {%0A    const input = $(inputId), list = input.nextElementSibling;%0A    let items = [], active = -1, value = null;%0A    const labelFor = (v) => options().find((o) => o.value === v)?.label ?? '';%0A    const paint = () => { list.querySelectorAll('.opt').forEach((li) => li.classList.toggle('active', Number(li.dataset.i) === active)); list.querySelector('.opt.active')?.scrollIntoView({ block: 'nearest' }); };%0A    const open = (q = '') => {%0A      const needle = q.trim().toLowerCase();%0A      items = options().filter((o) => !needle || o.label.toLowerCase().includes(needle) || (o.value ?? '').toLowerCase().includes(needle)).slice(0, 80);%0A      active = items.length ? 0 : -1;%0A      let html = '', group;%0A      items.forEach((o, i) => {%0A        if (o.group && o.group !== group) { html += `<li class="group">${o.group}</li>`; group = o.group; }%0A        html += `<li class="opt${i === active ? ' active' : ''}" data-i="${i}"><span>${o.label}</span>${o.meta ? `<span class="muted">${o.meta}</span>` : ''}</li>`;%0A      });%0A      list.innerHTML = html || '<li class="group">No match</li>';%0A      list.hidden = false;%0A    };%0A    const close = () => { list.hidden = true; input.value = labelFor(value); };%0A    const choose = (i) => { const o = items[i]; if (!o) return close(); value = o.value; input.value = o.label; list.hidden = true; onSelect?.(o.value); };%0A    input.addEventListener('focus', () => { input.select(); open(''); });%0A    input.addEventListener('input', () => open(input.value));%0A    input.addEventListener('blur', () => setTimeout(() => { if (!list.hidden) close(); }, 150));%0A    input.addEventListener('keydown', (e) => {%0A      if (list.hidden) { if (e.key === 'ArrowDown') open(input.value); return; }%0A      if      (e.key === 'ArrowDown') { active = Math.min(active + 1, items.length - 1); paint(); e.preventDefault(); }%0A      else if (e.key === 'ArrowUp')   { active = Math.max(active - 1, 0); paint(); e.preventDefault(); }%0A      else if (e.key === 'Enter')     { choose(active); e.preventDefault(); }%0A      else if (e.key === 'Escape')    close();%0A    });%0A    list.addEventListener('mousedown', (e) => { e.preventDefault(); const li = e.target.closest('.opt'); if (li) choose(Number(li.dataset.i)); });%0A    list.addEventListener('touchend', (e) => { const li = e.target.closest('.opt'); if (li) { e.preventDefault(); choose(Number(li.dataset.i)); } });%0A    return { get value() { return value; }, set(v) { value = v; input.value = labelFor(v); }, enable(on) { input.disabled = !on; if (on) input.placeholder = 'Type a city or code…'; } };%0A  }%0A%0A  const name   = (c) => rm?.names[c] ?? c;%0A  const byName = (a, b) => name(a).localeCompare(name(b));%0A  const opt    = (c, extra = {}) => ({ value: c, label: `${name(c)} (${c})`, ...extra });%0A  const originOptions = () => rm ? Object.keys(rm.routes).sort(byName).map((c) => opt(c, { meta: `${rm.routes[c].length} routes` })) : [];%0A  const destOptions   = () => { if (!rm) return []; const inv = originsOf(rm); return Object.keys(rm.names).sort(byName).map((c) => opt(c, { meta: inv[c] ? `from ${inv[c].length}` : 'not today' })); };%0A  const save = (k, v) => adapter.setSetting(k, v);%0A%0A  const originCombo   = makeCombo('origin',   { options: originOptions, onSelect: (v) => { save('origin', v); fromDestCombo.set(fromDestCombo.value ?? ''); render(); } });%0A  const fromDestCombo = makeCombo('fromDest', {%0A    onSelect: () => render(),%0A    options: () => {%0A      const origin = originCombo.value;%0A      if (!rm || !origin) return [{ value: '', label: 'Anywhere' }];%0A      const listed = rm.routes[origin] ?? [];%0A      const others = adapter.addWatch ? Object.keys(rm.names).filter((c) => c !== origin && !listed.includes(c)).sort(byName) : [];%0A      return [%0A        { value: '', label: 'Anywhere', meta: `${listed.length} routes` },%0A        ...listed.slice().sort(byName).map((c) => opt(c, { group: "On today's list" })),%0A        ...others.map((c) => opt(c, { group: 'Other airports — watch for it to appear' })),%0A      ];%0A    },%0A  });%0A  const destCombo  = makeCombo('dest',  { options: destOptions,   onSelect: (v) => { save('dest', v); render(); } });%0A  const cFromCombo = makeCombo('cFrom', { options: originOptions, onSelect: (v) => { save('cFrom', v); render(); } });%0A  const cToCombo   = makeCombo('cTo',   { options: destOptions,   onSelect: (v) => { save('cTo', v); render(); } });%0A%0A  function estimate(pairs, what) {%0A    const days = bookableDates(rm).length, n = pairs * days, secs = Math.round(n * 0.7);%0A    return `${pairs} ${what} × ${days} days = ${n} lookups · ${secs < 90 ? `~${secs} s` : `~${Math.round(secs / 60)} min`}`;%0A  }%0A%0A  // ── render ─────────────────────────────────────────────────────────────────%0A  function render() {%0A    container.querySelectorAll('.tabs button').forEach((b) => b.classList.toggle('active', b.dataset.tab === tab));%0A    container.querySelectorAll('.tab').forEach((sec) => { sec.hidden = sec.id !== `tab-${tab}`; });%0A    if (!rm) return;%0A%0A    const live = scan?.status === 'running' && (scan.updatedAt == null || Date.now() - scan.updatedAt < 90_000);%0A    const btn = (id, mode, ready) => { const b = $(id), mine = live && (scan.mode ?? 'from') === mode; b.disabled = !ready; b.textContent = mine ? 'Stop' : 'Scan'; b.dataset.live = mine ? '1' : ''; };%0A%0A    const fromDest  = fromDestCombo.value || null;%0A    const fromPairs = originCombo.value ? pairsFor(rm, originCombo.value, fromDest) : [];%0A    btn('scanFrom', 'from', fromPairs.length);%0A    $('addWatchFrom').disabled = !originCombo.value;%0A    $('estFrom').textContent = !originCombo.value ? '' : fromPairs.length ? estimate(fromPairs.length, fromDest ? 'route' : 'routes')%0A      : `${name(originCombo.value)} → ${name(fromDest)} isn't on today's list${adapter.addWatch ? ' — Watch will tell you when it is' : ''}.`;%0A%0A    const toPairs = destCombo.value ? pairsFor(rm, null, destCombo.value) : [];%0A    btn('scanTo', 'to', toPairs.length);%0A    $('addWatchTo').disabled = !destCombo.value;%0A    $('estTo').textContent = !destCombo.value ? '' : toPairs.length ? estimate(toPairs.length, 'origins')%0A      : `Nothing flies to ${name(destCombo.value)} on today's list${adapter.addWatch ? ' — add a watch and it will tell you when something does' : ''}.`;%0A    $('fromList').innerHTML = toPairs.map((p) => `<span class="chip" data-origin="${p.from}" title="Scan from here">${name(p.from)} <span class="muted">${p.from}</span></span>`).join('');%0A%0A    let cx = null;%0A    if (cFromCombo.value && cToCombo.value && cFromCombo.value !== cToCombo.value) cx = connections(rm, cFromCombo.value, cToCombo.value);%0A    btn('scanConnect', 'connect', cx && (cx.direct || cx.hubs.length));%0A    $('estConnect').textContent = !cx ? '' : cx.direct || cx.hubs.length ? estimate((cx.direct ? 1 : 0) + cx.hubs.length * 2, 'legs')%0A      : `No direct or one-stop route from ${name(cFromCombo.value)} to ${name(cToCombo.value)} on today's list.`;%0A    $('hubList').innerHTML = !cx ? '' : (cx.direct ? '<span class="chip direct">Direct</span>' : '') + cx.hubs.map((h) => `<span class="chip hub">via ${name(h)} <span class="muted">${h}</span></span>`).join('');%0A%0A    renderResults(live);%0A  }%0A%0A  function renderResults(live) {%0A    const prog = $('progress'), box = $('flights');%0A    if (scan?.status === 'running') {%0A      prog.hidden = false;%0A      prog.querySelector('.bar').style.width = `${(scan.done / Math.max(scan.total, 1)) * 100}%25`;%0A      prog.querySelector('.label').textContent = live ? `${scan.done}/${scan.total} lookups · ${scan.flights.length} flights so far` : `Stalled at ${scan.done}/${scan.total} — press Scan to restart`;%0A    } else prog.hidden = true;%0A    if (!scan) return;%0A    if (scan.status === 'error') { box.innerHTML = `<div class="err">${scan.error}</div>`; return; }%0A%0A    const { mode = 'from', origin, dest, flights = [], status, done, total } = scan;%0A    const complete = status === 'done';%0A    const where = mode === 'to' ? `to ${name(dest)}` : mode === 'connect' || dest ? `${name(origin)} → ${name(dest)}` : `from ${name(origin)}`;%0A    const summary = status === 'stopped' ? `Stopped at ${done}/${total} · ${flights.length} flights ${where}` : complete ? `${flights.length} flights ${where} · ${total} lookups · local times` : '';%0A%0A    if (mode === 'connect') { box.innerHTML = renderConnect(summary, complete); return; }%0A    if (!flights.length) { box.innerHTML = summary ? `<div class="empty">${summary}${complete ? '<br>No AYCF seats right now — seats appear and vanish through the day.' : ''}</div>` : ''; return; }%0A    const byDay = {};%0A    for (const f of flights) (byDay[f.date] ??= []).push(f);%0A    let html = summary ? `<div class="muted">${summary}</div>` : '';%0A    for (const d of Object.keys(byDay).sort()) {%0A      html += `<div class="day">${day(d)}</div>` + byDay[d].map((f) => {%0A        const place = mode === 'to' ? `from ${name(f.from)} <span class="muted">${f.from}</span>` : `${f.city} <span class="muted">${f.to}</span>`;%0A        return `<div class="flight"><span class="time">${hm(f.depart)}</span><span class="dest">${place}</span><span class="meta">${f.flight} · arr ${hm(f.arrive)}${nextDay(f)}</span></div>`;%0A      }).join('');%0A    }%0A    box.innerHTML = html;%0A  }%0A%0A  function renderConnect(summary, complete) {%0A    const { origin, dest, flights = [] } = scan;%0A    const direct = flights.filter((f) => f.from === origin && f.to === dest);%0A    const its    = itineraries(flights, origin, dest);%0A    const row    = (f, label) => `<div class="flight"><span class="time">${hm(f.depart)}</span><span class="dest">${label}</span><span class="meta">${f.flight} · arr ${hm(f.arrive)}${nextDay(f)}</span></div>`;%0A    let html = summary ? `<div class="muted">${summary} · ${direct.length} direct · ${its.length} connections</div>` : '';%0A    if (direct.length) html += '<div class="day">Direct</div>' + direct.map((f) => row(f, day(f.date))).join('');%0A    for (const it of its) html += `<div class="itin">%0A      <div class="head"><span>${day(it.a.date)} · via ${name(it.a.to)}</span><span class="muted">≈ ${dur(it.elapsed)} door to door</span></div>%0A      <div class="leg"><span class="time">${hm(it.a.depart)}</span><span>${it.a.from} → ${it.a.to} <span class="muted">${name(it.a.to)}</span></span><span class="meta">${it.a.flight} · arr ${hm(it.a.arrive)}${nextDay(it.a)}</span></div>%0A      <div class="lay">${dur(it.layover)} layover in ${name(it.a.to)}</div>%0A      <div class="leg"><span class="time">${hm(it.b.depart)}</span><span>${it.b.from} → ${it.b.to} <span class="muted">${name(it.b.to)}</span></span><span class="meta">${it.b.flight} · arr ${hm(it.b.arrive)}${nextDay(it.b)}</span></div>%0A    </div>`;%0A    if (!direct.length && !its.length && complete) {%0A      html += '<div class="empty">No workable connection right now (90 min – 24 h at the hub).</div>';%0A      const l1 = flights.filter((f) => f.from === origin && f.to !== dest), l2 = flights.filter((f) => f.to === dest && f.from !== origin);%0A      if (l1.length) html += `<div class="day">First legs found (${name(origin)} → hub)</div>` + l1.map((f) => row(f, `${day(f.date)} · ${f.from} → ${f.to}`)).join('');%0A      if (l2.length) html += `<div class="day">Second legs found (hub → ${name(dest)})</div>` + l2.map((f) => row(f, `${day(f.date)} · ${f.from} → ${f.to}`)).join('');%0A    }%0A    return html;%0A  }%0A%0A  // ── events ─────────────────────────────────────────────────────────────────%0A  container.querySelector('.tabs').addEventListener('click', (e) => { const b = e.target.closest('button'); if (!b) return; tab = b.dataset.tab; save('tab', tab); render(); });%0A  const scanOrStop = (id, job) => $(id).addEventListener('click', () => $(id).dataset.live ? adapter.stopScan() : adapter.startScan(job()));%0A  scanOrStop('scanFrom',    () => ({ mode: 'from',    origin: originCombo.value, dest: fromDestCombo.value || null }));%0A  scanOrStop('scanTo',      () => ({ mode: 'to',      dest: destCombo.value }));%0A  scanOrStop('scanConnect', () => ({ mode: 'connect', origin: cFromCombo.value, dest: cToCombo.value }));%0A  $('addWatchFrom').addEventListener('click', () => originCombo.value && adapter.addWatch?.(originCombo.value, fromDestCombo.value || null));%0A  $('addWatchTo').addEventListener('click',   () => destCombo.value && adapter.addWatch?.(null, destCombo.value));%0A  $('fromList').addEventListener('click', (e) => { const chip = e.target.closest('.chip'); if (!chip) return; originCombo.set(chip.dataset.origin); save('origin', chip.dataset.origin); tab = 'from'; save('tab', tab); render(); });%0A%0A  return {%0A    setRouteMap(map) {%0A      const first = !rm;%0A      rm = map;%0A      if (first) {%0A        [originCombo, fromDestCombo, destCombo, cFromCombo, cToCombo].forEach((c) => c.enable(true));%0A        const home = rm.routes[adapter.home] ? adapter.home : Object.keys(rm.routes).sort(byName)[0];%0A        const s = (k) => adapter.getSetting(k);%0A        originCombo.set(rm.routes[s('origin')] ? s('origin') : home);%0A        cFromCombo.set(rm.routes[s('cFrom')] ? s('cFrom') : home);%0A        destCombo.set(rm.names[s('dest')] ? s('dest') : null);%0A        cToCombo.set(rm.names[s('cTo')] ? s('cTo') : null);%0A        fromDestCombo.set('');%0A      }%0A      render();%0A    },%0A    setScan(s) { scan = s; render(); },%0A    render,%0A  };%0A}%0A// Bookmarklet host: a full-screen sheet in a shadow DOM around the shared radar%0A// UI. Runs on multipass.wizzair.com with the browser's own session; scans in-page.%0A// build.sh concatenates src/api.js + src/radar-ui.js + this file into one IIFE.%0A%0Aconst ID = 'aycf-radar';%0Aconst existing = document.getElementById(ID);%0Aif (existing) { existing.remove(); return; }           // second tap = close%0A%0Aconst host = document.createElement('div');%0Ahost.id = ID;%0Aconst sh = host.attachShadow({ mode: 'open' });%0Ash.innerHTML = `%0A<style>%0A  :host { all: initial; }%0A  * { box-sizing: border-box; }%0A  .sheet { --accent: %23c6007e; --accent-ink: %23fff; --bg: %2316161d; --panel: %231f1f29; --ink: %23ececf1; --muted: %239a9aad; --line: %232f2f3c; --bad: %23ff6b6b;%0A    position: fixed; inset: 0; z-index: 2147483647; overflow-y: auto; -webkit-overflow-scrolling: touch;%0A    background: var(--bg); color: var(--ink); font: 15px/1.4 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }%0A  .inner { max-width: 560px; margin: 0 auto; padding-bottom: 40px; }%0A  header { display: flex; justify-content: space-between; align-items: center; padding: 14px 16px; border-bottom: 1px solid var(--line); position: sticky; top: 0; background: var(--bg); z-index: 2; }%0A  h1 { font-size: 17px; margin: 0; }%0A  .close { border: 0; background: var(--panel); color: var(--ink); font-size: 22px; width: 40px; height: 40px; border-radius: 10px; }%0A  /* touch sizing on top of the shared component styles */%0A  input, button { font-size: 16px; padding: 11px 12px; border-radius: 10px; }%0A  .tabs button { padding: 10px 12px; font-size: 15px; }%0A  .opt { padding: 10px; } .options { max-height: 260px; }%0A  .flight { padding: 9px 8px; grid-template-columns: 52px 1fr auto; } .flight .meta { font-size: 12px; }%0A  .muted { font-size: 13px; } .day { font-size: 14px; }%0A  ${RADAR_CSS}%0A</style>%0A<div class="sheet"><div class="inner">%0A  <header><div><h1>AYCF Radar</h1><div id="window" class="muted">Reading route map…</div></div><button class="close" id="close" aria-label="Close">×</button></header>%0A  <div id="radar"></div>%0A</div></div>`;%0Adocument.body.append(host);%0A%0Aconst SETTINGS_KEY = 'aycf-radar:settings';%0Alet settings = {};%0Atry { settings = JSON.parse(localStorage.getItem(SETTINGS_KEY) || '{}'); } catch {}%0A%0Alet rm = null, current = null;%0A%0Aasync function startScan(job) {%0A  current?.abort();%0A  const ac = new AbortController(); current = ac;%0A  const { mode, origin = null, dest = null } = job;%0A  const dates = bookableDates(rm);%0A  let pairs, hubs = [], direct = false;%0A  if (mode === 'connect') { ({ direct, hubs } = connections(rm, origin, dest)); pairs = [...(direct ? [{ from: origin, to: dest }] : []), ...hubs.flatMap((h) => [{ from: origin, to: h }, { from: h, to: dest }])]; }%0A  else pairs = pairsFor(rm, mode === 'to' ? null : origin, dest);%0A  let s = { mode, origin, dest, hubs, direct, status: 'running', done: 0, total: pairs.length * dates.length, flights: [] };%0A  radar.setScan(s);%0A  try {%0A    const result = await scan(pairs, dates, { signal: ac.signal, onProgress: ({ done, flights }) => { if (!ac.signal.aborted) radar.setScan(s = { ...s, done, flights: [...flights] }); } });%0A    if (ac.signal.aborted) return;%0A    radar.setScan({ ...s, status: 'done', done: result.total, flights: result.flights });%0A  } catch (e) {%0A    if (!ac.signal.aborted) radar.setScan({ ...s, status: 'error', error: e.message });%0A  }%0A}%0A%0Aconst radar = mountRadar(sh.querySelector('%23radar'), {%0A  home: 'SBZ',%0A  getSetting: (k) => settings[k],%0A  setSetting: (k, v) => { settings[k] = v; try { localStorage.setItem(SETTINGS_KEY, JSON.stringify(settings)); } catch {} },%0A  startScan,%0A  stopScan: () => { current?.abort(); radar.setScan(null); },%0A});%0A%0Ash.getElementById('close').addEventListener('click', () => host.remove());%0A%0A(async () => {%0A  try {%0A    const o = (typeof viewDto !== 'undefined' ? viewDto : undefined)?.searchFlight?.options;%0A    rm = o ? parseRouteMap(`searchFlight: { options: ${JSON.stringify(o)}`) : await fetchRouteMap();%0A    sh.getElementById('window').textContent = `Bookable ${fmt.day(rm.minDate)} – ${fmt.day(rm.maxDate)} · ${Object.keys(rm.routes).length} airports`;%0A    radar.setRouteMap(rm);%0A  } catch (e) {%0A    sh.getElementById('window').textContent = e.message;%0A  }%0A})();%0A})();%0A

Use

Open multipass.wizzair.com logged in, type AYCF in the address bar, tap the bookmark. Tap again to close.

Built 2026-09-08 23:26