nodebb-plugin-anti-account-sharing 1.0.1 → 1.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-anti-account-sharing",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Prevents account sharing by enforcing a single active session policy for desktop devices.",
   "main": "library.js",
   "keywords": [

package/static/security.js

@@ -1,71 +1,97 @@
 'use strict';
 
-$(document).ready(function() {
-    // 1. URL Kontrolü (Sayfa yenileyince atıldıysa)
+(function () {
+  function showSecurityModal() {
+    // Varsa eski modalları temizle
+    $('#antishare-modal').remove();
+
+    const modalHtml = `
+      <div id="antishare-modal" style="
+        position: fixed; top: 0; left: 0; width: 100%; height: 100%;
+        background: rgba(0,0,0,0.92); z-index: 999999;
+        display: flex; flex-direction: column; align-items: center; justify-content: center;
+        text-align: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
+        animation: fadeIn 0.3s ease;
+      ">
+        <div style="
+          background: #ffffff; padding: 40px; border-radius: 16px; 
+          max-width: 90%; width: 400px; box-shadow: 0 10px 40px rgba(0,0,0,0.5);
+          position: relative; overflow: hidden;
+        ">
+          <div style="position: absolute; top:0; left:0; width:100%; height:6px; background:#d9534f;"></div>
+
+          <div style="
+            width: 70px; height: 70px; background: #fdf2f2; border-radius: 50%; 
+            display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;
+          ">
+            <i class="fa fa-shield" style="font-size: 32px; color: #d9534f;"></i>
+          </div>
+
+          <h2 style="color: #333; margin: 0 0 10px; font-size: 22px; font-weight: 700;">Oturum Sonlandırıldı</h2>
+
+          <p style="color: #666; font-size: 14px; line-height: 1.6; margin: 0 0 30px;">
+            Hesabınıza <strong>başka bir bilgisayardan</strong> giriş yapıldığı tespit edildi.<br><br>
+            Hesap güvenliğiniz için önceki cihazdaki oturum otomatik olarak kapatılmıştır.
+          </p>
+
+          <a href="/login" style="
+            display: block; width: 100%; padding: 14px 0;
+            background: #d9534f; color: #fff; text-decoration: none;
+            font-weight: 600; border-radius: 8px; font-size: 15px;
+            transition: background 0.2s;
+          " onmouseover="this.style.background='#c9302c'" onmouseout="this.style.background='#d9534f'">
+            TEKRAR GİRİŞ YAP
+          </a>
+
+          <div style="margin-top: 20px; font-size: 12px; color: #999;">
+            Mobil cihazlarınız bu durumdan etkilenmez.
+          </div>
+        </div>
+      </div>
+      <style>@keyframes fadeIn { from { opacity:0; transform:scale(0.95); } to { opacity:1; transform:scale(1); } }</style>
+    `;
+
+    $('body').append(modalHtml);
+    $('body').css('overflow', 'hidden');
+  }
+
+  function checkUrlParam() {
     const urlParams = new URLSearchParams(window.location.search);
     if (urlParams.get('error') === 'session-conflict') {
-        showSecurityModal();
+      showSecurityModal();
     }
+  }
 
-    // 2. AJAX Kontrolü (Sayfada gezerken atıldıysa)
-    $(document).ajaxError(function(event, jqxhr) {
-        if (jqxhr.status === 401 && jqxhr.responseJSON && jqxhr.responseJSON.error === 'session_terminated') {
-            showSecurityModal();
-        }
-    });
+  // --- 1) İlk yükleme + SPA geçişleri ---
+  $(document).ready(checkUrlParam);
+  $(window).on('action:ajaxify.end', checkUrlParam);
 
-    function showSecurityModal() {
-        // Varsa eski modalları temizle
-        $('#antishare-modal').remove();
+  // --- 2) jQuery AJAX 401 yakala ---
+  $(document).ajaxError(function (event, jqxhr) {
+    if (jqxhr && jqxhr.status === 401 && jqxhr.responseJSON && jqxhr.responseJSON.error === 'session_terminated') {
+      showSecurityModal();
+    }
+  });
 
-        // Niki'den bağımsız, genel ve şık bir tasarım
-        const modalHtml = `
-            <div id="antishare-modal" style="
-                position: fixed; top: 0; left: 0; width: 100%; height: 100%;
-                background: rgba(0,0,0,0.92); z-index: 999999;
-                display: flex; flex-direction: column; align-items: center; justify-content: center;
-                text-align: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-                animation: fadeIn 0.3s ease;
-            ">
-                <div style="
-                    background: #ffffff; padding: 40px; border-radius: 16px; 
-                    max-width: 90%; width: 400px; box-shadow: 0 10px 40px rgba(0,0,0,0.5);
-                    position: relative; overflow: hidden;
-                ">
-                    <div style="position: absolute; top:0; left:0; width:100%; height:6px; background:#d9534f;"></div>
+  // --- 3) FETCH 401 yakala (asıl eksik buydu) ---
+  const _fetch = window.fetch;
+  window.fetch = async function (...args) {
+    const res = await _fetch.apply(this, args);
 
-                    <div style="
-                        width: 70px; height: 70px; background: #fdf2f2; border-radius: 50%; 
-                        display: flex; align-items: center; justify-content: center; margin: 0 auto 20px;
-                    ">
-                        <i class="fa fa-shield" style="font-size: 32px; color: #d9534f;"></i>
-                    </div>
-                    
-                    <h2 style="color: #333; margin: 0 0 10px; font-size: 22px; font-weight: 700;">Oturum Sonlandırıldı</h2>
-                    
-                    <p style="color: #666; font-size: 14px; line-height: 1.6; margin: 0 0 30px;">
-                        Hesabınıza <strong>başka bir bilgisayardan</strong> giriş yapıldığı tespit edildi.<br><br>
-                        Hesap güvenliğiniz için önceki cihazdaki oturum otomatik olarak kapatılmıştır.
-                    </p>
-                    
-                    <a href="/login" style="
-                        display: block; width: 100%; padding: 14px 0;
-                        background: #d9534f; color: #fff; text-decoration: none;
-                        font-weight: 600; border-radius: 8px; font-size: 15px;
-                        transition: background 0.2s;
-                    " onmouseover="this.style.background='#c9302c'" onmouseout="this.style.background='#d9534f'">
-                        TEKRAR GİRİŞ YAP
-                    </a>
-                    
-                    <div style="margin-top: 20px; font-size: 12px; color: #999;">
-                        Mobil cihazlarınız bu durumdan etkilenmez.
-                    </div>
-                </div>
-            </div>
-            <style>@keyframes fadeIn { from { opacity:0; transform:scale(0.95); } to { opacity:1; transform:scale(1); } }</style>
-        `;
+    try {
+      if (res && res.status === 401) {
+        // response body json olabilir; klonlayıp okuyalım
+        const clone = res.clone();
+        const data = await clone.json().catch(() => null);
 
-        $('body').append(modalHtml);
-        $('body').css('overflow', 'hidden'); // Scrollu kilitle
+        if (data && data.error === 'session_terminated') {
+          showSecurityModal();
+        }
+      }
+    } catch (e) {
+      // sessiz geç
     }
-});
+
+    return res;
+  };
+})();