Merge pull request #499 from PR0M3TH3AN/codex/refactor-blog.js-for-dynamic-styling-and-setup

Refactor blog entry bootstrap

blog.html

@@ -43,10 +43,9 @@
     <script src="./js/tracking.js" defer></script>
     <script type="module" crossorigin>
       import { bootstrapBlog } from "./js/blog/index.js";
-      import { initZapthreadsEmbed } from "./js/blog/zapthreadsEmbed.js";
 
       const startBlog = () => {
-        bootstrapBlog({ initZapthreadsEmbed });
+        bootstrapBlog();
       };
 
       if (document.readyState === "loading") {

js/blog/index.js

@@ -1,5 +1,6 @@
 import { createCarousel, advanceSlide, destroyCarousel } from './carousel.js';
 import { mountProgressBar } from './progressBar.js';
+import { initZapthreadsEmbed as defaultInitZapthreadsEmbed } from './zapthreadsEmbed.js';
 import { applyDynamicStyles } from '../ui/styleSystem.js';
 
 const CAROUSEL_AUTOPLAY_INTERVAL = 8000;
@@ -527,7 +528,7 @@ function initializeZapthreads({ registerCleanup, isDestroyed, initZapthreadsEmbe
   });
 }
 
-function mountBlogApp({ initZapthreadsEmbed } = {}) {
+function mountBlogApp({ initZapthreadsEmbed = defaultInitZapthreadsEmbed } = {}) {
   const runtime = {
     destroyed: false,
     cleanupCallbacks: new Set(),