nodebb-plugin-niki-loyalty 1.0.3 → 1.0.4

package/package.json

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

package/static/lib/client.js

@@ -1,52 +1,76 @@
 'use strict';
 
 $(document).ready(function () {
-    // --- NIKI LOGO URL ---
-    // Buraya Niki'nin transparent PNG logosunu koymalısın.
-    const NIKI_LOGO_URL = 'https://i.imgur.com/kXUe4M6.png'; // Örnek kedi logosu
+    // --- AYARLAR ---
+    // Buraya logonun linkini koy. Eğer link yoksa geçici bir kedi ikonu koydum.
+    const NIKI_LOGO_URL = 'https://cdn-icons-png.flaticon.com/512/616/616554.png'; 
 
-    // 1. Widget'ı Ekrana Bas (Eğer giriş yapmışsa)
-    if (app.user.uid > 0 && $('#niki-floating-widget').length === 0) {
-        const widgetHtml = `
-            <div id="niki-floating-widget">
-                <div class="niki-widget-content" onclick="ajaxify.go('niki-wallet')">
-                    <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>
-                    </div>
+    // 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_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>
                 </div>
             </div>
-        `;
-        $('body').append(widgetHtml);
-        
-        // Açılışta puanı çek
-        $.get('/api/user/' + app.user.userslug, function(data) {
-            $('#niki-live-points').text(data.niki_points || 0);
+        </div>
+    `;
+
+    // 1. Widget'ı Ekrana Koyma ve Veri Çekme Fonksiyonu
+    function initNikiWidget() {
+        // Eğer giriş yapmamışsa çalışma
+        if (!app.user.uid || app.user.uid <= 0) return;
+
+        // Widget zaten varsa tekrar ekleme, sadece veriyi güncelle
+        if ($('#niki-floating-widget').length === 0) {
+            $('body').append(widgetHtml);
+        }
+
+        // VERİYİ DOĞRU YERDEN ÇEK: wallet-data API'si (Kesin çözüm)
+        $.get('/api/niki-loyalty/wallet-data', function(data) {
+            // Puanı güncelle
+            $('#niki-live-points').text(data.points || 0);
+            
+            // Widget'ı görünür yap
+            $('#niki-floating-widget').removeClass('niki-hidden');
+        }).fail(function() {
+            // Hata olursa 0 yaz ama widget'ı yine de göster
+            $('#niki-live-points').text('0');
+            $('#niki-floating-widget').removeClass('niki-hidden');
         });
     }
 
-    // 2. Aktiflik Takibi (Time-on-Site)
+    // 2. Sayfa İlk Açıldığında Çalıştır
+    initNikiWidget();
+
+    // 3. Sayfa Değiştiğinde (Menülerde gezerken) Tekrar Çalıştır
+    $(window).on('action:ajaxify.end', function () {
+        initNikiWidget();
+    });
+
+    // --- AKTİFLİK VE PUAN KAZANMA SİSTEMİ ---
     let activeSeconds = 0;
     let isUserActive = false;
     let idleTimer;
     
-    // Hareket algılayıcı
+    // Hareket algılayınca sayacı sıfırla
     function resetIdleTimer() {
         isUserActive = true;
         clearTimeout(idleTimer);
-        idleTimer = setTimeout(() => { isUserActive = false; }, 30000); // 30sn hareketsizse dur
+        idleTimer = setTimeout(() => { isUserActive = false; }, 30000); // 30sn hareketsizse pasif ol
     }
-    $(window).on('mousemove scroll keydown click', resetIdleTimer);
+    $(window).on('mousemove scroll keydown click touchstart', resetIdleTimer);
 
-    // Her saniye kontrol
+    // Her saniye kontrol et
     setInterval(() => {
-        // Sadece Topic sayfalarındaysak say
+        // 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 doldu mu?
+        // 60 saniye dolunca sunucuya bildir
         if (activeSeconds >= 60) {
             sendHeartbeat();
             activeSeconds = 0;
@@ -54,21 +78,22 @@ $(document).ready(function () {
     }, 1000);
 
     function sendHeartbeat() {
-        const topicId = ajaxify.data.tid;
-        $.post('/api/niki-loyalty/heartbeat', { tid: topicId, _csrf: config.csrf_token }, function(res) {
+        $.post('/api/niki-loyalty/heartbeat', { _csrf: config.csrf_token }, function(res) {
             if (res.earned) {
-                // UI Güncelle
+                // Puanı anlık güncelle
                 $('#niki-live-points').text(res.total);
-                showNikiToast(`+${res.points} Puan! ☕`);
                 
-                // Widget'a ufak bir "bounce" efekti ver
+                // Bildirim göster
+                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)
+    // Özel Bildirim (Toast) Fonksiyonu
     function showNikiToast(msg) {
         $('.niki-toast').remove();
         const toast = $(`<div class="niki-toast"><i class="fa fa-paw"></i> ${msg}</div>`);