关联完成事件

function connectAccount(url) {
  // 从拿到的 URL 推导 origin，而不要硬编码：
  // 如果你的账户使用自己的关联域名，弹窗就运行在该域名上。
  const popupOrigin = new URL(url).origin;

  const popup = window.open(url, "ayrshare-connect", "width=600,height=800");
  if (!popup) {
    handleOutcome({ event: "connect:error", message: "The popup was blocked." });
    return;
  }

  // 在任何代码可能调用 `cleanup` 之前声明：否则过早到达的消息
  // 会在 `poll` 的暂时性死区中命中它并抛出异常。
  let poll;

  const cleanup = () => {
    clearInterval(poll);
    window.removeEventListener("message", onMessage);
  };

  const onMessage = event => {
    // 两个检查都要做，而不只是 origin：否则同一 origin 上的另一个
    // 标签页或框架发来的消息也会被你的处理器相信。
    if (event.origin !== popupOrigin || event.source !== popup) return;
    const message = event.data;
    if (!message || message.source !== "ayrshare") return;

    if (["connect:success", "connect:error", "connect:cancelled"].includes(message.event)) {
      // 用 `finally`，这样你自己的处理器抛出异常也不会让轮询继续运行——
      // 它稍后会看到已关闭的弹窗，并在你已有的结果之上再报告一次 `cancelled`。
      // 清理在 `connect:error` 之后同样重要，那时弹窗保持打开以便用户阅读。
      try {
        handleOutcome(message);
      } finally {
        cleanup();
      }
    }
  };
  window.addEventListener("message", onMessage);

  // 手动关闭的弹窗什么也不发送，所以要留意它。先等一下再下结论：
  // 弹窗在发送后会立即自行关闭，你第一次看到窗口消失时消息可能仍在途中。
  let closedAt = null;
  poll = setInterval(() => {
    if (!popup.closed) return;
    if (closedAt === null) {
      closedAt = Date.now();
      return;
    }
    if (Date.now() - closedAt < 750) return;

    cleanup();
    handleOutcome({ event: "connect:cancelled", reason: "popupClosed" });
  }, 500);
}