dopaminejs 1.0.0 → 1.1.0

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
+   */
+  emit(t, e) {
+    this.listeners.has(t) && this.listeners.get(t).forEach((s) => {
+      try {
+        s(e);
+      } catch (i) {
+        console.error(`Error in listener for event '${t}':`, i);
+      }
+    });
+  }
+  /**
+   * Clear all listeners
    */
-  async clear(e) {
-    this.storage.removeItem(e);
+  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 = "") {
-    const i = this.player.level;
-    this.player.xp += e;
-    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 };
+  async addXP(t, e = "") {
+    const s = this.player.level;
+    this.player.xp += t;
+    const i = this._calculateLevel(this.player.xp), a = i > s;
+    return a && (this.player.level = i), await this.save(), this.emit("xp_gained", { amount: t, reason: e, leveledUp: a, newLevel: i }), a && this.emit("level_up", { oldLevel: s, newLevel: i }), { leveledUp: a, newLevel: i, 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), s = 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 - s) / (e - s)
     };
   }
   /**
@@ -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 s = this.player.stats[t];
+    s.totalPlays++, this.player.totalGamesPlayed++, e.score !== void 0 && e.score > s.highScore && (s.highScore = e.score, this.emit("new_high_score", { gameName: t, score: e.score })), Object.keys(e).forEach((a) => {
+      a !== "score" && (s[a] = (s[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();
+    let i = 10;
+    e.score && (i += Math.floor(e.score / 5)), i = Math.floor(i * this.getStreakMultiplier()), await this.addXP(i, `Played ${t}`), await this.checkAchievements(t, e), await this.save();
   }
   /**
    * Check and unlock achievements
    */
-  async checkAchievements(e, t) {
-    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));
-    return i;
+  async checkAchievements(t, e) {
+    const s = [];
+    for (const [i, a] of Object.entries(this.achievements))
+      this.player.achievements[i] || a.check(this.player, t, e) && (await this.unlockAchievement(i), s.push(a));
+    return s;
   }
   /**
    * 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;
+    const s = this._getYesterdayDateString();
+    e === s ? (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,50 +209,230 @@ 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
       }
     };
   }
+}
+class u {
+  constructor(t = {}) {
+    this.storage = t.storage || window.localStorage, this.prefix = t.prefix || "dopamine_";
+  }
+  /**
+   * Save data to local storage
+   * @param {string} key 
+   * @param {any} data 
+   */
+  async save(t, e) {
+    try {
+      const s = JSON.stringify(e);
+      return this.storage.setItem(this.prefix + t, s), !0;
+    } catch (s) {
+      return console.error("Error saving data:", s), !1;
+    }
+  }
+  /**
+   * Load data from local storage
+   * @param {string} key 
+   * @param {any} defaultValue 
+   */
+  async load(t, e = null) {
+    try {
+      const s = this.storage.getItem(this.prefix + t);
+      return s ? JSON.parse(s) : e;
+    } catch (s) {
+      return console.error("Error loading data:", s), e;
+    }
+  }
   /**
-   * Register custom achievements
-   * @param {Object} achievements 
+   * Clear specific data
+   * @param {string} key 
    */
-  registerAchievements(e) {
-    this.achievements = { ...this.achievements, ...e };
+  async clear(t) {
+    this.storage.removeItem(this.prefix + t);
   }
 }
