Add Confetti to win screen

Author: megasmack

CHANGELOG.md

@@ -1,5 +1,15 @@
 # SMS - SweeperForce Changelog
 
+## v1.0.4
+
+### Added
+
+- Add Confetti when winning the game (currently only working in Digital Experience sites).
+
+### Fixed
+
+ - Fixed Enable Sound FX setting not saving when turned off.
+
 ## v1.0.3
 
 ### Added

force-app/main/default/lwc/smsSweeperForce/smsSweeperForce.js

@@ -8,6 +8,7 @@
 import { LightningElement } from "lwc";
 import SmsSweeperForceModal from "c/smsSweeperForceModal";
 import SmsAssets from "@salesforce/resourceUrl/smsSweeperForce";
+import { loadScript } from "lightning/platformResourceLoader";
 
 export default class SmsSweeperForce extends LightningElement {
   // --- Private Properties ---
@@ -40,6 +41,7 @@ export default class SmsSweeperForce extends LightningElement {
   exposed = [];
   flagged = [];
   questioned = [];
+  jsConfetti;
 
   /**
    * Immutable setup data.
@@ -58,10 +60,20 @@ export default class SmsSweeperForce extends LightningElement {
   renderedCallback() {
     if (!this.isRendered) {
       this.isRendered = true;
+
+      Promise.all([loadScript(this, `${SmsAssets}/js-confetti.browser.js`)])
+        .then(() => {
+          setTimeout(()=> {
+            this.jsConfetti = new JSConfetti();
+          },1000);
+        })
+        .catch((error) => console.error(error));
+
       const jsonString = localStorage.getItem("sms-sweeper-force-settings");
       if (jsonString) {
         this.applySettings(jsonString);
       }
+
       this.setUpGame();
       this.isInit = true;
     }
@@ -481,6 +493,7 @@ export default class SmsSweeperForce extends LightningElement {
         if (this.useSfx) {
           this.sfxWin.play();
         }
+        this.jsConfetti.addConfetti();
       } else {
         this.gameOver();
       }