react-grid-lights 1.0.0 → 1.0.2

package/dist/index.d.mts

@@ -27,7 +27,11 @@ interface GridProps {
     splitChance?: number;
     /** Speed at which trails fade (lower = slower fade) */
     trailFadeSpeed?: number;
+    /** Enable spawning particles from the bottom as well as the top */
+    bidirectional?: boolean;
+    /** Length of the light trail (number of history points) */
+    trailLength?: number;
 }
-declare function Grid({ shape, cellSize, lineColor, lineWidth, className, animated, lightColor, lightSpeed, minTravel, maxTravel, spawnRate, splitChance, trailFadeSpeed, }: GridProps): react_jsx_runtime.JSX.Element;
+declare function Grid({ shape, cellSize, lineColor, lineWidth, className, animated, lightColor, lightSpeed, minTravel, maxTravel, spawnRate, splitChance, trailFadeSpeed, bidirectional, trailLength, }: GridProps): react_jsx_runtime.JSX.Element;
 
 export { Grid, type GridProps, Grid as default };

package/dist/index.d.ts

@@ -27,7 +27,11 @@ interface GridProps {
     splitChance?: number;
     /** Speed at which trails fade (lower = slower fade) */
     trailFadeSpeed?: number;
+    /** Enable spawning particles from the bottom as well as the top */
+    bidirectional?: boolean;
+    /** Length of the light trail (number of history points) */
+    trailLength?: number;
 }
-declare function Grid({ shape, cellSize, lineColor, lineWidth, className, animated, lightColor, lightSpeed, minTravel, maxTravel, spawnRate, splitChance, trailFadeSpeed, }: GridProps): react_jsx_runtime.JSX.Element;
+declare function Grid({ shape, cellSize, lineColor, lineWidth, className, animated, lightColor, lightSpeed, minTravel, maxTravel, spawnRate, splitChance, trailFadeSpeed, bidirectional, trailLength, }: GridProps): react_jsx_runtime.JSX.Element;
 
 export { Grid, type GridProps, Grid as default };

package/dist/index.js

