lighteningcards 1.0.0

package/.babelrc

@@ -0,0 +1,14 @@
+{
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "node": "12"
+        },
+        "modules": false
+      }
+    ],
+    "@babel/preset-react"
+  ]
+}

package/ASSET_SETUP.md

@@ -0,0 +1,92 @@
+# Lightning Cards - Asset Setup Guide
+
+## 🚨 Quick Fix for Asset Loading Issue
+
+The animation asset needs to be accessible to your React application. Here are **3 simple solutions**:
+
+### Solution 1: Copy Asset to Public Folder (Recommended)
+
+1. **Copy the asset file:**
+
+   ```bash
+   # From your React app directory, run:
+   cp node_modules/lighteningcards/dist/thunders_one.json public/thunders_one.json
+   ```
+
+2. **Restart your React development server:**
+
+   ```bash
+   npm start
+   # or
+   yarn start
+   ```
+
+3. **Use the component:**
+
+   ```javascript
+   import LighteningCard from "lighteningcards";
+   import "lighteningcards/dist/index.css";
+
+   <LighteningCard roundStatus="active" cards={[]} />;
+   ```
+
+### Solution 2: Use the Copy Script
+
+1. **Run the helper script from your React app directory:**
+
+   ```bash
+   node node_modules/lighteningcards/copy-assets.js
+   ```
+
+2. **Restart your development server**
+
+### Solution 3: Manual Asset Management
+
+1. **Download the asset** from `node_modules/lighteningcards/dist/thunders_one.json`
+2. **Place it in your React app's `public` folder**
+3. **Restart your development server**
+
+## 🔧 Alternative: Use Custom Asset Path
+
+If you want to place the asset elsewhere:
+
+```javascript
+<LighteningCard
+  roundStatus="active"
+  cards={[]}
+  assetPath="/path/to/your/thunders_one.json"
+/>
+```
+
+## 🛠️ Troubleshooting
+
+### Error: "Unexpected token '<', "<!doctype "... is not valid JSON"
+
+This means the server returned an HTML page instead of the JSON file. The asset is not accessible at the specified path.
+
+**Fix:** Make sure `thunders_one.json` is in your React app's `public` folder.
+
+### Error: "Failed to load animation"
+
+The component will now show a fallback animation (green rectangles) if the asset can't be loaded.
+
+## 📁 File Structure
+
+Your React app should have:
+
+```
+your-react-app/
+├── public/
+│   └── thunders_one.json  ← Copy the asset here
+├── src/
+│   └── your-components.js
+└── package.json
+```
+
+## ✅ Verification
+
+After copying the asset, you should be able to access it at:
+
+- `http://localhost:3000/thunders_one.json` (or your dev server port)
+
+If you see JSON data instead of an HTML page, you're all set!

package/copy-assets.js

@@ -0,0 +1,65 @@
+#!/usr/bin/env node
+
+const fs = require("fs");
+const path = require("path");
+
+// This script helps copy the animation asset to your React app's public folder
+console.log("🚀 Lightning Cards - Asset Copy Helper");
+console.log("=====================================");
+
+// Check if we're in a React app (look for package.json with react dependency)
+const packageJsonPath = path.join(process.cwd(), "package.json");
+const isReactApp = fs.existsSync(packageJsonPath);
+
+if (isReactApp) {
+  try {
+    const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, "utf8"));
+    const hasReact =
+      packageJson.dependencies?.react || packageJson.devDependencies?.react;
+
+    if (hasReact) {
+      console.log("✅ React app detected!");
+
+      // Create public folder if it doesn't exist
+      const publicDir = path.join(process.cwd(), "public");
+      if (!fs.existsSync(publicDir)) {
+        fs.mkdirSync(publicDir, { recursive: true });
+        console.log("📁 Created public directory");
+      }
+
+      // Copy the asset
+      const sourceAsset = path.join(__dirname, "dist", "thunders_one.json");
+      const targetAsset = path.join(publicDir, "thunders_one.json");
+
+      if (fs.existsSync(sourceAsset)) {
+        fs.copyFileSync(sourceAsset, targetAsset);
+        console.log("✅ Copied thunders_one.json to public folder");
+        console.log("📍 Asset location:", targetAsset);
+        console.log("");
+        console.log("🎉 You can now use Lightning Cards in your React app!");
+        console.log("");
+        console.log("Usage:");
+        console.log('import LighteningCard from "lighteningcards";');
+        console.log('import "lighteningcards/dist/index.css";');
+        console.log("");
+        console.log('<LighteningCard roundStatus="active" cards={[]} />');
+      } else {
+        console.log('❌ Asset not found. Please run "npm run build" first.');
+      }
+    } else {
+      console.log("❌ This doesn't appear to be a React app.");
+    }
+  } catch (error) {
+    console.log("❌ Error reading package.json:", error.message);
+  }
+} else {
+  console.log(
+    "❌ No package.json found. Please run this from your React app directory."
+  );
+}
+
+console.log("");
+console.log("📖 Manual Instructions:");
+console.log("1. Copy dist/thunders_one.json to your React app's public folder");
+console.log("2. Restart your React development server");
+console.log("3. Use the component as shown above");

