lighteningcards 2.0.7 → 2.0.9

package/dist/index.cjs.js

@@ -43437,7 +43437,11 @@ const useLightening = () => {
             fontSize: 75,
             fontWeight: "bold",
             fill: 0xffd700,
-            align: "center"
+            align: "center",
+            stroke: {
+              color: 0x000000,
+              width: 5
+            }
           }
         });
         multiplier_txt.anchor.set(0.5);
@@ -43472,9 +43476,16 @@ const useLightening = () => {
       });
 
       // After all sprites are loaded, add them to the container and stage
-      Promise.all(spritePromises).then(sprites => {
+      Promise.all(spritePromises).then(async sprites => {
+        const bg_tex = await Assets.load("/card_bg.svg");
+        const bg_sprite = new Sprite(bg_tex);
+        bg_sprite.scale.set(window.innerWidth < 768 ? 0.46 : 0.75);
+        bg_sprite.anchor.set(0.5);
+        bg_sprite.x = 0;
+        bg_sprite.y = 0;
+        cardsContainer.addChild(bg_sprite);
+        cardsContainer.label = "card_container";
         sprites.forEach(sprite => cardsContainer.addChild(sprite));
-        // Center the container in the canvas
         cardsContainer.x = this.appRef.current.renderer.width / 2;
         cardsContainer.y = this.appRef.current.renderer.height / 2;
         this.appRef.current.stage.addChild(cardsContainer);
@@ -43587,9 +43598,7 @@ const LighteningCard = ({
     ["NO_MORE_BETS", "LIGHTNING", "NEW_CARD", "ROUND_END", "BETTING_STARTED"].includes(roundStatus) && new LeftThunder(thunder_left, appRef);
     ["NO_MORE_BETS", "LIGHTNING", "NEW_CARD", "ROUND_END", "BETTING_STARTED"].includes(roundStatus) && new RightThunder(thunder_right, appRef);
     ["NO_MORE_BETS", "LIGHTNING", "NEW_CARD", "ROUND_END", "BETTING_STARTED"].includes(roundStatus) && new MiddleThunder(thunder_middle, appRef);
-    // roundStatus === "LIGHTNING" &&
-    //   new LighteningStart(cards, border_start, appRef);
-    ["NEW_CARD", "ROUND_END", "BETTING_STARTED"].includes(roundStatus) && new Lightening(cards, border_loop, appRef);
+    ["LIGHTNING", "NEW_CARD", "ROUND_END", "BETTING_STARTED"].includes(roundStatus) && new Lightening(cards, border_loop, appRef);
   };
   React.useEffect(() => {
     if (!containerRef.current) return;