gclass-anims 1.0.0-beta.17 → 1.0.0-beta.18

package/AnimToggle.js

@@ -147,18 +147,29 @@ export function initAnimations() {
   if (bootCleanup) { bootCleanup(); bootCleanup = null }
   if (bootStyle) { bootStyle.remove(); bootStyle = null; document.documentElement.classList.remove('gclass-booting') }
 
-  const bootEls = typeof document !== 'undefined' ? document.querySelectorAll(".boot-up") : []
+  const hideBootEls = (els) => {
+    // React-safe: don't el.remove() - React owns the nodes and will throw
+    // insertBefore/removeChild on next commit if we mutate outside React.
+    // Hiding keeps React's tree intact but visually removes boot screen.
+    els.forEach(el => {
+      el.style.display = 'none'
+      el.setAttribute('hidden', '')
+      el.setAttribute('data-gclass-boot-hidden', '1')
+    })
+  }
+
+  const bootEls = typeof document !== 'undefined' ? [...document.querySelectorAll(".boot-up")].filter(el => !el.hasAttribute('data-gclass-boot-hidden')) : []
   if (!bootEls.length) {
     // no .boot-up -> completely skip boot
   } else if (bootEls.length > 1) {
     console.error(`[initAnimations] Multiple .boot-up elements detected (${bootEls.length}) - skipping all boot animations`, bootEls)
-    bootEls.forEach(el => el.remove())
+    hideBootEls(bootEls)
     hasBooted = true
     // fall through to normal initListeners without pausing DOM
   } else if (hasBooted && !bootTimeout) {
     // path change after already booted (SPA navigation) - skip boot, hard reload resets hasBooted
     console.log(`[initAnimations] skipping boot on path change (already booted)`, bootEls)
-    bootEls.forEach(el => el.remove())
+    hideBootEls(bootEls)
     hasBooted = true
     // fall through
   } else {
@@ -188,11 +199,11 @@ export function initAnimations() {
     bootTimeout = setTimeout(() => {
       const bootEndCls = [...bootEl.classList].find(c => c.startsWith('boot-end-'))
       if (!bootEndCls) {
-        // no boot-end -> skip exit animation, just remove
+        // no boot-end -> skip exit animation, just hide
         bootCleanup?.(); bootCleanup = null
         document.documentElement.classList.remove('gclass-booting')
         bootStyle?.remove(); bootStyle = null
-        bootEls.forEach(el => el.remove())
+        hideBootEls(bootEls)
         bootTimeout = null
         cleanup = initListeners()
         return
@@ -211,7 +222,7 @@ export function initAnimations() {
         bootCleanup?.(); bootCleanup = null
         document.documentElement.classList.remove('gclass-booting')
         bootStyle?.remove(); bootStyle = null
-        bootEls.forEach(el => el.remove())
+        hideBootEls(bootEls)
         bootTimeout = null
         cleanup = initListeners()
       }

package/CHANGELOG.md

@@ -2,6 +2,9 @@
 
 All notable changes to `gclass-anims` will be documented in this file.
 
+## [1.0.0-beta.18] - 2026-9-1
+- Hopefully finally fixed `.boot-up` properly skipping on path changes
+
 ## [1.0.0-beta.17] - 2026-9-1
 - Fixed the `.boot-up` class firing on every path change
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gclass-anims",
-  "version": "1.0.0-beta.17",
+  "version": "1.0.0-beta.18",
   "description": "A Tailwind-style utility layer on top of GSAP. Framework-agnostic - works in vanilla JS, React, Vue, Svelte, or any bundler.",
   "type": "module",
   "main": "index.js",