dopaminejs 1.0.0 → 1.0.2

package/dist/dopamine.mjs

@@ -1,52 +1,55 @@
-class v {
+class p {
   constructor() {
-    this.storage = window.localStorage;
+    this.listeners = /* @__PURE__ */ new Map();
   }
   /**
-   * Save data to local storage
-   * @param {string} key 
-   * @param {any} data 
+   * Subscribe to an event
+   * @param {string} event - Event name
+   * @param {Function} callback - Callback function
+   * @returns {Function} Unsubscribe function
    */
-  async save(e, t) {
-    try {
-      const i = JSON.stringify(t);
-      return this.storage.setItem(e, i), !0;
-    } catch (i) {
-      return console.error("Error saving data:", i), !1;
-    }
+  on(t, e) {
+    return this.listeners.has(t) || this.listeners.set(t, /* @__PURE__ */ new Set()), this.listeners.get(t).add(e), () => this.off(t, e);
   }
   /**
-   * Load data from local storage
-   * @param {string} key 
-   * @param {any} defaultValue 
+   * Unsubscribe from an event
+   * @param {string} event - Event name
+   * @param {Function} callback - Callback function
    */
-  async load(e, t = null) {
-    try {
-      const i = this.storage.getItem(e);
-      return i ? JSON.parse(i) : t;
-    } catch (i) {
-      return console.error("Error loading data:", i), t;
-    }
+  off(t, e) {
+    this.listeners.has(t) && this.listeners.get(t).delete(e);
   }
   /**
-   * Clear specific data
-   * @param {string} key 
+   * Emit an event
+   * @param {string} event - Event name
+   * @param {*} data - Event data
    */
-  async clear(e) {
-    this.storage.removeItem(e);
+  emit(t, e) {
+    this.listeners.has(t) && this.listeners.get(t).forEach((i) => {
+      try {
+        i(e);
+      } catch (s) {
+        console.error(`Error in listener for event '${t}':`, s);
+      }
+    });
+  }
+  /**
+   * Clear all listeners
+   */
+  clear() {
+    this.listeners.clear();
   }
 }
-const m = new v();
-class u {
-  constructor() {
-    this.player = null, this.achievements = this._initAchievements(), this.listeners = [];
+class m extends p {
+  constructor(t, e = {}) {
+    super(), this.dataService = t, this.player = null, this.achievements = { ...this._initAchievements(), ...e.achievements || {} };
   }
   /**
    * Initialize the reward system for current player
    * @returns {Promise<Object>} Player data
    */
   async init() {
-    return this.player = await m.load("player", this._getDefaultPlayer()), this._updateDailyStreak(), await this.save(), this.player;
+    return this.player = await this.dataService.load("player", this._getDefaultPlayer()), this._updateDailyStreak(), await this.save(), this.player;
   }
   /**
    * Get default player data structure
@@ -75,7 +78,7 @@ class u {
    * Save player data
    */
   async save() {
-    this.player && (this.player.lastPlayedAt = Date.now(), await m.save("player", this.player));
+    this.player && (this.player.lastPlayedAt = Date.now(), await this.dataService.save("player", this.player));
   }
   /**
    * Add XP and handle level ups
@@ -83,28 +86,28 @@ class u {
    * @param {string} reason - Why XP was awarded (for notifications)
    * @returns {Object} { leveledUp: boolean, newLevel: number, xpGained: number }
    */
-  async addXP(e, t = "") {
+  async addXP(t, e = "") {
     const i = this.player.level;
-    this.player.xp += e;
+    this.player.xp += t;
     const s = this._calculateLevel(this.player.xp), a = s > i;
-    return a && (this.player.level = s), await this.save(), this._emit("xp_gained", { amount: e, reason: t, leveledUp: a, newLevel: s }), a && this._emit("level_up", { oldLevel: i, newLevel: s }), { leveledUp: a, newLevel: s, xpGained: e };
+    return a && (this.player.level = s), await this.save(), this.emit("xp_gained", { amount: t, reason: e, leveledUp: a, newLevel: s }), a && this.emit("level_up", { oldLevel: i, newLevel: s }), { leveledUp: a, newLevel: s, xpGained: t };
   }
   /**
    * Calculate level from XP (exponential curve)
    */
-  _calculateLevel(e) {
-    const t = Math.floor((1 + Math.sqrt(1 + 8 * e / 50)) / 2);
-    return Math.max(1, t);
+  _calculateLevel(t) {
+    const e = Math.floor((1 + Math.sqrt(1 + 8 * t / 50)) / 2);
+    return Math.max(1, e);
   }
   /**
    * Get XP needed for next level
    */
   getXPForNextLevel() {
-    const e = this.player.level + 1, t = 50 * e * (e - 1), i = 50 * this.player.level * (this.player.level - 1);
+    const t = this.player.level + 1, e = 50 * t * (t - 1), i = 50 * this.player.level * (this.player.level - 1);
     return {
-      total: t,
-      needed: t - this.player.xp,
-      progress: (this.player.xp - i) / (t - i)
+      total: e,
+      needed: e - this.player.xp,
+      progress: (this.player.xp - i) / (e - i)
     };
   }
   /**
@@ -112,74 +115,74 @@ class u {
    * @param {string} gameName - Unique ID for the game
    * @param {Object} result - Game-specific result data
    */
-  async recordGame(e, t) {
-    this.player.stats[e] || (this.player.stats[e] = { totalPlays: 0, highScore: 0 });
-    const i = this.player.stats[e];
-    i.totalPlays++, this.player.totalGamesPlayed++, t.score !== void 0 && t.score > i.highScore && (i.highScore = t.score, this._emit("new_high_score", { gameName: e, score: t.score })), Object.keys(t).forEach((a) => {
-      a !== "score" && (i[a] = (i[a] || 0) + (typeof t[a] == "number" ? t[a] : 0));
+  async recordGame(t, e) {
+    this.player.stats[t] || (this.player.stats[t] = { totalPlays: 0, highScore: 0 });
+    const i = this.player.stats[t];
+    i.totalPlays++, this.player.totalGamesPlayed++, e.score !== void 0 && e.score > i.highScore && (i.highScore = e.score, this.emit("new_high_score", { gameName: t, score: e.score })), Object.keys(e).forEach((a) => {
+      a !== "score" && (i[a] = (i[a] || 0) + (typeof e[a] == "number" ? e[a] : 0));
     });
     let s = 10;
-    t.score && (s += Math.floor(t.score / 5)), s = Math.floor(s * this.getStreakMultiplier()), await this.addXP(s, `Played ${e}`), await this.checkAchievements(e, t), await this.save();
+    e.score && (s += Math.floor(e.score / 5)), s = Math.floor(s * this.getStreakMultiplier()), await this.addXP(s, `Played ${t}`), await this.checkAchievements(t, e), await this.save();
   }
   /**
    * Check and unlock achievements
    */
-  async checkAchievements(e, t) {
+  async checkAchievements(t, e) {
     const i = [];
     for (const [s, a] of Object.entries(this.achievements))
-      this.player.achievements[s] || a.check(this.player, e, t) && (await this.unlockAchievement(s), i.push(a));
+      this.player.achievements[s] || a.check(this.player, t, e) && (await this.unlockAchievement(s), i.push(a));
     return i;
   }
   /**
    * Unlock an achievement
    */
-  async unlockAchievement(e) {
-    const t = this.achievements[e];
-    return t ? (this.player.achievements[e] = {
+  async unlockAchievement(t) {
+    const e = this.achievements[t];
+    return e ? (this.player.achievements[t] = {
       unlockedAt: Date.now(),
       seen: !1
-    }, await this.addXP(t.xp, `Achievement: ${t.name}`), this._emit("achievement_unlocked", t), await this.save(), !0) : !1;
+    }, await this.addXP(e.xp, `Achievement: ${e.name}`), this.emit("achievement_unlocked", e), await this.save(), !0) : !1;
   }
   /**
    * Get all unlocked achievements
    */
   getUnlockedAchievements() {
-    return Object.entries(this.player.achievements).map(([e, t]) => ({
-      ...this.achievements[e],
-      id: e,
-      ...t
+    return Object.entries(this.player.achievements).map(([t, e]) => ({
+      ...this.achievements[t],
+      id: t,
+      ...e
     }));
   }
   /**
    * Get achievements user hasn't seen the notification for yet
    */
   getUnseenAchievements() {
-    return this.getUnlockedAchievements().filter((e) => !e.seen);
+    return this.getUnlockedAchievements().filter((t) => !t.seen);
   }
   /**
    * Mark achievements as seen
    */
-  async markAchievementsSeen(e) {
-    for (const t of e)
-      this.player.achievements[t] && (this.player.achievements[t].seen = !0);
+  async markAchievementsSeen(t) {
+    for (const e of t)
+      this.player.achievements[e] && (this.player.achievements[e].seen = !0);
     await this.save();
   }
   /**
    * Update daily streak
    */
   _updateDailyStreak() {
-    const e = this._getTodayDateString(), t = this.player.streak.lastPlayDate;
-    if (t === e)
+    const t = this._getTodayDateString(), e = this.player.streak.lastPlayDate;
+    if (e === t)
       return;
     const i = this._getYesterdayDateString();
-    t === i ? (this.player.streak.current++, this.player.streak.current > this.player.streak.longest && (this.player.streak.longest = this.player.streak.current)) : this.player.streak.current = 1, this.player.streak.lastPlayDate = e;
+    e === i ? (this.player.streak.current++, this.player.streak.current > this.player.streak.longest && (this.player.streak.longest = this.player.streak.current)) : this.player.streak.current = 1, this.player.streak.lastPlayDate = t;
   }
   /**
    * Get streak multiplier for XP
    */
   getStreakMultiplier() {
-    const e = this.player.streak.current;
-    return e >= 7 ? 2 : e >= 5 ? 1.5 : e >= 3 ? 1.25 : 1;
+    const t = this.player.streak.current;
+    return t >= 7 ? 2 : t >= 5 ? 1.5 : t >= 3 ? 1.25 : 1;
   }
   /**
    * Get today's date as YYYY-MM-DD string
@@ -191,17 +194,8 @@ class u {
    * Get yesterday's date as YYYY-MM-DD string
    */
   _getYesterdayDateString() {
-    const e = /* @__PURE__ */ new Date();
-    return e.setDate(e.getDate() - 1), e.toISOString().split("T")[0];
-  }
-  /**
-   * Event system for UI updates
-   */
-  on(e, t) {
-    this.listeners.push({ event: e, callback: t });
-  }
-  _emit(e, t) {
-    this.listeners.filter((i) => i.event === e).forEach((i) => i.callback(t));
+    const t = /* @__PURE__ */ new Date();
+    return t.setDate(t.getDate() - 1), t.toISOString().split("T")[0];
   }
   /**
    * Initialize achievement definitions
@@ -215,196 +209,80 @@ class u {
         description: "Play your first game",
         icon: "🎮",
         xp: 50,
-        check: (e) => e.totalGamesPlayed >= 1
+        check: (t) => t.totalGamesPlayed >= 1
       },
       level_5: {
         name: "Rising Star",
         description: "Reach level 5",
         icon: "⭐",
         xp: 100,
-        check: (e) => e.level >= 5
+        check: (t) => t.level >= 5
       },
       level_10: {
         name: "Expert Player",
         description: "Reach level 10",
         icon: "🏆",
         xp: 250,
-        check: (e) => e.level >= 10
+        check: (t) => t.level >= 10
       },
       streak_3: {
         name: "Dedicated",
         description: "Play 3 days in a row",
         icon: "🔥",
         xp: 100,
-        check: (e) => e.streak.current >= 3
+        check: (t) => t.streak.current >= 3
       },
       streak_7: {
         name: "Unstoppable",
         description: "Play 7 days in a row",
         icon: "💥",
         xp: 300,
-        check: (e) => e.streak.current >= 7
+        check: (t) => t.streak.current >= 7
       }
     };
   }
-  /**
-   * Register custom achievements
-   * @param {Object} achievements 
-   */
-  registerAchievements(e) {
-    this.achievements = { ...this.achievements, ...e };
-  }
 }
-const y = new u();
-class f {
-  constructor(e = "dopamine-particle-canvas") {
-    this.canvasId = e, this.canvas = document.getElementById(e), this.canvas || (this.canvas = document.createElement("canvas"), this.canvas.id = e, this.canvas.style.position = "fixed", this.canvas.style.top = "0", this.canvas.style.left = "0", this.canvas.style.width = "100%", this.canvas.style.height = "100%", this.canvas.style.pointerEvents = "none", this.canvas.style.zIndex = "9999", document.body.appendChild(this.canvas)), this.ctx = this.canvas.getContext("2d"), this.particles = [], this.isAnimating = !1, this._resize(), window.addEventListener("resize", () => this._resize());
-  }
-  _resize() {
-    this.canvas.width = window.innerWidth, this.canvas.height = window.innerHeight;
+class y {
+  constructor(t = {}) {
+    this.storage = t.storage || window.localStorage, this.prefix = t.prefix || "dopamine_";
   }
   /**
-   * Confetti explosion (for achievements, level ups)
-   */
-  confetti(e, t, i = 50) {
-    const s = ["#ff6b6b", "#4ecdc4", "#45b7d1", "#f7dc6f", "#c06c84", "#6c5ce7"];
-    for (let a = 0; a < i; a++)
-      this.particles.push({
-        x: e,
-        y: t,
-        vx: (Math.random() - 0.5) * 10,
-        vy: (Math.random() - 0.5) * 10 - 5,
-        rotation: Math.random() * Math.PI * 2,
-        rotationSpeed: (Math.random() - 0.5) * 0.2,
-        color: s[Math.floor(Math.random() * s.length)],
-        size: Math.random() * 8 + 4,
-        life: 1,
-        decay: 0.015 + Math.random() * 0.01,
-        gravity: 0.3,
-        type: "confetti"
-      });
-    this._startAnimation();
-  }
-  /**
-   * Sparkle effect (for score milestones, combos)
+   * Save data to local storage
+   * @param {string} key 
+   * @param {any} data 
    */
-  sparkle(e, t, i = 20, s = "#ffd700") {
-    for (let a = 0; a < i; a++) {
-      const n = Math.PI * 2 / i * a, o = 2 + Math.random() * 3;
-      this.particles.push({
-        x: e,
-        y: t,
-        vx: Math.cos(n) * o,
-        vy: Math.sin(n) * o,
-        color: s,
-        size: Math.random() * 4 + 2,
-        life: 1,
-        decay: 0.02,
-        gravity: -0.1,
-        // Slight upward drift
-        type: "spark"
-      });
+  async save(t, e) {
+    try {
+      const i = JSON.stringify(e);
+      return this.storage.setItem(this.prefix + t, i), !0;
+    } catch (i) {
+      return console.error("Error saving data:", i), !1;
     }
-    this._startAnimation();
-  }
-  /**
-   * Coin shower (for collecting coins)
-   */
-  coinShower(e, t, i = 10) {
-    for (let s = 0; s < i; s++)
-      this.particles.push({
-        x: e + (Math.random() - 0.5) * 100,
-        y: t - Math.random() * 50,
-        vx: (Math.random() - 0.5) * 3,
-        vy: Math.random() * -2 - 3,
-        color: "#ffd700",
-        size: 12,
-        life: 1,
-        decay: 0.012,
-        gravity: 0.4,
-        type: "coin"
-      });
-    this._startAnimation();
-  }
-  /**
-   * Fire particles (for streaks, combos)
-   */
-  fire(e, t, i = 15) {
-    const s = ["#ff6b00", "#ff8800", "#ffaa00", "#ff4400"];
-    for (let a = 0; a < i; a++)
-      this.particles.push({
-        x: e + (Math.random() - 0.5) * 20,
-        y: t,
-        vx: (Math.random() - 0.5) * 2,
-        vy: -Math.random() * 3 - 2,
-        color: s[Math.floor(Math.random() * s.length)],
-        size: Math.random() * 6 + 3,
-        life: 1,
-        decay: 0.025,
-        gravity: -0.2,
-        // Upward
-        type: "fire"
-      });
-    this._startAnimation();
   }
   /**
-   * Star burst (for "perfect" moments)
+   * Load data from local storage
+   * @param {string} key 
+   * @param {any} defaultValue 
    */
-  starBurst(e, t, i = 8) {
-    for (let s = 0; s < i; s++) {
-      const a = Math.PI * 2 / i * s, n = 4;
-      this.particles.push({
-        x: e,
-        y: t,
-        vx: Math.cos(a) * n,
-        vy: Math.sin(a) * n,
-        rotation: a,
-        color: "#ffffff",
-        size: 15,
-        life: 1,
-        decay: 0.03,
-        gravity: 0,
-        type: "star"
-      });
-    }
-    this._startAnimation();
-  }
-  _startAnimation() {
-    this.isAnimating || (this.isAnimating = !0, this._animate());
-  }
-  _animate() {
-    this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
-    for (let e = this.particles.length - 1; e >= 0; e--) {
-      const t = this.particles[e];
-      if (t.vy += t.gravity, t.x += t.vx, t.y += t.vy, t.life -= t.decay, t.rotationSpeed && (t.rotation += t.rotationSpeed), t.life <= 0) {
-        this.particles.splice(e, 1);
-        continue;
-      }
-      this.ctx.save(), this.ctx.globalAlpha = t.life, this.ctx.fillStyle = t.color, t.type === "confetti" ? (this.ctx.translate(t.x, t.y), this.ctx.rotate(t.rotation), this.ctx.fillRect(-t.size / 2, -t.size / 2, t.size, t.size / 2)) : t.type === "coin" ? (this.ctx.beginPath(), this.ctx.arc(t.x, t.y, t.size, 0, Math.PI * 2), this.ctx.fill(), this.ctx.fillStyle = "#ffee88", this.ctx.beginPath(), this.ctx.arc(t.x - t.size / 3, t.y - t.size / 3, t.size / 3, 0, Math.PI * 2), this.ctx.fill()) : t.type === "star" ? this._drawStar(t.x, t.y, 5, t.size, t.size / 2, t.rotation) : (this.ctx.beginPath(), this.ctx.arc(t.x, t.y, t.size, 0, Math.PI * 2), this.ctx.fill()), this.ctx.restore();
-    }
-    this.particles.length > 0 ? requestAnimationFrame(() => this._animate()) : this.isAnimating = !1;
-  }
-  _drawStar(e, t, i, s, a, n) {
-    let o = Math.PI / 2 * 3 + n;
-    const d = Math.PI / i;
-    this.ctx.beginPath(), this.ctx.moveTo(e, t - s);
-    for (let p = 0; p < i; p++) {
-      let c = e + Math.cos(o) * s, h = t + Math.sin(o) * s;
-      this.ctx.lineTo(c, h), o += d, c = e + Math.cos(o) * a, h = t + Math.sin(o) * a, this.ctx.lineTo(c, h), o += d;
+  async load(t, e = null) {
+    try {
+      const i = this.storage.getItem(this.prefix + t);
+      return i ? JSON.parse(i) : e;
+    } catch (i) {
+      return console.error("Error loading data:", i), e;
     }
-    this.ctx.lineTo(e, t - s), this.ctx.closePath(), this.ctx.fill();
   }
   /**
-   * Clear all particles
+   * Clear specific data
+   * @param {string} key 
    */
-  clear() {
-    this.particles = [], this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+  async clear(t) {
+    this.storage.removeItem(this.prefix + t);
   }
 }
-const l = new f();
-class g {
-  constructor() {
-    this.container = null, this.xpBar = null, this.levelDisplay = null, this.streakDisplay = null, this.init();
+class v {
+  constructor(t) {
+    this.particleSystem = t, this.container = null, this.xpBar = null, this.levelDisplay = null, this.streakDisplay = null, this.init();
   }
   /**
    * Initialize UI overlay
@@ -434,69 +312,69 @@ class g {
   /**
    * Update XP bar
    */
-  updateXP(e, t, i) {
-    const s = e / i * 100;
-    this.xpBar.style.width = `${Math.min(100, s)}%`, this.xpText.textContent = `${e} / ${i} XP`, this.xpBar.style.animation = "none", setTimeout(() => {
+  updateXP(t, e, i) {
+    const s = t / i * 100;
+    this.xpBar.style.width = `${Math.min(100, s)}%`, this.xpText.textContent = `${t} / ${i} XP`, this.xpBar.style.animation = "none", setTimeout(() => {
       this.xpBar.style.animation = "xp-pulse 0.3s ease-out";
     }, 10);
   }
   /**
    * Update level display
    */
-  updateLevel(e) {
-    this.levelDisplay.textContent = e;
-    const t = document.getElementById("level-badge");
-    t.style.animation = "none", setTimeout(() => {
-      t.style.animation = "level-pulse 0.5s ease-out";
+  updateLevel(t) {
+    this.levelDisplay.textContent = t;
+    const e = document.getElementById("level-badge");
+    e.style.animation = "none", setTimeout(() => {
+      e.style.animation = "level-pulse 0.5s ease-out";
     }, 10);
   }
   /**
    * Update streak display
    */
-  updateStreak(e) {
-    this.streakDisplay.textContent = e;
-    const t = document.getElementById("streak-badge");
-    e >= 7 ? t.style.background = "linear-gradient(135deg, #ff6b00 0%, #ff4400 100%)" : e >= 3 && (t.style.background = "linear-gradient(135deg, #ff8800 0%, #ff6b00 100%)");
+  updateStreak(t) {
+    this.streakDisplay.textContent = t;
+    const e = document.getElementById("streak-badge");
+    t >= 7 ? e.style.background = "linear-gradient(135deg, #ff6b00 0%, #ff4400 100%)" : t >= 3 && (e.style.background = "linear-gradient(135deg, #ff8800 0%, #ff6b00 100%)");
   }
   /**
    * Show achievement unlocked popup
    */
-  showAchievement(e) {
-    const t = document.createElement("div");
-    t.className = "achievement-popup", t.innerHTML = `
+  showAchievement(t) {
+    const e = document.createElement("div");
+    e.className = "achievement-popup", e.innerHTML = `
             <div class="achievement-shine"></div>
             <div class="achievement-content">
-                <div class="achievement-icon">${e.icon}</div>
+                <div class="achievement-icon">${t.icon}</div>
                 <div class="achievement-info">
                     <div class="achievement-title">Achievement Unlocked!</div>
-                    <div class="achievement-name">${e.name}</div>
-                    <div class="achievement-desc">${e.description}</div>
-                    <div class="achievement-xp">+${e.xp} XP</div>
+                    <div class="achievement-name">${t.name}</div>
+                    <div class="achievement-desc">${t.description}</div>
+                    <div class="achievement-xp">+${t.xp} XP</div>
                 </div>
             </div>
-        `, document.body.appendChild(t), setTimeout(() => {
-      const i = t.getBoundingClientRect();
-      l.confetti(i.left + i.width / 2, i.top + i.height / 2, 40);
+        `, document.body.appendChild(e), setTimeout(() => {
+      const i = e.getBoundingClientRect();
+      this.particleSystem.confetti(i.left + i.width / 2, i.top + i.height / 2, 40);
     }, 300), setTimeout(() => {
-      t.style.animation = "slideOut 0.3s ease-in forwards", setTimeout(() => t.remove(), 300);
+      e.style.animation = "slideOut 0.3s ease-in forwards", setTimeout(() => e.remove(), 300);
     }, 4e3);
   }
   /**
    * Show level up screen
    */
-  showLevelUp(e, t) {
+  showLevelUp(t, e) {
     const i = document.createElement("div");
     i.className = "level-up-overlay", i.innerHTML = `
             <div class="level-up-content">
                 <div class="level-up-title">LEVEL UP!</div>
-                <div class="level-up-number">${t}</div>
+                <div class="level-up-number">${e}</div>
                 <div class="level-up-subtitle">Amazing progress!</div>
             </div>
         `, document.body.appendChild(i), setTimeout(() => {
       for (let s = 0; s < 5; s++)
         setTimeout(() => {
           const a = Math.random() * window.innerWidth, n = Math.random() * window.innerHeight * 0.6;
-          l.confetti(a, n, 30);
+          this.particleSystem.confetti(a, n, 30);
         }, s * 200);
     }, 300), setTimeout(() => {
       i.style.opacity = "0", setTimeout(() => i.remove(), 500);
@@ -505,57 +383,201 @@ class g {
   /**
    * Show floating text (e.g., "+50 XP", "COMBO!")
    */
-  showFloatingText(e, t, i, s = "#ffd700", a = "24px") {
+  showFloatingText(t, e, i, s = "#ffd700", a = "24px") {
     const n = document.createElement("div");
-    n.className = "floating-text", n.textContent = e, n.style.left = t + "px", n.style.top = i + "px", n.style.color = s, n.style.fontSize = a, document.body.appendChild(n), setTimeout(() => n.remove(), 2e3);
+    n.className = "floating-text", n.textContent = t, n.style.left = e + "px", n.style.top = i + "px", n.style.color = s, n.style.fontSize = a, document.body.appendChild(n), setTimeout(() => n.remove(), 2e3);
   }
   /**
    * Show combo multiplier
    */
-  showCombo(e, t, i) {
-    this.showFloatingText(`${e}× COMBO!`, t, i, "#ff6b6b", "32px"), l.fire(t, i, 20);
+  showCombo(t, e, i) {
+    this.showFloatingText(`${t}× COMBO!`, e, i, "#ff6b6b", "32px"), this.particleSystem.fire(e, i, 20);
   }
   /**
    * Show "near miss"indicator
    */
-  showNearMiss(e, t) {
-    this.showFloatingText("CLOSE CALL!", e, t, "#45b7d1", "20px"), l.sparkle(e, t, 15, "#45b7d1");
+  showNearMiss(t, e) {
+    this.showFloatingText("CLOSE CALL!", t, e, "#45b7d1", "20px"), this.particleSystem.sparkle(t, e, 15, "#45b7d1");
   }
   /**
    * Show lucky moment (random multiplier)
    */
-  showLuckyMoment(e, t, i) {
-    this.showFloatingText(`LUCKY ${e}×!`, t, i, "#ffd700", "36px"), l.starBurst(t, i, 12), l.confetti(t, i, 25);
+  showLuckyMoment(t, e, i) {
+    this.showFloatingText(`LUCKY ${t}×!`, e, i, "#ffd700", "36px"), this.particleSystem.starBurst(e, i, 12), this.particleSystem.confetti(e, i, 25);
   }
   /**
    * Show generic notification
    */
-  showNotification(e, t = "normal") {
+  showNotification(t, e = "normal") {
     const i = window.innerWidth / 2, s = window.innerHeight / 3;
-    t === "legendary" ? this.showLuckyMoment(e, i, s) : t === "rare" ? this.showCombo(e, i, s) : this.showFloatingText(e, i, s, "#fff", "24px");
+    e === "legendary" ? this.showLuckyMoment(t, i, s) : e === "rare" ? this.showCombo(t, i, s) : this.showFloatingText(t, i, s, "#fff", "24px");
   }
   /**
    * Show Game Over Summary
    */
-  showSummary(e) {
-    const t = document.createElement("div");
-    t.className = "message-box", t.style.display = "flex", t.style.position = "absolute", t.style.top = "50%", t.style.left = "50%", t.style.transform = "translate(-50%, -50%)", t.style.zIndex = "1000";
+  showSummary(t) {
+    const e = document.createElement("div");
+    e.className = "message-box", e.style.display = "flex", e.style.position = "absolute", e.style.top = "50%", e.style.left = "50%", e.style.transform = "translate(-50%, -50%)", e.style.zIndex = "1000";
     let i = "";
-    e.metrics && (i = Object.entries(e.metrics).map(([s, a]) => `<div style="display:flex;justify-content:space-between;width:100%"><span>${s}:</span> <strong>${a}</strong></div>`).join("")), t.innerHTML = `
+    t.metrics && (i = Object.entries(t.metrics).map(([s, a]) => `<div style="display:flex;justify-content:space-between;width:100%"><span>${s}:</span> <strong>${a}</strong></div>`).join("")), e.innerHTML = `
             <h1>Game Over</h1>
-            <div style="font-size: 3rem; font-weight: bold; color: #e06020; margin: 10px 0;">${e.score}</div>
+            <div style="font-size: 3rem; font-weight: bold; color: #e06020; margin: 10px 0;">${t.score}</div>
             <div style="width: 100%; margin-bottom: 20px;">
                 ${i}
             </div>
             <button class="btn" onclick="location.reload()">Play Again</button>
             <button class="btn" onclick="window.location.href='index.html'" style="margin-top: 10px; background: #543847;">Exit</button>
-        `, document.body.appendChild(t);
+        `, document.body.appendChild(e);
   }
 }
-const x = new g();
-class w {
-  constructor() {
-    this.audioContext = null, this.muted = localStorage.getItem("dopamineSoundsMuted") === "true";
+class u {
+  constructor(t = {}) {
+    this.canvasId = t.canvasId || "dopamine-particle-canvas", this.canvas = document.getElementById(this.canvasId), this.canvas || (this.canvas = document.createElement("canvas"), this.canvas.id = this.canvasId, this.canvas.style.position = "fixed", this.canvas.style.top = "0", this.canvas.style.left = "0", this.canvas.style.width = "100%", this.canvas.style.height = "100%", this.canvas.style.pointerEvents = "none", this.canvas.style.zIndex = t.zIndex || "9999", document.body.appendChild(this.canvas)), this.ctx = this.canvas.getContext("2d"), this.particles = [], this.isAnimating = !1, this._resize(), window.addEventListener("resize", () => this._resize());
+  }
+  _resize() {
+    this.canvas.width = window.innerWidth, this.canvas.height = window.innerHeight;
+  }
+  /**
+   * Confetti explosion (for achievements, level ups)
+   */
+  confetti(t, e, i = 50) {
+    const s = ["#ff6b6b", "#4ecdc4", "#45b7d1", "#f7dc6f", "#c06c84", "#6c5ce7"];
+    for (let a = 0; a < i; a++)
+      this.particles.push({
+        x: t,
+        y: e,
+        vx: (Math.random() - 0.5) * 10,
+        vy: (Math.random() - 0.5) * 10 - 5,
+        rotation: Math.random() * Math.PI * 2,
+        rotationSpeed: (Math.random() - 0.5) * 0.2,
+        color: s[Math.floor(Math.random() * s.length)],
+        size: Math.random() * 8 + 4,
+        life: 1,
+        decay: 0.015 + Math.random() * 0.01,
+        gravity: 0.3,
+        type: "confetti"
+      });
+    this._startAnimation();
+  }
+  /**
+   * Sparkle effect (for score milestones, combos)
+   */
+  sparkle(t, e, i = 20, s = "#ffd700") {
+    for (let a = 0; a < i; a++) {
+      const n = Math.PI * 2 / i * a, r = 2 + Math.random() * 3;
+      this.particles.push({
+        x: t,
+        y: e,
+        vx: Math.cos(n) * r,
+        vy: Math.sin(n) * r,
+        color: s,
+        size: Math.random() * 4 + 2,
+        life: 1,
+        decay: 0.02,
+        gravity: -0.1,
+        // Slight upward drift
+        type: "spark"
+      });
+    }
+    this._startAnimation();
+  }
+  /**
+   * Coin shower (for collecting coins)
+   */
+  coinShower(t, e, i = 10) {
+    for (let s = 0; s < i; s++)
+      this.particles.push({
+        x: t + (Math.random() - 0.5) * 100,
+        y: e - Math.random() * 50,
+        vx: (Math.random() - 0.5) * 3,
+        vy: Math.random() * -2 - 3,
+        color: "#ffd700",
+        size: 12,
+        life: 1,
+        decay: 0.012,
+        gravity: 0.4,
+        type: "coin"
+      });
+    this._startAnimation();
+  }
+  /**
+   * Fire particles (for streaks, combos)
+   */
+  fire(t, e, i = 15) {
+    const s = ["#ff6b00", "#ff8800", "#ffaa00", "#ff4400"];
+    for (let a = 0; a < i; a++)
+      this.particles.push({
+        x: t + (Math.random() - 0.5) * 20,
+        y: e,
+        vx: (Math.random() - 0.5) * 2,
+        vy: -Math.random() * 3 - 2,
+        color: s[Math.floor(Math.random() * s.length)],
+        size: Math.random() * 6 + 3,
+        life: 1,
+        decay: 0.025,
+        gravity: -0.2,
+        // Upward
+        type: "fire"
+      });
+    this._startAnimation();
+  }
+  /**
+   * Star burst (for "perfect" moments)
+   */
+  starBurst(t, e, i = 8) {
+    for (let s = 0; s < i; s++) {
+      const a = Math.PI * 2 / i * s, n = 4;
+      this.particles.push({
+        x: t,
+        y: e,
+        vx: Math.cos(a) * n,
+        vy: Math.sin(a) * n,
+        rotation: a,
+        color: "#ffffff",
+        size: 15,
+        life: 1,
+        decay: 0.03,
+        gravity: 0,
+        type: "star"
+      });
+    }
+    this._startAnimation();
+  }
+  _startAnimation() {
+    this.isAnimating || (this.isAnimating = !0, this._animate());
+  }
+  _animate() {
+    this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+    for (let t = this.particles.length - 1; t >= 0; t--) {
+      const e = this.particles[t];
+      if (e.vy += e.gravity, e.x += e.vx, e.y += e.vy, e.life -= e.decay, e.rotationSpeed && (e.rotation += e.rotationSpeed), e.life <= 0) {
+        this.particles.splice(t, 1);
+        continue;
+      }
+      this.ctx.save(), this.ctx.globalAlpha = e.life, this.ctx.fillStyle = e.color, e.type === "confetti" ? (this.ctx.translate(e.x, e.y), this.ctx.rotate(e.rotation), this.ctx.fillRect(-e.size / 2, -e.size / 2, e.size, e.size / 2)) : e.type === "coin" ? (this.ctx.beginPath(), this.ctx.arc(e.x, e.y, e.size, 0, Math.PI * 2), this.ctx.fill(), this.ctx.fillStyle = "#ffee88", this.ctx.beginPath(), this.ctx.arc(e.x - e.size / 3, e.y - e.size / 3, e.size / 3, 0, Math.PI * 2), this.ctx.fill()) : e.type === "star" ? this._drawStar(e.x, e.y, 5, e.size, e.size / 2, e.rotation) : (this.ctx.beginPath(), this.ctx.arc(e.x, e.y, e.size, 0, Math.PI * 2), this.ctx.fill()), this.ctx.restore();
+    }
+    this.particles.length > 0 ? requestAnimationFrame(() => this._animate()) : this.isAnimating = !1;
+  }
+  _drawStar(t, e, i, s, a, n) {
+    let r = Math.PI / 2 * 3 + n;
+    const c = Math.PI / i;
+    this.ctx.beginPath(), this.ctx.moveTo(t, e - s);
+    for (let d = 0; d < i; d++) {
+      let l = t + Math.cos(r) * s, h = e + Math.sin(r) * s;
+      this.ctx.lineTo(l, h), r += c, l = t + Math.cos(r) * a, h = e + Math.sin(r) * a, this.ctx.lineTo(l, h), r += c;
+    }
+    this.ctx.lineTo(t, e - s), this.ctx.closePath(), this.ctx.fill();
+  }
+  /**
+   * Clear all particles
+   */
+  clear() {
+    this.particles = [], this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
+  }
+}
+class f {
+  constructor(t = {}) {
+    this.audioContext = null, this.storageKey = t.storageKey || "dopamineSoundsMuted", this.muted = localStorage.getItem(this.storageKey) === "true";
   }
   /**
    * Initialize Audio Context (must be called after user interaction)
@@ -568,7 +590,7 @@ class w {
    * @returns {boolean} New mute state
    */
   toggleMute() {
-    return this.muted = !this.muted, localStorage.setItem("dopamineSoundsMuted", this.muted), this.muted;
+    return this.muted = !this.muted, localStorage.setItem(this.storageKey, this.muted), this.muted;
   }
   /**
    * Play a synthesized tone
@@ -577,11 +599,11 @@ class w {
    * @param {string} type - 'sine', 'square', 'sawtooth', 'triangle'
    * @param {number} volume 
    */
-  playTone(e, t, i = "sine", s = 0.3) {
+  playTone(t, e, i = "sine", s = 0.3) {
     if (this.muted) return;
     this.initAudio();
     const a = this.audioContext.createOscillator(), n = this.audioContext.createGain();
-    a.connect(n), n.connect(this.audioContext.destination), a.frequency.value = e, a.type = i, n.gain.setValueAtTime(s, this.audioContext.currentTime), n.gain.exponentialRampToValueAtTime(0.01, this.audioContext.currentTime + t), a.start(this.audioContext.currentTime), a.stop(this.audioContext.currentTime + t);
+    a.connect(n), n.connect(this.audioContext.destination), a.frequency.value = t, a.type = i, n.gain.setValueAtTime(s, this.audioContext.currentTime), n.gain.exponentialRampToValueAtTime(0.01, this.audioContext.currentTime + e), a.start(this.audioContext.currentTime), a.stop(this.audioContext.currentTime + e);
   }
   // --- Presets ---
   playJump() {
@@ -603,25 +625,36 @@ class w {
     this.playTone(200, 0.2, "sawtooth", 0.3);
   }
 }
-const b = new w();
-class M {
-  constructor(e = {}) {
-    this.config = e;
+class g {
+  constructor(t = {}) {
+    this.config = t, this.dataService = new y(t.data || {}), this.rewardSystem = new m(this.dataService, t.rewards || {}), this.soundManager = new f(t.sound || {}), this.particleSystem = new u(t.particles || {}), this.gameUI = new v(this.particleSystem), this._bindEvents();
   }
   async init() {
-    return await y.init(), console.log("DopamineJS Initialized 🚀"), {
-      rewardSystem: y,
-      gameUI: x,
-      particleSystem: l,
-      soundManager: b
+    return await this.rewardSystem.init(), console.log("DopamineJS Initialized 🚀"), {
+      rewardSystem: this.rewardSystem,
+      gameUI: this.gameUI,
+      particleSystem: this.particleSystem,
+      soundManager: this.soundManager
     };
   }
+  _bindEvents() {
+    this.rewardSystem.on("xp_gained", (t) => {
+      const { total: e, needed: i } = this.rewardSystem.getXPForNextLevel();
+      this.gameUI.updateXP(this.rewardSystem.player.xp, i, e), t.xpGained > 0;
+    }), this.rewardSystem.on("level_up", (t) => {
+      this.gameUI.updateLevel(t.newLevel), this.gameUI.showLevelUp(t.oldLevel, t.newLevel);
+    }), this.rewardSystem.on("achievement_unlocked", (t) => {
+      this.gameUI.showAchievement(t);
+    }), this.rewardSystem.on("new_high_score", (t) => {
+      this.gameUI.showNotification(`New High Score: ${t.score}!`, "legendary"), this.soundManager.playSuccess();
+    });
+  }
 }
 export {
-  m as dataService,
-  M as default,
-  x as gameUI,
-  l as particleSystem,
-  y as rewardSystem,
-  b as soundManager
+  y as DataService,
+  v as GameUI,
+  u as ParticleSystem,
+  m as RewardSystem,
+  f as SoundManager,
+  g as default
 };