nodebb-plugin-niki-loyalty 1.0.6 → 1.0.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-niki-loyalty",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Niki The Cat Coffee Loyalty System - Earn points while studying on IEU Forum.",
   "main": "library.js",
   "nbbpm": {

package/static/lib/client.js

@@ -2,15 +2,14 @@
 
 $(document).ready(function () {
     // --- AYARLAR ---
-    // Logoyu yerel dosyadan çekiyoruz (İnternet linki değil)
-    // Bu sayede "resim yüklenmedi" hatası almazsın.
-    const NIKI_LOGO_PATH = config.relative_path + '/plugins/nodebb-plugin-niki-loyalty/static/logo.png';
+    // 1. Logo Ayarı (Senin çalışan linkin)
+    const NIKI_LOGO_URL = "https://i.ibb.co/nZvtpss/logo-placeholder.png";
 
     // Widget HTML Şablonu
     const widgetHtml = `
         <div id="niki-floating-widget" class="niki-hidden">
             <div class="niki-widget-content" onclick="ajaxify.go('niki-wallet')">
-                <img src="${NIKI_LOGO_PATH}" class="niki-widget-logo" alt="Niki">
+                <img src="${NIKI_LOGO_URL}" class="niki-widget-logo" alt="Niki">
                 <div class="niki-widget-text">
                     <span class="niki-lbl">PUANIM</span>
                     <span class="niki-val" id="niki-live-points">...</span>
@@ -19,59 +18,82 @@ $(document).ready(function () {
         </div>
     `;
 
-    // 1. Widget'ı Ekrana Koyma ve Veri Çekme Fonksiyonu
+    // 1. Widget Başlatma ve Veri Yönetimi
     function initNikiWidget() {
-        // Eğer giriş yapmamışsa çalışma
         if (!app.user.uid || app.user.uid <= 0) return;
 
-        // Widget zaten varsa tekrar ekleme
+        // Widget yoksa ekle
         if ($('#niki-floating-widget').length === 0) {
             $('body').append(widgetHtml);
         }
 
-        // VERİYİ DOĞRU YERDEN ÇEK: wallet-data API'si
+        // --- HIZLI YÜKLEME (CACHE) ---
+        // Önce hafızadaki son puanı hemen göster (Bekletme yapmaz)
+        const cachedPoints = localStorage.getItem('niki_last_points');
+        if (cachedPoints !== null) {
+            $('#niki-live-points').text(cachedPoints);
+            $('#niki-floating-widget').removeClass('niki-hidden');
+        }
+
+        // Logo Kontrolü (Garanti olsun)
+        fixLogo();
+
+        // --- GÜNCEL VERİ ÇEKME ---
+        // Arka planda sunucuya sor: "Puan değişti mi?"
         $.get('/api/niki-loyalty/wallet-data', function(data) {
+            const freshPoints = data.points || 0;
+            
             // Puanı güncelle
-            $('#niki-live-points').text(data.points || 0);
+            $('#niki-live-points').text(freshPoints);
+            $('#niki-floating-widget').removeClass('niki-hidden'); // İlk kez açılıyorsa göster
             
-            // Widget'ı görünür yap
-            $('#niki-floating-widget').removeClass('niki-hidden');
+            // Yeni puanı hafızaya at (Bir sonraki giriş için)
+            localStorage.setItem('niki_last_points', freshPoints);
+            
+            // Logoyu tekrar kontrol et (Resim geç yüklendiyse)
+            fixLogo();
         }).fail(function() {
-            // Hata olursa 0 yaz ama widget'ı yine de göster
-            $('#niki-live-points').text('0');
-            $('#niki-floating-widget').removeClass('niki-hidden');
+            // Hata olursa ve cache yoksa 0 yaz
+            if (cachedPoints === null) {
+                $('#niki-live-points').text('0');
+                $('#niki-floating-widget').removeClass('niki-hidden');
+            }
         });
     }
 
-    // 2. Sayfa İlk Açıldığında Çalıştır
+    // Logo Düzeltici (Senin çalışan kodun entegresi)
+    function fixLogo() {
+        const img = document.querySelector("img.niki-widget-logo");
+        if (img && img.src !== NIKI_LOGO_URL) {
+            img.src = NIKI_LOGO_URL;
+        }
+    }
+
+    // Başlat
     initNikiWidget();
 
-    // 3. Sayfa Değiştiğinde (Menülerde gezerken) Tekrar Çalıştır
+    // Sayfa Geçişlerinde Tekrar Çalıştır
     $(window).on('action:ajaxify.end', function () {
         initNikiWidget();
+        setTimeout(fixLogo, 500); // 0.5sn sonra son bir kontrol
     });
 
-    // --- AKTİFLİK VE PUAN KAZANMA SİSTEMİ ---
+    // --- AKTİFLİK SİSTEMİ (Heartbeat) ---
     let activeSeconds = 0;
     let isUserActive = false;
     let idleTimer;
     
-    // Hareket algılayınca sayacı sıfırla
     function resetIdleTimer() {
         isUserActive = true;
         clearTimeout(idleTimer);
-        idleTimer = setTimeout(() => { isUserActive = false; }, 30000); // 30sn hareketsizse pasif ol
+        idleTimer = setTimeout(() => { isUserActive = false; }, 30000);
     }
     $(window).on('mousemove scroll keydown click touchstart', resetIdleTimer);
 
-    // Her saniye kontrol et
     setInterval(() => {
-        // Sadece "Topic" sayfalarında, sekme görünürse ve kullanıcı aktifse say
         if (ajaxify.data.template.topic && document.visibilityState === 'visible' && isUserActive) {
             activeSeconds++;
         }
-        
-        // 60 saniye dolunca sunucuya bildir
         if (activeSeconds >= 60) {
             sendHeartbeat();
             activeSeconds = 0;
@@ -81,20 +103,18 @@ $(document).ready(function () {
     function sendHeartbeat() {
         $.post('/api/niki-loyalty/heartbeat', { _csrf: config.csrf_token }, function(res) {
             if (res.earned) {
-                // Puanı anlık güncelle
+                // Puanı güncelle
                 $('#niki-live-points').text(res.total);
-                
-                // Bildirim göster
+                // Hafızayı da güncelle
+                localStorage.setItem('niki_last_points', res.total);
+
                 showNikiToast(`+${res.points} Puan Kazandın! ☕`);
-                
-                // Widget'ı zıplat
                 $('#niki-floating-widget').addClass('niki-bounce');
                 setTimeout(() => $('#niki-floating-widget').removeClass('niki-bounce'), 500);
             }
         });
     }
 
-    // Özel Bildirim (Toast) Fonksiyonu
     function showNikiToast(msg) {
         $('.niki-toast').remove();
         const toast = $(`<div class="niki-toast"><i class="fa fa-paw"></i> ${msg}</div>`);
@@ -102,7 +122,7 @@ $(document).ready(function () {
         setTimeout(() => { toast.addClass('show'); }, 100);
         setTimeout(() => { 
             toast.removeClass('show');
-            setTimeout(() => toast.remove(), 300);
+            setTimeout(() => toast.remove(), 3000);
         }, 3000);
     }
 });