nodebb-plugin-niki-loyalty 1.0.20 → 1.0.22

package/library.js

@@ -11,9 +11,25 @@ const Plugin = {};
 // AYARLAR
 // =========================
 const SETTINGS = {
-  pointsPerHeartbeat: 500,
-  dailyCap: 2500000,
+  pointsPerHeartbeat: 5,
+  dailyCap: 250,
+
+  // Tek bar hedefi
+  barMax: 250,
+
+  // ✅ 4 kademe (Seçenek B: claim = puan düşer)
+  rewards: [
+    { id: 'cookie', at: 60,  title: 'Ücretsiz Kurabiye', type: 'free_item', meta: { item: 'cookie' } },
+    { id: 'c35',    at: 120, title: '%35 İndirimli Kahve', type: 'discount',  meta: { product: 'coffee', percent: 35 } },
+    { id: 'c60',    at: 180, title: '%60 İndirimli Kahve', type: 'discount',  meta: { product: 'coffee', percent: 60 } },
+    { id: 'coffee', at: 250, title: 'Ücretsiz Kahve', type: 'free_item', meta: { item: 'coffee' } },
+  ],
+
+  // Eski akış uyumluluğu (istersen sonra kaldırırız)
   coffeeCost: 250,
+
+  // Kupon token süreleri (sn)
+  couponTTLSeconds: 10 * 60, // 10 dk
 };
 
 // ✅ TEST: sınırsız kullanım (puan kontrolünü kapatmak için true)