package/dist/index.cjs.js

@@ -0,0 +1,302 @@
+'use strict';
+
+var React = require('react');
+var PropTypes = require('prop-types');
+var pixi_js = require('pixi.js');
+
+const useLeftThunder = () => {
+  class LeftThunder {
+    constructor(spritePath, appRef) {
+      this.spritePath = spritePath;
+      this.appRef = appRef;
+      this.initiateAnimation();
+    }
+    async initiateAnimation() {
+      pixi_js.Assets.load(this.spritePath).then(baseTexture => {
+        var _baseTexture$resource, _baseTexture$resource2;
+        // Ensure the animation is visible and sized correctly
+        const frames = [];
+        // Get the correct texture dimensions
+        const texWidth = ((_baseTexture$resource = baseTexture.resource) === null || _baseTexture$resource === void 0 ? void 0 : _baseTexture$resource.width) || baseTexture.width;
+        const texHeight = ((_baseTexture$resource2 = baseTexture.resource) === null || _baseTexture$resource2 === void 0 ? void 0 : _baseTexture$resource2.height) || baseTexture.height;
+        const columns = 3;
+        const rows = 10;
+        const frameWidth = texWidth / columns;
+        const frameHeight = texHeight / rows;
+
+        // Row-major order: for each row, for each column
+        for (let row = 0; row < rows; row++) {
+          for (let col = 0; col < columns; col++) {
+            const x = col * frameWidth;
+            const y = row * frameHeight;
+            const frameRect = new pixi_js.Rectangle(x, y, frameWidth, frameHeight);
+            frames.push(new pixi_js.Texture({
+              source: baseTexture.source,
+              // Use the correct source for the Texture constructor
+              frame: frameRect
+            }));
+          }
+        }
+
+        // Create and configure the AnimatedSprite
+        const animatedSprite = new pixi_js.AnimatedSprite(frames);
+        animatedSprite.animationSpeed = 0.25; // Faster speed for more visible animation
+        animatedSprite.loop = true;
+        animatedSprite.scale.set(0.4);
+        animatedSprite.anchor.set(0.5, 0.5);
+
+        // Center the sprite in the canvas
+        animatedSprite.x = this.appRef.current.renderer.width / 2;
+        animatedSprite.y = this.appRef.current.renderer.height / 2;
+        this.appRef.current.stage.addChild(animatedSprite);
+        animatedSprite.play();
+      });
+    }
+  }
+  return {
+    LeftThunder
+  };
+};
+
+const useRightThunder = () => {
+  class RightThunder {
+    constructor(spritePath, appRef) {
+      this.spritePath = spritePath;
+      this.appRef = appRef;
+      this.initiateAnimation();
+    }
+    async initiateAnimation() {
+      pixi_js.Assets.load(this.spritePath).then(baseTexture => {
+        var _baseTexture$resource, _baseTexture$resource2;
+        // Ensure the animation is visible and sized correctly
+        const frames = [];
+
+        // Get the correct texture dimensions
+        const texWidth = ((_baseTexture$resource = baseTexture.resource) === null || _baseTexture$resource === void 0 ? void 0 : _baseTexture$resource.width) || baseTexture.width;
+        const texHeight = ((_baseTexture$resource2 = baseTexture.resource) === null || _baseTexture$resource2 === void 0 ? void 0 : _baseTexture$resource2.height) || baseTexture.height;
+        const columns = 3;
+        const rows = 10;
+        const frameWidth = texWidth / columns;
+        const frameHeight = texHeight / rows;
+
+        // Row-major order: for each row, for each column
+        for (let row = 0; row < rows; row++) {
+          for (let col = 0; col < columns; col++) {
+            const x = col * frameWidth;
+            const y = row * frameHeight;
+            const frameRect = new pixi_js.Rectangle(x, y, frameWidth, frameHeight);
+            frames.push(new pixi_js.Texture({
+              source: baseTexture.source,
+              // Use the correct source for the Texture constructor
+              frame: frameRect
+            }));
+          }
+        }
+
+        // Create and configure the AnimatedSprite
+        const animatedSprite = new pixi_js.AnimatedSprite(frames);
+        animatedSprite.animationSpeed = 0.25; // Faster speed for more visible animation
+        animatedSprite.loop = true;
+        animatedSprite.scale.set(0.4);
+        animatedSprite.anchor.set(0.5, 0.5);
+
+        // Center the sprite in the canvas
+        animatedSprite.x = this.appRef.current.renderer.width / 2;
+        animatedSprite.y = this.appRef.current.renderer.height / 2;
+        this.appRef.current.stage.addChild(animatedSprite);
+        animatedSprite.play();
+      });
+    }
+  }
+  return {
+    RightThunder
+  };
+};
+
+const useLightening = () => {
+  class Lightening {
+    constructor(cards, spritePath, appRef) {
+      this.cards = cards;
+      this.spritePath = spritePath;
+      this.appRef = appRef;
+      this.initiateAnimation();
+    }
+    async initiateAnimation() {
+      // Create a container to hold all animatedSprites
+      const {
+        Container
+      } = await import('pixi.js');
+      const cardsContainer = new Container();
+
+      // Calculate layout: arrange cards horizontally, centered
+      const numCards = this.cards.length;
+      const spacing = 77.6 * 0.5 + 20; // space between cards, adjust as needed
+      const spriteScale = 0.3;
+      this.appRef.current.renderer.height / 2;
+
+      // We'll keep track of all sprite promises to add them after all loaded
+      const spritePromises = this.cards.map(async (card, i) => {
+        var _baseTexture$resource, _baseTexture$resource2, _card$multiplier, _card$suit;
+        const baseTexture = await pixi_js.Assets.load(this.spritePath);
+
+        // Prepare frames for animation
+        const frames = [];
+        const texWidth = ((_baseTexture$resource = baseTexture.resource) === null || _baseTexture$resource === void 0 ? void 0 : _baseTexture$resource.width) || baseTexture.width;
+        const texHeight = ((_baseTexture$resource2 = baseTexture.resource) === null || _baseTexture$resource2 === void 0 ? void 0 : _baseTexture$resource2.height) || baseTexture.height;
+        const columns = 10;
+        const rows = 3;
+        const frameWidth = texWidth / columns;
+        const frameHeight = texHeight / rows;
+        for (let row = 0; row < rows; row++) {
+          for (let col = 0; col < columns; col++) {
+            const x = col * frameWidth;
+            const y = row * frameHeight;
+            const frameRect = new pixi_js.Rectangle(x, y, frameWidth, frameHeight);
+            frames.push(new pixi_js.Texture({
+              source: baseTexture.source,
+              frame: frameRect
+            }));
+          }
+        }
+
+        // Create and configure the AnimatedSprite
+        const animatedSprite = new pixi_js.AnimatedSprite(frames);
+        animatedSprite.animationSpeed = 0.25;
+        animatedSprite.loop = true;
+        animatedSprite.scale.set(spriteScale);
+        animatedSprite.anchor.set(0.5);
+        animatedSprite.allowChildren = true;
+
+        // Position horizontally, centered
+        const totalWidth = (numCards - 1) * spacing;
+        animatedSprite.x = -totalWidth / 2 + i * spacing;
+        animatedSprite.y = 0; // Centered in container
+
+        animatedSprite.play();
+
+        // Add multiplier text
+        const multiplier_txt = new pixi_js.Text({
+          text: `${(_card$multiplier = card.multiplier) !== null && _card$multiplier !== void 0 ? _card$multiplier : card.multplier}x`,
+          style: {
+            fontSize: 75,
+            fontWeight: "bold",
+            fill: 0xffd700,
+            align: "center"
+          }
+        });
+        multiplier_txt.anchor.set(0.5);
+        multiplier_txt.position.set(0, -50);
+        animatedSprite.addChild(multiplier_txt);
+
+        // Suit icon
+        let suit_url = "";
+        switch ((_card$suit = card.suit) === null || _card$suit === void 0 ? void 0 : _card$suit.toLowerCase()) {
+          case "hearts":
+            suit_url = "https://upload.wikimedia.org/wikipedia/commons/thumb/f/f0/SuitHearts.svg/60px-SuitHearts.svg.png";
+            break;
+          case "clubs":
+            suit_url = "https://upload.wikimedia.org/wikipedia/commons/thumb/8/8a/SuitClubs.svg/60px-SuitClubs.svg.png";
+            break;
+          case "diamonds":
+            suit_url = "https://upload.wikimedia.org/wikipedia/commons/thumb/d/db/SuitDiamonds.svg/60px-SuitDiamonds.svg.png";
+            break;
+          default:
+            suit_url = "https://upload.wikimedia.org/wikipedia/commons/thumb/5/5b/SuitSpades.svg/60px-SuitSpades.svg.png";
+            break;
+        }
+
+        // Load and add suit sprite
+        const card_suit_tex = await pixi_js.Assets.load(suit_url);
+        const card_suit_sprite = new pixi_js.Sprite(card_suit_tex);
+        card_suit_sprite.anchor.set(0.5);
+        card_suit_sprite.scale.set(1.2);
+        card_suit_sprite.position.set(0, 35);
+        animatedSprite.addChild(card_suit_sprite);
+        return animatedSprite;
+      });
+
+      // After all sprites are loaded, add them to the container and stage
+      Promise.all(spritePromises).then(sprites => {
+        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);
+      });
+    }
+  }
+  return {
+    Lightening
+  };
+};
+
+// CSS is provided separately via the style field in package.json
+
+const thunder_left = "https://babylonbetst.evo-games.com/frontend/evo/mini/images/lightnings.f9848fb7.webp";
+const thunder_right = "https://babylonbetst.evo-games.com/frontend/evo/mini/images/lightnings.aeaa062e.webp";
+const border_loop = "https://babylonbetst.evo-games.com/frontend/evo/mini/images/borderloop.c55570cc.webp";
+const LighteningCard = ({
+  roundStatus,
+  cards
+}) => {
+  const containerRef = React.useRef(null);
+  const appRef = React.useRef(null);
+  const {
+    LeftThunder
+  } = useLeftThunder();
+  const {
+    RightThunder
+  } = useRightThunder();
+  const {
+    Lightening
+  } = useLightening();
+  const initiatePixiApplication = async () => {
+    appRef.current = new pixi_js.Application();
+    await appRef.current.init({
+      resizeTo: containerRef.current,
+      backgroundAlpha: 0,
+      powerPreference: "high-performance",
+      resolution: window.devicePixelRatio || 1,
+      autoDensity: true // This ensures the canvas CSS size is correct
+    });
+    containerRef.current.appendChild(appRef.current.canvas);
+    globalThis.__PIXI_APP__ = appRef.current;
+    roundStatus === "NO_MORE_BETS" && new LeftThunder(thunder_left, appRef);
+    roundStatus === "NO_MORE_BETS" && new RightThunder(thunder_right, appRef);
+    roundStatus === "LIGHTNING" && new Lightening(cards, border_loop, appRef);
+    ["NEW_CARD", "ROUND_END", "BETTING_STARTED"].includes(roundStatus) && new Lightening(cards, border_loop, appRef);
+  };
+  React.useEffect(() => {
+    if (!containerRef.current) return;
+    initiatePixiApplication();
+    // Cleanup function
+    return () => {
+      if (appRef.current) {
+        var _appRef$current;
+        (_appRef$current = appRef.current) === null || _appRef$current === void 0 || _appRef$current.destroy(true);
+        appRef.current = null;
+      }
+    };
+  }, [roundStatus]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "lightening-card",
+    ref: containerRef
+  });
+};
+LighteningCard.propTypes = {
+  roundStatus: PropTypes.string.isRequired,
+  cards: PropTypes.arrayOf(PropTypes.shape({
+    multiplier: PropTypes.number,
+    rank: PropTypes.string,
+    suit: PropTypes.string
+  })),
+  assetPath: PropTypes.string,
+  // Path to the animation asset
+  onAnimationReady: PropTypes.func // Callback when animation is ready
+};
+LighteningCard.defaultProps = {
+  cards: []
+};
+
+module.exports = LighteningCard;
+//# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../src/hooks/useLeftThunder.js","../src/hooks/useRightThunder.js","../src/hooks/useLightening.js","../src/LighteningCard.js"],"sourcesContent":["import { AnimatedSprite, Assets, Rectangle, Texture } from \"pixi.js\";\r\n\r\nconst useLeftThunder = () => {\r\n  class LeftThunder {\r\n    constructor(spritePath, appRef) {\r\n      this.spritePath = spritePath;\r\n      this.appRef = appRef;\r\n      this.initiateAnimation();\r\n    }\r\n\r\n    async initiateAnimation() {\r\n      Assets.load(this.spritePath).then((baseTexture) => {\r\n        // Ensure the animation is visible and sized correctly\r\n        const frames = [];\r\n        // Get the correct texture dimensions\r\n        const texWidth = baseTexture.resource?.width || baseTexture.width;\r\n        const texHeight = baseTexture.resource?.height || baseTexture.height;\r\n\r\n        const columns = 3;\r\n        const rows = 10;\r\n\r\n        const frameWidth = texWidth / columns;\r\n        const frameHeight = texHeight / rows;\r\n\r\n        // Row-major order: for each row, for each column\r\n        for (let row = 0; row < rows; row++) {\r\n          for (let col = 0; col < columns; col++) {\r\n            const x = col * frameWidth;\r\n            const y = row * frameHeight;\r\n            const frameRect = new Rectangle(x, y, frameWidth, frameHeight);\r\n            frames.push(\r\n              new Texture({\r\n                source: baseTexture.source, // Use the correct source for the Texture constructor\r\n                frame: frameRect,\r\n              })\r\n            );\r\n          }\r\n        }\r\n\r\n        // Create and configure the AnimatedSprite\r\n        const animatedSprite = new AnimatedSprite(frames);\r\n        animatedSprite.animationSpeed = 0.25; // Faster speed for more visible animation\r\n        animatedSprite.loop = true;\r\n        animatedSprite.scale.set(0.4);\r\n        animatedSprite.anchor.set(0.5, 0.5);\r\n\r\n        // Center the sprite in the canvas\r\n        animatedSprite.x = this.appRef.current.renderer.width / 2;\r\n        animatedSprite.y = this.appRef.current.renderer.height / 2;\r\n\r\n        this.appRef.current.stage.addChild(animatedSprite);\r\n        animatedSprite.play();\r\n      });\r\n    }\r\n  }\r\n\r\n  return {\r\n    LeftThunder,\r\n  };\r\n};\r\n\r\nexport default useLeftThunder;\r\n","import { AnimatedSprite, Assets, Rectangle, Texture } from \"pixi.js\";\r\n\r\nconst useRightThunder = () => {\r\n  class RightThunder {\r\n    constructor(spritePath, appRef) {\r\n      this.spritePath = spritePath;\r\n      this.appRef = appRef;\r\n      this.initiateAnimation();\r\n    }\r\n\r\n    async initiateAnimation() {\r\n      Assets.load(this.spritePath).then((baseTexture) => {\r\n        // Ensure the animation is visible and sized correctly\r\n        const frames = [];\r\n\r\n        // Get the correct texture dimensions\r\n        const texWidth = baseTexture.resource?.width || baseTexture.width;\r\n        const texHeight = baseTexture.resource?.height || baseTexture.height;\r\n\r\n        const columns = 3;\r\n        const rows = 10;\r\n\r\n        const frameWidth = texWidth / columns;\r\n        const frameHeight = texHeight / rows;\r\n\r\n        // Row-major order: for each row, for each column\r\n        for (let row = 0; row < rows; row++) {\r\n          for (let col = 0; col < columns; col++) {\r\n            const x = col * frameWidth;\r\n            const y = row * frameHeight;\r\n            const frameRect = new Rectangle(x, y, frameWidth, frameHeight);\r\n            frames.push(\r\n              new Texture({\r\n                source: baseTexture.source, // Use the correct source for the Texture constructor\r\n                frame: frameRect,\r\n              })\r\n            );\r\n          }\r\n        }\r\n\r\n        // Create and configure the AnimatedSprite\r\n        const animatedSprite = new AnimatedSprite(frames);\r\n        animatedSprite.animationSpeed = 0.25; // Faster speed for more visible animation\r\n        animatedSprite.loop = true;\r\n        animatedSprite.scale.set(0.4);\r\n        animatedSprite.anchor.set(0.5, 0.5);\r\n\r\n        // Center the sprite in the canvas\r\n        animatedSprite.x = this.appRef.current.renderer.width / 2;\r\n        animatedSprite.y = this.appRef.current.renderer.height / 2;\r\n\r\n        this.appRef.current.stage.addChild(animatedSprite);\r\n        animatedSprite.play();\r\n      });\r\n    }\r\n  }\r\n  return { RightThunder };\r\n};\r\n\r\nexport default useRightThunder;\r\n","import {\r\n  AnimatedSprite,\r\n  Assets,\r\n  Rectangle,\r\n  Text,\r\n  Texture,\r\n  Sprite,\r\n  Graphics,\r\n} from \"pixi.js\";\r\nimport { useEffect, useRef } from \"react\";\r\n\r\nconst useLightening = () => {\r\n  class Lightening {\r\n    constructor(cards, spritePath, appRef) {\r\n      this.cards = cards;\r\n      this.spritePath = spritePath;\r\n      this.appRef = appRef;\r\n      this.initiateAnimation();\r\n    }\r\n\r\n    async initiateAnimation() {\r\n      // Create a container to hold all animatedSprites\r\n      const { Container } = await import(\"pixi.js\");\r\n      const cardsContainer = new Container();\r\n\r\n      // Calculate layout: arrange cards horizontally, centered\r\n      const numCards = this.cards.length;\r\n      const spacing = 77.6 * 0.5 + 20; // space between cards, adjust as needed\r\n      const spriteScale = 0.3;\r\n      const baseY = this.appRef.current.renderer.height / 2;\r\n\r\n      // We'll keep track of all sprite promises to add them after all loaded\r\n      const spritePromises = this.cards.map(async (card, i) => {\r\n        const baseTexture = await Assets.load(this.spritePath);\r\n\r\n        // Prepare frames for animation\r\n        const frames = [];\r\n        const texWidth = baseTexture.resource?.width || baseTexture.width;\r\n        const texHeight = baseTexture.resource?.height || baseTexture.height;\r\n        const columns = 10;\r\n        const rows = 3;\r\n        const frameWidth = texWidth / columns;\r\n        const frameHeight = texHeight / rows;\r\n\r\n        for (let row = 0; row < rows; row++) {\r\n          for (let col = 0; col < columns; col++) {\r\n            const x = col * frameWidth;\r\n            const y = row * frameHeight;\r\n            const frameRect = new Rectangle(x, y, frameWidth, frameHeight);\r\n            frames.push(\r\n              new Texture({\r\n                source: baseTexture.source,\r\n                frame: frameRect,\r\n              })\r\n            );\r\n          }\r\n        }\r\n\r\n        // Create and configure the AnimatedSprite\r\n        const animatedSprite = new AnimatedSprite(frames);\r\n        animatedSprite.animationSpeed = 0.25;\r\n        animatedSprite.loop = true;\r\n        animatedSprite.scale.set(spriteScale);\r\n        animatedSprite.anchor.set(0.5);\r\n        animatedSprite.allowChildren = true;\r\n\r\n        // Position horizontally, centered\r\n        const totalWidth = (numCards - 1) * spacing;\r\n        animatedSprite.x = -totalWidth / 2 + i * spacing;\r\n        animatedSprite.y = 0; // Centered in container\r\n\r\n        animatedSprite.play();\r\n\r\n        // Add multiplier text\r\n        const multiplier_txt = new Text({\r\n          text: `${card.multiplier ?? card.multplier}x`,\r\n          style: {\r\n            fontSize: 75,\r\n            fontWeight: \"bold\",\r\n            fill: 0xffd700,\r\n            align: \"center\",\r\n          },\r\n        });\r\n        multiplier_txt.anchor.set(0.5);\r\n        multiplier_txt.position.set(0, -50);\r\n        animatedSprite.addChild(multiplier_txt);\r\n\r\n        // Suit icon\r\n        let suit_url = \"\";\r\n        switch (card.suit?.toLowerCase()) {\r\n          case \"hearts\":\r\n            suit_url =\r\n              \"https://upload.wikimedia.org/wikipedia/commons/thumb/f/f0/SuitHearts.svg/60px-SuitHearts.svg.png\";\r\n            break;\r\n          case \"clubs\":\r\n            suit_url =\r\n              \"https://upload.wikimedia.org/wikipedia/commons/thumb/8/8a/SuitClubs.svg/60px-SuitClubs.svg.png\";\r\n            break;\r\n          case \"diamonds\":\r\n            suit_url =\r\n              \"https://upload.wikimedia.org/wikipedia/commons/thumb/d/db/SuitDiamonds.svg/60px-SuitDiamonds.svg.png\";\r\n            break;\r\n          default:\r\n            suit_url =\r\n              \"https://upload.wikimedia.org/wikipedia/commons/thumb/5/5b/SuitSpades.svg/60px-SuitSpades.svg.png\";\r\n            break;\r\n        }\r\n\r\n        // Load and add suit sprite\r\n        const card_suit_tex = await Assets.load(suit_url);\r\n        const card_suit_sprite = new Sprite(card_suit_tex);\r\n        card_suit_sprite.anchor.set(0.5);\r\n        card_suit_sprite.scale.set(1.2);\r\n        card_suit_sprite.position.set(0, 35);\r\n        animatedSprite.addChild(card_suit_sprite);\r\n\r\n        return animatedSprite;\r\n      });\r\n\r\n      // After all sprites are loaded, add them to the container and stage\r\n      Promise.all(spritePromises).then((sprites) => {\r\n        sprites.forEach((sprite) => cardsContainer.addChild(sprite));\r\n        // Center the container in the canvas\r\n        cardsContainer.x = this.appRef.current.renderer.width / 2;\r\n        cardsContainer.y = this.appRef.current.renderer.height / 2;\r\n        this.appRef.current.stage.addChild(cardsContainer);\r\n      });\r\n    }\r\n  }\r\n\r\n  return {\r\n    Lightening,\r\n  };\r\n};\r\n\r\nexport default useLightening;\r\n","import React, { useEffect, useRef } from \"react\";\r\nimport PropTypes from \"prop-types\";\r\nimport { Application } from \"pixi.js\";\r\nimport useLeftThunder from \"./hooks/useLeftThunder\";\r\nimport useRightThunder from \"./hooks/useRightThunder\";\r\nimport useLightening from \"./hooks/useLightening\";\r\nimport \"./LighteningCard.css\";\r\n\r\n// CSS is provided separately via the style field in package.json\r\n\r\nconst thunder_left =\r\n  \"https://babylonbetst.evo-games.com/frontend/evo/mini/images/lightnings.f9848fb7.webp\";\r\nconst thunder_middle =\r\n  \"https://babylonbetst.evo-games.com/frontend/evo/mini/images/lightnings.88df6be3.webp\";\r\nconst thunder_right =\r\n  \"https://babylonbetst.evo-games.com/frontend/evo/mini/images/lightnings.aeaa062e.webp\";\r\n\r\nconst border_start =\r\n  \"https://babylonbetst.evo-games.com/frontend/evo/mini/images/borderstar.65180209.webp\";\r\nconst border_loop =\r\n  \"https://babylonbetst.evo-games.com/frontend/evo/mini/images/borderloop.c55570cc.webp\";\r\n\r\nconst LighteningCard = ({ roundStatus, cards }) => {\r\n  const containerRef = useRef(null);\r\n  const appRef = useRef(null);\r\n  const { LeftThunder } = useLeftThunder();\r\n  const { RightThunder } = useRightThunder();\r\n  const { Lightening } = useLightening();\r\n\r\n  const initiatePixiApplication = async () => {\r\n    appRef.current = new Application();\r\n    await appRef.current.init({\r\n      resizeTo: containerRef.current,\r\n      backgroundAlpha: 0,\r\n      powerPreference: \"high-performance\",\r\n      resolution: window.devicePixelRatio || 1,\r\n      autoDensity: true, // This ensures the canvas CSS size is correct\r\n    });\r\n    containerRef.current.appendChild(appRef.current.canvas);\r\n    globalThis.__PIXI_APP__ = appRef.current;\r\n\r\n    roundStatus === \"NO_MORE_BETS\" && new LeftThunder(thunder_left, appRef);\r\n    roundStatus === \"NO_MORE_BETS\" && new RightThunder(thunder_right, appRef);\r\n    roundStatus === \"LIGHTNING\" && new Lightening(cards, border_loop, appRef);\r\n    [\"NEW_CARD\", \"ROUND_END\", \"BETTING_STARTED\"].includes(roundStatus) &&\r\n      new Lightening(cards, border_loop, appRef);\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!containerRef.current) return;\r\n    initiatePixiApplication();\r\n    // Cleanup function\r\n    return () => {\r\n      if (appRef.current) {\r\n        appRef.current?.destroy(true);\r\n        appRef.current = null;\r\n      }\r\n    };\r\n  }, [roundStatus]);\r\n\r\n  return <div className=\"lightening-card\" ref={containerRef}></div>;\r\n};\r\n\r\nLighteningCard.propTypes = {\r\n  roundStatus: PropTypes.string.isRequired,\r\n  cards: PropTypes.arrayOf(\r\n    PropTypes.shape({\r\n      multiplier: PropTypes.number,\r\n      rank: PropTypes.string,\r\n      suit: PropTypes.string,\r\n    })\r\n  ),\r\n  assetPath: PropTypes.string, // Path to the animation asset\r\n  onAnimationReady: PropTypes.func, // Callback when animation is ready\r\n};\r\n\r\nLighteningCard.defaultProps = {\r\n  cards: [],\r\n};\r\n\r\nexport default LighteningCard;\r\n"],"names":["useLeftThunder","LeftThunder","constructor","spritePath","appRef","initiateAnimation","Assets","load","then","baseTexture","_baseTexture$resource","_baseTexture$resource2","frames","texWidth","resource","width","texHeight","height","columns","rows","frameWidth","frameHeight","row","col","x","y","frameRect","Rectangle","push","Texture","source","frame","animatedSprite","AnimatedSprite","animationSpeed","loop","scale","set","anchor","current","renderer","stage","addChild","play","useRightThunder","RightThunder","useLightening","Lightening","cards","Container","cardsContainer","numCards","length","spacing","spriteScale","spritePromises","map","card","i","_card$multiplier","_card$suit","allowChildren","totalWidth","multiplier_txt","Text","text","multiplier","multplier","style","fontSize","fontWeight","fill","align","position","suit_url","suit","toLowerCase","card_suit_tex","card_suit_sprite","Sprite","Promise","all","sprites","forEach","sprite","thunder_left","thunder_right","border_loop","LighteningCard","roundStatus","containerRef","useRef","initiatePixiApplication","Application","init","resizeTo","backgroundAlpha","powerPreference","resolution","window","devicePixelRatio","autoDensity","appendChild","canvas","globalThis","__PIXI_APP__","includes","useEffect","_appRef$current","destroy","React","createElement","className","ref","propTypes","PropTypes","string","isRequired","arrayOf","shape","number","rank","assetPath","onAnimationReady","func","defaultProps"],"mappings":"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"}

