@hdcodedev/snowfall 1.0.12 → 1.0.14

package/LICENSE

@@ -1,201 +1,21 @@
-                                 Apache License
-                           Version 2.0, January 2004
-                        http://www.apache.org/licenses/
-
-   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
-
-   1. Definitions.
-
-      "License" shall mean the terms and conditions for use, reproduction,
-      and distribution as defined by Sections 1 through 9 of this document.
-
-      "Licensor" shall mean the copyright owner or entity authorized by
-      the copyright owner that is granting the License.
-
-      "Legal Entity" shall mean the union of the acting entity and all
-      other entities that control, are controlled by, or are under common
-      control with that entity. For the purposes of this definition,
-      "control" means (i) the power, direct or indirect, to cause the
-      direction or management of such entity, whether by contract or
-      otherwise, or (ii) ownership of fifty percent (50%) or more of the
-      outstanding shares, or (iii) beneficial ownership of such entity.
-
-      "You" (or "Your") shall mean an individual or Legal Entity
-      exercising permissions granted by this License.
-
-      "Source" form shall mean the preferred form for making modifications,
-      including but not limited to software source code, documentation
-      source, and configuration files.
-
-      "Object" form shall mean any form resulting from mechanical
-      transformation or translation of a Source form, including but
-      not limited to compiled object code, generated documentation,
-      and conversions to other media types.
-
-      "Work" shall mean the work of authorship, whether in Source or
-      Object form, made available under the License, as indicated by a
-      copyright notice that is included in or attached to the work
-      (an example is provided in the Appendix below).
-
-      "Derivative Works" shall mean any work, whether in Source or Object
-      form, that is based on (or derived from) the Work and for which the
-      editorial revisions, annotations, elaborations, or other modifications
-      represent, as a whole, an original work of authorship. For the purposes
-      of this License, Derivative Works shall not include works that remain
-      separable from, or merely link (or bind by name) to the interfaces of,
-      the Work and Derivative Works thereof.
-
-      "Contribution" shall mean any work of authorship, including
-      the original version of the Work and any modifications or additions
-      to that Work or Derivative Works thereof, that is intentionally
-      submitted to Licensor for inclusion in the Work by the copyright owner
-      or by an individual or Legal Entity authorized to submit on behalf of
-      the copyright owner. For the purposes of this definition, "submitted"
-      means any form of electronic, verbal, or written communication sent
-      to the Licensor or its representatives, including but not limited to
-      communication on electronic mailing lists, source code control systems,
-      and issue tracking systems that are managed by, or on behalf of, the
-      Licensor for the purpose of discussing and improving the Work, but
-      excluding communication that is conspicuously marked or otherwise
-      designated in writing by the copyright owner as "Not a Contribution."
-
-      "Contributor" shall mean Licensor and any individual or Legal Entity
-      on behalf of whom a Contribution has been received by Licensor and
-      subsequently incorporated within the Work.
-
-   2. Grant of Copyright License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      copyright license to reproduce, prepare Derivative Works of,
-      publicly display, publicly perform, sublicense, and distribute the
-      Work and such Derivative Works in Source or Object form.
-
-   3. Grant of Patent License. Subject to the terms and conditions of
-      this License, each Contributor hereby grants to You a perpetual,
-      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
-      (except as stated in this section) patent license to make, have made,
-      use, offer to sell, sell, import, and otherwise transfer the Work,
-      where such license applies only to those patent claims licensable
-      by such Contributor that are necessarily infringed by their
-      Contribution(s) alone or by combination of their Contribution(s)
-      with the Work to which such Contribution(s) was submitted. If You
-      institute patent litigation against any entity (including a
-      cross-claim or counterclaim in a lawsuit) alleging that the Work
-      or a Contribution incorporated within the Work constitutes direct
-      or contributory patent infringement, then any patent licenses
-      granted to You under this License for that Work shall terminate
-      as of the date such litigation is filed.
-
-   4. Redistribution. You may reproduce and distribute copies of the
-      Work or Derivative Works thereof in any medium, with or without
-      modifications, and in Source or Object form, provided that You
-      meet the following conditions:
-
-      (a) You must give any other recipients of the Work or
-          Derivative Works a copy of this License; and
-
-      (b) You must cause any modified files to carry prominent notices
-          stating that You changed the files; and
-
-      (c) You must retain, in the Source form of any Derivative Works
-          that You distribute, all copyright, patent, trademark, and
-          attribution notices from the Source form of the Work,
-          excluding those notices that do not pertain to any part of
-          the Derivative Works; and
-
-      (d) If the Work includes a "NOTICE" text file as part of its
-          distribution, then any Derivative Works that You distribute must
-          include a readable copy of the attribution notices contained
-          within such NOTICE file, excluding those notices that do not
-          pertain to any part of the Derivative Works, in at least one
-          of the following places: within a NOTICE text file distributed
-          as part of the Derivative Works; within the Source form or
-          documentation, if provided along with the Derivative Works; or,
-          within a display generated by the Derivative Works, if and
-          wherever such third-party notices normally appear. The contents
-          of the NOTICE file are for informational purposes only and
-          do not modify the License. You may add Your own attribution
-          notices within Derivative Works that You distribute, alongside
-          or as an addendum to the NOTICE text from the Work, provided
-          that such additional attribution notices cannot be construed
-          as modifying the License.
-
-      You may add Your own copyright statement to Your modifications and
-      may provide additional or different license terms and conditions
-      for use, reproduction, or distribution of Your modifications, or
-      for any such Derivative Works as a whole, provided Your use,
-      reproduction, and distribution of the Work otherwise complies with
-      the conditions stated in this License.
-
-   5. Submission of Contributions. Unless You explicitly state otherwise,
-      any Contribution intentionally submitted for inclusion in the Work
-      by You to the Licensor shall be under the terms and conditions of
-      this License, without any additional terms or conditions.
-      Notwithstanding the above, nothing herein shall supersede or modify
-      the terms of any separate license agreement you may have executed
-      with Licensor regarding such Contributions.
-
-   6. Trademarks. This License does not grant permission to use the trade
-      names, trademarks, service marks, or product names of the Licensor,
-      except as required for reasonable and customary use in describing the
-      origin of the Work and reproducing the content of the NOTICE file.
-
-   7. Disclaimer of Warranty. Unless required by applicable law or
-      agreed to in writing, Licensor provides the Work (and each
-      Contributor provides its Contributions) on an "AS IS" BASIS,
-      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
-      implied, including, without limitation, any warranties or conditions
-      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
-      PARTICULAR PURPOSE. You are solely responsible for determining the
-      appropriateness of using or redistributing the Work and assume any
-      risks associated with Your exercise of permissions under this License.
-
-   8. Limitation of Liability. In no event and under no legal theory,
-      whether in tort (including negligence), contract, or otherwise,
-      unless required by applicable law (such as deliberate and grossly
-      negligent acts) or agreed to in writing, shall any Contributor be
-      liable to You for damages, including any direct, indirect, special,
-      incidental, or consequential damages of any character arising as a
-      result of this License or out of the use or inability to use the
-      Work (including but not limited to damages for loss of goodwill,
-      work stoppage, computer failure or malfunction, or any and all
-      other commercial damages or losses), even if such Contributor
-      has been advised of the possibility of such damages.
-
-   9. Accepting Warranty or Additional Liability. While redistributing
-      the Work or Derivative Works thereof, You may choose to offer,
-      and charge a fee for, acceptance of support, warranty, indemnity,
-      or other liability obligations and/or rights consistent with this
-      License. However, in accepting such obligations, You may act only
-      on Your own behalf and on Your sole responsibility, not on behalf
-      of any other Contributor, and only if You agree to indemnify,
-      defend, and hold each Contributor harmless for any liability
-      incurred by, or claims asserted against, such Contributor by reason
-      of your accepting any such warranty or additional liability.
-
-   END OF TERMS AND CONDITIONS
-
-   APPENDIX: How to apply the Apache License to your work.
-
-      To apply the Apache License to your work, attach the following
-      boilerplate notice, with the fields enclosed by brackets "[]"
-      replaced with your own identifying information. (Don't include
-      the brackets!)  The text should be enclosed in the appropriate
-      comment syntax for the file format. We also recommend that a
-      file or class name and description of purpose be included on the
-      same "printed page" as the copyright notice for easier
-      identification within third-party archives.
-
-   Copyright [yyyy] [name of copyright owner]
-
-   Licensed under the Apache License, Version 2.0 (the "License");
-   you may not use this file except in compliance with the License.
-   You may obtain a copy of the License at
-
-       http://www.apache.org/licenses/LICENSE-2.0
-
-   Unless required by applicable law or agreed to in writing, software
-   distributed under the License is distributed on an "AS IS" BASIS,
-   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-   See the License for the specific language governing permissions and
-   limitations under the License.
+MIT License
+
+Copyright (c) 2025 hdcode.dev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -159,30 +159,5 @@ const customPhysics = {
 };
 ```
 
-## Development
-
-```bash
-# Install dependencies
-npm install
-
-# Build the library
-npm run build
-
-# Run in development mode
-npm run dev
-
-# Run the demo
-cd demo && npm run dev
-```
-
 ## License
-
-Copyright © 2025 hdcodedev.
-
-Licensed under the [Apache 2.0 License](LICENSE).
-
-## Contributing
-
-Contributions are welcome! If you like this project, please give it a star ⭐
-
-Found a bug or have a feature request? [Open an issue](https://github.com/hdcodedev/snowfall/issues) on GitHub.
+[MIT](LICENSE)

package/dist/index.d.mts

@@ -23,6 +23,10 @@ interface PhysicsConfig {
     };
     MAX_SURFACES: number;
     COLLISION_CHECK_RATE: number;
+    /**
+     * Optional cap for render DPR. Lower values reduce GPU load on high-DPI displays.
+     */
+    MAX_RENDER_DPR?: number;
 }
 declare const DEFAULT_PHYSICS: PhysicsConfig;
 interface PerformanceMetrics {

package/dist/index.d.ts

@@ -23,6 +23,10 @@ interface PhysicsConfig {
     };
     MAX_SURFACES: number;
     COLLISION_CHECK_RATE: number;
+    /**
+     * Optional cap for render DPR. Lower values reduce GPU load on high-DPI displays.
+     */
+    MAX_RENDER_DPR?: number;
 }
 declare const DEFAULT_PHYSICS: PhysicsConfig;
 interface PerformanceMetrics {

package/dist/index.js

@@ -54,8 +54,9 @@ var DEFAULT_PHYSICS = {
     MAX: 1.6
   },
   MAX_SURFACES: 15,
-  COLLISION_CHECK_RATE: 0.3
+  COLLISION_CHECK_RATE: 0.3,
   // 30% of snowflakes check collisions per frame
+  MAX_RENDER_DPR: 1.25
 };
 var SnowfallContext = (0, import_react.createContext)(void 0);
 function SnowfallProvider({ children, initialDebug = false, initialEnabled = true }) {
@@ -381,7 +382,7 @@ var updateSnowflakePosition = (flake, dt) => {
   flake.x += (flake.wind + Math.sin(flake.wobble) * 0.5) * dt;
   flake.y += (flake.speed + Math.cos(flake.wobble * 0.5) * 0.1) * dt;
 };
-var checkSideCollision = (flake, flakeViewportX, flakeViewportY, rect, acc, config) => {
+var checkSideCollision = (flakeViewportX, flakeViewportY, rect, acc, config) => {
   const isInVerticalBounds = flakeViewportY >= rect.top && flakeViewportY <= rect.bottom;
   if (!isInVerticalBounds || acc.maxSideHeight <= 0) {
     return false;
@@ -461,7 +462,7 @@ var updateSnowflakes = (snowflakes, elementRects, config, dt, worldWidth, worldH
         const { rect, acc } = item;
         const isBottom = acc.type === VAL_BOTTOM;
         if (!landed && !isBottom) {
-          landed = checkSideCollision(flake, flakeViewportX, flakeViewportY, rect, acc, config);
+          landed = checkSideCollision(flakeViewportX, flakeViewportY, rect, acc, config);
           if (landed) break;
         }
         if (!landed) {
@@ -563,11 +564,11 @@ var import_react3 = require("react");
 function useSnowfallCanvas() {
   const canvasRef = (0, import_react3.useRef)(null);
   const dprRef = (0, import_react3.useRef)(1);
-  const resizeCanvas = (0, import_react3.useCallback)(() => {
+  const resizeCanvas = (0, import_react3.useCallback)((maxRenderDpr = Number.POSITIVE_INFINITY) => {
     if (canvasRef.current) {
       const newWidth = window.innerWidth;
       const newHeight = window.innerHeight;
-      const dpr = window.devicePixelRatio || 1;
+      const dpr = Math.min(window.devicePixelRatio || 1, Math.max(1, maxRenderDpr));
       dprRef.current = dpr;
       canvasRef.current.width = newWidth * dpr;
       canvasRef.current.height = newHeight * dpr;
@@ -588,20 +589,41 @@ var import_react4 = require("react");
 // src/core/draw.ts
 var ACC_FILL_STYLE = "rgba(255, 255, 255, 0.95)";
 var ACC_SHADOW_COLOR = "rgba(200, 230, 255, 0.6)";
+var OPACITY_BUCKETS2 = [0.3, 0.5, 0.7, 0.9];
 var drawSnowflakes = (ctx, flakes) => {
   if (flakes.length === 0) return;
   ctx.fillStyle = "#FFFFFF";
-  for (const flake of flakes) {
-    if (!flake.isBackground) {
-      ctx.globalAlpha = flake.glowOpacity;
-      ctx.beginPath();
+  for (const alpha of OPACITY_BUCKETS2) {
+    let hasPath = false;
+    for (const flake of flakes) {
+      if (flake.isBackground || flake.glowOpacity !== alpha) continue;
+      if (!hasPath) {
+        ctx.globalAlpha = alpha;
+        ctx.beginPath();
+        hasPath = true;
+      }
+      ctx.moveTo(flake.x + flake.glowRadius, flake.y);
       ctx.arc(flake.x, flake.y, flake.glowRadius, 0, TAU);
+    }
+    if (hasPath) {
+      ctx.fill();
+    }
+  }
+  for (const alpha of OPACITY_BUCKETS2) {
+    let hasPath = false;
+    for (const flake of flakes) {
+      if (flake.opacity !== alpha) continue;
+      if (!hasPath) {
+        ctx.globalAlpha = alpha;
+        ctx.beginPath();
+        hasPath = true;
+      }
+      ctx.moveTo(flake.x + flake.radius, flake.y);
+      ctx.arc(flake.x, flake.y, flake.radius, 0, TAU);
+    }
+    if (hasPath) {
       ctx.fill();
     }
-    ctx.globalAlpha = flake.opacity;
-    ctx.beginPath();
-    ctx.arc(flake.x, flake.y, flake.radius, 0, TAU);
-    ctx.fill();
   }
   ctx.globalAlpha = 1;
 };
@@ -697,9 +719,12 @@ var drawSideAccumulations = (ctx, elementRects, scrollX, scrollY) => {
 // src/hooks/useAnimationLoop.ts
 function useAnimationLoop(params) {
   const animationIdRef = (0, import_react4.useRef)(0);
+  const animateRef = (0, import_react4.useRef)(() => {
+  });
   const lastTimeRef = (0, import_react4.useRef)(0);
   const lastMetricsUpdateRef = (0, import_react4.useRef)(0);
   const elementRectsRef = (0, import_react4.useRef)([]);
+  const visibleRectsRef = (0, import_react4.useRef)([]);
   const dirtyRectsRef = (0, import_react4.useRef)(true);
   const animate = (0, import_react4.useCallback)((currentTime) => {
     const {
@@ -717,17 +742,17 @@ function useAnimationLoop(params) {
     } = params;
     const canvas = canvasRef.current;
     if (!canvas) {
-      animationIdRef.current = requestAnimationFrame(animate);
+      animationIdRef.current = requestAnimationFrame(animateRef.current);
       return;
     }
     const ctx = canvas.getContext("2d");
     if (!ctx) {
-      animationIdRef.current = requestAnimationFrame(animate);
+      animationIdRef.current = requestAnimationFrame(animateRef.current);
       return;
     }
     if (lastTimeRef.current === 0) {
       lastTimeRef.current = currentTime;
-      animationIdRef.current = requestAnimationFrame(animate);
+      animationIdRef.current = requestAnimationFrame(animateRef.current);
       return;
     }
     const deltaTime = Math.min(currentTime - lastTimeRef.current, 50);
@@ -736,8 +761,8 @@ function useAnimationLoop(params) {
     metricsRef.current.rafGap = currentTime - lastTimeRef.current;
     lastTimeRef.current = currentTime;
     const dt = deltaTime / 16.67;
-    const frameStartTime = performance.now();
-    const clearStart = performance.now();
+    const frameStartTime = now;
+    const clearStart = now;
     const dpr = dprRef.current;
     ctx.setTransform(dpr, 0, 0, dpr, 0, 0);
     ctx.clearRect(0, 0, canvas.width / dpr, canvas.height / dpr);
@@ -754,30 +779,42 @@ function useAnimationLoop(params) {
     }
     const physicsStart = performance.now();
     meltAndSmoothAccumulation(elementRectsRef.current, physicsConfigRef.current, dt);
+    const docEl = document.documentElement;
+    const worldWidth = docEl.scrollWidth;
+    const worldHeight = docEl.scrollHeight;
     updateSnowflakes(
       snowflakes,
       elementRectsRef.current,
       physicsConfigRef.current,
       dt,
-      document.documentElement.scrollWidth,
-      document.documentElement.scrollHeight
+      worldWidth,
+      worldHeight
     );
     metricsRef.current.physicsTime = performance.now() - physicsStart;
     const drawStart = performance.now();
     drawSnowflakes(ctx, snowflakes);
     if (isEnabledRef.current && snowflakes.length < physicsConfigRef.current.MAX_FLAKES) {
+      const minFlakeFloor = Math.min(80, physicsConfigRef.current.MAX_FLAKES);
+      const shouldForceSpawn = snowflakes.length < minFlakeFloor;
       const currentFps = getCurrentFps();
-      const shouldSpawn = currentFps >= 40 || Math.random() < 0.2;
+      const isVisible = document.visibilityState === "visible";
+      const isUnderFpsThreshold = isVisible && currentFps > 0 && currentFps < 40;
+      const shouldSpawn = shouldForceSpawn || !isUnderFpsThreshold || Math.random() < 0.2;
       if (shouldSpawn) {
         const isBackground = Math.random() < 0.4;
-        snowflakes.push(createSnowflake(document.documentElement.scrollWidth, physicsConfigRef.current, isBackground));
+        snowflakes.push(createSnowflake(worldWidth, physicsConfigRef.current, isBackground));
       }
     }
     const viewportWidth = window.innerWidth;
     const viewportHeight = window.innerHeight;
-    const visibleRects = elementRectsRef.current.filter(
-      ({ rect }) => rect.right >= 0 && rect.left <= viewportWidth && rect.bottom >= 0 && rect.top <= viewportHeight
-    );
+    const visibleRects = visibleRectsRef.current;
+    visibleRects.length = 0;
+    for (const item of elementRectsRef.current) {
+      const { rect } = item;
+      if (rect.right >= 0 && rect.left <= viewportWidth && rect.bottom >= 0 && rect.top <= viewportHeight) {
+        visibleRects.push(item);
+      }
+    }
     if (visibleRects.length > 0) {
       drawAccumulations(ctx, visibleRects, scrollX, scrollY);
       drawSideAccumulations(ctx, visibleRects, scrollX, scrollY);
@@ -792,13 +829,16 @@ function useAnimationLoop(params) {
       ));
       lastMetricsUpdateRef.current = currentTime;
     }
-    animationIdRef.current = requestAnimationFrame(animate);
+    animationIdRef.current = requestAnimationFrame(animateRef.current);
   }, [params]);
+  (0, import_react4.useEffect)(() => {
+    animateRef.current = animate;
+  }, [animate]);
   const start = (0, import_react4.useCallback)(() => {
     lastTimeRef.current = 0;
     lastMetricsUpdateRef.current = 0;
-    animationIdRef.current = requestAnimationFrame(animate);
-  }, [animate]);
+    animationIdRef.current = requestAnimationFrame(animateRef.current);
+  }, []);
   const stop = (0, import_react4.useCallback)(() => {
     cancelAnimationFrame(animationIdRef.current);
   }, []);
@@ -846,7 +886,10 @@ function Snowfall() {
   }, [isEnabled]);
   (0, import_react5.useEffect)(() => {
     physicsConfigRef.current = physicsConfig;
-  }, [physicsConfig]);
+    if (isMounted) {
+      resizeCanvas(physicsConfig.MAX_RENDER_DPR);
+    }
+  }, [isMounted, physicsConfig, resizeCanvas]);
   (0, import_react5.useEffect)(() => {
     setMetricsRef.current = setMetrics;
   }, [setMetrics]);
@@ -856,8 +899,10 @@ function Snowfall() {
     if (!canvas) return;
     const ctx = canvas.getContext("2d");
     if (!ctx) return;
-    resizeCanvas();
+    resizeCanvas(physicsConfigRef.current.MAX_RENDER_DPR);
     snowflakesRef.current = [];
+    let isUnmounted = false;
+    let scheduledInitFrame = 0;
     const surfaceObserver = new ResizeObserver((entries) => {
       let needsUpdate = false;
       for (const entry of entries) {
@@ -867,10 +912,11 @@ function Snowfall() {
         }
       }
       if (needsUpdate) {
-        initAccumulationWrapper();
+        scheduleAccumulationInit();
       }
     });
     const initAccumulationWrapper = () => {
+      if (isUnmounted) return;
       const scanStart = performance.now();
       initializeAccumulation(accumulationRef.current, physicsConfigRef.current);
       surfaceObserver.disconnect();
@@ -880,22 +926,25 @@ function Snowfall() {
       metricsRef.current.scanTime = performance.now() - scanStart;
       markRectsDirty();
     };
+    const scheduleAccumulationInit = () => {
+      if (scheduledInitFrame !== 0 || isUnmounted) return;
+      scheduledInitFrame = requestAnimationFrame(() => {
+        scheduledInitFrame = 0;
+        initAccumulationWrapper();
+      });
+    };
     initAccumulationWrapper();
     requestAnimationFrame(() => {
-      if (isMounted) setIsVisible(true);
+      if (!isUnmounted && isMounted) setIsVisible(true);
     });
     startAnimation();
     const handleResize = () => {
-      resizeCanvas();
+      resizeCanvas(physicsConfigRef.current.MAX_RENDER_DPR);
       accumulationRef.current.clear();
       initAccumulationWrapper();
       markRectsDirty();
     };
     window.addEventListener("resize", handleResize);
-    const windowResizeObserver = new ResizeObserver(() => {
-      resizeCanvas();
-    });
-    windowResizeObserver.observe(document.body);
     const mutationObserver = new MutationObserver((mutations) => {
       let hasStructuralChange = false;
       for (const mutation of mutations) {
@@ -905,10 +954,7 @@ function Snowfall() {
         }
       }
       if (hasStructuralChange) {
-        const scanStart = performance.now();
-        initializeAccumulation(accumulationRef.current, physicsConfigRef.current);
-        metricsRef.current.scanTime = performance.now() - scanStart;
-        markRectsDirty();
+        scheduleAccumulationInit();
       }
     });
     mutationObserver.observe(document.body, {
@@ -916,9 +962,12 @@ function Snowfall() {
       subtree: true
     });
     return () => {
+      isUnmounted = true;
+      if (scheduledInitFrame !== 0) {
+        cancelAnimationFrame(scheduledInitFrame);
+      }
       stopAnimation();
       window.removeEventListener("resize", handleResize);
-      windowResizeObserver.disconnect();
       mutationObserver.disconnect();
       surfaceObserver.disconnect();
     };