@@ -42,7 +42,9 @@ function Grid({
   maxTravel = 6,
   spawnRate = 1e3,
   splitChance = 0.3,
-  trailFadeSpeed = 0.01
+  trailFadeSpeed = 0.01,
+  bidirectional = false,
+  trailLength = 15
 }) {
   const canvasRef = (0, import_react.useRef)(null);
   const containerRef = (0, import_react.useRef)(null);
@@ -50,6 +52,7 @@ function Grid({
   const edgesRef = (0, import_react.useRef)([]);
   const adjacencyRef = (0, import_react.useRef)(/* @__PURE__ */ new Map());
   const topNodesRef = (0, import_react.useRef)([]);
+  const bottomNodesRef = (0, import_react.useRef)([]);
   const animationRef = (0, import_react.useRef)(0);
   const particlesRef = (0, import_react.useRef)([]);
   const trailsRef = (0, import_react.useRef)([]);
@@ -59,6 +62,7 @@ function Grid({
   const activeEdgesRef = (0, import_react.useRef)(/* @__PURE__ */ new Set());
   const explosionsRef = (0, import_react.useRef)([]);
   const nodeGlowsRef = (0, import_react.useRef)([]);
+  const spawnFromTopRef = (0, import_react.useRef)(true);
   const nodeKey = (x, y) => `${Math.round(x * 100)},${Math.round(y * 100)}`;
   const edgeKey = (n1, n2) => {
     const keys = [n1.key, n2.key].sort();
@@ -71,79 +75,98 @@ function Grid({
     }
     return nodesRef.current.get(key);
   }, []);
-  const addEdge = (0, import_react.useCallback)((x1, y1, x2, y2) => {
-    const from = getOrCreateNode(x1, y1);
-    const to = getOrCreateNode(x2, y2);
-    const key = edgeKey(from, to);
-    const existingEdge = edgesRef.current.find((e) => e.key === key);
-    if (existingEdge) return;
-    const edge = { from, to, key };
-    edgesRef.current.push(edge);
-    if (!adjacencyRef.current.has(from.key)) {
-      adjacencyRef.current.set(from.key, []);
-    }
-    if (!adjacencyRef.current.has(to.key)) {
-      adjacencyRef.current.set(to.key, []);
-    }
-    adjacencyRef.current.get(from.key).push(edge);
-    adjacencyRef.current.get(to.key).push(edge);
-  }, [getOrCreateNode]);
-  const buildSquareGraph = (0, import_react.useCallback)((width, height) => {
-    nodesRef.current.clear();
-    edgesRef.current = [];
-    adjacencyRef.current.clear();
-    topNodesRef.current = [];
-    const cols = Math.ceil(width / cellSize) + 1;
-    const rows = Math.ceil(height / cellSize) + 1;
-    for (let i = 0; i <= cols; i++) {
-      for (let j = 0; j <= rows; j++) {
-        const x = i * cellSize;
-        const y = j * cellSize;
-        if (i < cols) addEdge(x, y, x + cellSize, y);
-        if (j < rows) addEdge(x, y, x, y + cellSize);
+  const addEdge = (0, import_react.useCallback)(
+    (x1, y1, x2, y2) => {
+      const from = getOrCreateNode(x1, y1);
+      const to = getOrCreateNode(x2, y2);
+      const key = edgeKey(from, to);
+      const existingEdge = edgesRef.current.find((e) => e.key === key);
+      if (existingEdge) return;
+      const edge = { from, to, key };
+      edgesRef.current.push(edge);
+      if (!adjacencyRef.current.has(from.key)) {
+        adjacencyRef.current.set(from.key, []);
       }
-    }
-    for (let i = 0; i <= cols; i++) {
-      const node = nodesRef.current.get(nodeKey(i * cellSize, 0));
-      if (node) topNodesRef.current.push(node);
-    }
-  }, [cellSize, addEdge]);
-  const buildHexGraph = (0, import_react.useCallback)((width, height) => {
-    nodesRef.current.clear();
-    edgesRef.current = [];
-    adjacencyRef.current.clear();
-    topNodesRef.current = [];
-    const size = cellSize / 2;
-    const hexWidth = Math.sqrt(3) * size;
-    const vertSpacing = size * 1.5;
-    const cols = Math.ceil(width / hexWidth) + 2;
-    const rows = Math.ceil(height / vertSpacing) + 2;
-    for (let row = -1; row < rows; row++) {
-      for (let col = -1; col < cols; col++) {
-        const cx = col * hexWidth + (row % 2 === 0 ? 0 : hexWidth / 2);
-        const cy = row * vertSpacing;
-        const vertices = [];
-        for (let i = 0; i < 6; i++) {
-          const angle = Math.PI / 3 * i - Math.PI / 2;
-          vertices.push({
-            x: cx + size * Math.cos(angle),
-            y: cy + size * Math.sin(angle)
-          });
+      if (!adjacencyRef.current.has(to.key)) {
+        adjacencyRef.current.set(to.key, []);
+      }
+      adjacencyRef.current.get(from.key).push(edge);
+      adjacencyRef.current.get(to.key).push(edge);
+    },
+    [getOrCreateNode]
+  );
+  const buildSquareGraph = (0, import_react.useCallback)(
+    (width, height) => {
+      nodesRef.current.clear();
+      edgesRef.current = [];
+      adjacencyRef.current.clear();
+      topNodesRef.current = [];
+      bottomNodesRef.current = [];
+      const cols = Math.ceil(width / cellSize) + 1;
+      const rows = Math.ceil(height / cellSize) + 1;
+      for (let i = 0; i <= cols; i++) {
+        for (let j = 0; j <= rows; j++) {
+          const x = i * cellSize;
+          const y = j * cellSize;
+          if (i < cols) addEdge(x, y, x + cellSize, y);
+          if (j < rows) addEdge(x, y, x, y + cellSize);
         }
-        for (let i = 0; i < 6; i++) {
-          const v1 = vertices[i];
-          const v2 = vertices[(i + 1) % 6];
-          addEdge(v1.x, v1.y, v2.x, v2.y);
+      }
+      const maxY = rows * cellSize;
+      for (let i = 0; i <= cols; i++) {
+        const topNode = nodesRef.current.get(nodeKey(i * cellSize, 0));
+        if (topNode) topNodesRef.current.push(topNode);
+        const bottomNode = nodesRef.current.get(nodeKey(i * cellSize, maxY));
+        if (bottomNode) bottomNodesRef.current.push(bottomNode);
+      }
+    },
+    [cellSize, addEdge]
+  );
+  const buildHexGraph = (0, import_react.useCallback)(
+    (width, height) => {
+      nodesRef.current.clear();
+      edgesRef.current = [];
+      adjacencyRef.current.clear();
+      topNodesRef.current = [];
+      bottomNodesRef.current = [];
+      const size = cellSize / 2;
+      const hexWidth = Math.sqrt(3) * size;
+      const vertSpacing = size * 1.5;
+      const cols = Math.ceil(width / hexWidth) + 2;
+      const rows = Math.ceil(height / vertSpacing) + 2;
+      for (let row = -1; row < rows; row++) {
+        for (let col = -1; col < cols; col++) {
+          const cx = col * hexWidth + (row % 2 === 0 ? 0 : hexWidth / 2);
+          const cy = row * vertSpacing;
+          const vertices = [];
+          for (let i = 0; i < 6; i++) {
+            const angle = Math.PI / 3 * i - Math.PI / 2;
+            vertices.push({
+              x: cx + size * Math.cos(angle),
+              y: cy + size * Math.sin(angle)
+            });
+          }
+          for (let i = 0; i < 6; i++) {
+            const v1 = vertices[i];
+            const v2 = vertices[(i + 1) % 6];
+            addEdge(v1.x, v1.y, v2.x, v2.y);
+          }
         }
       }
-    }
-    const sortedNodes = Array.from(nodesRef.current.values()).filter((n) => n.y >= 0 && n.y <= size).sort((a, b) => a.x - b.x);
-    topNodesRef.current = sortedNodes;
-  }, [cellSize, addEdge]);
-  const getConnectedNodes = (0, import_react.useCallback)((node, excludeNode) => {
-    const edges = adjacencyRef.current.get(node.key) || [];
-    return edges.map((e) => e.from.key === node.key ? e.to : e.from).filter((n) => !excludeNode || n.key !== excludeNode.key);
-  }, []);
+      const allNodes = Array.from(nodesRef.current.values());
+      const visibleNodes = allNodes.filter((n) => n.y >= 0 && n.y <= height);
+      topNodesRef.current = visibleNodes.filter((n) => n.y <= size * 2).sort((a, b) => a.x - b.x);
+      bottomNodesRef.current = visibleNodes.filter((n) => n.y >= height - size * 2).sort((a, b) => a.x - b.x);
+    },
+    [cellSize, addEdge]
+  );
+  const getConnectedNodes = (0, import_react.useCallback)(
+    (node, excludeNode) => {
+      const edges = adjacencyRef.current.get(node.key) || [];
+      return edges.map((e) => e.from.key === node.key ? e.to : e.from).filter((n) => !excludeNode || n.key !== excludeNode.key);
+    },
+    []
+  );
   (0, import_react.useEffect)(() => {
     const canvas = canvasRef.current;
     const container = containerRef.current;
@@ -186,11 +209,44 @@ function Grid({
     const drawParticles = (ctx) => {
       for (const particle of particlesRef.current) {
         if (particle.dead) continue;
-        const x = particle.currentNode.x + (particle.targetNode.x - particle.currentNode.x) * particle.progress;
-        const y = particle.currentNode.y + (particle.targetNode.y - particle.currentNode.y) * particle.progress;
+        const history = particle.history;
+        if (history.length === 0) continue;
+        const head = history[history.length - 1];
+        if (history.length >= 2) {
+          ctx.lineCap = "round";
+          ctx.lineJoin = "round";
+          const r = parseInt(lightColor.slice(1, 3), 16);
+          const g = parseInt(lightColor.slice(3, 5), 16);
+          const b = parseInt(lightColor.slice(5, 7), 16);
+          const lighterR = Math.floor(r + (255 - r) * 0.6);
+          const lighterG = Math.floor(g + (255 - g) * 0.6);
+          const lighterB = Math.floor(b + (255 - b) * 0.6);
+          ctx.strokeStyle = `rgb(${lighterR}, ${lighterG}, ${lighterB})`;
+          const maxWidth = 4;
+          const minWidth = 0.5;
+          for (let i = 1; i < history.length; i++) {
+            const progress = i / (history.length - 1);
+            ctx.lineWidth = minWidth + (maxWidth - minWidth) * progress;
+            ctx.beginPath();
+            ctx.moveTo(history[i - 1].x, history[i - 1].y);
+            ctx.lineTo(history[i].x, history[i].y);
+            ctx.stroke();
+          }
+        }
         ctx.fillStyle = lightColor;
         ctx.beginPath();
-        ctx.arc(x, y, 3, 0, Math.PI * 2);
+        let angle = 0;
+        if (history.length >= 2) {
+          const prev = history[history.length - 2];
+          angle = Math.atan2(head.y - prev.y, head.x - prev.x);
+        }
+        ctx.save();
+        ctx.translate(head.x, head.y);
+        ctx.rotate(angle);
+        ctx.moveTo(-3, 0);
+        ctx.quadraticCurveTo(1, -2.5, 2, 0);
+        ctx.quadraticCurveTo(1, 2.5, -3, 0);
+        ctx.restore();
         ctx.fill();
       }
     };
@@ -210,7 +266,9 @@ function Grid({
         explosion.radius += 0.5;
         explosion.opacity -= 0.08;
       }
-      explosionsRef.current = explosionsRef.current.filter((e) => e.opacity > 0);
+      explosionsRef.current = explosionsRef.current.filter(
+        (e) => e.opacity > 0
+      );
     };
     const createExplosion = (x, y) => {
       explosionsRef.current.push({
@@ -251,17 +309,21 @@ function Grid({
       const keys = [n1.key, n2.key].sort();
       return `${keys[0]}-${keys[1]}`;
     };
-    const spawnParticle = () => {
-      if (topNodesRef.current.length === 0) return;
-      const startNode = topNodesRef.current[Math.floor(Math.random() * topNodesRef.current.length)];
+    const trySpawn = (fromTop) => {
+      const sourceNodes = fromTop ? topNodesRef.current : bottomNodesRef.current;
+      const direction = fromTop ? 1 : -1;
+      if (sourceNodes.length === 0) return false;
+      const startNode = sourceNodes[Math.floor(Math.random() * sourceNodes.length)];
       const connectedNodes = getConnectedNodes(startNode);
-      const downwardNodes = connectedNodes.filter((n) => n.y > startNode.y);
-      const targetNodes = downwardNodes.length > 0 ? downwardNodes : connectedNodes;
+      const preferredNodes = connectedNodes.filter(
+        (n) => fromTop ? n.y > startNode.y : n.y < startNode.y
+      );
+      const targetNodes = preferredNodes.length > 0 ? preferredNodes : connectedNodes;
       const availableNodes = targetNodes.filter((n) => {
         const key = makeEdgeKey(startNode, n);
         return !activeEdgesRef.current.has(key);
       });
-      if (availableNodes.length === 0) return;
+      if (availableNodes.length === 0) return false;
       const targetNode = availableNodes[Math.floor(Math.random() * availableNodes.length)];
       const edgeKeyStr = makeEdgeKey(startNode, targetNode);
       activeEdgesRef.current.add(edgeKeyStr);
@@ -273,7 +335,9 @@ function Grid({
         traveled: 0,
         maxTravel: getRandomTravel(),
         canSplit: true,
-        dead: false
+        dead: false,
+        direction,
+        history: [{ x: startNode.x, y: startNode.y }]
       });
       trailsRef.current.push({
         fromX: startNode.x,
@@ -284,17 +348,39 @@ function Grid({
         opacity: 1,
         edgeKey: edgeKeyStr
       });
+      return true;
+    };
+    const spawnParticle = () => {
+      if (bidirectional) {
+        const fromTop = spawnFromTopRef.current;
+        spawnFromTopRef.current = !spawnFromTopRef.current;
+        if (!trySpawn(fromTop)) {
+          trySpawn(!fromTop);
+        }
+      } else {
+        trySpawn(true);
+      }
     };
     const updateParticles = () => {
       const newParticles = [];
+      const maxHistoryLength = trailLength;
       for (const particle of particlesRef.current) {
         if (particle.dead) continue;
         particle.progress += lightSpeed * 0.02;
+        const currentX = particle.currentNode.x + (particle.targetNode.x - particle.currentNode.x) * particle.progress;
+        const currentY = particle.currentNode.y + (particle.targetNode.y - particle.currentNode.y) * particle.progress;
+        particle.history.push({ x: currentX, y: currentY });
+        if (particle.history.length > maxHistoryLength) {
+          particle.history.shift();
+        }
         const trailIndex = trailsRef.current.findIndex(
           (t) => t.fromX === particle.currentNode.x && t.fromY === particle.currentNode.y && t.toX === particle.targetNode.x && t.toY === particle.targetNode.y && t.progress < 1
         );
         if (trailIndex !== -1) {
-          trailsRef.current[trailIndex].progress = Math.min(particle.progress, 1);
+          trailsRef.current[trailIndex].progress = Math.min(
+            particle.progress,
+            1
+          );
         }
         if (particle.progress >= 1) {
           createNodeGlow(particle.targetNode.x, particle.targetNode.y);
@@ -307,7 +393,10 @@ function Grid({
             continue;
           }
           const currentNode = particle.targetNode;
-          const connectedNodes = getConnectedNodes(currentNode, particle.currentNode);
+          const connectedNodes = getConnectedNodes(
+            currentNode,
+            particle.currentNode
+          );
           const availableNodes = connectedNodes.filter((n) => {
             const key = makeEdgeKey(currentNode, n);
             return !activeEdgesRef.current.has(key);
@@ -319,7 +408,9 @@ function Grid({
           }
           const shouldSplit = particle.canSplit && Math.random() < splitChance && availableNodes.length >= 2;
           if (shouldSplit) {
-            const shuffled = [...availableNodes].sort(() => Math.random() - 0.5);
+            const shuffled = [...availableNodes].sort(
+              () => Math.random() - 0.5
+            );
             const target1 = shuffled[0];
             const target2 = shuffled[1];
             const edgeKey1 = makeEdgeKey(currentNode, target1);
@@ -347,7 +438,9 @@ function Grid({
               traveled: particle.traveled,
               maxTravel: particle.maxTravel,
               canSplit: false,
-              dead: false
+              dead: false,
+              direction: particle.direction,
+              history: [{ x: currentNode.x, y: currentNode.y }]
             });
             trailsRef.current.push({
               fromX: currentNode.x,
@@ -445,7 +538,25 @@ function Grid({
       resizeObserver.disconnect();
       cancelAnimationFrame(animationRef.current);
     };
-  }, [shape, cellSize, lineColor, lineWidth, animated, lightColor, lightSpeed, minTravel, maxTravel, spawnRate, splitChance, trailFadeSpeed, buildSquareGraph, buildHexGraph, getConnectedNodes]);
+  }, [
+    shape,
+    cellSize,
+    lineColor,
+    lineWidth,
+    animated,
+    lightColor,
+    lightSpeed,
+    minTravel,
+    maxTravel,
+    spawnRate,
+    splitChance,
+    trailFadeSpeed,
+    bidirectional,
+    trailLength,
+    buildSquareGraph,
+    buildHexGraph,
+    getConnectedNodes
+  ]);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: containerRef, className: `relative w-full h-full ${className}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("canvas", { ref: canvasRef, className: "absolute inset-0" }) });
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/Grid.tsx"],"sourcesContent":["export { Grid, type GridProps } from \"./Grid\";\nexport { Grid as default } from \"./Grid\";\n","\"use client\";\n\nimport { useEffect, useRef, useCallback } from \"react\";\n\nexport interface GridProps {\n  /** Grid shape: 4 for squares, 6 for hexagons */\n  shape?: 4 | 6;\n  /** Size of each cell in pixels */\n  cellSize?: number;\n  /** Color of the grid lines (use \"transparent\" to hide) */\n  lineColor?: string;\n  /** Width of the grid lines */\n  lineWidth?: number;\n  /** Additional CSS classes */\n  className?: string;\n  /** Enable animated light particles */\n  animated?: boolean;\n  /** Color of the light particles and trails */\n  lightColor?: string;\n  /** Speed of the light particles (1-5 recommended) */\n  lightSpeed?: number;\n  /** Minimum travel distance before particle dies */\n  minTravel?: number;\n  /** Maximum travel distance before particle dies */\n  maxTravel?: number;\n  /** Milliseconds between particle spawns */\n  spawnRate?: number;\n  /** Probability of particle splitting (0-1) */\n  splitChance?: number;\n  /** Speed at which trails fade (lower = slower fade) */\n  trailFadeSpeed?: number;\n}\n\ninterface Node {\n  x: number;\n  y: number;\n  key: string;\n}\n\ninterface Edge {\n  from: Node;\n  to: Node;\n  key: string;\n}\n\ninterface Particle {\n  id: number;\n  currentNode: Node;\n  targetNode: Node;\n  progress: number;\n  traveled: number;\n  maxTravel: number;\n  canSplit: boolean;\n  dead: boolean;\n}\n\ninterface Trail {\n  fromX: number;\n  fromY: number;\n  toX: number;\n  toY: number;\n  progress: number;\n  opacity: number;\n  edgeKey: string;\n}\n\ninterface Explosion {\n  x: number;\n  y: number;\n  radius: number;\n  maxRadius: number;\n  opacity: number;\n}\n\ninterface NodeGlow {\n  x: number;\n  y: number;\n  opacity: number;\n}\n\nexport function Grid({\n  shape = 4,\n  cellSize = 40,\n  lineColor = \"#e5e7eb\",\n  lineWidth = 1,\n  className = \"\",\n  animated = false,\n  lightColor = \"#3b82f6\",\n  lightSpeed = 2,\n  minTravel = 2,\n  maxTravel = 6,\n  spawnRate = 1000,\n  splitChance = 0.3,\n  trailFadeSpeed = 0.01,\n}: GridProps) {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const nodesRef = useRef<Map<string, Node>>(new Map());\n  const edgesRef = useRef<Edge[]>([]);\n  const adjacencyRef = useRef<Map<string, Edge[]>>(new Map());\n  const topNodesRef = useRef<Node[]>([]);\n  const animationRef = useRef<number>(0);\n  const particlesRef = useRef<Particle[]>([]);\n  const trailsRef = useRef<Trail[]>([]);\n  const lastSpawnRef = useRef<number>(0);\n  const particleIdRef = useRef<number>(0);\n  const dimensionsRef = useRef({ width: 0, height: 0 });\n  const activeEdgesRef = useRef<Set<string>>(new Set());\n  const explosionsRef = useRef<Explosion[]>([]);\n  const nodeGlowsRef = useRef<NodeGlow[]>([]);\n\n  const nodeKey = (x: number, y: number) => `${Math.round(x * 100)},${Math.round(y * 100)}`;\n  const edgeKey = (n1: Node, n2: Node) => {\n    const keys = [n1.key, n2.key].sort();\n    return `${keys[0]}-${keys[1]}`;\n  };\n\n  const getOrCreateNode = useCallback((x: number, y: number): Node => {\n    const key = nodeKey(x, y);\n    if (!nodesRef.current.has(key)) {\n      nodesRef.current.set(key, { x, y, key });\n    }\n    return nodesRef.current.get(key)!;\n  }, []);\n\n  const addEdge = useCallback((x1: number, y1: number, x2: number, y2: number) => {\n    const from = getOrCreateNode(x1, y1);\n    const to = getOrCreateNode(x2, y2);\n    const key = edgeKey(from, to);\n\n    const existingEdge = edgesRef.current.find(e => e.key === key);\n    if (existingEdge) return;\n\n    const edge: Edge = { from, to, key };\n    edgesRef.current.push(edge);\n\n    if (!adjacencyRef.current.has(from.key)) {\n      adjacencyRef.current.set(from.key, []);\n    }\n    if (!adjacencyRef.current.has(to.key)) {\n      adjacencyRef.current.set(to.key, []);\n    }\n    adjacencyRef.current.get(from.key)!.push(edge);\n    adjacencyRef.current.get(to.key)!.push(edge);\n  }, [getOrCreateNode]);\n\n  const buildSquareGraph = useCallback((width: number, height: number) => {\n    nodesRef.current.clear();\n    edgesRef.current = [];\n    adjacencyRef.current.clear();\n    topNodesRef.current = [];\n\n    const cols = Math.ceil(width / cellSize) + 1;\n    const rows = Math.ceil(height / cellSize) + 1;\n\n    for (let i = 0; i <= cols; i++) {\n      for (let j = 0; j <= rows; j++) {\n        const x = i * cellSize;\n        const y = j * cellSize;\n        if (i < cols) addEdge(x, y, x + cellSize, y);\n        if (j < rows) addEdge(x, y, x, y + cellSize);\n      }\n    }\n\n    for (let i = 0; i <= cols; i++) {\n      const node = nodesRef.current.get(nodeKey(i * cellSize, 0));\n      if (node) topNodesRef.current.push(node);\n    }\n  }, [cellSize, addEdge]);\n\n  const buildHexGraph = useCallback((width: number, height: number) => {\n    nodesRef.current.clear();\n    edgesRef.current = [];\n    adjacencyRef.current.clear();\n    topNodesRef.current = [];\n\n    const size = cellSize / 2;\n    const hexWidth = Math.sqrt(3) * size;\n    const vertSpacing = size * 1.5;\n\n    const cols = Math.ceil(width / hexWidth) + 2;\n    const rows = Math.ceil(height / vertSpacing) + 2;\n\n    for (let row = -1; row < rows; row++) {\n      for (let col = -1; col < cols; col++) {\n        const cx = col * hexWidth + (row % 2 === 0 ? 0 : hexWidth / 2);\n        const cy = row * vertSpacing;\n\n        const vertices: { x: number; y: number }[] = [];\n        for (let i = 0; i < 6; i++) {\n          const angle = (Math.PI / 3) * i - Math.PI / 2;\n          vertices.push({\n            x: cx + size * Math.cos(angle),\n            y: cy + size * Math.sin(angle),\n          });\n        }\n\n        for (let i = 0; i < 6; i++) {\n          const v1 = vertices[i];\n          const v2 = vertices[(i + 1) % 6];\n          addEdge(v1.x, v1.y, v2.x, v2.y);\n        }\n      }\n    }\n\n    const sortedNodes = Array.from(nodesRef.current.values())\n      .filter(n => n.y >= 0 && n.y <= size)\n      .sort((a, b) => a.x - b.x);\n    topNodesRef.current = sortedNodes;\n  }, [cellSize, addEdge]);\n\n  const getConnectedNodes = useCallback((node: Node, excludeNode?: Node): Node[] => {\n    const edges = adjacencyRef.current.get(node.key) || [];\n    return edges\n      .map(e => (e.from.key === node.key ? e.to : e.from))\n      .filter(n => !excludeNode || n.key !== excludeNode.key);\n  }, []);\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    const container = containerRef.current;\n    if (!canvas || !container) return;\n\n    let dpr = 1;\n\n    const drawGrid = (ctx: CanvasRenderingContext2D, width: number, height: number) => {\n      ctx.clearRect(0, 0, width, height);\n      ctx.strokeStyle = lineColor;\n      ctx.lineWidth = lineWidth;\n      ctx.beginPath();\n\n      for (const edge of edgesRef.current) {\n        ctx.moveTo(edge.from.x, edge.from.y);\n        ctx.lineTo(edge.to.x, edge.to.y);\n      }\n\n      ctx.stroke();\n    };\n\n    const drawTrails = (ctx: CanvasRenderingContext2D) => {\n      for (const trail of trailsRef.current) {\n        if (trail.opacity <= 0) continue;\n\n        const alpha = Math.floor(trail.opacity * 0.08 * 255).toString(16).padStart(2, '0');\n\n        ctx.strokeStyle = lightColor + alpha;\n        ctx.lineWidth = 1;\n        ctx.lineCap = \"round\";\n        ctx.beginPath();\n        ctx.moveTo(trail.fromX, trail.fromY);\n\n        if (trail.progress < 1) {\n          const endX = trail.fromX + (trail.toX - trail.fromX) * trail.progress;\n          const endY = trail.fromY + (trail.toY - trail.fromY) * trail.progress;\n          ctx.lineTo(endX, endY);\n        } else {\n          ctx.lineTo(trail.toX, trail.toY);\n        }\n        ctx.stroke();\n\n        ctx.shadowColor = lightColor;\n        ctx.shadowBlur = 2;\n        ctx.stroke();\n        ctx.shadowBlur = 0;\n      }\n    };\n\n    const drawParticles = (ctx: CanvasRenderingContext2D) => {\n      for (const particle of particlesRef.current) {\n        if (particle.dead) continue;\n\n        const x = particle.currentNode.x + (particle.targetNode.x - particle.currentNode.x) * particle.progress;\n        const y = particle.currentNode.y + (particle.targetNode.y - particle.currentNode.y) * particle.progress;\n\n        ctx.fillStyle = lightColor;\n        ctx.beginPath();\n        ctx.arc(x, y, 3, 0, Math.PI * 2);\n        ctx.fill();\n      }\n    };\n\n    const drawExplosions = (ctx: CanvasRenderingContext2D) => {\n      for (const explosion of explosionsRef.current) {\n        if (explosion.opacity <= 0) continue;\n\n        const alpha = Math.floor(explosion.opacity * 255).toString(16).padStart(2, '0');\n        ctx.strokeStyle = lightColor + alpha;\n        ctx.lineWidth = 2;\n        ctx.beginPath();\n        ctx.arc(explosion.x, explosion.y, explosion.radius, 0, Math.PI * 2);\n        ctx.stroke();\n      }\n    };\n\n    const updateExplosions = () => {\n      for (const explosion of explosionsRef.current) {\n        explosion.radius += 0.5;\n        explosion.opacity -= 0.08;\n      }\n      explosionsRef.current = explosionsRef.current.filter(e => e.opacity > 0);\n    };\n\n    const createExplosion = (x: number, y: number) => {\n      explosionsRef.current.push({\n        x,\n        y,\n        radius: 2,\n        maxRadius: 8,\n        opacity: 1,\n      });\n    };\n\n    const createNodeGlow = (x: number, y: number) => {\n      nodeGlowsRef.current.push({\n        x,\n        y,\n        opacity: 1,\n      });\n    };\n\n    const drawNodeGlows = (ctx: CanvasRenderingContext2D) => {\n      for (const glow of nodeGlowsRef.current) {\n        if (glow.opacity <= 0) continue;\n\n        const alpha = Math.floor(glow.opacity * 0.4 * 255).toString(16).padStart(2, '0');\n        ctx.fillStyle = lightColor + alpha;\n        ctx.beginPath();\n        ctx.arc(glow.x, glow.y, 2, 0, Math.PI * 2);\n        ctx.fill();\n      }\n    };\n\n    const updateNodeGlows = () => {\n      for (const glow of nodeGlowsRef.current) {\n        glow.opacity -= trailFadeSpeed * 3;\n      }\n      nodeGlowsRef.current = nodeGlowsRef.current.filter(g => g.opacity > 0);\n    };\n\n    const getRandomTravel = () => {\n      return Math.floor(Math.random() * (maxTravel - minTravel + 1)) + minTravel;\n    };\n\n    const makeEdgeKey = (n1: Node, n2: Node) => {\n      const keys = [n1.key, n2.key].sort();\n      return `${keys[0]}-${keys[1]}`;\n    };\n\n    const spawnParticle = () => {\n      if (topNodesRef.current.length === 0) return;\n\n      const startNode = topNodesRef.current[Math.floor(Math.random() * topNodesRef.current.length)];\n      const connectedNodes = getConnectedNodes(startNode);\n\n      const downwardNodes = connectedNodes.filter(n => n.y > startNode.y);\n      const targetNodes = downwardNodes.length > 0 ? downwardNodes : connectedNodes;\n\n      const availableNodes = targetNodes.filter(n => {\n        const key = makeEdgeKey(startNode, n);\n        return !activeEdgesRef.current.has(key);\n      });\n\n      if (availableNodes.length === 0) return;\n\n      const targetNode = availableNodes[Math.floor(Math.random() * availableNodes.length)];\n      const edgeKeyStr = makeEdgeKey(startNode, targetNode);\n      activeEdgesRef.current.add(edgeKeyStr);\n\n      particlesRef.current.push({\n        id: particleIdRef.current++,\n        currentNode: startNode,\n        targetNode,\n        progress: 0,\n        traveled: 0,\n        maxTravel: getRandomTravel(),\n        canSplit: true,\n        dead: false,\n      });\n\n      trailsRef.current.push({\n        fromX: startNode.x,\n        fromY: startNode.y,\n        toX: targetNode.x,\n        toY: targetNode.y,\n        progress: 0,\n        opacity: 1,\n        edgeKey: edgeKeyStr,\n      });\n    };\n\n    const updateParticles = () => {\n      const newParticles: Particle[] = [];\n\n      for (const particle of particlesRef.current) {\n        if (particle.dead) continue;\n\n        particle.progress += lightSpeed * 0.02;\n\n        const trailIndex = trailsRef.current.findIndex(\n          t => t.fromX === particle.currentNode.x &&\n               t.fromY === particle.currentNode.y &&\n               t.toX === particle.targetNode.x &&\n               t.toY === particle.targetNode.y &&\n               t.progress < 1\n        );\n        if (trailIndex !== -1) {\n          trailsRef.current[trailIndex].progress = Math.min(particle.progress, 1);\n        }\n\n        if (particle.progress >= 1) {\n          createNodeGlow(particle.targetNode.x, particle.targetNode.y);\n          particle.traveled++;\n\n          if (particle.traveled >= particle.maxTravel) {\n            const x = particle.targetNode.x;\n            const y = particle.targetNode.y;\n            createExplosion(x, y);\n            particle.dead = true;\n            continue;\n          }\n\n          const currentNode = particle.targetNode;\n          const connectedNodes = getConnectedNodes(currentNode, particle.currentNode);\n\n          const availableNodes = connectedNodes.filter(n => {\n            const key = makeEdgeKey(currentNode, n);\n            return !activeEdgesRef.current.has(key);\n          });\n\n          if (availableNodes.length === 0) {\n            createExplosion(currentNode.x, currentNode.y);\n            particle.dead = true;\n            continue;\n          }\n\n          const shouldSplit = particle.canSplit && Math.random() < splitChance && availableNodes.length >= 2;\n\n          if (shouldSplit) {\n            const shuffled = [...availableNodes].sort(() => Math.random() - 0.5);\n            const target1 = shuffled[0];\n            const target2 = shuffled[1];\n\n            const edgeKey1 = makeEdgeKey(currentNode, target1);\n            const edgeKey2 = makeEdgeKey(currentNode, target2);\n            activeEdgesRef.current.add(edgeKey1);\n            activeEdgesRef.current.add(edgeKey2);\n\n            particle.currentNode = currentNode;\n            particle.targetNode = target1;\n            particle.progress = 0;\n            particle.canSplit = false;\n\n            trailsRef.current.push({\n              fromX: currentNode.x,\n              fromY: currentNode.y,\n              toX: target1.x,\n              toY: target1.y,\n              progress: 0,\n              opacity: 1,\n              edgeKey: edgeKey1,\n            });\n\n            newParticles.push({\n              id: particleIdRef.current++,\n              currentNode: currentNode,\n              targetNode: target2,\n              progress: 0,\n              traveled: particle.traveled,\n              maxTravel: particle.maxTravel,\n              canSplit: false,\n              dead: false,\n            });\n\n            trailsRef.current.push({\n              fromX: currentNode.x,\n              fromY: currentNode.y,\n              toX: target2.x,\n              toY: target2.y,\n              progress: 0,\n              opacity: 1,\n              edgeKey: edgeKey2,\n            });\n          } else {\n            const targetNode = availableNodes[Math.floor(Math.random() * availableNodes.length)];\n            const newEdgeKey = makeEdgeKey(currentNode, targetNode);\n            activeEdgesRef.current.add(newEdgeKey);\n\n            particle.currentNode = currentNode;\n            particle.targetNode = targetNode;\n            particle.progress = 0;\n\n            trailsRef.current.push({\n              fromX: currentNode.x,\n              fromY: currentNode.y,\n              toX: targetNode.x,\n              toY: targetNode.y,\n              progress: 0,\n              opacity: 1,\n              edgeKey: newEdgeKey,\n            });\n          }\n        }\n      }\n\n      particlesRef.current.push(...newParticles);\n      particlesRef.current = particlesRef.current.filter(p => !p.dead);\n    };\n\n    const updateTrails = () => {\n      for (const trail of trailsRef.current) {\n        if (trail.progress >= 1) {\n          trail.opacity -= trailFadeSpeed;\n        }\n      }\n      const fadedTrails = trailsRef.current.filter(t => t.opacity <= 0);\n      for (const trail of fadedTrails) {\n        activeEdgesRef.current.delete(trail.edgeKey);\n      }\n      trailsRef.current = trailsRef.current.filter(t => t.opacity > 0);\n    };\n\n    const animate = (timestamp: number) => {\n      const ctx = canvas.getContext(\"2d\");\n      if (!ctx) return;\n\n      const { width, height } = dimensionsRef.current;\n\n      ctx.save();\n      ctx.scale(dpr, dpr);\n      drawGrid(ctx, width, height);\n\n      if (animated) {\n        if (timestamp - lastSpawnRef.current > spawnRate) {\n          spawnParticle();\n          lastSpawnRef.current = timestamp;\n        }\n\n        updateParticles();\n        updateTrails();\n        updateExplosions();\n        updateNodeGlows();\n        drawTrails(ctx);\n        drawNodeGlows(ctx);\n        drawParticles(ctx);\n        drawExplosions(ctx);\n      }\n\n      ctx.restore();\n      animationRef.current = requestAnimationFrame(animate);\n    };\n\n    const setup = () => {\n      const { width, height } = container.getBoundingClientRect();\n      dimensionsRef.current = { width, height };\n      dpr = window.devicePixelRatio || 1;\n\n      canvas.width = width * dpr;\n      canvas.height = height * dpr;\n      canvas.style.width = `${width}px`;\n      canvas.style.height = `${height}px`;\n\n      if (shape === 4) {\n        buildSquareGraph(width, height);\n      } else {\n        buildHexGraph(width, height);\n      }\n\n      particlesRef.current = [];\n      trailsRef.current = [];\n      activeEdgesRef.current.clear();\n      explosionsRef.current = [];\n      nodeGlowsRef.current = [];\n    };\n\n    const resizeObserver = new ResizeObserver(() => {\n      setup();\n    });\n\n    resizeObserver.observe(container);\n    setup();\n    animationRef.current = requestAnimationFrame(animate);\n\n    return () => {\n      resizeObserver.disconnect();\n      cancelAnimationFrame(animationRef.current);\n    };\n  }, [shape, cellSize, lineColor, lineWidth, animated, lightColor, lightSpeed, minTravel, maxTravel, spawnRate, splitChance, trailFadeSpeed, buildSquareGraph, buildHexGraph, getConnectedNodes]);\n\n  return (\n    <div ref={containerRef} className={`relative w-full h-full ${className}`}>\n      <canvas ref={canvasRef} className=\"absolute inset-0\" />\n    </div>\n  );\n}\n\nexport default Grid;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACEA,mBAA+C;AA4kBzC;AA9fC,SAAS,KAAK;AAAA,EACnB,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,iBAAiB;AACnB,GAAc;AACZ,QAAM,gBAAY,qBAA0B,IAAI;AAChD,QAAM,mBAAe,qBAAuB,IAAI;AAChD,QAAM,eAAW,qBAA0B,oBAAI,IAAI,CAAC;AACpD,QAAM,eAAW,qBAAe,CAAC,CAAC;AAClC,QAAM,mBAAe,qBAA4B,oBAAI,IAAI,CAAC;AAC1D,QAAM,kBAAc,qBAAe,CAAC,CAAC;AACrC,QAAM,mBAAe,qBAAe,CAAC;AACrC,QAAM,mBAAe,qBAAmB,CAAC,CAAC;AAC1C,QAAM,gBAAY,qBAAgB,CAAC,CAAC;AACpC,QAAM,mBAAe,qBAAe,CAAC;AACrC,QAAM,oBAAgB,qBAAe,CAAC;AACtC,QAAM,oBAAgB,qBAAO,EAAE,OAAO,GAAG,QAAQ,EAAE,CAAC;AACpD,QAAM,qBAAiB,qBAAoB,oBAAI,IAAI,CAAC;AACpD,QAAM,oBAAgB,qBAAoB,CAAC,CAAC;AAC5C,QAAM,mBAAe,qBAAmB,CAAC,CAAC;AAE1C,QAAM,UAAU,CAAC,GAAW,MAAc,GAAG,KAAK,MAAM,IAAI,GAAG,CAAC,IAAI,KAAK,MAAM,IAAI,GAAG,CAAC;AACvF,QAAM,UAAU,CAAC,IAAU,OAAa;AACtC,UAAM,OAAO,CAAC,GAAG,KAAK,GAAG,GAAG,EAAE,KAAK;AACnC,WAAO,GAAG,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC;AAAA,EAC9B;AAEA,QAAM,sBAAkB,0BAAY,CAAC,GAAW,MAAoB;AAClE,UAAM,MAAM,QAAQ,GAAG,CAAC;AACxB,QAAI,CAAC,SAAS,QAAQ,IAAI,GAAG,GAAG;AAC9B,eAAS,QAAQ,IAAI,KAAK,EAAE,GAAG,GAAG,IAAI,CAAC;AAAA,IACzC;AACA,WAAO,SAAS,QAAQ,IAAI,GAAG;AAAA,EACjC,GAAG,CAAC,CAAC;AAEL,QAAM,cAAU,0BAAY,CAAC,IAAY,IAAY,IAAY,OAAe;AAC9E,UAAM,OAAO,gBAAgB,IAAI,EAAE;AACnC,UAAM,KAAK,gBAAgB,IAAI,EAAE;AACjC,UAAM,MAAM,QAAQ,MAAM,EAAE;AAE5B,UAAM,eAAe,SAAS,QAAQ,KAAK,OAAK,EAAE,QAAQ,GAAG;AAC7D,QAAI,aAAc;AAElB,UAAM,OAAa,EAAE,MAAM,IAAI,IAAI;AACnC,aAAS,QAAQ,KAAK,IAAI;AAE1B,QAAI,CAAC,aAAa,QAAQ,IAAI,KAAK,GAAG,GAAG;AACvC,mBAAa,QAAQ,IAAI,KAAK,KAAK,CAAC,CAAC;AAAA,IACvC;AACA,QAAI,CAAC,aAAa,QAAQ,IAAI,GAAG,GAAG,GAAG;AACrC,mBAAa,QAAQ,IAAI,GAAG,KAAK,CAAC,CAAC;AAAA,IACrC;AACA,iBAAa,QAAQ,IAAI,KAAK,GAAG,EAAG,KAAK,IAAI;AAC7C,iBAAa,QAAQ,IAAI,GAAG,GAAG,EAAG,KAAK,IAAI;AAAA,EAC7C,GAAG,CAAC,eAAe,CAAC;AAEpB,QAAM,uBAAmB,0BAAY,CAAC,OAAe,WAAmB;AACtE,aAAS,QAAQ,MAAM;AACvB,aAAS,UAAU,CAAC;AACpB,iBAAa,QAAQ,MAAM;AAC3B,gBAAY,UAAU,CAAC;AAEvB,UAAM,OAAO,KAAK,KAAK,QAAQ,QAAQ,IAAI;AAC3C,UAAM,OAAO,KAAK,KAAK,SAAS,QAAQ,IAAI;AAE5C,aAAS,IAAI,GAAG,KAAK,MAAM,KAAK;AAC9B,eAAS,IAAI,GAAG,KAAK,MAAM,KAAK;AAC9B,cAAM,IAAI,IAAI;AACd,cAAM,IAAI,IAAI;AACd,YAAI,IAAI,KAAM,SAAQ,GAAG,GAAG,IAAI,UAAU,CAAC;AAC3C,YAAI,IAAI,KAAM,SAAQ,GAAG,GAAG,GAAG,IAAI,QAAQ;AAAA,MAC7C;AAAA,IACF;AAEA,aAAS,IAAI,GAAG,KAAK,MAAM,KAAK;AAC9B,YAAM,OAAO,SAAS,QAAQ,IAAI,QAAQ,IAAI,UAAU,CAAC,CAAC;AAC1D,UAAI,KAAM,aAAY,QAAQ,KAAK,IAAI;AAAA,IACzC;AAAA,EACF,GAAG,CAAC,UAAU,OAAO,CAAC;AAEtB,QAAM,oBAAgB,0BAAY,CAAC,OAAe,WAAmB;AACnE,aAAS,QAAQ,MAAM;AACvB,aAAS,UAAU,CAAC;AACpB,iBAAa,QAAQ,MAAM;AAC3B,gBAAY,UAAU,CAAC;AAEvB,UAAM,OAAO,WAAW;AACxB,UAAM,WAAW,KAAK,KAAK,CAAC,IAAI;AAChC,UAAM,cAAc,OAAO;AAE3B,UAAM,OAAO,KAAK,KAAK,QAAQ,QAAQ,IAAI;AAC3C,UAAM,OAAO,KAAK,KAAK,SAAS,WAAW,IAAI;AAE/C,aAAS,MAAM,IAAI,MAAM,MAAM,OAAO;AACpC,eAAS,MAAM,IAAI,MAAM,MAAM,OAAO;AACpC,cAAM,KAAK,MAAM,YAAY,MAAM,MAAM,IAAI,IAAI,WAAW;AAC5D,cAAM,KAAK,MAAM;AAEjB,cAAM,WAAuC,CAAC;AAC9C,iBAAS,IAAI,GAAG,IAAI,GAAG,KAAK;AAC1B,gBAAM,QAAS,KAAK,KAAK,IAAK,IAAI,KAAK,KAAK;AAC5C,mBAAS,KAAK;AAAA,YACZ,GAAG,KAAK,OAAO,KAAK,IAAI,KAAK;AAAA,YAC7B,GAAG,KAAK,OAAO,KAAK,IAAI,KAAK;AAAA,UAC/B,CAAC;AAAA,QACH;AAEA,iBAAS,IAAI,GAAG,IAAI,GAAG,KAAK;AAC1B,gBAAM,KAAK,SAAS,CAAC;AACrB,gBAAM,KAAK,UAAU,IAAI,KAAK,CAAC;AAC/B,kBAAQ,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;AAAA,QAChC;AAAA,MACF;AAAA,IACF;AAEA,UAAM,cAAc,MAAM,KAAK,SAAS,QAAQ,OAAO,CAAC,EACrD,OAAO,OAAK,EAAE,KAAK,KAAK,EAAE,KAAK,IAAI,EACnC,KAAK,CAAC,GAAG,MAAM,EAAE,IAAI,EAAE,CAAC;AAC3B,gBAAY,UAAU;AAAA,EACxB,GAAG,CAAC,UAAU,OAAO,CAAC;AAEtB,QAAM,wBAAoB,0BAAY,CAAC,MAAY,gBAA+B;AAChF,UAAM,QAAQ,aAAa,QAAQ,IAAI,KAAK,GAAG,KAAK,CAAC;AACrD,WAAO,MACJ,IAAI,OAAM,EAAE,KAAK,QAAQ,KAAK,MAAM,EAAE,KAAK,EAAE,IAAK,EAClD,OAAO,OAAK,CAAC,eAAe,EAAE,QAAQ,YAAY,GAAG;AAAA,EAC1D,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,UAAM,SAAS,UAAU;AACzB,UAAM,YAAY,aAAa;AAC/B,QAAI,CAAC,UAAU,CAAC,UAAW;AAE3B,QAAI,MAAM;AAEV,UAAM,WAAW,CAAC,KAA+B,OAAe,WAAmB;AACjF,UAAI,UAAU,GAAG,GAAG,OAAO,MAAM;AACjC,UAAI,cAAc;AAClB,UAAI,YAAY;AAChB,UAAI,UAAU;AAEd,iBAAW,QAAQ,SAAS,SAAS;AACnC,YAAI,OAAO,KAAK,KAAK,GAAG,KAAK,KAAK,CAAC;AACnC,YAAI,OAAO,KAAK,GAAG,GAAG,KAAK,GAAG,CAAC;AAAA,MACjC;AAEA,UAAI,OAAO;AAAA,IACb;AAEA,UAAM,aAAa,CAAC,QAAkC;AACpD,iBAAW,SAAS,UAAU,SAAS;AACrC,YAAI,MAAM,WAAW,EAAG;AAExB,cAAM,QAAQ,KAAK,MAAM,MAAM,UAAU,OAAO,GAAG,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG;AAEjF,YAAI,cAAc,aAAa;AAC/B,YAAI,YAAY;AAChB,YAAI,UAAU;AACd,YAAI,UAAU;AACd,YAAI,OAAO,MAAM,OAAO,MAAM,KAAK;AAEnC,YAAI,MAAM,WAAW,GAAG;AACtB,gBAAM,OAAO,MAAM,SAAS,MAAM,MAAM,MAAM,SAAS,MAAM;AAC7D,gBAAM,OAAO,MAAM,SAAS,MAAM,MAAM,MAAM,SAAS,MAAM;AAC7D,cAAI,OAAO,MAAM,IAAI;AAAA,QACvB,OAAO;AACL,cAAI,OAAO,MAAM,KAAK,MAAM,GAAG;AAAA,QACjC;AACA,YAAI,OAAO;AAEX,YAAI,cAAc;AAClB,YAAI,aAAa;AACjB,YAAI,OAAO;AACX,YAAI,aAAa;AAAA,MACnB;AAAA,IACF;AAEA,UAAM,gBAAgB,CAAC,QAAkC;AACvD,iBAAW,YAAY,aAAa,SAAS;AAC3C,YAAI,SAAS,KAAM;AAEnB,cAAM,IAAI,SAAS,YAAY,KAAK,SAAS,WAAW,IAAI,SAAS,YAAY,KAAK,SAAS;AAC/F,cAAM,IAAI,SAAS,YAAY,KAAK,SAAS,WAAW,IAAI,SAAS,YAAY,KAAK,SAAS;AAE/F,YAAI,YAAY;AAChB,YAAI,UAAU;AACd,YAAI,IAAI,GAAG,GAAG,GAAG,GAAG,KAAK,KAAK,CAAC;AAC/B,YAAI,KAAK;AAAA,MACX;AAAA,IACF;AAEA,UAAM,iBAAiB,CAAC,QAAkC;AACxD,iBAAW,aAAa,cAAc,SAAS;AAC7C,YAAI,UAAU,WAAW,EAAG;AAE5B,cAAM,QAAQ,KAAK,MAAM,UAAU,UAAU,GAAG,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG;AAC9E,YAAI,cAAc,aAAa;AAC/B,YAAI,YAAY;AAChB,YAAI,UAAU;AACd,YAAI,IAAI,UAAU,GAAG,UAAU,GAAG,UAAU,QAAQ,GAAG,KAAK,KAAK,CAAC;AAClE,YAAI,OAAO;AAAA,MACb;AAAA,IACF;AAEA,UAAM,mBAAmB,MAAM;AAC7B,iBAAW,aAAa,cAAc,SAAS;AAC7C,kBAAU,UAAU;AACpB,kBAAU,WAAW;AAAA,MACvB;AACA,oBAAc,UAAU,cAAc,QAAQ,OAAO,OAAK,EAAE,UAAU,CAAC;AAAA,IACzE;AAEA,UAAM,kBAAkB,CAAC,GAAW,MAAc;AAChD,oBAAc,QAAQ,KAAK;AAAA,QACzB;AAAA,QACA;AAAA,QACA,QAAQ;AAAA,QACR,WAAW;AAAA,QACX,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAEA,UAAM,iBAAiB,CAAC,GAAW,MAAc;AAC/C,mBAAa,QAAQ,KAAK;AAAA,QACxB;AAAA,QACA;AAAA,QACA,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAEA,UAAM,gBAAgB,CAAC,QAAkC;AACvD,iBAAW,QAAQ,aAAa,SAAS;AACvC,YAAI,KAAK,WAAW,EAAG;AAEvB,cAAM,QAAQ,KAAK,MAAM,KAAK,UAAU,MAAM,GAAG,EAAE,SAAS,EAAE,EAAE,SAAS,GAAG,GAAG;AAC/E,YAAI,YAAY,aAAa;AAC7B,YAAI,UAAU;AACd,YAAI,IAAI,KAAK,GAAG,KAAK,GAAG,GAAG,GAAG,KAAK,KAAK,CAAC;AACzC,YAAI,KAAK;AAAA,MACX;AAAA,IACF;AAEA,UAAM,kBAAkB,MAAM;AAC5B,iBAAW,QAAQ,aAAa,SAAS;AACvC,aAAK,WAAW,iBAAiB;AAAA,MACnC;AACA,mBAAa,UAAU,aAAa,QAAQ,OAAO,OAAK,EAAE,UAAU,CAAC;AAAA,IACvE;AAEA,UAAM,kBAAkB,MAAM;AAC5B,aAAO,KAAK,MAAM,KAAK,OAAO,KAAK,YAAY,YAAY,EAAE,IAAI;AAAA,IACnE;AAEA,UAAM,cAAc,CAAC,IAAU,OAAa;AAC1C,YAAM,OAAO,CAAC,GAAG,KAAK,GAAG,GAAG,EAAE,KAAK;AACnC,aAAO,GAAG,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC;AAAA,IAC9B;AAEA,UAAM,gBAAgB,MAAM;AAC1B,UAAI,YAAY,QAAQ,WAAW,EAAG;AAEtC,YAAM,YAAY,YAAY,QAAQ,KAAK,MAAM,KAAK,OAAO,IAAI,YAAY,QAAQ,MAAM,CAAC;AAC5F,YAAM,iBAAiB,kBAAkB,SAAS;AAElD,YAAM,gBAAgB,eAAe,OAAO,OAAK,EAAE,IAAI,UAAU,CAAC;AAClE,YAAM,cAAc,cAAc,SAAS,IAAI,gBAAgB;AAE/D,YAAM,iBAAiB,YAAY,OAAO,OAAK;AAC7C,cAAM,MAAM,YAAY,WAAW,CAAC;AACpC,eAAO,CAAC,eAAe,QAAQ,IAAI,GAAG;AAAA,MACxC,CAAC;AAED,UAAI,eAAe,WAAW,EAAG;AAEjC,YAAM,aAAa,eAAe,KAAK,MAAM,KAAK,OAAO,IAAI,eAAe,MAAM,CAAC;AACnF,YAAM,aAAa,YAAY,WAAW,UAAU;AACpD,qBAAe,QAAQ,IAAI,UAAU;AAErC,mBAAa,QAAQ,KAAK;AAAA,QACxB,IAAI,cAAc;AAAA,QAClB,aAAa;AAAA,QACb;AAAA,QACA,UAAU;AAAA,QACV,UAAU;AAAA,QACV,WAAW,gBAAgB;AAAA,QAC3B,UAAU;AAAA,QACV,MAAM;AAAA,MACR,CAAC;AAED,gBAAU,QAAQ,KAAK;AAAA,QACrB,OAAO,UAAU;AAAA,QACjB,OAAO,UAAU;AAAA,QACjB,KAAK,WAAW;AAAA,QAChB,KAAK,WAAW;AAAA,QAChB,UAAU;AAAA,QACV,SAAS;AAAA,QACT,SAAS;AAAA,MACX,CAAC;AAAA,IACH;AAEA,UAAM,kBAAkB,MAAM;AAC5B,YAAM,eAA2B,CAAC;AAElC,iBAAW,YAAY,aAAa,SAAS;AAC3C,YAAI,SAAS,KAAM;AAEnB,iBAAS,YAAY,aAAa;AAElC,cAAM,aAAa,UAAU,QAAQ;AAAA,UACnC,OAAK,EAAE,UAAU,SAAS,YAAY,KACjC,EAAE,UAAU,SAAS,YAAY,KACjC,EAAE,QAAQ,SAAS,WAAW,KAC9B,EAAE,QAAQ,SAAS,WAAW,KAC9B,EAAE,WAAW;AAAA,QACpB;AACA,YAAI,eAAe,IAAI;AACrB,oBAAU,QAAQ,UAAU,EAAE,WAAW,KAAK,IAAI,SAAS,UAAU,CAAC;AAAA,QACxE;AAEA,YAAI,SAAS,YAAY,GAAG;AAC1B,yBAAe,SAAS,WAAW,GAAG,SAAS,WAAW,CAAC;AAC3D,mBAAS;AAET,cAAI,SAAS,YAAY,SAAS,WAAW;AAC3C,kBAAM,IAAI,SAAS,WAAW;AAC9B,kBAAM,IAAI,SAAS,WAAW;AAC9B,4BAAgB,GAAG,CAAC;AACpB,qBAAS,OAAO;AAChB;AAAA,UACF;AAEA,gBAAM,cAAc,SAAS;AAC7B,gBAAM,iBAAiB,kBAAkB,aAAa,SAAS,WAAW;AAE1E,gBAAM,iBAAiB,eAAe,OAAO,OAAK;AAChD,kBAAM,MAAM,YAAY,aAAa,CAAC;AACtC,mBAAO,CAAC,eAAe,QAAQ,IAAI,GAAG;AAAA,UACxC,CAAC;AAED,cAAI,eAAe,WAAW,GAAG;AAC/B,4BAAgB,YAAY,GAAG,YAAY,CAAC;AAC5C,qBAAS,OAAO;AAChB;AAAA,UACF;AAEA,gBAAM,cAAc,SAAS,YAAY,KAAK,OAAO,IAAI,eAAe,eAAe,UAAU;AAEjG,cAAI,aAAa;AACf,kBAAM,WAAW,CAAC,GAAG,cAAc,EAAE,KAAK,MAAM,KAAK,OAAO,IAAI,GAAG;AACnE,kBAAM,UAAU,SAAS,CAAC;AAC1B,kBAAM,UAAU,SAAS,CAAC;AAE1B,kBAAM,WAAW,YAAY,aAAa,OAAO;AACjD,kBAAM,WAAW,YAAY,aAAa,OAAO;AACjD,2BAAe,QAAQ,IAAI,QAAQ;AACnC,2BAAe,QAAQ,IAAI,QAAQ;AAEnC,qBAAS,cAAc;AACvB,qBAAS,aAAa;AACtB,qBAAS,WAAW;AACpB,qBAAS,WAAW;AAEpB,sBAAU,QAAQ,KAAK;AAAA,cACrB,OAAO,YAAY;AAAA,cACnB,OAAO,YAAY;AAAA,cACnB,KAAK,QAAQ;AAAA,cACb,KAAK,QAAQ;AAAA,cACb,UAAU;AAAA,cACV,SAAS;AAAA,cACT,SAAS;AAAA,YACX,CAAC;AAED,yBAAa,KAAK;AAAA,cAChB,IAAI,cAAc;AAAA,cAClB;AAAA,cACA,YAAY;AAAA,cACZ,UAAU;AAAA,cACV,UAAU,SAAS;AAAA,cACnB,WAAW,SAAS;AAAA,cACpB,UAAU;AAAA,cACV,MAAM;AAAA,YACR,CAAC;AAED,sBAAU,QAAQ,KAAK;AAAA,cACrB,OAAO,YAAY;AAAA,cACnB,OAAO,YAAY;AAAA,cACnB,KAAK,QAAQ;AAAA,cACb,KAAK,QAAQ;AAAA,cACb,UAAU;AAAA,cACV,SAAS;AAAA,cACT,SAAS;AAAA,YACX,CAAC;AAAA,UACH,OAAO;AACL,kBAAM,aAAa,eAAe,KAAK,MAAM,KAAK,OAAO,IAAI,eAAe,MAAM,CAAC;AACnF,kBAAM,aAAa,YAAY,aAAa,UAAU;AACtD,2BAAe,QAAQ,IAAI,UAAU;AAErC,qBAAS,cAAc;AACvB,qBAAS,aAAa;AACtB,qBAAS,WAAW;AAEpB,sBAAU,QAAQ,KAAK;AAAA,cACrB,OAAO,YAAY;AAAA,cACnB,OAAO,YAAY;AAAA,cACnB,KAAK,WAAW;AAAA,cAChB,KAAK,WAAW;AAAA,cAChB,UAAU;AAAA,cACV,SAAS;AAAA,cACT,SAAS;AAAA,YACX,CAAC;AAAA,UACH;AAAA,QACF;AAAA,MACF;AAEA,mBAAa,QAAQ,KAAK,GAAG,YAAY;AACzC,mBAAa,UAAU,aAAa,QAAQ,OAAO,OAAK,CAAC,EAAE,IAAI;AAAA,IACjE;AAEA,UAAM,eAAe,MAAM;AACzB,iBAAW,SAAS,UAAU,SAAS;AACrC,YAAI,MAAM,YAAY,GAAG;AACvB,gBAAM,WAAW;AAAA,QACnB;AAAA,MACF;AACA,YAAM,cAAc,UAAU,QAAQ,OAAO,OAAK,EAAE,WAAW,CAAC;AAChE,iBAAW,SAAS,aAAa;AAC/B,uBAAe,QAAQ,OAAO,MAAM,OAAO;AAAA,MAC7C;AACA,gBAAU,UAAU,UAAU,QAAQ,OAAO,OAAK,EAAE,UAAU,CAAC;AAAA,IACjE;AAEA,UAAM,UAAU,CAAC,cAAsB;AACrC,YAAM,MAAM,OAAO,WAAW,IAAI;AAClC,UAAI,CAAC,IAAK;AAEV,YAAM,EAAE,OAAO,OAAO,IAAI,cAAc;AAExC,UAAI,KAAK;AACT,UAAI,MAAM,KAAK,GAAG;AAClB,eAAS,KAAK,OAAO,MAAM;AAE3B,UAAI,UAAU;AACZ,YAAI,YAAY,aAAa,UAAU,WAAW;AAChD,wBAAc;AACd,uBAAa,UAAU;AAAA,QACzB;AAEA,wBAAgB;AAChB,qBAAa;AACb,yBAAiB;AACjB,wBAAgB;AAChB,mBAAW,GAAG;AACd,sBAAc,GAAG;AACjB,sBAAc,GAAG;AACjB,uBAAe,GAAG;AAAA,MACpB;AAEA,UAAI,QAAQ;AACZ,mBAAa,UAAU,sBAAsB,OAAO;AAAA,IACtD;AAEA,UAAM,QAAQ,MAAM;AAClB,YAAM,EAAE,OAAO,OAAO,IAAI,UAAU,sBAAsB;AAC1D,oBAAc,UAAU,EAAE,OAAO,OAAO;AACxC,YAAM,OAAO,oBAAoB;AAEjC,aAAO,QAAQ,QAAQ;AACvB,aAAO,SAAS,SAAS;AACzB,aAAO,MAAM,QAAQ,GAAG,KAAK;AAC7B,aAAO,MAAM,SAAS,GAAG,MAAM;AAE/B,UAAI,UAAU,GAAG;AACf,yBAAiB,OAAO,MAAM;AAAA,MAChC,OAAO;AACL,sBAAc,OAAO,MAAM;AAAA,MAC7B;AAEA,mBAAa,UAAU,CAAC;AACxB,gBAAU,UAAU,CAAC;AACrB,qBAAe,QAAQ,MAAM;AAC7B,oBAAc,UAAU,CAAC;AACzB,mBAAa,UAAU,CAAC;AAAA,IAC1B;AAEA,UAAM,iBAAiB,IAAI,eAAe,MAAM;AAC9C,YAAM;AAAA,IACR,CAAC;AAED,mBAAe,QAAQ,SAAS;AAChC,UAAM;AACN,iBAAa,UAAU,sBAAsB,OAAO;AAEpD,WAAO,MAAM;AACX,qBAAe,WAAW;AAC1B,2BAAqB,aAAa,OAAO;AAAA,IAC3C;AAAA,EACF,GAAG,CAAC,OAAO,UAAU,WAAW,WAAW,UAAU,YAAY,YAAY,WAAW,WAAW,WAAW,aAAa,gBAAgB,kBAAkB,eAAe,iBAAiB,CAAC;AAE9L,SACE,4CAAC,SAAI,KAAK,cAAc,WAAW,0BAA0B,SAAS,IACpE,sDAAC,YAAO,KAAK,WAAW,WAAU,oBAAmB,GACvD;AAEJ;","names":[]}
+{"version":3,"sources":["../src/index.ts","../src/Grid.tsx"],"sourcesContent":["export { Grid, type GridProps } from \"./Grid\";\nexport { Grid as default } from \"./Grid\";\n","'use client';\n\nimport { useEffect, useRef, useCallback } from 'react';\n\nexport interface GridProps {\n  /** Grid shape: 4 for squares, 6 for hexagons */\n  shape?: 4 | 6;\n  /** Size of each cell in pixels */\n  cellSize?: number;\n  /** Color of the grid lines (use \"transparent\" to hide) */\n  lineColor?: string;\n  /** Width of the grid lines */\n  lineWidth?: number;\n  /** Additional CSS classes */\n  className?: string;\n  /** Enable animated light particles */\n  animated?: boolean;\n  /** Color of the light particles and trails */\n  lightColor?: string;\n  /** Speed of the light particles (1-5 recommended) */\n  lightSpeed?: number;\n  /** Minimum travel distance before particle dies */\n  minTravel?: number;\n  /** Maximum travel distance before particle dies */\n  maxTravel?: number;\n  /** Milliseconds between particle spawns */\n  spawnRate?: number;\n  /** Probability of particle splitting (0-1) */\n  splitChance?: number;\n  /** Speed at which trails fade (lower = slower fade) */\n  trailFadeSpeed?: number;\n  /** Enable spawning particles from the bottom as well as the top */\n  bidirectional?: boolean;\n  /** Length of the light trail (number of history points) */\n  trailLength?: number;\n}\n\ninterface Node {\n  x: number;\n  y: number;\n  key: string;\n}\n\ninterface Edge {\n  from: Node;\n  to: Node;\n  key: string;\n}\n\ninterface Particle {\n  id: number;\n  currentNode: Node;\n  targetNode: Node;\n  progress: number;\n  traveled: number;\n  maxTravel: number;\n  canSplit: boolean;\n  dead: boolean;\n  direction: 1 | -1;\n  history: { x: number; y: number }[];\n}\n\ninterface Trail {\n  fromX: number;\n  fromY: number;\n  toX: number;\n  toY: number;\n  progress: number;\n  opacity: number;\n  edgeKey: string;\n}\n\ninterface Explosion {\n  x: number;\n  y: number;\n  radius: number;\n  maxRadius: number;\n  opacity: number;\n}\n\ninterface NodeGlow {\n  x: number;\n  y: number;\n  opacity: number;\n}\n\nexport function Grid({\n  shape = 4,\n  cellSize = 40,\n  lineColor = '#e5e7eb',\n  lineWidth = 1,\n  className = '',\n  animated = false,\n  lightColor = '#3b82f6',\n  lightSpeed = 2,\n  minTravel = 2,\n  maxTravel = 6,\n  spawnRate = 1000,\n  splitChance = 0.3,\n  trailFadeSpeed = 0.01,\n  bidirectional = false,\n  trailLength = 15,\n}: GridProps) {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const nodesRef = useRef<Map<string, Node>>(new Map());\n  const edgesRef = useRef<Edge[]>([]);\n  const adjacencyRef = useRef<Map<string, Edge[]>>(new Map());\n  const topNodesRef = useRef<Node[]>([]);\n  const bottomNodesRef = useRef<Node[]>([]);\n  const animationRef = useRef<number>(0);\n  const particlesRef = useRef<Particle[]>([]);\n  const trailsRef = useRef<Trail[]>([]);\n  const lastSpawnRef = useRef<number>(0);\n  const particleIdRef = useRef<number>(0);\n  const dimensionsRef = useRef({ width: 0, height: 0 });\n  const activeEdgesRef = useRef<Set<string>>(new Set());\n  const explosionsRef = useRef<Explosion[]>([]);\n  const nodeGlowsRef = useRef<NodeGlow[]>([]);\n  const spawnFromTopRef = useRef<boolean>(true);\n\n  const nodeKey = (x: number, y: number) =>\n    `${Math.round(x * 100)},${Math.round(y * 100)}`;\n  const edgeKey = (n1: Node, n2: Node) => {\n    const keys = [n1.key, n2.key].sort();\n    return `${keys[0]}-${keys[1]}`;\n  };\n\n  const getOrCreateNode = useCallback((x: number, y: number): Node => {\n    const key = nodeKey(x, y);\n    if (!nodesRef.current.has(key)) {\n      nodesRef.current.set(key, { x, y, key });\n    }\n    return nodesRef.current.get(key)!;\n  }, []);\n\n  const addEdge = useCallback(\n    (x1: number, y1: number, x2: number, y2: number) => {\n      const from = getOrCreateNode(x1, y1);\n      const to = getOrCreateNode(x2, y2);\n      const key = edgeKey(from, to);\n\n      const existingEdge = edgesRef.current.find((e) => e.key === key);\n      if (existingEdge) return;\n\n      const edge: Edge = { from, to, key };\n      edgesRef.current.push(edge);\n\n      if (!adjacencyRef.current.has(from.key)) {\n        adjacencyRef.current.set(from.key, []);\n      }\n      if (!adjacencyRef.current.has(to.key)) {\n        adjacencyRef.current.set(to.key, []);\n      }\n      adjacencyRef.current.get(from.key)!.push(edge);\n      adjacencyRef.current.get(to.key)!.push(edge);\n    },\n    [getOrCreateNode]\n  );\n\n  const buildSquareGraph = useCallback(\n    (width: number, height: number) => {\n      nodesRef.current.clear();\n      edgesRef.current = [];\n      adjacencyRef.current.clear();\n      topNodesRef.current = [];\n      bottomNodesRef.current = [];\n\n      const cols = Math.ceil(width / cellSize) + 1;\n      const rows = Math.ceil(height / cellSize) + 1;\n\n      for (let i = 0; i <= cols; i++) {\n        for (let j = 0; j <= rows; j++) {\n          const x = i * cellSize;\n          const y = j * cellSize;\n          if (i < cols) addEdge(x, y, x + cellSize, y);\n          if (j < rows) addEdge(x, y, x, y + cellSize);\n        }\n      }\n\n      const maxY = rows * cellSize;\n      for (let i = 0; i <= cols; i++) {\n        const topNode = nodesRef.current.get(nodeKey(i * cellSize, 0));\n        if (topNode) topNodesRef.current.push(topNode);\n\n        const bottomNode = nodesRef.current.get(nodeKey(i * cellSize, maxY));\n        if (bottomNode) bottomNodesRef.current.push(bottomNode);\n      }\n    },\n    [cellSize, addEdge]\n  );\n\n  const buildHexGraph = useCallback(\n    (width: number, height: number) => {\n      nodesRef.current.clear();\n      edgesRef.current = [];\n      adjacencyRef.current.clear();\n      topNodesRef.current = [];\n      bottomNodesRef.current = [];\n\n      const size = cellSize / 2;\n      const hexWidth = Math.sqrt(3) * size;\n      const vertSpacing = size * 1.5;\n\n      const cols = Math.ceil(width / hexWidth) + 2;\n      const rows = Math.ceil(height / vertSpacing) + 2;\n\n      for (let row = -1; row < rows; row++) {\n        for (let col = -1; col < cols; col++) {\n          const cx = col * hexWidth + (row % 2 === 0 ? 0 : hexWidth / 2);\n          const cy = row * vertSpacing;\n\n          const vertices: { x: number; y: number }[] = [];\n          for (let i = 0; i < 6; i++) {\n            const angle = (Math.PI / 3) * i - Math.PI / 2;\n            vertices.push({\n              x: cx + size * Math.cos(angle),\n              y: cy + size * Math.sin(angle),\n            });\n          }\n\n          for (let i = 0; i < 6; i++) {\n            const v1 = vertices[i];\n            const v2 = vertices[(i + 1) % 6];\n            addEdge(v1.x, v1.y, v2.x, v2.y);\n          }\n        }\n      }\n\n      const allNodes = Array.from(nodesRef.current.values());\n\n      const visibleNodes = allNodes.filter((n) => n.y >= 0 && n.y <= height);\n\n      topNodesRef.current = visibleNodes\n        .filter((n) => n.y <= size * 2)\n        .sort((a, b) => a.x - b.x);\n\n      bottomNodesRef.current = visibleNodes\n        .filter((n) => n.y >= height - size * 2)\n        .sort((a, b) => a.x - b.x);\n    },\n    [cellSize, addEdge]\n  );\n\n  const getConnectedNodes = useCallback(\n    (node: Node, excludeNode?: Node): Node[] => {\n      const edges = adjacencyRef.current.get(node.key) || [];\n      return edges\n        .map((e) => (e.from.key === node.key ? e.to : e.from))\n        .filter((n) => !excludeNode || n.key !== excludeNode.key);\n    },\n    []\n  );\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    const container = containerRef.current;\n    if (!canvas || !container) return;\n\n    let dpr = 1;\n\n    const drawGrid = (\n      ctx: CanvasRenderingContext2D,\n      width: number,\n      height: number\n    ) => {\n      ctx.clearRect(0, 0, width, height);\n      ctx.strokeStyle = lineColor;\n      ctx.lineWidth = lineWidth;\n      ctx.beginPath();\n\n      for (const edge of edgesRef.current) {\n        ctx.moveTo(edge.from.x, edge.from.y);\n        ctx.lineTo(edge.to.x, edge.to.y);\n      }\n\n      ctx.stroke();\n    };\n\n    const drawTrails = (ctx: CanvasRenderingContext2D) => {\n      for (const trail of trailsRef.current) {\n        if (trail.opacity <= 0) continue;\n\n        const alpha = Math.floor(trail.opacity * 0.08 * 255)\n          .toString(16)\n          .padStart(2, '0');\n\n        ctx.strokeStyle = lightColor + alpha;\n        ctx.lineWidth = 1;\n        ctx.lineCap = 'round';\n        ctx.beginPath();\n        ctx.moveTo(trail.fromX, trail.fromY);\n\n        if (trail.progress < 1) {\n          const endX = trail.fromX + (trail.toX - trail.fromX) * trail.progress;\n          const endY = trail.fromY + (trail.toY - trail.fromY) * trail.progress;\n          ctx.lineTo(endX, endY);\n        } else {\n          ctx.lineTo(trail.toX, trail.toY);\n        }\n        ctx.stroke();\n\n        ctx.shadowColor = lightColor;\n        ctx.shadowBlur = 2;\n        ctx.stroke();\n        ctx.shadowBlur = 0;\n      }\n    };\n\n    const drawParticles = (ctx: CanvasRenderingContext2D) => {\n      for (const particle of particlesRef.current) {\n        if (particle.dead) continue;\n\n        const history = particle.history;\n        if (history.length === 0) continue;\n\n        const head = history[history.length - 1];\n\n        if (history.length >= 2) {\n          ctx.lineCap = 'round';\n          ctx.lineJoin = 'round';\n          const r = parseInt(lightColor.slice(1, 3), 16);\n          const g = parseInt(lightColor.slice(3, 5), 16);\n          const b = parseInt(lightColor.slice(5, 7), 16);\n          const lighterR = Math.floor(r + (255 - r) * 0.6);\n          const lighterG = Math.floor(g + (255 - g) * 0.6);\n          const lighterB = Math.floor(b + (255 - b) * 0.6);\n          ctx.strokeStyle = `rgb(${lighterR}, ${lighterG}, ${lighterB})`;\n\n          const maxWidth = 4;\n          const minWidth = 0.5;\n          for (let i = 1; i < history.length; i++) {\n            const progress = i / (history.length - 1);\n            ctx.lineWidth = minWidth + (maxWidth - minWidth) * progress;\n            ctx.beginPath();\n            ctx.moveTo(history[i - 1].x, history[i - 1].y);\n            ctx.lineTo(history[i].x, history[i].y);\n            ctx.stroke();\n          }\n        }\n\n        ctx.fillStyle = lightColor;\n        ctx.beginPath();\n        let angle = 0;\n        if (history.length >= 2) {\n          const prev = history[history.length - 2];\n          angle = Math.atan2(head.y - prev.y, head.x - prev.x);\n        }\n        ctx.save();\n        ctx.translate(head.x, head.y);\n        ctx.rotate(angle);\n        ctx.moveTo(-3, 0);\n        ctx.quadraticCurveTo(1, -2.5, 2, 0);\n        ctx.quadraticCurveTo(1, 2.5, -3, 0);\n        ctx.restore();\n        ctx.fill();\n      }\n    };\n\n    const drawExplosions = (ctx: CanvasRenderingContext2D) => {\n      for (const explosion of explosionsRef.current) {\n        if (explosion.opacity <= 0) continue;\n\n        const alpha = Math.floor(explosion.opacity * 255)\n          .toString(16)\n          .padStart(2, '0');\n        ctx.strokeStyle = lightColor + alpha;\n        ctx.lineWidth = 2;\n        ctx.beginPath();\n        ctx.arc(explosion.x, explosion.y, explosion.radius, 0, Math.PI * 2);\n        ctx.stroke();\n      }\n    };\n\n    const updateExplosions = () => {\n      for (const explosion of explosionsRef.current) {\n        explosion.radius += 0.5;\n        explosion.opacity -= 0.08;\n      }\n      explosionsRef.current = explosionsRef.current.filter(\n        (e) => e.opacity > 0\n      );\n    };\n\n    const createExplosion = (x: number, y: number) => {\n      explosionsRef.current.push({\n        x,\n        y,\n        radius: 2,\n        maxRadius: 8,\n        opacity: 1,\n      });\n    };\n\n    const createNodeGlow = (x: number, y: number) => {\n      nodeGlowsRef.current.push({\n        x,\n        y,\n        opacity: 1,\n      });\n    };\n\n    const drawNodeGlows = (ctx: CanvasRenderingContext2D) => {\n      for (const glow of nodeGlowsRef.current) {\n        if (glow.opacity <= 0) continue;\n\n        const alpha = Math.floor(glow.opacity * 0.4 * 255)\n          .toString(16)\n          .padStart(2, '0');\n        ctx.fillStyle = lightColor + alpha;\n        ctx.beginPath();\n        ctx.arc(glow.x, glow.y, 2, 0, Math.PI * 2);\n        ctx.fill();\n      }\n    };\n\n    const updateNodeGlows = () => {\n      for (const glow of nodeGlowsRef.current) {\n        glow.opacity -= trailFadeSpeed * 3;\n      }\n      nodeGlowsRef.current = nodeGlowsRef.current.filter((g) => g.opacity > 0);\n    };\n\n    const getRandomTravel = () => {\n      return (\n        Math.floor(Math.random() * (maxTravel - minTravel + 1)) + minTravel\n      );\n    };\n\n    const makeEdgeKey = (n1: Node, n2: Node) => {\n      const keys = [n1.key, n2.key].sort();\n      return `${keys[0]}-${keys[1]}`;\n    };\n\n    const trySpawn = (fromTop: boolean): boolean => {\n      const sourceNodes = fromTop\n        ? topNodesRef.current\n        : bottomNodesRef.current;\n      const direction: 1 | -1 = fromTop ? 1 : -1;\n\n      if (sourceNodes.length === 0) return false;\n\n      const startNode =\n        sourceNodes[Math.floor(Math.random() * sourceNodes.length)];\n      const connectedNodes = getConnectedNodes(startNode);\n\n      const preferredNodes = connectedNodes.filter((n) =>\n        fromTop ? n.y > startNode.y : n.y < startNode.y\n      );\n      const targetNodes =\n        preferredNodes.length > 0 ? preferredNodes : connectedNodes;\n\n      const availableNodes = targetNodes.filter((n) => {\n        const key = makeEdgeKey(startNode, n);\n        return !activeEdgesRef.current.has(key);\n      });\n\n      if (availableNodes.length === 0) return false;\n\n      const targetNode =\n        availableNodes[Math.floor(Math.random() * availableNodes.length)];\n      const edgeKeyStr = makeEdgeKey(startNode, targetNode);\n      activeEdgesRef.current.add(edgeKeyStr);\n\n      particlesRef.current.push({\n        id: particleIdRef.current++,\n        currentNode: startNode,\n        targetNode,\n        progress: 0,\n        traveled: 0,\n        maxTravel: getRandomTravel(),\n        canSplit: true,\n        dead: false,\n        direction,\n        history: [{ x: startNode.x, y: startNode.y }],\n      });\n\n      trailsRef.current.push({\n        fromX: startNode.x,\n        fromY: startNode.y,\n        toX: targetNode.x,\n        toY: targetNode.y,\n        progress: 0,\n        opacity: 1,\n        edgeKey: edgeKeyStr,\n      });\n\n      return true;\n    };\n\n    const spawnParticle = () => {\n      if (bidirectional) {\n        const fromTop = spawnFromTopRef.current;\n        spawnFromTopRef.current = !spawnFromTopRef.current;\n\n        if (!trySpawn(fromTop)) {\n          trySpawn(!fromTop);\n        }\n      } else {\n        trySpawn(true);\n      }\n    };\n\n    const updateParticles = () => {\n      const newParticles: Particle[] = [];\n      const maxHistoryLength = trailLength;\n\n      for (const particle of particlesRef.current) {\n        if (particle.dead) continue;\n\n        particle.progress += lightSpeed * 0.02;\n\n        const currentX =\n          particle.currentNode.x +\n          (particle.targetNode.x - particle.currentNode.x) * particle.progress;\n        const currentY =\n          particle.currentNode.y +\n          (particle.targetNode.y - particle.currentNode.y) * particle.progress;\n        particle.history.push({ x: currentX, y: currentY });\n        if (particle.history.length > maxHistoryLength) {\n          particle.history.shift();\n        }\n\n        const trailIndex = trailsRef.current.findIndex(\n          (t) =>\n            t.fromX === particle.currentNode.x &&\n            t.fromY === particle.currentNode.y &&\n            t.toX === particle.targetNode.x &&\n            t.toY === particle.targetNode.y &&\n            t.progress < 1\n        );\n        if (trailIndex !== -1) {\n          trailsRef.current[trailIndex].progress = Math.min(\n            particle.progress,\n            1\n          );\n        }\n\n        if (particle.progress >= 1) {\n          createNodeGlow(particle.targetNode.x, particle.targetNode.y);\n          particle.traveled++;\n\n          if (particle.traveled >= particle.maxTravel) {\n            const x = particle.targetNode.x;\n            const y = particle.targetNode.y;\n            createExplosion(x, y);\n            particle.dead = true;\n            continue;\n          }\n\n          const currentNode = particle.targetNode;\n          const connectedNodes = getConnectedNodes(\n            currentNode,\n            particle.currentNode\n          );\n\n          const availableNodes = connectedNodes.filter((n) => {\n            const key = makeEdgeKey(currentNode, n);\n            return !activeEdgesRef.current.has(key);\n          });\n\n          if (availableNodes.length === 0) {\n            createExplosion(currentNode.x, currentNode.y);\n            particle.dead = true;\n            continue;\n          }\n\n          const shouldSplit =\n            particle.canSplit &&\n            Math.random() < splitChance &&\n            availableNodes.length >= 2;\n\n          if (shouldSplit) {\n            const shuffled = [...availableNodes].sort(\n              () => Math.random() - 0.5\n            );\n            const target1 = shuffled[0];\n            const target2 = shuffled[1];\n\n            const edgeKey1 = makeEdgeKey(currentNode, target1);\n            const edgeKey2 = makeEdgeKey(currentNode, target2);\n            activeEdgesRef.current.add(edgeKey1);\n            activeEdgesRef.current.add(edgeKey2);\n\n            particle.currentNode = currentNode;\n            particle.targetNode = target1;\n            particle.progress = 0;\n            particle.canSplit = false;\n\n            trailsRef.current.push({\n              fromX: currentNode.x,\n              fromY: currentNode.y,\n              toX: target1.x,\n              toY: target1.y,\n              progress: 0,\n              opacity: 1,\n              edgeKey: edgeKey1,\n            });\n\n            newParticles.push({\n              id: particleIdRef.current++,\n              currentNode: currentNode,\n              targetNode: target2,\n              progress: 0,\n              traveled: particle.traveled,\n              maxTravel: particle.maxTravel,\n              canSplit: false,\n              dead: false,\n              direction: particle.direction,\n              history: [{ x: currentNode.x, y: currentNode.y }],\n            });\n\n            trailsRef.current.push({\n              fromX: currentNode.x,\n              fromY: currentNode.y,\n              toX: target2.x,\n              toY: target2.y,\n              progress: 0,\n              opacity: 1,\n              edgeKey: edgeKey2,\n            });\n          } else {\n            const targetNode =\n              availableNodes[Math.floor(Math.random() * availableNodes.length)];\n            const newEdgeKey = makeEdgeKey(currentNode, targetNode);\n            activeEdgesRef.current.add(newEdgeKey);\n\n            particle.currentNode = currentNode;\n            particle.targetNode = targetNode;\n            particle.progress = 0;\n\n            trailsRef.current.push({\n              fromX: currentNode.x,\n              fromY: currentNode.y,\n              toX: targetNode.x,\n              toY: targetNode.y,\n              progress: 0,\n              opacity: 1,\n              edgeKey: newEdgeKey,\n            });\n          }\n        }\n      }\n\n      particlesRef.current.push(...newParticles);\n      particlesRef.current = particlesRef.current.filter((p) => !p.dead);\n    };\n\n    const updateTrails = () => {\n      for (const trail of trailsRef.current) {\n        if (trail.progress >= 1) {\n          trail.opacity -= trailFadeSpeed;\n        }\n      }\n      const fadedTrails = trailsRef.current.filter((t) => t.opacity <= 0);\n      for (const trail of fadedTrails) {\n        activeEdgesRef.current.delete(trail.edgeKey);\n      }\n      trailsRef.current = trailsRef.current.filter((t) => t.opacity > 0);\n    };\n\n    const animate = (timestamp: number) => {\n      const ctx = canvas.getContext('2d');\n      if (!ctx) return;\n\n      const { width, height } = dimensionsRef.current;\n\n      ctx.save();\n      ctx.scale(dpr, dpr);\n      drawGrid(ctx, width, height);\n\n      if (animated) {\n        if (timestamp - lastSpawnRef.current > spawnRate) {\n          spawnParticle();\n          lastSpawnRef.current = timestamp;\n        }\n\n        updateParticles();\n        updateTrails();\n        updateExplosions();\n        updateNodeGlows();\n        drawTrails(ctx);\n        drawNodeGlows(ctx);\n        drawParticles(ctx);\n        drawExplosions(ctx);\n      }\n\n      ctx.restore();\n      animationRef.current = requestAnimationFrame(animate);\n    };\n\n    const setup = () => {\n      const { width, height } = container.getBoundingClientRect();\n      dimensionsRef.current = { width, height };\n      dpr = window.devicePixelRatio || 1;\n\n      canvas.width = width * dpr;\n      canvas.height = height * dpr;\n      canvas.style.width = `${width}px`;\n      canvas.style.height = `${height}px`;\n\n      if (shape === 4) {\n        buildSquareGraph(width, height);\n      } else {\n        buildHexGraph(width, height);\n      }\n\n      particlesRef.current = [];\n      trailsRef.current = [];\n      activeEdgesRef.current.clear();\n      explosionsRef.current = [];\n      nodeGlowsRef.current = [];\n    };\n\n    const resizeObserver = new ResizeObserver(() => {\n      setup();\n    });\n\n    resizeObserver.observe(container);\n    setup();\n    animationRef.current = requestAnimationFrame(animate);\n\n    return () => {\n      resizeObserver.disconnect();\n      cancelAnimationFrame(animationRef.current);\n    };\n  }, [\n    shape,\n    cellSize,\n    lineColor,\n    lineWidth,\n    animated,\n    lightColor,\n    lightSpeed,\n    minTravel,\n    maxTravel,\n    spawnRate,\n    splitChance,\n    trailFadeSpeed,\n    bidirectional,\n    trailLength,\n    buildSquareGraph,\n    buildHexGraph,\n    getConnectedNodes,\n  ]);\n\n  return (\n    <div ref={containerRef} className={`relative w-full h-full ${className}`}>\n      <canvas ref={canvasRef} className=\"absolute inset-0\" />\n    </div>\n  );\n}\n\nexport default Grid;\n"],"mappings":"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","names":[]}

package/dist/index.mjs

@@ -16,7 +16,9 @@ function Grid({
   maxTravel = 6,
   spawnRate = 1e3,
   splitChance = 0.3,
-  trailFadeSpeed = 0.01
+  trailFadeSpeed = 0.01,
+  bidirectional = false,
+  trailLength = 15
 }) {
   const canvasRef = useRef(null);
   const containerRef = useRef(null);
@@ -24,6 +26,7 @@ function Grid({
   const edgesRef = useRef([]);
   const adjacencyRef = useRef(/* @__PURE__ */ new Map());
   const topNodesRef = useRef([]);
+  const bottomNodesRef = useRef([]);
   const animationRef = useRef(0);
   const particlesRef = useRef([]);
   const trailsRef = useRef([]);
@@ -33,6 +36,7 @@ function Grid({
   const activeEdgesRef = useRef(/* @__PURE__ */ new Set());
   const explosionsRef = useRef([]);
   const nodeGlowsRef = useRef([]);
+  const spawnFromTopRef = useRef(true);
   const nodeKey = (x, y) => `${Math.round(x * 100)},${Math.round(y * 100)}`;
   const edgeKey = (n1, n2) => {
     const keys = [n1.key, n2.key].sort();
@@ -45,79 +49,98 @@ function Grid({
     }
     return nodesRef.current.get(key);
   }, []);
-  const addEdge = useCallback((x1, y1, x2, y2) => {
-    const from = getOrCreateNode(x1, y1);
-    const to = getOrCreateNode(x2, y2);
-    const key = edgeKey(from, to);
-    const existingEdge = edgesRef.current.find((e) => e.key === key);
-    if (existingEdge) return;
-    const edge = { from, to, key };
-    edgesRef.current.push(edge);
-    if (!adjacencyRef.current.has(from.key)) {
-      adjacencyRef.current.set(from.key, []);
-    }
-    if (!adjacencyRef.current.has(to.key)) {
-      adjacencyRef.current.set(to.key, []);
-    }
-    adjacencyRef.current.get(from.key).push(edge);
-    adjacencyRef.current.get(to.key).push(edge);
-  }, [getOrCreateNode]);
-  const buildSquareGraph = useCallback((width, height) => {
-    nodesRef.current.clear();
-    edgesRef.current = [];
-    adjacencyRef.current.clear();
-    topNodesRef.current = [];
-    const cols = Math.ceil(width / cellSize) + 1;
-    const rows = Math.ceil(height / cellSize) + 1;
-    for (let i = 0; i <= cols; i++) {
-      for (let j = 0; j <= rows; j++) {
-        const x = i * cellSize;
-        const y = j * cellSize;
-        if (i < cols) addEdge(x, y, x + cellSize, y);
-        if (j < rows) addEdge(x, y, x, y + cellSize);
+  const addEdge = useCallback(
+    (x1, y1, x2, y2) => {
+      const from = getOrCreateNode(x1, y1);
+      const to = getOrCreateNode(x2, y2);
+      const key = edgeKey(from, to);
+      const existingEdge = edgesRef.current.find((e) => e.key === key);
+      if (existingEdge) return;
+      const edge = { from, to, key };
+      edgesRef.current.push(edge);
+      if (!adjacencyRef.current.has(from.key)) {
+        adjacencyRef.current.set(from.key, []);
       }
-    }
-    for (let i = 0; i <= cols; i++) {
-      const node = nodesRef.current.get(nodeKey(i * cellSize, 0));
-      if (node) topNodesRef.current.push(node);
-    }
-  }, [cellSize, addEdge]);
-  const buildHexGraph = useCallback((width, height) => {
-    nodesRef.current.clear();
-    edgesRef.current = [];
-    adjacencyRef.current.clear();
-    topNodesRef.current = [];
-    const size = cellSize / 2;
-    const hexWidth = Math.sqrt(3) * size;
-    const vertSpacing = size * 1.5;
-    const cols = Math.ceil(width / hexWidth) + 2;
-    const rows = Math.ceil(height / vertSpacing) + 2;
-    for (let row = -1; row < rows; row++) {
-      for (let col = -1; col < cols; col++) {
-        const cx = col * hexWidth + (row % 2 === 0 ? 0 : hexWidth / 2);
-        const cy = row * vertSpacing;
-        const vertices = [];
-        for (let i = 0; i < 6; i++) {
-          const angle = Math.PI / 3 * i - Math.PI / 2;
-          vertices.push({
-            x: cx + size * Math.cos(angle),
-            y: cy + size * Math.sin(angle)
-          });
+      if (!adjacencyRef.current.has(to.key)) {
+        adjacencyRef.current.set(to.key, []);
+      }
+      adjacencyRef.current.get(from.key).push(edge);
+      adjacencyRef.current.get(to.key).push(edge);
+    },
+    [getOrCreateNode]
+  );
+  const buildSquareGraph = useCallback(
+    (width, height) => {
+      nodesRef.current.clear();
+      edgesRef.current = [];
+      adjacencyRef.current.clear();
+      topNodesRef.current = [];
+      bottomNodesRef.current = [];
+      const cols = Math.ceil(width / cellSize) + 1;
+      const rows = Math.ceil(height / cellSize) + 1;
+      for (let i = 0; i <= cols; i++) {
+        for (let j = 0; j <= rows; j++) {
+          const x = i * cellSize;
+          const y = j * cellSize;
+          if (i < cols) addEdge(x, y, x + cellSize, y);
+          if (j < rows) addEdge(x, y, x, y + cellSize);
         }
-        for (let i = 0; i < 6; i++) {
-          const v1 = vertices[i];
-          const v2 = vertices[(i + 1) % 6];
-          addEdge(v1.x, v1.y, v2.x, v2.y);
+      }
+      const maxY = rows * cellSize;
+      for (let i = 0; i <= cols; i++) {
+        const topNode = nodesRef.current.get(nodeKey(i * cellSize, 0));
+        if (topNode) topNodesRef.current.push(topNode);
+        const bottomNode = nodesRef.current.get(nodeKey(i * cellSize, maxY));
+        if (bottomNode) bottomNodesRef.current.push(bottomNode);
+      }
+    },
+    [cellSize, addEdge]
+  );
+  const buildHexGraph = useCallback(
+    (width, height) => {
+      nodesRef.current.clear();
+      edgesRef.current = [];
+      adjacencyRef.current.clear();
+      topNodesRef.current = [];
+      bottomNodesRef.current = [];
+      const size = cellSize / 2;
+      const hexWidth = Math.sqrt(3) * size;
+      const vertSpacing = size * 1.5;
+      const cols = Math.ceil(width / hexWidth) + 2;
+      const rows = Math.ceil(height / vertSpacing) + 2;
+      for (let row = -1; row < rows; row++) {
+        for (let col = -1; col < cols; col++) {
+          const cx = col * hexWidth + (row % 2 === 0 ? 0 : hexWidth / 2);
+          const cy = row * vertSpacing;
+          const vertices = [];
+          for (let i = 0; i < 6; i++) {
+            const angle = Math.PI / 3 * i - Math.PI / 2;
+            vertices.push({
+              x: cx + size * Math.cos(angle),
+              y: cy + size * Math.sin(angle)
+            });
+          }
+          for (let i = 0; i < 6; i++) {
+            const v1 = vertices[i];
+            const v2 = vertices[(i + 1) % 6];
+            addEdge(v1.x, v1.y, v2.x, v2.y);
+          }
         }
       }
-    }
-    const sortedNodes = Array.from(nodesRef.current.values()).filter((n) => n.y >= 0 && n.y <= size).sort((a, b) => a.x - b.x);
-    topNodesRef.current = sortedNodes;
-  }, [cellSize, addEdge]);
-  const getConnectedNodes = useCallback((node, excludeNode) => {
-    const edges = adjacencyRef.current.get(node.key) || [];
-    return edges.map((e) => e.from.key === node.key ? e.to : e.from).filter((n) => !excludeNode || n.key !== excludeNode.key);
-  }, []);
+      const allNodes = Array.from(nodesRef.current.values());
+      const visibleNodes = allNodes.filter((n) => n.y >= 0 && n.y <= height);
+      topNodesRef.current = visibleNodes.filter((n) => n.y <= size * 2).sort((a, b) => a.x - b.x);
+      bottomNodesRef.current = visibleNodes.filter((n) => n.y >= height - size * 2).sort((a, b) => a.x - b.x);
+    },
+    [cellSize, addEdge]
+  );
+  const getConnectedNodes = useCallback(
+    (node, excludeNode) => {
+      const edges = adjacencyRef.current.get(node.key) || [];
+      return edges.map((e) => e.from.key === node.key ? e.to : e.from).filter((n) => !excludeNode || n.key !== excludeNode.key);
+    },
+    []
+  );
   useEffect(() => {
     const canvas = canvasRef.current;
     const container = containerRef.current;
@@ -160,11 +183,44 @@ function Grid({
     const drawParticles = (ctx) => {
       for (const particle of particlesRef.current) {
         if (particle.dead) continue;
-        const x = particle.currentNode.x + (particle.targetNode.x - particle.currentNode.x) * particle.progress;
-        const y = particle.currentNode.y + (particle.targetNode.y - particle.currentNode.y) * particle.progress;
+        const history = particle.history;
+        if (history.length === 0) continue;
+        const head = history[history.length - 1];
+        if (history.length >= 2) {
+          ctx.lineCap = "round";
+          ctx.lineJoin = "round";
+          const r = parseInt(lightColor.slice(1, 3), 16);
+          const g = parseInt(lightColor.slice(3, 5), 16);
+          const b = parseInt(lightColor.slice(5, 7), 16);
+          const lighterR = Math.floor(r + (255 - r) * 0.6);
+          const lighterG = Math.floor(g + (255 - g) * 0.6);
+          const lighterB = Math.floor(b + (255 - b) * 0.6);
+          ctx.strokeStyle = `rgb(${lighterR}, ${lighterG}, ${lighterB})`;
+          const maxWidth = 4;
+          const minWidth = 0.5;
+          for (let i = 1; i < history.length; i++) {
+            const progress = i / (history.length - 1);
+            ctx.lineWidth = minWidth + (maxWidth - minWidth) * progress;
+            ctx.beginPath();
+            ctx.moveTo(history[i - 1].x, history[i - 1].y);
+            ctx.lineTo(history[i].x, history[i].y);
+            ctx.stroke();
+          }
+        }
         ctx.fillStyle = lightColor;
         ctx.beginPath();
-        ctx.arc(x, y, 3, 0, Math.PI * 2);
+        let angle = 0;
+        if (history.length >= 2) {
+          const prev = history[history.length - 2];
+          angle = Math.atan2(head.y - prev.y, head.x - prev.x);
+        }
+        ctx.save();
+        ctx.translate(head.x, head.y);
+        ctx.rotate(angle);
+        ctx.moveTo(-3, 0);
+        ctx.quadraticCurveTo(1, -2.5, 2, 0);
+        ctx.quadraticCurveTo(1, 2.5, -3, 0);
+        ctx.restore();
         ctx.fill();
       }
     };
@@ -184,7 +240,9 @@ function Grid({
         explosion.radius += 0.5;
         explosion.opacity -= 0.08;
       }
-      explosionsRef.current = explosionsRef.current.filter((e) => e.opacity > 0);
+      explosionsRef.current = explosionsRef.current.filter(
+        (e) => e.opacity > 0
+      );
     };
     const createExplosion = (x, y) => {
       explosionsRef.current.push({
@@ -225,17 +283,21 @@ function Grid({
       const keys = [n1.key, n2.key].sort();
       return `${keys[0]}-${keys[1]}`;
     };
-    const spawnParticle = () => {
-      if (topNodesRef.current.length === 0) return;
-      const startNode = topNodesRef.current[Math.floor(Math.random() * topNodesRef.current.length)];
+    const trySpawn = (fromTop) => {
+      const sourceNodes = fromTop ? topNodesRef.current : bottomNodesRef.current;
+      const direction = fromTop ? 1 : -1;
+      if (sourceNodes.length === 0) return false;
+      const startNode = sourceNodes[Math.floor(Math.random() * sourceNodes.length)];
       const connectedNodes = getConnectedNodes(startNode);
-      const downwardNodes = connectedNodes.filter((n) => n.y > startNode.y);
-      const targetNodes = downwardNodes.length > 0 ? downwardNodes : connectedNodes;
+      const preferredNodes = connectedNodes.filter(
+        (n) => fromTop ? n.y > startNode.y : n.y < startNode.y
+      );
+      const targetNodes = preferredNodes.length > 0 ? preferredNodes : connectedNodes;
       const availableNodes = targetNodes.filter((n) => {
         const key = makeEdgeKey(startNode, n);
         return !activeEdgesRef.current.has(key);
       });
-      if (availableNodes.length === 0) return;
+      if (availableNodes.length === 0) return false;
       const targetNode = availableNodes[Math.floor(Math.random() * availableNodes.length)];
       const edgeKeyStr = makeEdgeKey(startNode, targetNode);
       activeEdgesRef.current.add(edgeKeyStr);
@@ -247,7 +309,9 @@ function Grid({
         traveled: 0,
         maxTravel: getRandomTravel(),
         canSplit: true,
-        dead: false
+        dead: false,
+        direction,
+        history: [{ x: startNode.x, y: startNode.y }]
       });
       trailsRef.current.push({
         fromX: startNode.x,
@@ -258,17 +322,39 @@ function Grid({
         opacity: 1,
         edgeKey: edgeKeyStr
       });
+      return true;
+    };
+    const spawnParticle = () => {
+      if (bidirectional) {
+        const fromTop = spawnFromTopRef.current;
+        spawnFromTopRef.current = !spawnFromTopRef.current;
+        if (!trySpawn(fromTop)) {
+          trySpawn(!fromTop);
+        }
+      } else {
+        trySpawn(true);
+      }
     };
     const updateParticles = () => {
       const newParticles = [];
+      const maxHistoryLength = trailLength;
       for (const particle of particlesRef.current) {
         if (particle.dead) continue;
         particle.progress += lightSpeed * 0.02;
+        const currentX = particle.currentNode.x + (particle.targetNode.x - particle.currentNode.x) * particle.progress;
+        const currentY = particle.currentNode.y + (particle.targetNode.y - particle.currentNode.y) * particle.progress;
+        particle.history.push({ x: currentX, y: currentY });
+        if (particle.history.length > maxHistoryLength) {
+          particle.history.shift();
+        }
         const trailIndex = trailsRef.current.findIndex(
           (t) => t.fromX === particle.currentNode.x && t.fromY === particle.currentNode.y && t.toX === particle.targetNode.x && t.toY === particle.targetNode.y && t.progress < 1
         );
         if (trailIndex !== -1) {
-          trailsRef.current[trailIndex].progress = Math.min(particle.progress, 1);
+          trailsRef.current[trailIndex].progress = Math.min(
+            particle.progress,
+            1
+          );
         }
         if (particle.progress >= 1) {
           createNodeGlow(particle.targetNode.x, particle.targetNode.y);
@@ -281,7 +367,10 @@ function Grid({
             continue;
           }
           const currentNode = particle.targetNode;
-          const connectedNodes = getConnectedNodes(currentNode, particle.currentNode);
+          const connectedNodes = getConnectedNodes(
+            currentNode,
+            particle.currentNode
+          );
           const availableNodes = connectedNodes.filter((n) => {
             const key = makeEdgeKey(currentNode, n);
             return !activeEdgesRef.current.has(key);
@@ -293,7 +382,9 @@ function Grid({
           }
           const shouldSplit = particle.canSplit && Math.random() < splitChance && availableNodes.length >= 2;
           if (shouldSplit) {
-            const shuffled = [...availableNodes].sort(() => Math.random() - 0.5);
+            const shuffled = [...availableNodes].sort(
+              () => Math.random() - 0.5
+            );
             const target1 = shuffled[0];
             const target2 = shuffled[1];
             const edgeKey1 = makeEdgeKey(currentNode, target1);
@@ -321,7 +412,9 @@ function Grid({
               traveled: particle.traveled,
               maxTravel: particle.maxTravel,
               canSplit: false,
-              dead: false
+              dead: false,
+              direction: particle.direction,
+              history: [{ x: currentNode.x, y: currentNode.y }]
             });
             trailsRef.current.push({
               fromX: currentNode.x,
@@ -419,7 +512,25 @@ function Grid({
       resizeObserver.disconnect();
       cancelAnimationFrame(animationRef.current);
     };
-  }, [shape, cellSize, lineColor, lineWidth, animated, lightColor, lightSpeed, minTravel, maxTravel, spawnRate, splitChance, trailFadeSpeed, buildSquareGraph, buildHexGraph, getConnectedNodes]);
+  }, [
+    shape,
+    cellSize,
+    lineColor,
+    lineWidth,
+    animated,
+    lightColor,
+    lightSpeed,
+    minTravel,
+    maxTravel,
+    spawnRate,
+    splitChance,
+    trailFadeSpeed,
+    bidirectional,
+    trailLength,
+    buildSquareGraph,
+    buildHexGraph,
+    getConnectedNodes
+  ]);
   return /* @__PURE__ */ jsx("div", { ref: containerRef, className: `relative w-full h-full ${className}`, children: /* @__PURE__ */ jsx("canvas", { ref: canvasRef, className: "absolute inset-0" }) });
 }
 export {

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/Grid.tsx"],"sourcesContent":["\"use client\";\n\nimport { useEffect, useRef, useCallback } from \"react\";\n\nexport interface GridProps {\n  /** Grid shape: 4 for squares, 6 for hexagons */\n  shape?: 4 | 6;\n  /** Size of each cell in pixels */\n  cellSize?: number;\n  /** Color of the grid lines (use \"transparent\" to hide) */\n  lineColor?: string;\n  /** Width of the grid lines */\n  lineWidth?: number;\n  /** Additional CSS classes */\n  className?: string;\n  /** Enable animated light particles */\n  animated?: boolean;\n  /** Color of the light particles and trails */\n  lightColor?: string;\n  /** Speed of the light particles (1-5 recommended) */\n  lightSpeed?: number;\n  /** Minimum travel distance before particle dies */\n  minTravel?: number;\n  /** Maximum travel distance before particle dies */\n  maxTravel?: number;\n  /** Milliseconds between particle spawns */\n  spawnRate?: number;\n  /** Probability of particle splitting (0-1) */\n  splitChance?: number;\n  /** Speed at which trails fade (lower = slower fade) */\n  trailFadeSpeed?: number;\n}\n\ninterface Node {\n  x: number;\n  y: number;\n  key: string;\n}\n\ninterface Edge {\n  from: Node;\n  to: Node;\n  key: string;\n}\n\ninterface Particle {\n  id: number;\n  currentNode: Node;\n  targetNode: Node;\n  progress: number;\n  traveled: number;\n  maxTravel: number;\n  canSplit: boolean;\n  dead: boolean;\n}\n\ninterface Trail {\n  fromX: number;\n  fromY: number;\n  toX: number;\n  toY: number;\n  progress: number;\n  opacity: number;\n  edgeKey: string;\n}\n\ninterface Explosion {\n  x: number;\n  y: number;\n  radius: number;\n  maxRadius: number;\n  opacity: number;\n}\n\ninterface NodeGlow {\n  x: number;\n  y: number;\n  opacity: number;\n}\n\nexport function Grid({\n  shape = 4,\n  cellSize = 40,\n  lineColor = \"#e5e7eb\",\n  lineWidth = 1,\n  className = \"\",\n  animated = false,\n  lightColor = \"#3b82f6\",\n  lightSpeed = 2,\n  minTravel = 2,\n  maxTravel = 6,\n  spawnRate = 1000,\n  splitChance = 0.3,\n  trailFadeSpeed = 0.01,\n}: GridProps) {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const nodesRef = useRef<Map<string, Node>>(new Map());\n  const edgesRef = useRef<Edge[]>([]);\n  const adjacencyRef = useRef<Map<string, Edge[]>>(new Map());\n  const topNodesRef = useRef<Node[]>([]);\n  const animationRef = useRef<number>(0);\n  const particlesRef = useRef<Particle[]>([]);\n  const trailsRef = useRef<Trail[]>([]);\n  const lastSpawnRef = useRef<number>(0);\n  const particleIdRef = useRef<number>(0);\n  const dimensionsRef = useRef({ width: 0, height: 0 });\n  const activeEdgesRef = useRef<Set<string>>(new Set());\n  const explosionsRef = useRef<Explosion[]>([]);\n  const nodeGlowsRef = useRef<NodeGlow[]>([]);\n\n  const nodeKey = (x: number, y: number) => `${Math.round(x * 100)},${Math.round(y * 100)}`;\n  const edgeKey = (n1: Node, n2: Node) => {\n    const keys = [n1.key, n2.key].sort();\n    return `${keys[0]}-${keys[1]}`;\n  };\n\n  const getOrCreateNode = useCallback((x: number, y: number): Node => {\n    const key = nodeKey(x, y);\n    if (!nodesRef.current.has(key)) {\n      nodesRef.current.set(key, { x, y, key });\n    }\n    return nodesRef.current.get(key)!;\n  }, []);\n\n  const addEdge = useCallback((x1: number, y1: number, x2: number, y2: number) => {\n    const from = getOrCreateNode(x1, y1);\n    const to = getOrCreateNode(x2, y2);\n    const key = edgeKey(from, to);\n\n    const existingEdge = edgesRef.current.find(e => e.key === key);\n    if (existingEdge) return;\n\n    const edge: Edge = { from, to, key };\n    edgesRef.current.push(edge);\n\n    if (!adjacencyRef.current.has(from.key)) {\n      adjacencyRef.current.set(from.key, []);\n    }\n    if (!adjacencyRef.current.has(to.key)) {\n      adjacencyRef.current.set(to.key, []);\n    }\n    adjacencyRef.current.get(from.key)!.push(edge);\n    adjacencyRef.current.get(to.key)!.push(edge);\n  }, [getOrCreateNode]);\n\n  const buildSquareGraph = useCallback((width: number, height: number) => {\n    nodesRef.current.clear();\n    edgesRef.current = [];\n    adjacencyRef.current.clear();\n    topNodesRef.current = [];\n\n    const cols = Math.ceil(width / cellSize) + 1;\n    const rows = Math.ceil(height / cellSize) + 1;\n\n    for (let i = 0; i <= cols; i++) {\n      for (let j = 0; j <= rows; j++) {\n        const x = i * cellSize;\n        const y = j * cellSize;\n        if (i < cols) addEdge(x, y, x + cellSize, y);\n        if (j < rows) addEdge(x, y, x, y + cellSize);\n      }\n    }\n\n    for (let i = 0; i <= cols; i++) {\n      const node = nodesRef.current.get(nodeKey(i * cellSize, 0));\n      if (node) topNodesRef.current.push(node);\n    }\n  }, [cellSize, addEdge]);\n\n  const buildHexGraph = useCallback((width: number, height: number) => {\n    nodesRef.current.clear();\n    edgesRef.current = [];\n    adjacencyRef.current.clear();\n    topNodesRef.current = [];\n\n    const size = cellSize / 2;\n    const hexWidth = Math.sqrt(3) * size;\n    const vertSpacing = size * 1.5;\n\n    const cols = Math.ceil(width / hexWidth) + 2;\n    const rows = Math.ceil(height / vertSpacing) + 2;\n\n    for (let row = -1; row < rows; row++) {\n      for (let col = -1; col < cols; col++) {\n        const cx = col * hexWidth + (row % 2 === 0 ? 0 : hexWidth / 2);\n        const cy = row * vertSpacing;\n\n        const vertices: { x: number; y: number }[] = [];\n        for (let i = 0; i < 6; i++) {\n          const angle = (Math.PI / 3) * i - Math.PI / 2;\n          vertices.push({\n            x: cx + size * Math.cos(angle),\n            y: cy + size * Math.sin(angle),\n          });\n        }\n\n        for (let i = 0; i < 6; i++) {\n          const v1 = vertices[i];\n          const v2 = vertices[(i + 1) % 6];\n          addEdge(v1.x, v1.y, v2.x, v2.y);\n        }\n      }\n    }\n\n    const sortedNodes = Array.from(nodesRef.current.values())\n      .filter(n => n.y >= 0 && n.y <= size)\n      .sort((a, b) => a.x - b.x);\n    topNodesRef.current = sortedNodes;\n  }, [cellSize, addEdge]);\n\n  const getConnectedNodes = useCallback((node: Node, excludeNode?: Node): Node[] => {\n    const edges = adjacencyRef.current.get(node.key) || [];\n    return edges\n      .map(e => (e.from.key === node.key ? e.to : e.from))\n      .filter(n => !excludeNode || n.key !== excludeNode.key);\n  }, []);\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    const container = containerRef.current;\n    if (!canvas || !container) return;\n\n    let dpr = 1;\n\n    const drawGrid = (ctx: CanvasRenderingContext2D, width: number, height: number) => {\n      ctx.clearRect(0, 0, width, height);\n      ctx.strokeStyle = lineColor;\n      ctx.lineWidth = lineWidth;\n      ctx.beginPath();\n\n      for (const edge of edgesRef.current) {\n        ctx.moveTo(edge.from.x, edge.from.y);\n        ctx.lineTo(edge.to.x, edge.to.y);\n      }\n\n      ctx.stroke();\n    };\n\n    const drawTrails = (ctx: CanvasRenderingContext2D) => {\n      for (const trail of trailsRef.current) {\n        if (trail.opacity <= 0) continue;\n\n        const alpha = Math.floor(trail.opacity * 0.08 * 255).toString(16).padStart(2, '0');\n\n        ctx.strokeStyle = lightColor + alpha;\n        ctx.lineWidth = 1;\n        ctx.lineCap = \"round\";\n        ctx.beginPath();\n        ctx.moveTo(trail.fromX, trail.fromY);\n\n        if (trail.progress < 1) {\n          const endX = trail.fromX + (trail.toX - trail.fromX) * trail.progress;\n          const endY = trail.fromY + (trail.toY - trail.fromY) * trail.progress;\n          ctx.lineTo(endX, endY);\n        } else {\n          ctx.lineTo(trail.toX, trail.toY);\n        }\n        ctx.stroke();\n\n        ctx.shadowColor = lightColor;\n        ctx.shadowBlur = 2;\n        ctx.stroke();\n        ctx.shadowBlur = 0;\n      }\n    };\n\n    const drawParticles = (ctx: CanvasRenderingContext2D) => {\n      for (const particle of particlesRef.current) {\n        if (particle.dead) continue;\n\n        const x = particle.currentNode.x + (particle.targetNode.x - particle.currentNode.x) * particle.progress;\n        const y = particle.currentNode.y + (particle.targetNode.y - particle.currentNode.y) * particle.progress;\n\n        ctx.fillStyle = lightColor;\n        ctx.beginPath();\n        ctx.arc(x, y, 3, 0, Math.PI * 2);\n        ctx.fill();\n      }\n    };\n\n    const drawExplosions = (ctx: CanvasRenderingContext2D) => {\n      for (const explosion of explosionsRef.current) {\n        if (explosion.opacity <= 0) continue;\n\n        const alpha = Math.floor(explosion.opacity * 255).toString(16).padStart(2, '0');\n        ctx.strokeStyle = lightColor + alpha;\n        ctx.lineWidth = 2;\n        ctx.beginPath();\n        ctx.arc(explosion.x, explosion.y, explosion.radius, 0, Math.PI * 2);\n        ctx.stroke();\n      }\n    };\n\n    const updateExplosions = () => {\n      for (const explosion of explosionsRef.current) {\n        explosion.radius += 0.5;\n        explosion.opacity -= 0.08;\n      }\n      explosionsRef.current = explosionsRef.current.filter(e => e.opacity > 0);\n    };\n\n    const createExplosion = (x: number, y: number) => {\n      explosionsRef.current.push({\n        x,\n        y,\n        radius: 2,\n        maxRadius: 8,\n        opacity: 1,\n      });\n    };\n\n    const createNodeGlow = (x: number, y: number) => {\n      nodeGlowsRef.current.push({\n        x,\n        y,\n        opacity: 1,\n      });\n    };\n\n    const drawNodeGlows = (ctx: CanvasRenderingContext2D) => {\n      for (const glow of nodeGlowsRef.current) {\n        if (glow.opacity <= 0) continue;\n\n        const alpha = Math.floor(glow.opacity * 0.4 * 255).toString(16).padStart(2, '0');\n        ctx.fillStyle = lightColor + alpha;\n        ctx.beginPath();\n        ctx.arc(glow.x, glow.y, 2, 0, Math.PI * 2);\n        ctx.fill();\n      }\n    };\n\n    const updateNodeGlows = () => {\n      for (const glow of nodeGlowsRef.current) {\n        glow.opacity -= trailFadeSpeed * 3;\n      }\n      nodeGlowsRef.current = nodeGlowsRef.current.filter(g => g.opacity > 0);\n    };\n\n    const getRandomTravel = () => {\n      return Math.floor(Math.random() * (maxTravel - minTravel + 1)) + minTravel;\n    };\n\n    const makeEdgeKey = (n1: Node, n2: Node) => {\n      const keys = [n1.key, n2.key].sort();\n      return `${keys[0]}-${keys[1]}`;\n    };\n\n    const spawnParticle = () => {\n      if (topNodesRef.current.length === 0) return;\n\n      const startNode = topNodesRef.current[Math.floor(Math.random() * topNodesRef.current.length)];\n      const connectedNodes = getConnectedNodes(startNode);\n\n      const downwardNodes = connectedNodes.filter(n => n.y > startNode.y);\n      const targetNodes = downwardNodes.length > 0 ? downwardNodes : connectedNodes;\n\n      const availableNodes = targetNodes.filter(n => {\n        const key = makeEdgeKey(startNode, n);\n        return !activeEdgesRef.current.has(key);\n      });\n\n      if (availableNodes.length === 0) return;\n\n      const targetNode = availableNodes[Math.floor(Math.random() * availableNodes.length)];\n      const edgeKeyStr = makeEdgeKey(startNode, targetNode);\n      activeEdgesRef.current.add(edgeKeyStr);\n\n      particlesRef.current.push({\n        id: particleIdRef.current++,\n        currentNode: startNode,\n        targetNode,\n        progress: 0,\n        traveled: 0,\n        maxTravel: getRandomTravel(),\n        canSplit: true,\n        dead: false,\n      });\n\n      trailsRef.current.push({\n        fromX: startNode.x,\n        fromY: startNode.y,\n        toX: targetNode.x,\n        toY: targetNode.y,\n        progress: 0,\n        opacity: 1,\n        edgeKey: edgeKeyStr,\n      });\n    };\n\n    const updateParticles = () => {\n      const newParticles: Particle[] = [];\n\n      for (const particle of particlesRef.current) {\n        if (particle.dead) continue;\n\n        particle.progress += lightSpeed * 0.02;\n\n        const trailIndex = trailsRef.current.findIndex(\n          t => t.fromX === particle.currentNode.x &&\n               t.fromY === particle.currentNode.y &&\n               t.toX === particle.targetNode.x &&\n               t.toY === particle.targetNode.y &&\n               t.progress < 1\n        );\n        if (trailIndex !== -1) {\n          trailsRef.current[trailIndex].progress = Math.min(particle.progress, 1);\n        }\n\n        if (particle.progress >= 1) {\n          createNodeGlow(particle.targetNode.x, particle.targetNode.y);\n          particle.traveled++;\n\n          if (particle.traveled >= particle.maxTravel) {\n            const x = particle.targetNode.x;\n            const y = particle.targetNode.y;\n            createExplosion(x, y);\n            particle.dead = true;\n            continue;\n          }\n\n          const currentNode = particle.targetNode;\n          const connectedNodes = getConnectedNodes(currentNode, particle.currentNode);\n\n          const availableNodes = connectedNodes.filter(n => {\n            const key = makeEdgeKey(currentNode, n);\n            return !activeEdgesRef.current.has(key);\n          });\n\n          if (availableNodes.length === 0) {\n            createExplosion(currentNode.x, currentNode.y);\n            particle.dead = true;\n            continue;\n          }\n\n          const shouldSplit = particle.canSplit && Math.random() < splitChance && availableNodes.length >= 2;\n\n          if (shouldSplit) {\n            const shuffled = [...availableNodes].sort(() => Math.random() - 0.5);\n            const target1 = shuffled[0];\n            const target2 = shuffled[1];\n\n            const edgeKey1 = makeEdgeKey(currentNode, target1);\n            const edgeKey2 = makeEdgeKey(currentNode, target2);\n            activeEdgesRef.current.add(edgeKey1);\n            activeEdgesRef.current.add(edgeKey2);\n\n            particle.currentNode = currentNode;\n            particle.targetNode = target1;\n            particle.progress = 0;\n            particle.canSplit = false;\n\n            trailsRef.current.push({\n              fromX: currentNode.x,\n              fromY: currentNode.y,\n              toX: target1.x,\n              toY: target1.y,\n              progress: 0,\n              opacity: 1,\n              edgeKey: edgeKey1,\n            });\n\n            newParticles.push({\n              id: particleIdRef.current++,\n              currentNode: currentNode,\n              targetNode: target2,\n              progress: 0,\n              traveled: particle.traveled,\n              maxTravel: particle.maxTravel,\n              canSplit: false,\n              dead: false,\n            });\n\n            trailsRef.current.push({\n              fromX: currentNode.x,\n              fromY: currentNode.y,\n              toX: target2.x,\n              toY: target2.y,\n              progress: 0,\n              opacity: 1,\n              edgeKey: edgeKey2,\n            });\n          } else {\n            const targetNode = availableNodes[Math.floor(Math.random() * availableNodes.length)];\n            const newEdgeKey = makeEdgeKey(currentNode, targetNode);\n            activeEdgesRef.current.add(newEdgeKey);\n\n            particle.currentNode = currentNode;\n            particle.targetNode = targetNode;\n            particle.progress = 0;\n\n            trailsRef.current.push({\n              fromX: currentNode.x,\n              fromY: currentNode.y,\n              toX: targetNode.x,\n              toY: targetNode.y,\n              progress: 0,\n              opacity: 1,\n              edgeKey: newEdgeKey,\n            });\n          }\n        }\n      }\n\n      particlesRef.current.push(...newParticles);\n      particlesRef.current = particlesRef.current.filter(p => !p.dead);\n    };\n\n    const updateTrails = () => {\n      for (const trail of trailsRef.current) {\n        if (trail.progress >= 1) {\n          trail.opacity -= trailFadeSpeed;\n        }\n      }\n      const fadedTrails = trailsRef.current.filter(t => t.opacity <= 0);\n      for (const trail of fadedTrails) {\n        activeEdgesRef.current.delete(trail.edgeKey);\n      }\n      trailsRef.current = trailsRef.current.filter(t => t.opacity > 0);\n    };\n\n    const animate = (timestamp: number) => {\n      const ctx = canvas.getContext(\"2d\");\n      if (!ctx) return;\n\n      const { width, height } = dimensionsRef.current;\n\n      ctx.save();\n      ctx.scale(dpr, dpr);\n      drawGrid(ctx, width, height);\n\n      if (animated) {\n        if (timestamp - lastSpawnRef.current > spawnRate) {\n          spawnParticle();\n          lastSpawnRef.current = timestamp;\n        }\n\n        updateParticles();\n        updateTrails();\n        updateExplosions();\n        updateNodeGlows();\n        drawTrails(ctx);\n        drawNodeGlows(ctx);\n        drawParticles(ctx);\n        drawExplosions(ctx);\n      }\n\n      ctx.restore();\n      animationRef.current = requestAnimationFrame(animate);\n    };\n\n    const setup = () => {\n      const { width, height } = container.getBoundingClientRect();\n      dimensionsRef.current = { width, height };\n      dpr = window.devicePixelRatio || 1;\n\n      canvas.width = width * dpr;\n      canvas.height = height * dpr;\n      canvas.style.width = `${width}px`;\n      canvas.style.height = `${height}px`;\n\n      if (shape === 4) {\n        buildSquareGraph(width, height);\n      } else {\n        buildHexGraph(width, height);\n      }\n\n      particlesRef.current = [];\n      trailsRef.current = [];\n      activeEdgesRef.current.clear();\n      explosionsRef.current = [];\n      nodeGlowsRef.current = [];\n    };\n\n    const resizeObserver = new ResizeObserver(() => {\n      setup();\n    });\n\n    resizeObserver.observe(container);\n    setup();\n    animationRef.current = requestAnimationFrame(animate);\n\n    return () => {\n      resizeObserver.disconnect();\n      cancelAnimationFrame(animationRef.current);\n    };\n  }, [shape, cellSize, lineColor, lineWidth, animated, lightColor, lightSpeed, minTravel, maxTravel, spawnRate, splitChance, trailFadeSpeed, buildSquareGraph, buildHexGraph, getConnectedNodes]);\n\n  return (\n    <div ref={containerRef} className={`relative w-full h-full ${className}`}>\n      <canvas ref={canvasRef} className=\"absolute inset-0\" />\n    </div>\n  );\n}\n\nexport default Grid;\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/Grid.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef, useCallback } from 'react';\n\nexport interface GridProps {\n  /** Grid shape: 4 for squares, 6 for hexagons */\n  shape?: 4 | 6;\n  /** Size of each cell in pixels */\n  cellSize?: number;\n  /** Color of the grid lines (use \"transparent\" to hide) */\n  lineColor?: string;\n  /** Width of the grid lines */\n  lineWidth?: number;\n  /** Additional CSS classes */\n  className?: string;\n  /** Enable animated light particles */\n  animated?: boolean;\n  /** Color of the light particles and trails */\n  lightColor?: string;\n  /** Speed of the light particles (1-5 recommended) */\n  lightSpeed?: number;\n  /** Minimum travel distance before particle dies */\n  minTravel?: number;\n  /** Maximum travel distance before particle dies */\n  maxTravel?: number;\n  /** Milliseconds between particle spawns */\n  spawnRate?: number;\n  /** Probability of particle splitting (0-1) */\n  splitChance?: number;\n  /** Speed at which trails fade (lower = slower fade) */\n  trailFadeSpeed?: number;\n  /** Enable spawning particles from the bottom as well as the top */\n  bidirectional?: boolean;\n  /** Length of the light trail (number of history points) */\n  trailLength?: number;\n}\n\ninterface Node {\n  x: number;\n  y: number;\n  key: string;\n}\n\ninterface Edge {\n  from: Node;\n  to: Node;\n  key: string;\n}\n\ninterface Particle {\n  id: number;\n  currentNode: Node;\n  targetNode: Node;\n  progress: number;\n  traveled: number;\n  maxTravel: number;\n  canSplit: boolean;\n  dead: boolean;\n  direction: 1 | -1;\n  history: { x: number; y: number }[];\n}\n\ninterface Trail {\n  fromX: number;\n  fromY: number;\n  toX: number;\n  toY: number;\n  progress: number;\n  opacity: number;\n  edgeKey: string;\n}\n\ninterface Explosion {\n  x: number;\n  y: number;\n  radius: number;\n  maxRadius: number;\n  opacity: number;\n}\n\ninterface NodeGlow {\n  x: number;\n  y: number;\n  opacity: number;\n}\n\nexport function Grid({\n  shape = 4,\n  cellSize = 40,\n  lineColor = '#e5e7eb',\n  lineWidth = 1,\n  className = '',\n  animated = false,\n  lightColor = '#3b82f6',\n  lightSpeed = 2,\n  minTravel = 2,\n  maxTravel = 6,\n  spawnRate = 1000,\n  splitChance = 0.3,\n  trailFadeSpeed = 0.01,\n  bidirectional = false,\n  trailLength = 15,\n}: GridProps) {\n  const canvasRef = useRef<HTMLCanvasElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n  const nodesRef = useRef<Map<string, Node>>(new Map());\n  const edgesRef = useRef<Edge[]>([]);\n  const adjacencyRef = useRef<Map<string, Edge[]>>(new Map());\n  const topNodesRef = useRef<Node[]>([]);\n  const bottomNodesRef = useRef<Node[]>([]);\n  const animationRef = useRef<number>(0);\n  const particlesRef = useRef<Particle[]>([]);\n  const trailsRef = useRef<Trail[]>([]);\n  const lastSpawnRef = useRef<number>(0);\n  const particleIdRef = useRef<number>(0);\n  const dimensionsRef = useRef({ width: 0, height: 0 });\n  const activeEdgesRef = useRef<Set<string>>(new Set());\n  const explosionsRef = useRef<Explosion[]>([]);\n  const nodeGlowsRef = useRef<NodeGlow[]>([]);\n  const spawnFromTopRef = useRef<boolean>(true);\n\n  const nodeKey = (x: number, y: number) =>\n    `${Math.round(x * 100)},${Math.round(y * 100)}`;\n  const edgeKey = (n1: Node, n2: Node) => {\n    const keys = [n1.key, n2.key].sort();\n    return `${keys[0]}-${keys[1]}`;\n  };\n\n  const getOrCreateNode = useCallback((x: number, y: number): Node => {\n    const key = nodeKey(x, y);\n    if (!nodesRef.current.has(key)) {\n      nodesRef.current.set(key, { x, y, key });\n    }\n    return nodesRef.current.get(key)!;\n  }, []);\n\n  const addEdge = useCallback(\n    (x1: number, y1: number, x2: number, y2: number) => {\n      const from = getOrCreateNode(x1, y1);\n      const to = getOrCreateNode(x2, y2);\n      const key = edgeKey(from, to);\n\n      const existingEdge = edgesRef.current.find((e) => e.key === key);\n      if (existingEdge) return;\n\n      const edge: Edge = { from, to, key };\n      edgesRef.current.push(edge);\n\n      if (!adjacencyRef.current.has(from.key)) {\n        adjacencyRef.current.set(from.key, []);\n      }\n      if (!adjacencyRef.current.has(to.key)) {\n        adjacencyRef.current.set(to.key, []);\n      }\n      adjacencyRef.current.get(from.key)!.push(edge);\n      adjacencyRef.current.get(to.key)!.push(edge);\n    },\n    [getOrCreateNode]\n  );\n\n  const buildSquareGraph = useCallback(\n    (width: number, height: number) => {\n      nodesRef.current.clear();\n      edgesRef.current = [];\n      adjacencyRef.current.clear();\n      topNodesRef.current = [];\n      bottomNodesRef.current = [];\n\n      const cols = Math.ceil(width / cellSize) + 1;\n      const rows = Math.ceil(height / cellSize) + 1;\n\n      for (let i = 0; i <= cols; i++) {\n        for (let j = 0; j <= rows; j++) {\n          const x = i * cellSize;\n          const y = j * cellSize;\n          if (i < cols) addEdge(x, y, x + cellSize, y);\n          if (j < rows) addEdge(x, y, x, y + cellSize);\n        }\n      }\n\n      const maxY = rows * cellSize;\n      for (let i = 0; i <= cols; i++) {\n        const topNode = nodesRef.current.get(nodeKey(i * cellSize, 0));\n        if (topNode) topNodesRef.current.push(topNode);\n\n        const bottomNode = nodesRef.current.get(nodeKey(i * cellSize, maxY));\n        if (bottomNode) bottomNodesRef.current.push(bottomNode);\n      }\n    },\n    [cellSize, addEdge]\n  );\n\n  const buildHexGraph = useCallback(\n    (width: number, height: number) => {\n      nodesRef.current.clear();\n      edgesRef.current = [];\n      adjacencyRef.current.clear();\n      topNodesRef.current = [];\n      bottomNodesRef.current = [];\n\n      const size = cellSize / 2;\n      const hexWidth = Math.sqrt(3) * size;\n      const vertSpacing = size * 1.5;\n\n      const cols = Math.ceil(width / hexWidth) + 2;\n      const rows = Math.ceil(height / vertSpacing) + 2;\n\n      for (let row = -1; row < rows; row++) {\n        for (let col = -1; col < cols; col++) {\n          const cx = col * hexWidth + (row % 2 === 0 ? 0 : hexWidth / 2);\n          const cy = row * vertSpacing;\n\n          const vertices: { x: number; y: number }[] = [];\n          for (let i = 0; i < 6; i++) {\n            const angle = (Math.PI / 3) * i - Math.PI / 2;\n            vertices.push({\n              x: cx + size * Math.cos(angle),\n              y: cy + size * Math.sin(angle),\n            });\n          }\n\n          for (let i = 0; i < 6; i++) {\n            const v1 = vertices[i];\n            const v2 = vertices[(i + 1) % 6];\n            addEdge(v1.x, v1.y, v2.x, v2.y);\n          }\n        }\n      }\n\n      const allNodes = Array.from(nodesRef.current.values());\n\n      const visibleNodes = allNodes.filter((n) => n.y >= 0 && n.y <= height);\n\n      topNodesRef.current = visibleNodes\n        .filter((n) => n.y <= size * 2)\n        .sort((a, b) => a.x - b.x);\n\n      bottomNodesRef.current = visibleNodes\n        .filter((n) => n.y >= height - size * 2)\n        .sort((a, b) => a.x - b.x);\n    },\n    [cellSize, addEdge]\n  );\n\n  const getConnectedNodes = useCallback(\n    (node: Node, excludeNode?: Node): Node[] => {\n      const edges = adjacencyRef.current.get(node.key) || [];\n      return edges\n        .map((e) => (e.from.key === node.key ? e.to : e.from))\n        .filter((n) => !excludeNode || n.key !== excludeNode.key);\n    },\n    []\n  );\n\n  useEffect(() => {\n    const canvas = canvasRef.current;\n    const container = containerRef.current;\n    if (!canvas || !container) return;\n\n    let dpr = 1;\n\n    const drawGrid = (\n      ctx: CanvasRenderingContext2D,\n      width: number,\n      height: number\n    ) => {\n      ctx.clearRect(0, 0, width, height);\n      ctx.strokeStyle = lineColor;\n      ctx.lineWidth = lineWidth;\n      ctx.beginPath();\n\n      for (const edge of edgesRef.current) {\n        ctx.moveTo(edge.from.x, edge.from.y);\n        ctx.lineTo(edge.to.x, edge.to.y);\n      }\n\n      ctx.stroke();\n    };\n\n    const drawTrails = (ctx: CanvasRenderingContext2D) => {\n      for (const trail of trailsRef.current) {\n        if (trail.opacity <= 0) continue;\n\n        const alpha = Math.floor(trail.opacity * 0.08 * 255)\n          .toString(16)\n          .padStart(2, '0');\n\n        ctx.strokeStyle = lightColor + alpha;\n        ctx.lineWidth = 1;\n        ctx.lineCap = 'round';\n        ctx.beginPath();\n        ctx.moveTo(trail.fromX, trail.fromY);\n\n        if (trail.progress < 1) {\n          const endX = trail.fromX + (trail.toX - trail.fromX) * trail.progress;\n          const endY = trail.fromY + (trail.toY - trail.fromY) * trail.progress;\n          ctx.lineTo(endX, endY);\n        } else {\n          ctx.lineTo(trail.toX, trail.toY);\n        }\n        ctx.stroke();\n\n        ctx.shadowColor = lightColor;\n        ctx.shadowBlur = 2;\n        ctx.stroke();\n        ctx.shadowBlur = 0;\n      }\n    };\n\n    const drawParticles = (ctx: CanvasRenderingContext2D) => {\n      for (const particle of particlesRef.current) {\n        if (particle.dead) continue;\n\n        const history = particle.history;\n        if (history.length === 0) continue;\n\n        const head = history[history.length - 1];\n\n        if (history.length >= 2) {\n          ctx.lineCap = 'round';\n          ctx.lineJoin = 'round';\n          const r = parseInt(lightColor.slice(1, 3), 16);\n          const g = parseInt(lightColor.slice(3, 5), 16);\n          const b = parseInt(lightColor.slice(5, 7), 16);\n          const lighterR = Math.floor(r + (255 - r) * 0.6);\n          const lighterG = Math.floor(g + (255 - g) * 0.6);\n          const lighterB = Math.floor(b + (255 - b) * 0.6);\n          ctx.strokeStyle = `rgb(${lighterR}, ${lighterG}, ${lighterB})`;\n\n          const maxWidth = 4;\n          const minWidth = 0.5;\n          for (let i = 1; i < history.length; i++) {\n            const progress = i / (history.length - 1);\n            ctx.lineWidth = minWidth + (maxWidth - minWidth) * progress;\n            ctx.beginPath();\n            ctx.moveTo(history[i - 1].x, history[i - 1].y);\n            ctx.lineTo(history[i].x, history[i].y);\n            ctx.stroke();\n          }\n        }\n\n        ctx.fillStyle = lightColor;\n        ctx.beginPath();\n        let angle = 0;\n        if (history.length >= 2) {\n          const prev = history[history.length - 2];\n          angle = Math.atan2(head.y - prev.y, head.x - prev.x);\n        }\n        ctx.save();\n        ctx.translate(head.x, head.y);\n        ctx.rotate(angle);\n        ctx.moveTo(-3, 0);\n        ctx.quadraticCurveTo(1, -2.5, 2, 0);\n        ctx.quadraticCurveTo(1, 2.5, -3, 0);\n        ctx.restore();\n        ctx.fill();\n      }\n    };\n\n    const drawExplosions = (ctx: CanvasRenderingContext2D) => {\n      for (const explosion of explosionsRef.current) {\n        if (explosion.opacity <= 0) continue;\n\n        const alpha = Math.floor(explosion.opacity * 255)\n          .toString(16)\n          .padStart(2, '0');\n        ctx.strokeStyle = lightColor + alpha;\n        ctx.lineWidth = 2;\n        ctx.beginPath();\n        ctx.arc(explosion.x, explosion.y, explosion.radius, 0, Math.PI * 2);\n        ctx.stroke();\n      }\n    };\n\n    const updateExplosions = () => {\n      for (const explosion of explosionsRef.current) {\n        explosion.radius += 0.5;\n        explosion.opacity -= 0.08;\n      }\n      explosionsRef.current = explosionsRef.current.filter(\n        (e) => e.opacity > 0\n      );\n    };\n\n    const createExplosion = (x: number, y: number) => {\n      explosionsRef.current.push({\n        x,\n        y,\n        radius: 2,\n        maxRadius: 8,\n        opacity: 1,\n      });\n    };\n\n    const createNodeGlow = (x: number, y: number) => {\n      nodeGlowsRef.current.push({\n        x,\n        y,\n        opacity: 1,\n      });\n    };\n\n    const drawNodeGlows = (ctx: CanvasRenderingContext2D) => {\n      for (const glow of nodeGlowsRef.current) {\n        if (glow.opacity <= 0) continue;\n\n        const alpha = Math.floor(glow.opacity * 0.4 * 255)\n          .toString(16)\n          .padStart(2, '0');\n        ctx.fillStyle = lightColor + alpha;\n        ctx.beginPath();\n        ctx.arc(glow.x, glow.y, 2, 0, Math.PI * 2);\n        ctx.fill();\n      }\n    };\n\n    const updateNodeGlows = () => {\n      for (const glow of nodeGlowsRef.current) {\n        glow.opacity -= trailFadeSpeed * 3;\n      }\n      nodeGlowsRef.current = nodeGlowsRef.current.filter((g) => g.opacity > 0);\n    };\n\n    const getRandomTravel = () => {\n      return (\n        Math.floor(Math.random() * (maxTravel - minTravel + 1)) + minTravel\n      );\n    };\n\n    const makeEdgeKey = (n1: Node, n2: Node) => {\n      const keys = [n1.key, n2.key].sort();\n      return `${keys[0]}-${keys[1]}`;\n    };\n\n    const trySpawn = (fromTop: boolean): boolean => {\n      const sourceNodes = fromTop\n        ? topNodesRef.current\n        : bottomNodesRef.current;\n      const direction: 1 | -1 = fromTop ? 1 : -1;\n\n      if (sourceNodes.length === 0) return false;\n\n      const startNode =\n        sourceNodes[Math.floor(Math.random() * sourceNodes.length)];\n      const connectedNodes = getConnectedNodes(startNode);\n\n      const preferredNodes = connectedNodes.filter((n) =>\n        fromTop ? n.y > startNode.y : n.y < startNode.y\n      );\n      const targetNodes =\n        preferredNodes.length > 0 ? preferredNodes : connectedNodes;\n\n      const availableNodes = targetNodes.filter((n) => {\n        const key = makeEdgeKey(startNode, n);\n        return !activeEdgesRef.current.has(key);\n      });\n\n      if (availableNodes.length === 0) return false;\n\n      const targetNode =\n        availableNodes[Math.floor(Math.random() * availableNodes.length)];\n      const edgeKeyStr = makeEdgeKey(startNode, targetNode);\n      activeEdgesRef.current.add(edgeKeyStr);\n\n      particlesRef.current.push({\n        id: particleIdRef.current++,\n        currentNode: startNode,\n        targetNode,\n        progress: 0,\n        traveled: 0,\n        maxTravel: getRandomTravel(),\n        canSplit: true,\n        dead: false,\n        direction,\n        history: [{ x: startNode.x, y: startNode.y }],\n      });\n\n      trailsRef.current.push({\n        fromX: startNode.x,\n        fromY: startNode.y,\n        toX: targetNode.x,\n        toY: targetNode.y,\n        progress: 0,\n        opacity: 1,\n        edgeKey: edgeKeyStr,\n      });\n\n      return true;\n    };\n\n    const spawnParticle = () => {\n      if (bidirectional) {\n        const fromTop = spawnFromTopRef.current;\n        spawnFromTopRef.current = !spawnFromTopRef.current;\n\n        if (!trySpawn(fromTop)) {\n          trySpawn(!fromTop);\n        }\n      } else {\n        trySpawn(true);\n      }\n    };\n\n    const updateParticles = () => {\n      const newParticles: Particle[] = [];\n      const maxHistoryLength = trailLength;\n\n      for (const particle of particlesRef.current) {\n        if (particle.dead) continue;\n\n        particle.progress += lightSpeed * 0.02;\n\n        const currentX =\n          particle.currentNode.x +\n          (particle.targetNode.x - particle.currentNode.x) * particle.progress;\n        const currentY =\n          particle.currentNode.y +\n          (particle.targetNode.y - particle.currentNode.y) * particle.progress;\n        particle.history.push({ x: currentX, y: currentY });\n        if (particle.history.length > maxHistoryLength) {\n          particle.history.shift();\n        }\n\n        const trailIndex = trailsRef.current.findIndex(\n          (t) =>\n            t.fromX === particle.currentNode.x &&\n            t.fromY === particle.currentNode.y &&\n            t.toX === particle.targetNode.x &&\n            t.toY === particle.targetNode.y &&\n            t.progress < 1\n        );\n        if (trailIndex !== -1) {\n          trailsRef.current[trailIndex].progress = Math.min(\n            particle.progress,\n            1\n          );\n        }\n\n        if (particle.progress >= 1) {\n          createNodeGlow(particle.targetNode.x, particle.targetNode.y);\n          particle.traveled++;\n\n          if (particle.traveled >= particle.maxTravel) {\n            const x = particle.targetNode.x;\n            const y = particle.targetNode.y;\n            createExplosion(x, y);\n            particle.dead = true;\n            continue;\n          }\n\n          const currentNode = particle.targetNode;\n          const connectedNodes = getConnectedNodes(\n            currentNode,\n            particle.currentNode\n          );\n\n          const availableNodes = connectedNodes.filter((n) => {\n            const key = makeEdgeKey(currentNode, n);\n            return !activeEdgesRef.current.has(key);\n          });\n\n          if (availableNodes.length === 0) {\n            createExplosion(currentNode.x, currentNode.y);\n            particle.dead = true;\n            continue;\n          }\n\n          const shouldSplit =\n            particle.canSplit &&\n            Math.random() < splitChance &&\n            availableNodes.length >= 2;\n\n          if (shouldSplit) {\n            const shuffled = [...availableNodes].sort(\n              () => Math.random() - 0.5\n            );\n            const target1 = shuffled[0];\n            const target2 = shuffled[1];\n\n            const edgeKey1 = makeEdgeKey(currentNode, target1);\n            const edgeKey2 = makeEdgeKey(currentNode, target2);\n            activeEdgesRef.current.add(edgeKey1);\n            activeEdgesRef.current.add(edgeKey2);\n\n            particle.currentNode = currentNode;\n            particle.targetNode = target1;\n            particle.progress = 0;\n            particle.canSplit = false;\n\n            trailsRef.current.push({\n              fromX: currentNode.x,\n              fromY: currentNode.y,\n              toX: target1.x,\n              toY: target1.y,\n              progress: 0,\n              opacity: 1,\n              edgeKey: edgeKey1,\n            });\n\n            newParticles.push({\n              id: particleIdRef.current++,\n              currentNode: currentNode,\n              targetNode: target2,\n              progress: 0,\n              traveled: particle.traveled,\n              maxTravel: particle.maxTravel,\n              canSplit: false,\n              dead: false,\n              direction: particle.direction,\n              history: [{ x: currentNode.x, y: currentNode.y }],\n            });\n\n            trailsRef.current.push({\n              fromX: currentNode.x,\n              fromY: currentNode.y,\n              toX: target2.x,\n              toY: target2.y,\n              progress: 0,\n              opacity: 1,\n              edgeKey: edgeKey2,\n            });\n          } else {\n            const targetNode =\n              availableNodes[Math.floor(Math.random() * availableNodes.length)];\n            const newEdgeKey = makeEdgeKey(currentNode, targetNode);\n            activeEdgesRef.current.add(newEdgeKey);\n\n            particle.currentNode = currentNode;\n            particle.targetNode = targetNode;\n            particle.progress = 0;\n\n            trailsRef.current.push({\n              fromX: currentNode.x,\n              fromY: currentNode.y,\n              toX: targetNode.x,\n              toY: targetNode.y,\n              progress: 0,\n              opacity: 1,\n              edgeKey: newEdgeKey,\n            });\n          }\n        }\n      }\n\n      particlesRef.current.push(...newParticles);\n      particlesRef.current = particlesRef.current.filter((p) => !p.dead);\n    };\n\n    const updateTrails = () => {\n      for (const trail of trailsRef.current) {\n        if (trail.progress >= 1) {\n          trail.opacity -= trailFadeSpeed;\n        }\n      }\n      const fadedTrails = trailsRef.current.filter((t) => t.opacity <= 0);\n      for (const trail of fadedTrails) {\n        activeEdgesRef.current.delete(trail.edgeKey);\n      }\n      trailsRef.current = trailsRef.current.filter((t) => t.opacity > 0);\n    };\n\n    const animate = (timestamp: number) => {\n      const ctx = canvas.getContext('2d');\n      if (!ctx) return;\n\n      const { width, height } = dimensionsRef.current;\n\n      ctx.save();\n      ctx.scale(dpr, dpr);\n      drawGrid(ctx, width, height);\n\n      if (animated) {\n        if (timestamp - lastSpawnRef.current > spawnRate) {\n          spawnParticle();\n          lastSpawnRef.current = timestamp;\n        }\n\n        updateParticles();\n        updateTrails();\n        updateExplosions();\n        updateNodeGlows();\n        drawTrails(ctx);\n        drawNodeGlows(ctx);\n        drawParticles(ctx);\n        drawExplosions(ctx);\n      }\n\n      ctx.restore();\n      animationRef.current = requestAnimationFrame(animate);\n    };\n\n    const setup = () => {\n      const { width, height } = container.getBoundingClientRect();\n      dimensionsRef.current = { width, height };\n      dpr = window.devicePixelRatio || 1;\n\n      canvas.width = width * dpr;\n      canvas.height = height * dpr;\n      canvas.style.width = `${width}px`;\n      canvas.style.height = `${height}px`;\n\n      if (shape === 4) {\n        buildSquareGraph(width, height);\n      } else {\n        buildHexGraph(width, height);\n      }\n\n      particlesRef.current = [];\n      trailsRef.current = [];\n      activeEdgesRef.current.clear();\n      explosionsRef.current = [];\n      nodeGlowsRef.current = [];\n    };\n\n    const resizeObserver = new ResizeObserver(() => {\n      setup();\n    });\n\n    resizeObserver.observe(container);\n    setup();\n    animationRef.current = requestAnimationFrame(animate);\n\n    return () => {\n      resizeObserver.disconnect();\n      cancelAnimationFrame(animationRef.current);\n    };\n  }, [\n    shape,\n    cellSize,\n    lineColor,\n    lineWidth,\n    animated,\n    lightColor,\n    lightSpeed,\n    minTravel,\n    maxTravel,\n    spawnRate,\n    splitChance,\n    trailFadeSpeed,\n    bidirectional,\n    trailLength,\n    buildSquareGraph,\n    buildHexGraph,\n    getConnectedNodes,\n  ]);\n\n  return (\n    <div ref={containerRef} className={`relative w-full h-full ${className}`}>\n      <canvas ref={canvasRef} className=\"absolute inset-0\" />\n    </div>\n  );\n}\n\nexport default Grid;\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-grid-lights",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "A React component for animated grid backgrounds with traveling light particles. Supports square and hexagonal grids with customizable animations.",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",