-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());
+class y {
+  constructor(t) {
+    this.particleSystem = t, this.container = null, this.xpBar = null, this.levelDisplay = null, this.streakDisplay = null, this.init();
+  }
+  /**
+   * Initialize UI overlay
+   */
+  init() {
+    this.container = document.createElement("div"), this.container.id = "game-ui-overlay", this.container.innerHTML = `
+            <div class="game-ui-top-bar">
+                <div class="level-badge" id="level-badge">
+                    <span class="level-label">LVL</span>
+                    <span class="level-number" id="level-number">1</span>
+                </div>
+                
+                <div class="xp-container">
+                    <div class="xp-bar-bg">
+                        <div class="xp-bar-fill" id="xp-bar-fill" style="width: 0%"></div>
+                    </div>
+                    <div class="xp-text" id="xp-text">0 /100 XP</div>
+                </div>
+                
+                <div class="streak-badge" id="streak-badge">
+                    <span class="streak-icon">🔥</span>
+                    <span class="streak-number" id="streak-number">1</span>
+                </div>
+            </div>
+        `, document.body.appendChild(this.container), this.xpBar = document.getElementById("xp-bar-fill"), this.xpText = document.getElementById("xp-text"), this.levelDisplay = document.getElementById("level-number"), this.streakDisplay = document.getElementById("streak-number");
+  }
+  /**
+   * Update XP bar
+   */
+  updateXP(t, e, s) {
+    const i = t / s * 100;
+    this.xpBar.style.width = `${Math.min(100, i)}%`, this.xpText.textContent = `${t} / ${s} XP`, this.xpBar.style.animation = "none", setTimeout(() => {
+      this.xpBar.style.animation = "xp-pulse 0.3s ease-out";
+    }, 10);
+  }
+  /**
+   * Update level display
+   */
+  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(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(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">${t.icon}</div>
+                <div class="achievement-info">
+                    <div class="achievement-title">Achievement Unlocked!</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(e), setTimeout(() => {
+      const s = e.getBoundingClientRect();
+      this.particleSystem.confetti(s.left + s.width / 2, s.top + s.height / 2, 40);
+    }, 300), setTimeout(() => {
+      e.style.animation = "slideOut 0.3s ease-in forwards", setTimeout(() => e.remove(), 300);
+    }, 4e3);
+  }
+  /**
+   * Show level up screen
+   */
+  showLevelUp(t, e) {
+    const s = document.createElement("div");
+    s.className = "level-up-overlay", s.innerHTML = `
+            <div class="level-up-content">
+                <div class="level-up-title">LEVEL UP!</div>
+                <div class="level-up-number">${e}</div>
+                <div class="level-up-subtitle">Amazing progress!</div>
+            </div>
+        `, document.body.appendChild(s), setTimeout(() => {
+      for (let i = 0; i < 5; i++)
+        setTimeout(() => {
+          const a = Math.random() * window.innerWidth, n = Math.random() * window.innerHeight * 0.6;
+          this.particleSystem.confetti(a, n, 30);
+        }, i * 200);
+    }, 300), setTimeout(() => {
+      s.style.opacity = "0", setTimeout(() => s.remove(), 500);
+    }, 2500);
+  }
+  /**
+   * Show floating text (e.g., "+50 XP", "COMBO!")
+   */
+  showFloatingText(t, e, s, i = "#ffd700", a = "24px") {
+    const n = document.createElement("div");
+    n.className = "floating-text", n.textContent = t, n.style.left = e + "px", n.style.top = s + "px", n.style.color = i, n.style.fontSize = a, document.body.appendChild(n), setTimeout(() => n.remove(), 2e3);
+  }
+  /**
+   * Show combo multiplier
+   */
+  showCombo(t, e, s) {
+    this.showFloatingText(`${t}× COMBO!`, e, s, "#ff6b6b", "32px"), this.particleSystem.fire(e, s, 20);
+  }
+  /**
+   * Show "near miss"indicator
+   */
+  showNearMiss(t, e) {
+    this.showFloatingText("CLOSE CALL!", t, e, "#45b7d1", "20px"), this.particleSystem.sparkle(t, e, 15, "#45b7d1");
+  }
+  /**
+   * Show lucky moment (random multiplier)
+   */
+  showLuckyMoment(t, e, s) {
+    this.showFloatingText(`LUCKY ${t}×!`, e, s, "#ffd700", "36px"), this.particleSystem.starBurst(e, s, 12), this.particleSystem.confetti(e, s, 25);
+  }
+  /**
+   * Show generic notification
+   */
+  showNotification(t, e = "normal") {
+    const s = window.innerWidth / 2, i = window.innerHeight / 3;
+    e === "legendary" ? this.showLuckyMoment(t, s, i) : e === "rare" ? this.showCombo(t, s, i) : this.showFloatingText(t, s, i, "#fff", "24px");
+  }
+  /**
+   * Show Game Over Summary
+   */
+  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 s = "";
+    t.metrics && (s = Object.entries(t.metrics).map(([i, a]) => `<div style="display:flex;justify-content:space-between;width:100%"><span>${i}:</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;">${t.score}</div>
+            <div style="width: 100%; margin-bottom: 20px;">
+                ${s}
+            </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(e);
+  }
+}
+class v {
+  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;
@@ -266,17 +440,17 @@ class f {
   /**
    * 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++)
+  confetti(t, e, s = 50) {
+    const i = ["#ff6b6b", "#4ecdc4", "#45b7d1", "#f7dc6f", "#c06c84", "#6c5ce7"];
+    for (let a = 0; a < s; a++)
       this.particles.push({
-        x: e,
-        y: t,
+        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)],
+        color: i[Math.floor(Math.random() * i.length)],
         size: Math.random() * 8 + 4,
         life: 1,
         decay: 0.015 + Math.random() * 0.01,
@@ -288,15 +462,15 @@ class f {
   /**
    * Sparkle effect (for score milestones, combos)
    */
-  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;
+  sparkle(t, e, s = 20, i = "#ffd700") {
+    for (let a = 0; a < s; a++) {
+      const n = Math.PI * 2 / s * a, r = 2 + Math.random() * 3;
       this.particles.push({
-        x: e,
-        y: t,
-        vx: Math.cos(n) * o,
-        vy: Math.sin(n) * o,
-        color: s,
+        x: t,
+        y: e,
+        vx: Math.cos(n) * r,
+        vy: Math.sin(n) * r,
+        color: i,
         size: Math.random() * 4 + 2,
         life: 1,
         decay: 0.02,
@@ -310,11 +484,11 @@ class f {
   /**
    * Coin shower (for collecting coins)
    */
-  coinShower(e, t, i = 10) {
-    for (let s = 0; s < i; s++)
+  coinShower(t, e, s = 10) {
+    for (let i = 0; i < s; i++)
       this.particles.push({
-        x: e + (Math.random() - 0.5) * 100,
-        y: t - Math.random() * 50,
+        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",
@@ -329,15 +503,15 @@ class f {
   /**
    * Fire particles (for streaks, combos)
    */
-  fire(e, t, i = 15) {
-    const s = ["#ff6b00", "#ff8800", "#ffaa00", "#ff4400"];
-    for (let a = 0; a < i; a++)
+  fire(t, e, s = 15) {
+    const i = ["#ff6b00", "#ff8800", "#ffaa00", "#ff4400"];
+    for (let a = 0; a < s; a++)
       this.particles.push({
-        x: e + (Math.random() - 0.5) * 20,
-        y: t,
+        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)],
+        color: i[Math.floor(Math.random() * i.length)],
         size: Math.random() * 6 + 3,
         life: 1,
         decay: 0.025,
@@ -350,12 +524,12 @@ class f {
   /**
    * Star burst (for "perfect" moments)
    */
-  starBurst(e, t, i = 8) {
-    for (let s = 0; s < i; s++) {
-      const a = Math.PI * 2 / i * s, n = 4;
+  starBurst(t, e, s = 8) {
+    for (let i = 0; i < s; i++) {
+      const a = Math.PI * 2 / s * i, n = 4;
       this.particles.push({
-        x: e,
-        y: t,
+        x: t,
+        y: e,
         vx: Math.cos(a) * n,
         vy: Math.sin(a) * n,
         rotation: a,
@@ -374,25 +548,25 @@ class f {
   }
   _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);
+    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 = 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.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(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;
+  _drawStar(t, e, s, i, a, n) {
+    let r = Math.PI / 2 * 3 + n;
+    const c = Math.PI / s;
+    this.ctx.beginPath(), this.ctx.moveTo(t, e - i);
+    for (let d = 0; d < s; d++) {
+      let l = t + Math.cos(r) * i, h = e + Math.sin(r) * i;
+      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(e, t - s), this.ctx.closePath(), this.ctx.fill();
+    this.ctx.lineTo(t, e - i), this.ctx.closePath(), this.ctx.fill();
   }
   /**
    * Clear all particles
@@ -401,227 +575,150 @@ class f {
     this.particles = [], this.ctx.clearRect(0, 0, this.canvas.width, this.canvas.height);
   }
 }
-const l = new f();
-class g {
-  constructor() {
-    this.container = null, this.xpBar = null, this.levelDisplay = null, this.streakDisplay = null, this.init();
-  }
-  /**
-   * Initialize UI overlay
-   */
-  init() {
-    this.container = document.createElement("div"), this.container.id = "game-ui-overlay", this.container.innerHTML = `
-            <div class="game-ui-top-bar">
-                <div class="level-badge" id="level-badge">
-                    <span class="level-label">LVL</span>
-                    <span class="level-number" id="level-number">1</span>
-                </div>
-                
-                <div class="xp-container">
-                    <div class="xp-bar-bg">
-                        <div class="xp-bar-fill" id="xp-bar-fill" style="width: 0%"></div>
-                    </div>
-                    <div class="xp-text" id="xp-text">0 /100 XP</div>
-                </div>
-                
-                <div class="streak-badge" id="streak-badge">
-                    <span class="streak-icon">🔥</span>
-                    <span class="streak-number" id="streak-number">1</span>
-                </div>
-            </div>
-        `, document.body.appendChild(this.container), this.xpBar = document.getElementById("xp-bar-fill"), this.xpText = document.getElementById("xp-text"), this.levelDisplay = document.getElementById("level-number"), this.streakDisplay = document.getElementById("streak-number");
-  }
-  /**
-   * 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(() => {
-      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";
-    }, 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%)");
-  }
-  /**
-   * Show achievement unlocked popup
-   */
-  showAchievement(e) {
-    const t = document.createElement("div");
-    t.className = "achievement-popup", t.innerHTML = `
-            <div class="achievement-shine"></div>
-            <div class="achievement-content">
-                <div class="achievement-icon">${e.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>
-            </div>
-        `, document.body.appendChild(t), setTimeout(() => {
-      const i = t.getBoundingClientRect();
-      l.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);
-    }, 4e3);
-  }
-  /**
-   * Show level up screen
-   */
-  showLevelUp(e, t) {
-    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-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);
-        }, s * 200);
-    }, 300), setTimeout(() => {
-      i.style.opacity = "0", setTimeout(() => i.remove(), 500);
-    }, 2500);
-  }
-  /**
-   * Show floating text (e.g., "+50 XP", "COMBO!")
-   */
-  showFloatingText(e, t, 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);
+class f {
+  constructor(t = {}) {
+    this.audioContext = null, this.storageKey = t.storageKey || "dopamineSoundsMuted", this.muted = localStorage.getItem(this.storageKey) === "true", this.assets = /* @__PURE__ */ new Map(), this.soundPack = t.soundPack || "synth", this.customSounds = t.customSounds || {}, Object.keys(this.customSounds).length > 0 && this.preloadSounds(this.customSounds);
   }
   /**
-   * Show combo multiplier
+   * Initialize Audio Context (must be called after user interaction)
    */
-  showCombo(e, t, i) {
-    this.showFloatingText(`${e}× COMBO!`, t, i, "#ff6b6b", "32px"), l.fire(t, i, 20);
+  initAudio() {
+    if (!this.audioContext) {
+      const t = window.AudioContext || window.webkitAudioContext;
+      this.audioContext = new t();
+    }
+    this.audioContext.state === "suspended" && this.audioContext.resume();
   }
   /**
-   * Show "near miss"indicator
+   * Toggle mute state
+   * @returns {boolean} New mute state
    */
-  showNearMiss(e, t) {
-    this.showFloatingText("CLOSE CALL!", e, t, "#45b7d1", "20px"), l.sparkle(e, t, 15, "#45b7d1");
+  toggleMute() {
+    return this.muted = !this.muted, localStorage.setItem(this.storageKey, this.muted), this.muted;
   }
   /**
-   * Show lucky moment (random multiplier)
+   * Register a custom sound URL
+   * @param {string} key - Unique identifier (e.g., 'jump', 'win')
+   * @param {string} url - Path to audio file
    */
-  showLuckyMoment(e, t, i) {
-    this.showFloatingText(`LUCKY ${e}×!`, t, i, "#ffd700", "36px"), l.starBurst(t, i, 12), l.confetti(t, i, 25);
+  registerSound(t, e) {
+    this.customSounds[t] = e, this.audioContext && this.loadSound(t, e);
   }
   /**
-   * Show generic notification
+   * Preload multiple sounds
+   * @param {Object} soundMap - { key: url }
    */
-  showNotification(e, t = "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");
+  async preloadSounds(t) {
+    const e = Object.entries(t).map(([s, i]) => this.loadSound(s, i));
+    await Promise.allSettled(e);
   }
   /**
-   * Show Game Over Summary
+   * Load and decode a sound file
    */
-  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";
-    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 = `
-            <h1>Game Over</h1>
-            <div style="font-size: 3rem; font-weight: bold; color: #e06020; margin: 10px 0;">${e.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);
-  }
-}
-const x = new g();
-class w {
-  constructor() {
-    this.audioContext = null, this.muted = localStorage.getItem("dopamineSoundsMuted") === "true";
+  async loadSound(t, e) {
+    try {
+      if (!this.audioContext)
+        return;
+      const i = await (await fetch(e)).arrayBuffer(), a = await this.audioContext.decodeAudioData(i);
+      this.assets.set(t, a);
+    } catch (s) {
+      console.warn(`[DopamineJS] Failed to load sound '${t}':`, s);
+    }
   }
   /**
-   * Initialize Audio Context (must be called after user interaction)
+   * Play a sound by key (custom) or fallback to synth
+   * @param {string} key - 'jump', 'score', 'success', etc.
    */
-  initAudio() {
-    this.audioContext || (this.audioContext = new (window.AudioContext || window.webkitAudioContext)());
+  async play(t) {
+    if (this.muted) return;
+    if (this.initAudio(), this.assets.has(t)) {
+      this._playBuffer(this.assets.get(t));
+      return;
+    }
+    if (this.customSounds[t] && !this.assets.has(t) && (await this.loadSound(t, this.customSounds[t]), this.assets.has(t))) {
+      this._playBuffer(this.assets.get(t));
+      return;
+    }
+    const e = {
+      jump: () => this.playJump(!0),
+      // true = force synth
+      score: () => this.playScore(!0),
+      success: () => this.playSuccess(!0),
+      click: () => this.playClick(!0),
+      error: () => this.playError(!0),
+      gameover: () => this.playGameOver(!0)
+    };
+    e[t] && e[t]();
   }
-  /**
-   * Toggle mute state
-   * @returns {boolean} New mute state
-   */
-  toggleMute() {
-    return this.muted = !this.muted, localStorage.setItem("dopamineSoundsMuted", this.muted), this.muted;
+  _playBuffer(t) {
+    const e = this.audioContext.createBufferSource();
+    e.buffer = t, e.connect(this.audioContext.destination), e.start(0);
   }
   /**
    * Play a synthesized tone
-   * @param {number} frequency 
-   * @param {number} duration 
-   * @param {string} type - 'sine', 'square', 'sawtooth', 'triangle'
-   * @param {number} volume 
    */
-  playTone(e, t, i = "sine", s = 0.3) {
+  playTone(t, e, s = "sine", i = 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 = s, n.gain.setValueAtTime(i, 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() {
+  // --- Presets (Synth) ---
+  playJump(t = !1) {
+    if (!t && this.assets.has("jump")) return this.play("jump");
     this.playTone(400, 0.1, "square", 0.2);
   }
-  playScore() {
+  playScore(t = !1) {
+    if (!t && this.assets.has("score")) return this.play("score");
     this.playTone(800, 0.15, "sine", 0.25), setTimeout(() => this.playTone(1e3, 0.15, "sine", 0.25), 50);
   }
-  playGameOver() {
+  playGameOver(t = !1) {
+    if (!t && this.assets.has("gameover")) return this.play("gameover");
     this.playTone(300, 0.2, "sawtooth", 0.3), setTimeout(() => this.playTone(200, 0.2, "sawtooth", 0.3), 100), setTimeout(() => this.playTone(150, 0.3, "sawtooth", 0.3), 200);
   }
-  playClick() {
+  playClick(t = !1) {
+    if (!t && this.assets.has("click")) return this.play("click");
     this.playTone(600, 0.05, "sine", 0.1);
   }
-  playSuccess() {
+  playSuccess(t = !1) {
+    if (!t && this.assets.has("success")) return this.play("success");
     this.playTone(600, 0.1, "sine", 0.2), setTimeout(() => this.playTone(800, 0.2, "sine", 0.2), 100);
   }
-  playError() {
+  playError(t = !1) {
+    if (!t && this.assets.has("error")) return this.play("error");
     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 u(t.data || {}), this.rewardSystem = new m(this.dataService, t.rewards || {}), this.soundManager = new f(t.sound || {}), this.particleSystem = new v(t.particles || {}), this.gameUI = new y(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: s } = this.rewardSystem.getXPForNextLevel();
+      this.gameUI.updateXP(this.rewardSystem.player.xp, s, 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
+  u as DataService,
+  y as GameUI,
+  v as ParticleSystem,
+  m as RewardSystem,
+  f as SoundManager,
+  g as default
 };