wordpress-theme-aksrt/assets/js/signin.js

/**
 * AKSRT global sign-in controller.
 *
 * All sign-in buttons share one REST request, captcha and toast flow.
 */
(function () {
  'use strict';

  if (!window.aksrtData || !window.AksrtRequest) {
    return;
  }

  var signinBusy = false;

  function api(path, options) {
    return window.AksrtRequest.request(path, options || {}).then(function (response) {
      return {
        ok: response.ok,
        status: response.status,
        json: response.json || {}
      };
    }).catch(function (error) {
      var response = error && error.response ? error.response : {};
      return {
        ok: false,
        status: error && error.status ? error.status : (response.status || 0),
        json: error && error.json ? error.json : (response.json || { message: error && error.message })
      };
    });
  }

  function initSignin() {
    var buttons = Array.prototype.slice.call(document.querySelectorAll('[data-signin-btn]'));
    var freshButtons = buttons.filter(function (button) {
      return button.dataset.aksrtSigninInitialized !== '1';
    });
    if (!freshButtons.length) return;

    freshButtons.forEach(function (button) {
      button.dataset.aksrtSigninInitialized = '1';
    });

    function statuses() {
      return document.querySelectorAll('[data-signin-status]');
    }

    function currentButtons() {
      return document.querySelectorAll('[data-signin-btn]');
    }

    function setStatus(text) {
      statuses().forEach(function (status) {
        status.textContent = text;
      });
    }

    function setStatusHtml(html) {
      statuses().forEach(function (status) {
        status.innerHTML = html;
      });
    }

    function setButtonState(state) {
      currentButtons().forEach(function (button) {
        var label = button.querySelector('[data-signin-label]');
        var text = state === 'done'
          ? button.getAttribute('data-signin-done-label') || '已签到'
          : (state === 'busy' ? '…' : button.getAttribute('data-signin-idle-label') || '签到');
        if (label) label.textContent = text;
        button.disabled = state !== 'idle';
        button.classList.toggle('is-done', state === 'done');
      });
    }

    function refresh() {
      api('/signin/today').then(function (result) {
        if (!result.ok) {
          var message = (result.json && result.json.message) || '签到状态加载失败 (HTTP ' + result.status + ')';
          setStatus(message);
          notyf(message, 'danger');
          return;
        }

        var data = result.json;
        if (!data.enabled) {
          setStatus('签到功能未启用');
          setButtonState('done');
          return;
        }
        if (data.signed) {
          setStatusHtml('已签到 <strong>' + data.streak + '</strong> 天 +' + data.reward_today);
          setButtonState('done');
          return;
        }
        setStatusHtml('连续 <strong>' + data.streak + '</strong> 天，+' + data.reward_if_signin);
        setButtonState('idle');
      });
    }

    function captchaMount() {
      return document.querySelector('[data-signin-captcha]');
    }

    function collectCaptcha() {
      var mount = captchaMount();
      if (!mount) return {};
      var payload = {};
      var keys = [
        'captcha_verified', 'cf_turnstile_response',
        'tencent_ticket', 'tencent_randstr', 'tencent_sid',
        'geetest_lot_number', 'geetest_captcha_output', 'geetest_pass_token', 'geetest_gen_time',
        'aliyun_captcha_verify_param'
      ];
      keys.forEach(function (key) {
        var input = mount.querySelector('input[name="' + key + '"]');
        if (input && input.value !== '') payload[key] = input.value;
      });
      return payload;
    }

    function resetCaptcha() {
      var state = window.AKSRTCaptchaState;
      var scene = state && state.scenes && state.scenes.signin;
      if (scene && typeof scene.reset === 'function') scene.reset();
    }

    function triggerCaptcha(onSuccess, onFail) {
      var mount = captchaMount();
      var state = window.AKSRTCaptchaState;
      var scene = state && state.scenes && state.scenes.signin;

      if (scene && typeof scene.verify === 'function') {
        scene.verify(function (ok) {
          if (ok === false) {
            onFail('已取消验证');
            return;
          }
          onSuccess();
        });
        return;
      }
      if (mount) {
        onFail('人机验证加载中，请稍候再试');
        return;
      }
      onSuccess();
    }

    function doSignin() {
      notyf('正在签到…', 'load', '', 'aksrt-balance-signin-toast');
      api('/signin', {
        method: 'POST',
        body: JSON.stringify({ captcha: collectCaptcha() })
      }).then(function (result) {
        signinBusy = false;
        if (!result.ok) {
          resetCaptcha();
          notyf((result.json && result.json.message) || '签到失败', 'danger', 5, 'aksrt-balance-signin-toast');
          setButtonState('idle');
          return;
        }

        notyf(result.json.message || '签到成功', 'success', 5, 'aksrt-balance-signin-toast');
        document.querySelectorAll('[data-credits-value]').forEach(function (element) {
          element.textContent = Number(result.json.balance || 0).toLocaleString();
        });
        setButtonState('done');
        refresh();
      });
    }

    freshButtons.forEach(function (button) {
      button.addEventListener('click', function (event) {
        event.preventDefault();
        if (signinBusy || button.disabled) return;

        signinBusy = true;
        setButtonState('busy');
        triggerCaptcha(doSignin, function (message) {
          signinBusy = false;
          resetCaptcha();
          if (message) notyf(message, 'danger');
          setButtonState('idle');
        });
      });
    });

    refresh();
  }

  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initSignin);
  } else {
    initSignin();
  }

  if (window.AksrtFrontend && typeof window.AksrtFrontend.register === 'function') {
    window.AksrtFrontend.register('signin', initSignin);
  }
})();