Remote Tab Opener — Developer Documentation

<!-- 1) Load the core helper -->
<script src="../RTO_helpers/RTO_form_api.js"></script>

<script>
(async function(){
  const tabKey = "demoTab";
  try {
    // 1) Detect the extension
    await RTOForm.detect(1500);

    // 2) Open (or reuse) a controlled tab
    await RTOForm.openTab(
      { tabKey, url: "https://example.com", focus: true},
      { timeoutMs: 15000 }
    );

    // 3) Wait for a selector, then read text
    await RTOForm.waitForSelector({ tabKey, selector: "h1" }, { timeoutMs: 8000 });
    const data = await RTOForm.getText({ tabKey, selector: "h1" }, { timeoutMs: 8000 });

    console.log("h1 text:", data.text || data.value || data);
  } catch (err) {
    console.error("RTO error:", err);
  }
})();
</script>

<!-- Optional: a beginner-friendly status banner -->
<div id="rtoStatus"></div>

<script src="../RTO_helpers/RTO_form_api.js"></script>
<script src="../RTO_helpers/RTO_connector.js"></script>
<script src="../RTO_helpers/RTO_domainList.js"></script>
<script>
RTOconnectOnce(1500).then(function(connected){
  var host = location.hostname;
  var box = document.getElementById("rtoStatus");

  if(!connected){
    box.textContent = "RTO extension not detected.";
    return;
  }

  return RTOAllowlist.has(host).then(function(allowed){
    box.textContent = allowed
      ? "RTO ready on " + host
      : "RTO detected, but " + host + " is not allow-listed yet.";
  });
});
</script>