package/dist/index.css

@@ -0,0 +1,2 @@
+.lightening-card{aspect-ratio:16/9;left:0;margin-top:2rem;min-width:15vw;position:absolute;top:3rem;transform:translate(0);z-index:100000}@media (max-width:768px){.lightening-card{aspect-ratio:16/9;min-width:45vw;z-index:100000}}
+/*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["LighteningCard.css"],"names":[],"mappings":"AAAA,iBAEE,iBAAoB,CAMpB,MAAQ,CAJR,eAAgB,CAHhB,cAAe,CAKf,iBAAkB,CAClB,QAAS,CAET,sBAA4B,CAN5B,cAOF,CAEA,yBACE,iBAEE,iBAAoB,CADpB,cAAe,CAEf,cACF,CACF","file":"index.css","sourcesContent":[".lightening-card {\r\n  min-width: 15vw;\r\n  aspect-ratio: 16 / 9;\r\n  z-index: 100000;\r\n  margin-top: 2rem;\r\n\r\n  position: absolute;\r\n  top: 3rem;\r\n  left: 0%;\r\n  transform: translate(0%, 0%);\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .lightening-card {\r\n    min-width: 45vw;\r\n    aspect-ratio: 16 / 9;\r\n    z-index: 100000;\r\n  }\r\n}\r\n"]}