SoonDesign/frontend-web/js/common/portal-auth.js

(function () {
  'use strict';

  function showAuthedNav() {
    var guest = document.getElementById('auth_guest');
    var account = document.getElementById('auth_account');
    var session = document.getElementById('auth_session');
    if (guest) guest.style.display = 'none';
    if (account) account.style.display = 'inline-flex';
    if (session) session.style.display = 'inline-flex';
  }

  function clearSession() {
    if (typeof window.soonClearAuthSession === 'function') {
      window.soonClearAuthSession();
    } else {
      localStorage.removeItem('soon_access');
      localStorage.removeItem('soon_refresh');
    }
  }

  function initClearCache() {
    var btn = document.getElementById('auth_clear_cache');
    if (!btn) return;
    btn.addEventListener('click', function (e) {
      e.preventDefault();
      if (typeof layui === 'undefined' || typeof window.soonClearLocalDesignCache !== 'function') return;
      layui.use('layer', function () {
        var layer = layui.layer;
        layer.open({
          type: 1,
          skin: 'soon-layer',
          title: '清除本地缓存',
          content: '<div class="soon-dialog-body">将清除最近文件与本地缓存，不会退出登录。未上传的本地编辑将丢失。</div>',
          btn: ['确定清除', '取消'],
          btnAlign: 'r',
          area: ['320px', 'auto'],
          shadeClose: true,
          yes: function (index) {
            layer.close(index);
            window.soonClearLocalDesignCache().then(function () {
              if (typeof window.soonToast === 'function') window.soonToast('已清除本地缓存', 'success');
              else layer.msg('已清除本地缓存', { icon: 1, time: 1200 });
              setTimeout(function () {
                if (/design[12]\.web\.html/i.test(location.pathname || '')) location.href = 'index.web.html';
                else location.reload();
              }, 400);
            });
          }
        });
      });
    });
  }

  function initTopbar(options) {
    options = options || {};
    initClearCache();

    var tok = localStorage.getItem('soon_access') || '';
    var login = document.getElementById('auth_login');
    var reg = document.getElementById('auth_register');
    var admin = document.getElementById('auth_admin');
    var logout = document.getElementById('auth_logout');
    var avatar = document.getElementById('auth_avatar');

    if (!tok) return;

    showAuthedNav();
    if (login) login.style.display = 'none';
    if (reg) reg.style.display = 'none';
    if (logout) logout.style.display = 'inline-flex';

    var base = (window.SOON_DEPLOY_CONFIG && window.SOON_DEPLOY_CONFIG.api_v1_base) || '';
    if (!base) return;

    var meFetch = typeof window.soonAuthedFetch === 'function'
      ? window.soonAuthedFetch(base + '/auth/me', { headers: { Authorization: 'Bearer ' + tok } })
      : fetch(base + '/auth/me', { headers: { Authorization: 'Bearer ' + tok } });
    meFetch
      .then(function (r) { return r.json(); })
      .then(function (j) {
        if (!j.ok || !j.data) {
          clearSession();
          location.reload();
          return;
        }
        if (j.data.role === 'admin' && admin) admin.style.display = 'inline-flex';
        if (avatar && j.data.email) {
          avatar.style.display = 'inline-flex';
          avatar.textContent = j.data.email.charAt(0).toUpperCase();
          avatar.title = j.data.email;
        }
        if (typeof window.soonLoadMembership === 'function') {
          window.soonLoadMembership().then(function () {
            if (typeof window.soonRefreshPortalIdentity === 'function') {
              window.soonRefreshPortalIdentity();
            }
          });
        }
      })
      .catch(function () { /* keep authed shell */ });

    if (logout) {
      logout.addEventListener('click', function (e) {
        e.preventDefault();
        clearSession();
        if (options.logoutReload !== false) location.reload();
        else location.href = 'index.web.html';
      });
    }
  }

  window.soonPortalAuth = { init: initTopbar };
})();