@@ -24,15 +40,12 @@ const TEST_MODE_UNLIMITED = false;
 // =========================
 function safeParseMaybeJson(x) {
   if (x == null) return null;
-
-  // bazı DB’lerde object dönebilir
   if (typeof x === 'object') return x;
 
   if (typeof x === 'string') {
     try {
       return JSON.parse(x);
     } catch (e) {
-      // "[object Object]" gibi bozuk kayıtları atla
       return null;
     }
   }
@@ -53,15 +66,36 @@ function makeProfileUrl(userslug) {
   return `${rp}/user/${userslug}`;
 }
 
+function makeToken() {
+  return Math.random().toString(36).substring(2) + Date.now().toString(36);
+}
+
+function getTodayKey() {
+  return new Date().toISOString().slice(0, 10).replace(/-/g, '');
+}
+
+function findRewardById(id) {
+  return SETTINGS.rewards.find(r => r.id === id) || null;
+}
+
+async function isStaff(uid) {
+  const [isAdmin, isMod] = await Promise.all([
+    user.isAdministrator(uid),
+    user.isGlobalModerator(uid),
+  ]);
+  return isAdmin || isMod;
+}
+
 // =========================
 // LOG FONKSİYONLARI
 // =========================
-async function addUserLog(uid, type, amount, desc) {
+async function addUserLog(uid, type, amount, desc, extra) {
   const logEntry = {
     ts: Date.now(),
     type, // 'earn' | 'spend'
     amt: amount,
     txt: desc,
+    ...(extra ? { extra } : {}),
   };
 
   const payload = safeStringify(logEntry);
@@ -71,13 +105,15 @@ async function addUserLog(uid, type, amount, desc) {
   await db.listTrim(`niki:activity:${uid}`, -50, -1);
 }
 
-async function addKasaLog(staffUid, customerName, customerUid) {
+async function addKasaLog(staffUid, customerName, customerUid, amount, rewardId, rewardTitle) {
   const logEntry = {
     ts: Date.now(),
     staff: staffUid,
-    cust: customerName,     // bazen eski kayıtlarda boş olabilir, endpoint tamamlayacak
+    cust: customerName,
     cuid: customerUid,
-    amt: SETTINGS.coffeeCost,
+    amt: amount,
+    rewardId: rewardId || '',
+    rewardTitle: rewardTitle || '',
   };
 
   const payload = safeStringify(logEntry);
@@ -94,34 +130,41 @@ Plugin.init = async function (params) {
   const router = params.router;
   const middleware = params.middleware;
 
+  // -------------------------
   // 1) HEARTBEAT (puan kazanma)
+  // -------------------------
   router.post('/api/niki-loyalty/heartbeat', middleware.ensureLoggedIn, async (req, res) => {
     try {
       const uid = req.uid;
-      const today = new Date().toISOString().slice(0, 10).replace(/-/g, '');
+      const today = getTodayKey();
       const dailyKey = `niki:daily:${uid}:${today}`;
 
       const currentDailyScore = parseInt((await db.getObjectField(dailyKey, 'score')) || 0, 10);
 
-      if (currentDailyScore >= SETTINGS.dailyCap) {
+      if (!TEST_MODE_UNLIMITED && currentDailyScore >= SETTINGS.dailyCap) {
         return res.json({ earned: false, reason: 'daily_cap' });
       }
 
       await user.incrementUserFieldBy(uid, 'niki_points', SETTINGS.pointsPerHeartbeat);
       await db.incrObjectFieldBy(dailyKey, 'score', SETTINGS.pointsPerHeartbeat);
 
-      const newBalance = await user.getUserField(uid, 'niki_points');
+      const newBalance = parseInt((await user.getUserField(uid, 'niki_points')) || 0, 10);
+
+      await addUserLog(uid, 'earn', SETTINGS.pointsPerHeartbeat, 'Aktiflik Puanı ⚡');
+
       return res.json({ earned: true, points: SETTINGS.pointsPerHeartbeat, total: newBalance });
     } catch (err) {
       return res.status(500).json({ earned: false, reason: 'server_error' });
     }
   });
 
-  // 2) WALLET DATA (cüzdan + geçmiş)
+  // -------------------------
+  // 2) WALLET DATA (cüzdan + geçmiş + rewards)
+  // -------------------------
   router.get('/api/niki-loyalty/wallet-data', middleware.ensureLoggedIn, async (req, res) => {
     try {
       const uid = req.uid;
-      const today = new Date().toISOString().slice(0, 10).replace(/-/g, '');
+      const today = getTodayKey();
 
       const [userData, dailyData, historyRaw] = await Promise.all([
         user.getUserFields(uid, ['niki_points']),
@@ -135,17 +178,33 @@ Plugin.init = async function (params) {
       let dailyPercent = (dailyScore / SETTINGS.dailyCap) * 100;
       if (dailyPercent > 100) dailyPercent = 100;
 
-      // ✅ history parse güvenli
+      const barPercent = Math.min(100, (currentPoints / SETTINGS.barMax) * 100);
+
       const history = (historyRaw || [])
         .map(safeParseMaybeJson)
         .filter(Boolean)
         .reverse();
 
+      const rewards = SETTINGS.rewards.map(r => ({
+        id: r.id,
+        at: r.at,
+        title: r.title,
+        type: r.type,
+        meta: r.meta,
+        unlocked: currentPoints >= r.at,
+      }));
+
       return res.json({
         points: currentPoints,
+
         dailyScore,
         dailyCap: SETTINGS.dailyCap,
         dailyPercent,
+
+        barMax: SETTINGS.barMax,
+        barPercent,
+
+        rewards,
         history,
       });
     } catch (err) {
@@ -154,72 +213,187 @@ Plugin.init = async function (params) {
         dailyScore: 0,
         dailyCap: SETTINGS.dailyCap,
         dailyPercent: 0,
+        barMax: SETTINGS.barMax,
+        barPercent: 0,
+        rewards: SETTINGS.rewards.map(r => ({ id: r.id, at: r.at, title: r.title, type: r.type, meta: r.meta, unlocked: false })),
         history: [],
       });
     }
   });
 
-  // 3) KASA HISTORY (admin/mod)
-router.get('/api/niki-loyalty/kasa-history', middleware.ensureLoggedIn, async (req, res) => {
-  try {
-    const isAdmin = await user.isAdministrator(req.uid);
-    const isMod = await user.isGlobalModerator(req.uid);
-    if (!isAdmin && !isMod) return res.status(403).json([]);
-
-    const raw = await db.getListRange('niki:kasa:history', 0, -1);
-
-    // Kayıtlar bazen JSON string, bazen bozuk olabilir → güvenli parse
-    const rows = (raw || [])
-      .map((x) => {
-        if (!x) return null;
-        if (typeof x === 'object') return x;
-        if (typeof x === 'string') {
-          try { return JSON.parse(x); } catch (e) { return null; }
-        }
-        return null;
-      })
-      .filter(Boolean)
-      .reverse();
-
-    // cuid’lerden uid listesi çıkar
-    const uids = rows
-      .map(r => parseInt(r.cuid, 10))
-      .filter(n => Number.isFinite(n) && n > 0);
-
-    // NodeBB core user datası (profile-looks mantığı)
-    const users = await user.getUsersFields(uids, [
-      'uid', 'username', 'userslug', 'picture', 'icon:bgColor',
-    ]);
-
-    const userMap = {};
-    (users || []).forEach(u => { userMap[u.uid] = u; });
-
-    const rp = nconf.get('relative_path') || '';
-
-    const enriched = rows.map(r => {
-      const uid = parseInt(r.cuid, 10);
-      const u = userMap[uid];
-      if (!u) return r;
-
-      return {
-        ...r,
-        cust: u.username || r.cust || 'Bilinmeyen',
-        userslug: u.userslug || r.userslug || '',
-        picture: u.picture || r.picture || '',
-        iconBg: u['icon:bgColor'] || r.iconBg || '#4b5563',
-        profileUrl: (u.userslug ? `${rp}/user/${u.userslug}` : ''),
-      };
-    });
-
-    return res.json(enriched);
-  } catch (err) {
-    return res.status(500).json([]);
-  }
-});
+  // -------------------------
+  // 3) CLAIM REWARD (Seçenek B: claim = puan düşer + kupon token üretir)
+  //    Client bu endpoint'i çağıracak.
+  // -------------------------
+  router.post('/api/niki-loyalty/claim', middleware.ensureLoggedIn, async (req, res) => {
+    try {
+      const uid = req.uid;
+      const rewardId = (req.body && req.body.rewardId) ? String(req.body.rewardId) : '';
+      const reward = findRewardById(rewardId);
 
+      if (!reward) {
+        return res.json({ success: false, message: 'Geçersiz ödül' });
+      }
 
+      const points = parseInt((await user.getUserField(uid, 'niki_points')) || 0, 10);
 
-  // 4) QR OLUŞTUR
+      if (!TEST_MODE_UNLIMITED && points < reward.at) {
+        return res.json({ success: false, message: 'Yetersiz puan' });
+      }
+
+      // ✅ Puan düş
+      if (!TEST_MODE_UNLIMITED) {
+        await user.decrementUserFieldBy(uid, 'niki_points', reward.at);
+      }
+
+      const newBalance = parseInt((await user.getUserField(uid, 'niki_points')) || 0, 10);
+
+      // ✅ Kupon oluştur (kasa tarayacak)
+      const token = makeToken();
+      const couponKey = `niki:coupon:${token}`;
+
+      const couponPayload = safeStringify({
+        token,
+        ts: Date.now(),
+        rewardId: reward.id,
+        at: reward.at,
+        title: reward.title,
+        type: reward.type,
+        meta: reward.meta,
+        ownerUid: uid,
+      });
+
+      await db.set(couponKey, couponPayload);
+      await db.expire(couponKey, SETTINGS.couponTTLSeconds);
+
+      // user log
+      await addUserLog(uid, 'spend', reward.at, `Ödül alındı: ${reward.title}`, { rewardId: reward.id });
+
+      return res.json({
+        success: true,
+        token,
+        reward: { id: reward.id, at: reward.at, title: reward.title, type: reward.type, meta: reward.meta },
+        newBalance,
+        message: 'Ödül hazır! Kasada okutarak kullan.',
+      });
+    } catch (err) {
+      return res.status(500).json({ success: false, message: 'Sunucu hatası' });
+    }
+  });
+
+  // -------------------------
+  // 4) KASA HISTORY (admin/mod)
+  // -------------------------
+  router.get('/api/niki-loyalty/kasa-history', middleware.ensureLoggedIn, async (req, res) => {
+    try {
+      const staffOk = await isStaff(req.uid);
+      if (!staffOk) return res.status(403).json([]);
+
+      const raw = await db.getListRange('niki:kasa:history', 0, -1);
+
+      const rows = (raw || [])
+        .map((x) => {
+          if (!x) return null;
+          if (typeof x === 'object') return x;
+          if (typeof x === 'string') {
+            try { return JSON.parse(x); } catch (e) { return null; }
+          }
+          return null;
+        })
+        .filter(Boolean)
+        .reverse();
+
+      const uids = rows
+        .map(r => parseInt(r.cuid, 10))
+        .filter(n => Number.isFinite(n) && n > 0);
+
+      const users = await user.getUsersFields(uids, [
+        'uid', 'username', 'userslug', 'picture', 'icon:bgColor',
+      ]);
+
+      const userMap = {};
+      (users || []).forEach(u => { userMap[u.uid] = u; });
+
+      const rp = nconf.get('relative_path') || '';
+
+      const enriched = rows.map(r => {
+        const uid = parseInt(r.cuid, 10);
+        const u = userMap[uid];
+        if (!u) return r;
+
+        return {
+          ...r,
+          cust: u.username || r.cust || 'Bilinmeyen',
+          userslug: u.userslug || r.userslug || '',
+          picture: u.picture || r.picture || '',
+          iconBg: u['icon:bgColor'] || r.iconBg || '#4b5563',
+          profileUrl: (u.userslug ? `${rp}/user/${u.userslug}` : ''),
+        };
+      });
+
+      return res.json(enriched);
+    } catch (err) {
+      return res.status(500).json([]);
+    }
+  });
+
+  // -------------------------
+  // 5) KASA: COUPON SCAN (admin/mod)  ✅ yeni akış
+  //    Claim ile üretilen token kasada okutulur.
+  // -------------------------
+  router.post('/api/niki-loyalty/scan-coupon', middleware.ensureLoggedIn, async (req, res) => {
+    try {
+      const token = (req.body && req.body.token) ? String(req.body.token) : '';
+
+      const staffOk = await isStaff(req.uid);
+      if (!staffOk) return res.status(403).json({ success: false, message: 'Yetkisiz' });
+
+      const raw = await db.get(`niki:coupon:${token}`);
+      if (!raw) return res.json({ success: false, message: 'Geçersiz / Süresi dolmuş kupon' });
+
+      const coupon = safeParseMaybeJson(raw);
+      if (!coupon || !coupon.ownerUid) {
+        await db.delete(`niki:coupon:${token}`);
+        return res.json({ success: false, message: 'Kupon bozuk' });
+      }
+
+      // ✅ tek kullanımlık
+      await db.delete(`niki:coupon:${token}`);
+
+      const customerUid = parseInt(coupon.ownerUid, 10);
+      const customerData = await user.getUserFields(customerUid, ['username', 'picture', 'userslug']);
+
+      // kasa log (artık amount = coupon.at)
+      await addKasaLog(
+        req.uid,
+        customerData?.username || 'Bilinmeyen',
+        customerUid,
+        parseInt(coupon.at || 0, 10),
+        coupon.rewardId,
+        coupon.title
+      );
+
+      return res.json({
+        success: true,
+        customer: customerData,
+        coupon: {
+          rewardId: coupon.rewardId,
+          title: coupon.title,
+          type: coupon.type,
+          meta: coupon.meta,
+          at: coupon.at,
+        },
+        message: 'Kupon onaylandı!',
+      });
+    } catch (err) {
+      return res.status(500).json({ success: false, message: 'Sunucu hatası' });
+    }
+  });
+
+  // -------------------------
+  // 6) (ESKİ) QR OLUŞTUR / OKUT — opsiyonel uyumluluk
+  //    İstersen tamamen kaldırırız. Şimdilik 250 "Ücretsiz Kahve" gibi düşünebilirsin.
+  // -------------------------
   router.post('/api/niki-loyalty/generate-qr', middleware.ensureLoggedIn, async (req, res) => {
     try {
       const uid = req.uid;
@@ -229,7 +403,7 @@ router.get('/api/niki-loyalty/kasa-history', middleware.ensureLoggedIn, async (r
         return res.json({ success: false, message: 'Yetersiz Puan' });
       }
 
-      const token = Math.random().toString(36).substring(2) + Date.now().toString(36);
+      const token = makeToken();
 
       await db.set(`niki:qr:${token}`, uid);
       await db.expire(`niki:qr:${token}`, 120);
@@ -240,14 +414,12 @@ router.get('/api/niki-loyalty/kasa-history', middleware.ensureLoggedIn, async (r
     }
   });
 
-  // 5) QR OKUT (admin/mod)
   router.post('/api/niki-loyalty/scan-qr', middleware.ensureLoggedIn, async (req, res) => {
     try {
       const token = (req.body && req.body.token) ? String(req.body.token) : '';
 
-      const isAdmin = await user.isAdministrator(req.uid);
-      const isMod = await user.isGlobalModerator(req.uid);
-      if (!isAdmin && !isMod) return res.status(403).json({ success: false, message: 'Yetkisiz' });
+      const staffOk = await isStaff(req.uid);
+      if (!staffOk) return res.status(403).json({ success: false, message: 'Yetkisiz' });
 
       const customerUid = await db.get(`niki:qr:${token}`);
       if (!customerUid) return res.json({ success: false, message: 'Geçersiz Kod' });
@@ -257,22 +429,16 @@ router.get('/api/niki-loyalty/kasa-history', middleware.ensureLoggedIn, async (r
         return res.json({ success: false, message: 'Yetersiz Bakiye' });
       }
 
-      // ✅ puan düşür
       if (!TEST_MODE_UNLIMITED) {
         await user.decrementUserFieldBy(customerUid, 'niki_points', SETTINGS.coffeeCost);
       }
 
-      // token tek kullanımlık
       await db.delete(`niki:qr:${token}`);
 
-      // müşteri bilgisi
       const customerData = await user.getUserFields(customerUid, ['username', 'picture', 'userslug']);
 
-      // user log
       await addUserLog(customerUid, 'spend', SETTINGS.coffeeCost, 'Kahve Keyfi ☕');
-
-      // kasa log
-      await addKasaLog(req.uid, customerData?.username || 'Bilinmeyen', customerUid);
+      await addKasaLog(req.uid, customerData?.username || 'Bilinmeyen', customerUid, SETTINGS.coffeeCost, 'coffee', 'Ücretsiz Kahve (QR)');
 
       return res.json({
         success: true,
@@ -284,15 +450,25 @@ router.get('/api/niki-loyalty/kasa-history', middleware.ensureLoggedIn, async (r
     }
   });
 
-  // 6) SAYFA ROTASI (kasa sayfası)
+  // -------------------------
+  // 7) SAYFA ROTASI (kasa sayfası)
+  // -------------------------
   routeHelpers.setupPageRoute(router, '/niki-kasa', middleware, [], async (req, res) => {
-    const isAdmin = await user.isAdministrator(req.uid);
-    const isMod = await user.isGlobalModerator(req.uid);
-    if (!isAdmin && !isMod) return res.render('403', {});
+    const staffOk = await isStaff(req.uid);
+    if (!staffOk) return res.render('403', {});
     return res.render('niki-kasa', { title: 'Niki Kasa' });
   });
 };
 
+// -------------------------
+// ✅ plugin.json'da action:topic.get -> checkTopicVisit vardı.
+// Method yoksa NodeBB şikayet eder. Şimdilik NO-OP koydum.
+// Sonra istersen gerçekten "topic view" ile puan ekleriz.
+// -------------------------
+Plugin.checkTopicVisit = async function () {
+  return;
+};
+
 // client.js inject
 Plugin.addScripts = async function (scripts) {
   scripts.push('plugins/nodebb-plugin-niki-loyalty/static/lib/client.js');

package/package.json

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

package/static/lib/client.js

@@ -1,128 +1,292 @@
 'use strict';
 
 $(document).ready(function () {
-    // --- AYARLAR ---
-    // 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_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>
+  // --- AYARLAR ---
+  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_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>
+    </div>
+  `;
 
-    // 1. Widget Başlatma ve Veri Yönetimi
-    function initNikiWidget() {
-        if (!app.user.uid || app.user.uid <= 0) return;
+  // -------------------------
+  // UI Helpers
+  // -------------------------
+  function fixLogo() {
+    const img = document.querySelector("img.niki-widget-logo");
+    if (img && img.src !== NIKI_LOGO_URL) img.src = NIKI_LOGO_URL;
+  }
 
-        // Widget yoksa ekle
-        if ($('#niki-floating-widget').length === 0) {
-            $('body').append(widgetHtml);
-        }
+  function showNikiToast(msg, kind) {
+    // kind: 'ok' | 'warn' | 'err' (şimdilik css yoksa da sorun değil)
+    $('.niki-toast').remove();
+    const icon = (kind === 'err') ? 'fa-triangle-exclamation' : (kind === 'warn' ? 'fa-circle-info' : 'fa-paw');
+    const toast = $(`<div class="niki-toast niki-${kind || 'ok'}"><i class="fa ${icon}"></i> ${msg}</div>`);
+    $('body').append(toast);
+    setTimeout(() => toast.addClass('show'), 50);
+    setTimeout(() => {
+      toast.removeClass('show');
+      setTimeout(() => toast.remove(), 350);
+    }, 3000);
+  }
+
+  function setPointsUI(points) {
+    const p = Number.isFinite(+points) ? +points : 0;
+    $('#niki-live-points').text(p);
+    $('#niki-floating-widget').removeClass('niki-hidden');
+    localStorage.setItem('niki_last_points', String(p));
+
+    // Wallet sayfasındaysan, oradaki puan UI'ını da güncellemeyi dene (id/class varsa)
+    // (Şablon değişken olabilir, yoksa dokunmaz)
+    $('#niki-wallet-points, .niki-wallet-points').text(p);
+  }
+
+  // -------------------------
+  // Data Fetch (wallet-data)
+  // -------------------------
+  function fetchWalletData(opts) {
+    opts = opts || {};
+    return $.get('/api/niki-loyalty/wallet-data')
+      .done(function (data) {
+        if (!data) return;
+        setPointsUI(data.points || 0);
+
+        // İstersen wallet sayfasında bar/milestone UI render etmek için data’yı sakla
+        window.__NIKI_WALLET_DATA__ = data;
 
-        // --- 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');
+        // Wallet template'in içine "rewards" render eden bir alan koyduysan burada çağır
+        // (Alan yoksa hiçbir şey olmaz, güvenli)
+        if (opts.renderRewards) {
+          renderWalletRewards(data);
         }
+      })
+      .fail(function () {
+        // cache yoksa 0 göster
+        const cached = localStorage.getItem('niki_last_points');
+        if (cached === null) {
+          setPointsUI(0);
+        }
+      });
+  }
+
+  // -------------------------
+  // Wallet Rewards Render + Claim (Seçenek B)
+  // Bu render ancak sayfanda #niki-rewards gibi bir container varsa çalışır.
+  // Yoksa dokunmaz.
+  // -------------------------
+  function renderWalletRewards(data) {
+    const $wrap = $('#niki-rewards');
+    if ($wrap.length === 0) return; // container yoksa geç
+
+    const points = Number(data.points || 0);
+    const barMax = Number(data.barMax || 250);
+    const rewards = Array.isArray(data.rewards) ? data.rewards : [];
 
-        // 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(freshPoints);
-            $('#niki-floating-widget').removeClass('niki-hidden'); // İlk kez açılıyorsa göster
-            
-            // 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 ve cache yoksa 0 yaz
-            if (cachedPoints === null) {
-                $('#niki-live-points').text('0');
-                $('#niki-floating-widget').removeClass('niki-hidden');
-            }
+    // Basit milestone bar (container varsa)
+    const barPercent = Math.min(100, (points / barMax) * 100);
+
+    let barHtml = `
+      <div class="niki-mbar">
+        <div class="niki-mbar-top">
+          <div class="niki-mbar-title">Ödül Barı</div>
+          <div class="niki-mbar-val">${points} / ${barMax}</div>
+        </div>
+        <div class="niki-mbar-track">
+          <div class="niki-mbar-fill" style="width:${barPercent}%"></div>
+          ${rewards.map(r => {
+            const left = Math.min(100, (Number(r.at) / barMax) * 100);
+            const unlocked = points >= Number(r.at);
+            return `<span class="niki-mbar-dot ${unlocked ? 'on' : ''}" style="left:${left}%"
+                      title="${escapeHtml(r.title)} • ${r.at} puan"></span>`;
+          }).join('')}
+        </div>
+        <div class="niki-mbar-hint">Ödülü aldığında puanın düşer.</div>
+      </div>
+    `;
+
+    let cardsHtml = rewards.map(r => {
+      const at = Number(r.at || 0);
+      const unlocked = points >= at;
+
+      const badge = unlocked ? `<span class="niki-r-badge on">Alınabilir</span>` : `<span class="niki-r-badge">Kilitli</span>`;
+      const btn = unlocked
+        ? `<button class="btn btn-sm btn-primary niki-claim-btn" data-reward="${escapeAttr(r.id)}">
+             Ödülü Al
+           </button>`
+        : `<button class="btn btn-sm btn-default niki-claim-btn" disabled>
+             ${at} puan gerekli
+           </button>`;
+
+      return `
+        <div class="niki-r-card ${unlocked ? 'on' : ''}">
+          <div class="niki-r-left">
+            <div class="niki-r-title">${escapeHtml(r.title)}</div>
+            <div class="niki-r-sub">${at} puan</div>
+          </div>
+          <div class="niki-r-right">
+            ${badge}
+            ${btn}
+          </div>
+        </div>
+      `;
+    }).join('');
+
+    $wrap.html(barHtml + `<div class="niki-r-list">${cardsHtml}</div>`);
+
+    // Claim handler
+    $wrap.off('click.nikiClaim').on('click.nikiClaim', '.niki-claim-btn:not([disabled])', function () {
+      const rewardId = $(this).data('reward');
+      if (!rewardId) return;
+
+      // Butonu anlık kilitle (double click engeli)
+      const $btn = $(this);
+      $btn.prop('disabled', true).text('Hazırlanıyor...');
+
+      claimReward(rewardId)
+        .always(() => {
+          // UI refresh, button state render sonrası zaten güncellenecek
         });
-    }
+    });
+  }
 
-    // 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;
-        }
-    }
+  function claimReward(rewardId) {
+    return $.ajax({
+      url: '/api/niki-loyalty/claim',
+      method: 'POST',
+      data: {
+        rewardId: rewardId,
+        _csrf: config.csrf_token,
+      },
+    }).done(function (res) {
+      if (!res || !res.success) {
+        showNikiToast(res?.message || 'Ödül alınamadı', 'err');
+        // Wallet UI’ı tazele
+        fetchWalletData({ renderRewards: true });
+        return;
+      }
 
-    // Başlat
-    initNikiWidget();
+      // ✅ Puan düşmüş yeni bakiye
+      if (typeof res.newBalance !== 'undefined') {
+        setPointsUI(res.newBalance);
+      }
+
+      // ✅ Token geldi (kasada okutulacak)
+      // Token'ı localStorage'a kaydedelim (wallet ekranı QR üretirken kullanabilsin)
+      if (res.token) {
+        localStorage.setItem('niki_last_coupon_token', res.token);
+      }
+
+      showNikiToast(res.message || 'Ödül hazır! Kasada okut.', 'ok');
 
-    // Sayfa Geçişlerinde Tekrar Çalıştır
-    $(window).on('action:ajaxify.end', function () {
-        initNikiWidget();
-        setTimeout(fixLogo, 500); // 0.5sn sonra son bir kontrol
+      // Wallet sayfasını tazele ve rewards’ları yeniden render et
+      fetchWalletData({ renderRewards: true });
+
+      // Eğer wallet template’in içinde "QR göster" alanın varsa, event ile haber ver
+      $(window).trigger('niki:coupon.ready', [res]);
+    }).fail(function () {
+      showNikiToast('Sunucu hatası: ödül alınamadı', 'err');
+      fetchWalletData({ renderRewards: true });
     });
+  }
+
+  // Basit escape helper’lar (XSS koruması)
+  function escapeHtml(str) {
+    return String(str || '')
+      .replaceAll('&', '&amp;')
+      .replaceAll('<', '&lt;')
+      .replaceAll('>', '&gt;')
+      .replaceAll('"', '&quot;')
+      .replaceAll("'", '&#39;');
+  }
+  function escapeAttr(str) {
+    return escapeHtml(str).replaceAll(' ', '');
+  }
+
+  // -------------------------
+  // 1) Widget Başlatma ve Veri Yönetimi
+  // -------------------------
+  function initNikiWidget() {
+    if (!app.user.uid || app.user.uid <= 0) return;
 
-    // --- AKTİFLİK SİSTEMİ (Heartbeat) ---
-    let activeSeconds = 0;
-    let isUserActive = false;
-    let idleTimer;
-    
-    function resetIdleTimer() {
-        isUserActive = true;
-        clearTimeout(idleTimer);
-        idleTimer = setTimeout(() => { isUserActive = false; }, 30000);
+    // Widget yoksa ekle
+    if ($('#niki-floating-widget').length === 0) {
+      $('body').append(widgetHtml);
     }
-    $(window).on('mousemove scroll keydown click touchstart', resetIdleTimer);
 
-    setInterval(() => {
-        if (ajaxify.data.template.topic && document.visibilityState === 'visible' && isUserActive) {
-            activeSeconds++;
-        }
-        if (activeSeconds >= 60) {
-            sendHeartbeat();
-            activeSeconds = 0;
-        }
-    }, 1000);
-
-    function sendHeartbeat() {
-        $.post('/api/niki-loyalty/heartbeat', { _csrf: config.csrf_token }, function(res) {
-            if (res.earned) {
-                // Puanı güncelle
-                $('#niki-live-points').text(res.total);
-                // Hafızayı da güncelle
-                localStorage.setItem('niki_last_points', res.total);
-
-                showNikiToast(`+${res.points} Puan Kazandın! ☕`);
-                $('#niki-floating-widget').addClass('niki-bounce');
-                setTimeout(() => $('#niki-floating-widget').removeClass('niki-bounce'), 500);
-            }
-        });
+    // Cache: anında göster
+    const cachedPoints = localStorage.getItem('niki_last_points');
+    if (cachedPoints !== null) {
+      $('#niki-live-points').text(cachedPoints);
+      $('#niki-floating-widget').removeClass('niki-hidden');
     }
 
-    function showNikiToast(msg) {
-        $('.niki-toast').remove();
-        const toast = $(`<div class="niki-toast"><i class="fa fa-paw"></i> ${msg}</div>`);
-        $('body').append(toast);
-        setTimeout(() => { toast.addClass('show'); }, 100);
-        setTimeout(() => { 
-            toast.removeClass('show');
-            setTimeout(() => toast.remove(), 3000);
-        }, 3000);
+    fixLogo();
+
+    // Sunucudan taze veri çek
+    const onWalletPage = (ajaxify.data && ajaxify.data.template === 'niki-wallet');
+    fetchWalletData({ renderRewards: onWalletPage }).always(function () {
+      fixLogo();
+    });
+  }
+
+  // Başlat
+  initNikiWidget();
+
+  // Sayfa geçişlerinde tekrar çalıştır
+  $(window).on('action:ajaxify.end', function () {
+    initNikiWidget();
+    setTimeout(fixLogo, 400);
+  });
+
+  // -------------------------
+  // --- AKTİFLİK SİSTEMİ (Heartbeat) ---
+  // -------------------------
+  let activeSeconds = 0;
+  let isUserActive = false;
+  let idleTimer;
+
+  function resetIdleTimer() {
+    isUserActive = true;
+    clearTimeout(idleTimer);
+    idleTimer = setTimeout(() => { isUserActive = false; }, 30000);
+  }
+  $(window).on('mousemove scroll keydown click touchstart', resetIdleTimer);
+
+  setInterval(() => {
+    if (ajaxify.data && ajaxify.data.template && ajaxify.data.template.topic && document.visibilityState === 'visible' && isUserActive) {
+      activeSeconds++;
+    }
+    if (activeSeconds >= 60) {
+      sendHeartbeat();
+      activeSeconds = 0;
     }
-});
+  }, 1000);
+
+  function sendHeartbeat() {
+    $.post('/api/niki-loyalty/heartbeat', { _csrf: config.csrf_token }, function (res) {
+      if (res && res.earned) {
+        setPointsUI(res.total);
+
+        showNikiToast(`+${res.points} Puan Kazandın! ⚡`, 'ok');
+
+        $('#niki-floating-widget').addClass('niki-bounce');
+        setTimeout(() => $('#niki-floating-widget').removeClass('niki-bounce'), 500);
+
+        // Wallet sayfasındaysan rewards'ları da tazele
+        const onWalletPage = (ajaxify.data && ajaxify.data.template === 'niki-wallet');
+        if (onWalletPage) {
+          fetchWalletData({ renderRewards: true });
+        }
+      }
+    });
+  }
+});
+    

package/templates/niki-wallet.tpl

@@ -1,35 +1,238 @@
 <div class="niki-wallet-wrapper">
-    <div class="niki-header-bg"></div>
-    
-    <div class="niki-wallet-content">
-        <div class="niki-wallet-avatar">
-            <img src="https://i.imgur.com/kXUe4M6.png" alt="Niki">
+  <div class="niki-header-bg"></div>
+
+  <div class="niki-wallet-content">
+    <div class="niki-wallet-avatar">
+      <img src="https://i.imgur.com/kXUe4M6.png" alt="Niki">
+    </div>
+
+    <div class="niki-balance-label">Toplam Bakiye</div>
+    <!-- client.js anlık güncelleyebilsin diye id ekledim -->
+    <div class="niki-balance-big" id="niki-wallet-points">{points}</div>
+
+    <!-- ✅ ÖDÜL BARI + KADEME DOTLARI (60/120/180/250) -->
+    <div class="niki-reward-stats">
+      <div style="display:flex; justify-content:space-between; font-size:12px; color:#bdbdbd; font-weight:700;">
+        <span>Ödül Barı</span>
+        <span><span id="niki-bar-points">{points}</span> / <span id="niki-bar-max">250</span></span>
+      </div>
+
+      <div class="niki-progress-track niki-reward-track" style="position:relative;">
+        <div class="niki-progress-fill" id="niki-reward-fill" style="width: 0%;"></div>
+
+        <!-- Milestone dotlar -->
+        <span class="niki-ms-dot" data-at="60"  style="left:24%;"  title="60 • Ücretsiz Kurabiye"></span>
+        <span class="niki-ms-dot" data-at="120" style="left:48%;"  title="120 • %35 İndirimli Kahve"></span>
+        <span class="niki-ms-dot" data-at="180" style="left:72%;"  title="180 • %60 İndirimli Kahve"></span>
+        <span class="niki-ms-dot" data-at="250" style="left:100%;" title="250 • Ücretsiz Kahve"></span>
+      </div>
+
+      <div style="font-size:11px; color:#a7a7a7; margin-top:6px;">
+        Ödülü aldığında <b style="color:#fff;">puan düşer</b>. (Kasa için QR/kupon oluşur.)
+      </div>
+    </div>
+
+    <!-- ✅ REWARD KARTLARI (client.js #niki-rewards içine basacak) -->
+    <div id="niki-rewards" style="margin-top:16px;"></div>
+
+    <!-- ✅ Kupon/QR alanı (claim sonrası token burada gösterilecek) -->
+    <div id="niki-coupon-area" style="display:none; margin-top:16px;">
+      <div style="display:flex; justify-content:space-between; align-items:center; margin-bottom:10px;">
+        <div style="font-weight:800; color:#fff;">Kasada Okut</div>
+        <button class="niki-mini-btn" id="niki-coupon-close" type="button">Kapat</button>
+      </div>
+
+      <div class="niki-coupon-card">
+        <div style="font-size:12px; color:#cfcfcf; margin-bottom:8px;">
+          <span id="niki-coupon-title">Ödül Kuponu</span>
         </div>
 
-        <div class="niki-balance-label">Toplam Bakiye</div>
-        <div class="niki-balance-big">{points}</div>
-
-        <div class="niki-daily-stats">
-            <div style="display:flex; justify-content:space-between; font-size:12px; color:#888; font-weight:600;">
-                <span>Günlük Kazanım</span>
-                <span>{dailyScore} / {dailyCap}</span>
-            </div>
-            
-            <div class="niki-progress-track">
-                <div class="niki-progress-fill" style="width: {dailyPercent}%;"></div>
-            </div>
-            
-            <div style="font-size:11px; color:#aaa;">
-                Bugün daha fazla çalışarak limitini doldurabilirsin!
-            </div>
+        <div id="niki-coupon-qr" class="niki-qr-box">
+          <!-- QR burada üretilecek (client.js event ile doldurabilir) -->
+          <div style="color:#aaa; font-size:12px;">QR hazırlanıyor...</div>
         </div>
 
-        <button class="niki-btn-action">
-            <i class="fa fa-qrcode"></i> KAHVE AL (QR OLUŞTUR)
-        </button>
-        
-        <p style="font-size:12px; color:#ccc; margin-top:15px;">
-            Niki The Cat Coffee &copy; Loyalty Program
-        </p>
+        <div style="margin-top:10px; font-size:11px; color:#a7a7a7;">
+          Kuponun süresi sınırlı olabilir. Kasada okutunca tek kullanımlık olur.
+        </div>
+      </div>
     </div>
-</div>
+
+    <!-- ✅ Günlük kazanım aynı kaldı -->
+    <div class="niki-daily-stats" style="margin-top:18px;">
+      <div style="display:flex; justify-content:space-between; font-size:12px; color:#888; font-weight:700;">
+        <span>Günlük Kazanım</span>
+        <span>{dailyScore} / {dailyCap}</span>
+      </div>
+
+      <div class="niki-progress-track">
+        <div class="niki-progress-fill" style="width: {dailyPercent}%;"></div>
+      </div>
+
+      <div style="font-size:11px; color:#aaa;">
+        Bugün daha fazla çalışarak limitini doldurabilirsin!
+      </div>
+    </div>
+
+    <!-- ❌ Eski kahve QR butonunu kaldırmadım ama UX için “Eski Sistem” diye ayırdım -->
+    <button class="niki-btn-action" id="niki-old-qr-btn" style="margin-top:14px;">
+      <i class="fa fa-qrcode"></i> (Eski) 250 Puan → QR Oluştur
+    </button>
+
+    <p style="font-size:12px; color:#ccc; margin-top:15px;">
+      Niki The Cat Coffee &copy; Loyalty Program
+    </p>
+  </div>
+</div>
+
+<style>
+  /* Bu küçük CSS'ler sadece yeni bölümleri düzgün gösterir */
+  .niki-reward-stats{ margin-top: 14px; }
+
+  .niki-reward-track{ height: 12px; border-radius: 999px; overflow: visible; }
+  #niki-reward-fill{ height: 100%; border-radius: 999px; }
+
+  .niki-ms-dot{
+    position:absolute; top:50%;
+    transform: translate(-50%, -50%);
+    width: 12px; height: 12px; border-radius: 999px;
+    background: rgba(255,255,255,.18);
+    border: 1px solid rgba(255,255,255,.28);
+    box-shadow: 0 6px 14px rgba(0,0,0,.25);
+  }
+  .niki-ms-dot.on{
+    background: rgba(255,255,255,.95);
+    border-color: rgba(255,255,255,.95);
+  }
+
+  /* rewards container'ın içini client.js dolduruyor */
+  .niki-mbar{ margin-bottom: 12px; }
+  .niki-mbar-top{ display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; }
+  .niki-mbar-title{ font-size:12px; font-weight:800; color:#fff; }
+  .niki-mbar-val{ font-size:12px; font-weight:800; color:#d7d7d7; }
+  .niki-mbar-track{ position:relative; height:10px; border-radius:999px; background: rgba(255,255,255,.10); overflow: hidden; }
+  .niki-mbar-fill{ height:100%; border-radius:999px; background: rgba(255,255,255,.85); width:0%; }
+  .niki-mbar-dot{
+    position:absolute; top:50%; transform: translate(-50%,-50%);
+    width:10px; height:10px; border-radius:999px;
+    background: rgba(255,255,255,.18);
+    border: 1px solid rgba(255,255,255,.28);
+  }
+  .niki-mbar-dot.on{ background: rgba(255,255,255,.95); border-color: rgba(255,255,255,.95); }
+  .niki-mbar-hint{ margin-top:6px; font-size:11px; color:#a7a7a7; }
+
+  .niki-r-list{ display:flex; flex-direction:column; gap:10px; }
+  .niki-r-card{
+    display:flex; justify-content:space-between; align-items:center;
+    padding: 12px 12px;
+    border-radius: 14px;
+    background: rgba(255,255,255,.06);
+    border: 1px solid rgba(255,255,255,.10);
+  }
+  .niki-r-card.on{
+    background: rgba(255,255,255,.10);
+    border-color: rgba(255,255,255,.18);
+  }
+  .niki-r-title{ font-weight:800; color:#fff; font-size:13px; }
+  .niki-r-sub{ color:#bdbdbd; font-size:11px; margin-top:2px; }
+  .niki-r-right{ display:flex; gap:10px; align-items:center; }
+  .niki-r-badge{
+    font-size:11px; font-weight:800;
+    padding: 6px 10px;
+    border-radius: 999px;
+    background: rgba(255,255,255,.08);
+    color: #cfcfcf;
+    border: 1px solid rgba(255,255,255,.10);
+    white-space: nowrap;
+  }
+  .niki-r-badge.on{
+    background: rgba(255,255,255,.18);
+    color:#fff;
+    border-color: rgba(255,255,255,.22);
+  }
+
+  .niki-mini-btn{
+    background: rgba(255,255,255,.10);
+    border: 1px solid rgba(255,255,255,.18);
+    color:#fff;
+    padding: 6px 10px;
+    border-radius: 10px;
+    font-weight:800;
+    font-size:12px;
+    cursor:pointer;
+  }
+
+  .niki-coupon-card{
+    padding: 14px;
+    border-radius: 16px;
+    background: rgba(255,255,255,.06);
+    border: 1px solid rgba(255,255,255,.10);
+  }
+  .niki-qr-box{
+    width: 100%;
+    min-height: 220px;
+    border-radius: 14px;
+    display:flex; align-items:center; justify-content:center;
+    background: rgba(0,0,0,.20);
+    border: 1px dashed rgba(255,255,255,.18);
+  }
+</style>
+
+<script>
+  // Bu script sadece wallet sayfasında barı güncellemek için minik bir helper.
+  // Asıl render/claim zaten güncel client.js içinde.
+  (function(){
+    function applyRewardBar(data){
+      try{
+        const points = Number(data.points || 0);
+        const barMax = Number(data.barMax || 250);
+        const pct = Math.min(100, (points / barMax) * 100);
+
+        const fill = document.getElementById('niki-reward-fill');
+        if (fill) fill.style.width = pct + '%';
+
+        const bp = document.getElementById('niki-bar-points');
+        if (bp) bp.textContent = points;
+
+        const bm = document.getElementById('niki-bar-max');
+        if (bm) bm.textContent = barMax;
+
+        // dot highlight (60/120/180/250)
+        document.querySelectorAll('.niki-ms-dot').forEach(dot=>{
+          const at = Number(dot.getAttribute('data-at') || 0);
+          if (points >= at) dot.classList.add('on');
+          else dot.classList.remove('on');
+        });
+      }catch(e){}
+    }
+
+    // client.js zaten wallet-data'yı window.__NIKI_WALLET_DATA__ içine koyuyor
+    if (window.__NIKI_WALLET_DATA__) applyRewardBar(window.__NIKI_WALLET_DATA__);
+
+    // ajaxify sonrası tekrar dene
+    $(window).on('action:ajaxify.end', function(){
+      if (window.__NIKI_WALLET_DATA__) applyRewardBar(window.__NIKI_WALLET_DATA__);
+    });
+
+    // claim sonrası event
+    $(window).on('niki:coupon.ready', function(_, res){
+      // İstersen burada QR üretip #niki-coupon-qr içine basarsın.
+      // (QR üretim kütüphanen wallet sayfasında varsa entegre edebiliriz.)
+      const area = document.getElementById('niki-coupon-area');
+      if (area) area.style.display = 'block';
+      const t = document.getElementById('niki-coupon-title');
+      if (t && res && res.reward && res.reward.title) t.textContent = res.reward.title + ' • Kupon';
+
+      // Şimdilik tokenı text olarak da gösterelim (QR yoksa bile)
+      const qrBox = document.getElementById('niki-coupon-qr');
+      if (qrBox && res && res.token){
+        qrBox.innerHTML = '<div style="text-align:center;color:#fff;font-weight:800;">TOKEN</div>'
+                        + '<div style="margin-top:6px;color:#cfcfcf;font-size:12px;word-break:break-all;">' + String(res.token) + '</div>';
+      }
+    });
+
+    $('#niki-coupon-close').on('click', function(){
+      $('#niki-coupon-area').hide();
+    });
+  })();
+</script>