fix: initialize Snack players after embed script loads

Author: yash-prolytech

website/modules/snackPlayerInitializer.js

@@ -65,8 +65,38 @@ export default (() => {
     });
   };
 
+  const setupSnackObserver = () => {
+    const observer = new MutationObserver(mutations => {
+      let shouldInitialize = false;
+
+      mutations.forEach(mutation => {
+        mutation.addedNodes.forEach(node => {
+          if (node.nodeType === 1) {
+            if (
+              node.classList?.contains('snack-player') ||
+              node.querySelector?.('.snack-player')
+            ) {
+              shouldInitialize = true;
+            }
+          }
+        });
+      });
+
+      if (shouldInitialize && window.ExpoSnack) {
+        updateSnacksTheme();
+        window.ExpoSnack.initialize();
+      }
+    });
+
+    observer.observe(document.body, {
+      childList: true,
+      subtree: true,
+    });
+  };
+
   // Need to set the theme before the snack script (deferred) initialize
   updateSnacksTheme();
+  setupSnackObserver();
   setupThemeSynchronization();
 
   return {