@unsetsoft/ryunixjs 1.2.4-canary.10 → 1.2.4-canary.12

package/dist/Ryunix.esm.js

@@ -556,6 +556,16 @@ const clearContainer = (container) => {
  */
 const commitRoot = () => {
   const state = getState();
+
+  if (state.wipRoot && state.wipRoot.dom && state.wipRoot.dom.hasChildNodes() && !state.currentRoot) {
+    // This is the hydration commit. We synchronously clear existing SSR content to prevent FOUC.
+    // Ensure we only clear once by verifying !state.currentRoot.
+    // We clear BEFORE appending new children in commitWork.
+    while (state.wipRoot.dom.firstChild) {
+      state.wipRoot.dom.removeChild(state.wipRoot.dom.firstChild);
+    }
+  }
+
   state.deletions.forEach(commitWork);
   commitWork(state.wipRoot.child);
   state.currentRoot = state.wipRoot;
@@ -1839,15 +1849,7 @@ const render = (element, container) => {
   return state.wipRoot
 };
 
-/**
- * The `hydrate` function attaches Ryunix elements to an existing HTML DOM.
- * Note: We clear the SSR content and do a clean CSR render.
- * The SSR HTML serves its purpose for first-paint and SEO; once JS loads
- * it takes over with a full CSR render to ensure correctness and interactivity.
- */
 const hydrate = (element, container) => {
-  // Clear SSR content — prevents duplicate DOM nodes when hooks trigger re-renders
-  clearContainer(container);
   return render(element, container)
 };