From 50f7fe965770fcbda654e88d9e95dfea24bc1a83 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Fri, 17 Oct 2025 11:06:18 -0400
Subject: [PATCH] Scope markdown view scripts to reload content

---
 views/about.html                | 96 ++++++++++++++++----------------
 views/community-guidelines.html | 98 +++++++++++++++++----------------
 views/getting-started.html      | 98 +++++++++++++++++----------------
 views/ipns.html                 | 96 ++++++++++++++++----------------
 views/links.html                | 96 ++++++++++++++++----------------
 views/roadmap.html              | 98 +++++++++++++++++----------------
 6 files changed, 303 insertions(+), 279 deletions(-)

diff --git a/views/about.html b/views/about.html
index 63f10c28..11944883 100644
--- a/views/about.html
+++ b/views/about.html
@@ -13,58 +13,62 @@
 </section>
 
 <script>
-  // Provide no-op fallback loggers so embeds stay functional if bitvidLogger is unavailable.
-  const noopLogger = {
-    log: () => {},
-    info: () => {},
-    warn: () => {},
-    error: () => {},
-  };
-  const dev = window.bitvidLogger?.dev || noopLogger;
-  const user = window.bitvidLogger?.user || noopLogger;
+  (() => {
+    // Provide no-op fallback loggers so embeds stay functional if bitvidLogger is unavailable.
+    const noopLogger = {
+      log: () => {},
+      info: () => {},
+      warn: () => {},
+      error: () => {},
+    };
+    const dev = window.bitvidLogger?.dev || noopLogger;
+    const user = window.bitvidLogger?.user || noopLogger;
 
-  (async () => {
-    try {
-      const response = await fetch("content/about.md");
-      if (!response.ok) {
-        throw new Error("Failed to load about.md");
-      }
-      const markdownText = await response.text();
+    const loadMarkdown = async () => {
+      try {
+        const response = await fetch("content/about.md");
+        if (!response.ok) {
+          throw new Error("Failed to load about.md");
+        }
+        const markdownText = await response.text();
 
-      // Convert the markdown to HTML (requires "marked" loaded globally)
-      const html = marked.parse(markdownText);
+        // Convert the markdown to HTML (requires "marked" loaded globally)
+        const html = marked.parse(markdownText);
 
-      // Insert the HTML into the container
-      const container = document.getElementById("markdown-container");
-      if (container) {
-        container.innerHTML = html;
+        // Insert the HTML into the container
+        const container = document.getElementById("markdown-container");
+        if (container) {
+          container.innerHTML = html;
 
-        const highlighter = window.hljs;
-        const highlight =
-          highlighter && typeof highlighter.highlightElement === "function"
-            ? (block) => highlighter.highlightElement(block)
-            : highlighter && typeof highlighter.highlightBlock === "function"
-              ? (block) => highlighter.highlightBlock(block)
-              : null;
+          const highlighter = window.hljs;
+          const highlight =
+            highlighter && typeof highlighter.highlightElement === "function"
+              ? (block) => highlighter.highlightElement(block)
+              : highlighter && typeof highlighter.highlightBlock === "function"
+                ? (block) => highlighter.highlightBlock(block)
+                : null;
 
-        if (highlight) {
-          container.querySelectorAll("pre code").forEach((block) => {
-            try {
-              highlight(block);
-            } catch (highlightError) {
-              dev.warn("Failed to highlight code block.", highlightError);
-            }
-          });
+          if (highlight) {
+            container.querySelectorAll("pre code").forEach((block) => {
+              try {
+                highlight(block);
+              } catch (highlightError) {
+                dev.warn("Failed to highlight code block.", highlightError);
+              }
+            });
+          }
+        }
+      } catch (err) {
+        user.error("Error loading About content:", err);
+        const container = document.getElementById("markdown-container");
+        if (container) {
+          container.innerHTML = `
+            <p class="text-critical-strong">Error loading content. Please try again later.</p>
+          `;
         }
       }
-    } catch (err) {
-      user.error("Error loading About content:", err);
-      const container = document.getElementById("markdown-container");
-      if (container) {
-        container.innerHTML = `
-          <p class="text-critical-strong">Error loading content. Please try again later.</p>
-        `;
-      }
-    }
+    };
+
+    loadMarkdown();
   })();
 </script>
diff --git a/views/community-guidelines.html b/views/community-guidelines.html
index 62154f06..b1178981 100644
--- a/views/community-guidelines.html
+++ b/views/community-guidelines.html
@@ -16,59 +16,63 @@
 </section>
 
 <script>
-  // Provide no-op fallback loggers so embeds stay functional if bitvidLogger is unavailable.
-  const noopLogger = {
-    log: () => {},
-    info: () => {},
-    warn: () => {},
-    error: () => {},
-  };
-  const dev = window.bitvidLogger?.dev || noopLogger;
-  const user = window.bitvidLogger?.user || noopLogger;
+  (() => {
+    // Provide no-op fallback loggers so embeds stay functional if bitvidLogger is unavailable.
+    const noopLogger = {
+      log: () => {},
+      info: () => {},
+      warn: () => {},
+      error: () => {},
+    };
+    const dev = window.bitvidLogger?.dev || noopLogger;
+    const user = window.bitvidLogger?.user || noopLogger;
 
-  (async () => {
-    try {
-      // Fetch the markdown file (change path if needed)
-      const response = await fetch("content/community-guidelines.md");
-      if (!response.ok) {
-        throw new Error("Failed to load community-guidelines.md");
-      }
-      const markdownText = await response.text();
+    const loadMarkdown = async () => {
+      try {
+        // Fetch the markdown file (change path if needed)
+        const response = await fetch("content/community-guidelines.md");
+        if (!response.ok) {
+          throw new Error("Failed to load community-guidelines.md");
+        }
+        const markdownText = await response.text();
 
-      // Convert to HTML with Marked (make sure Marked is loaded globally in index.html)
-      const html = marked.parse(markdownText);
+        // Convert to HTML with Marked (make sure Marked is loaded globally in index.html)
+        const html = marked.parse(markdownText);
 
-      // Insert into the container
-      const container = document.getElementById("markdown-container");
-      if (container) {
-        container.innerHTML = html;
+        // Insert into the container
+        const container = document.getElementById("markdown-container");
+        if (container) {
+          container.innerHTML = html;
 
-        const highlighter = window.hljs;
-        const highlight =
-          highlighter && typeof highlighter.highlightElement === "function"
-            ? (block) => highlighter.highlightElement(block)
-            : highlighter && typeof highlighter.highlightBlock === "function"
-              ? (block) => highlighter.highlightBlock(block)
-              : null;
+          const highlighter = window.hljs;
+          const highlight =
+            highlighter && typeof highlighter.highlightElement === "function"
+              ? (block) => highlighter.highlightElement(block)
+              : highlighter && typeof highlighter.highlightBlock === "function"
+                ? (block) => highlighter.highlightBlock(block)
+                : null;
 
-        if (highlight) {
-          container.querySelectorAll("pre code").forEach((block) => {
-            try {
-              highlight(block);
-            } catch (highlightError) {
-              dev.warn("Failed to highlight code block.", highlightError);
-            }
-          });
+          if (highlight) {
+            container.querySelectorAll("pre code").forEach((block) => {
+              try {
+                highlight(block);
+              } catch (highlightError) {
+                dev.warn("Failed to highlight code block.", highlightError);
+              }
+            });
+          }
+        }
+      } catch (err) {
+        user.error("Error loading community guidelines:", err);
+        const container = document.getElementById("markdown-container");
+        if (container) {
+          container.innerHTML = `
+            <p class="text-critical-strong">Error loading content. Please try again later.</p>
+          `;
         }
       }
-    } catch (err) {
-      user.error("Error loading community guidelines:", err);
-      const container = document.getElementById("markdown-container");
-      if (container) {
-        container.innerHTML = `
-          <p class="text-critical-strong">Error loading content. Please try again later.</p>
-        `;
-      }
-    }
+    };
+
+    loadMarkdown();
   })();
 </script>
diff --git a/views/getting-started.html b/views/getting-started.html
index 267b71b4..b6919fdc 100644
--- a/views/getting-started.html
+++ b/views/getting-started.html
@@ -16,60 +16,64 @@
 </section>
 
 <script>
-  // Provide no-op fallback loggers so embeds stay functional if bitvidLogger is unavailable.
-  const noopLogger = {
-    log: () => {},
-    info: () => {},
-    warn: () => {},
-    error: () => {},
-  };
-  const dev = window.bitvidLogger?.dev || noopLogger;
-  const user = window.bitvidLogger?.user || noopLogger;
+  (() => {
+    // Provide no-op fallback loggers so embeds stay functional if bitvidLogger is unavailable.
+    const noopLogger = {
+      log: () => {},
+      info: () => {},
+      warn: () => {},
+      error: () => {},
+    };
+    const dev = window.bitvidLogger?.dev || noopLogger;
+    const user = window.bitvidLogger?.user || noopLogger;
 
-  (async () => {
-    try {
-      // Fetch the Markdown file
-      const response = await fetch("content/getting-started.md");
-      if (!response.ok) {
-        throw new Error("Failed to load getting-started.md");
-      }
+    const loadMarkdown = async () => {
+      try {
+        // Fetch the Markdown file
+        const response = await fetch("content/getting-started.md");
+        if (!response.ok) {
+          throw new Error("Failed to load getting-started.md");
+        }
 
-      const markdownText = await response.text();
+        const markdownText = await response.text();
 
-      // Convert to HTML with Marked (assuming marked is globally available)
-      const html = marked.parse(markdownText);
+        // Convert to HTML with Marked (assuming marked is globally available)
+        const html = marked.parse(markdownText);
 
-      // Insert into #markdown-container
-      const container = document.getElementById("markdown-container");
-      if (container) {
-        container.innerHTML = html;
+        // Insert into #markdown-container
+        const container = document.getElementById("markdown-container");
+        if (container) {
+          container.innerHTML = html;
 
-        const highlighter = window.hljs;
-        const highlight =
-          highlighter && typeof highlighter.highlightElement === "function"
-            ? (block) => highlighter.highlightElement(block)
-            : highlighter && typeof highlighter.highlightBlock === "function"
-              ? (block) => highlighter.highlightBlock(block)
-              : null;
+          const highlighter = window.hljs;
+          const highlight =
+            highlighter && typeof highlighter.highlightElement === "function"
+              ? (block) => highlighter.highlightElement(block)
+              : highlighter && typeof highlighter.highlightBlock === "function"
+                ? (block) => highlighter.highlightBlock(block)
+                : null;
 
-        if (highlight) {
-          container.querySelectorAll("pre code").forEach((block) => {
-            try {
-              highlight(block);
-            } catch (highlightError) {
-              dev.warn("Failed to highlight code block.", highlightError);
-            }
-          });
+          if (highlight) {
+            container.querySelectorAll("pre code").forEach((block) => {
+              try {
+                highlight(block);
+              } catch (highlightError) {
+                dev.warn("Failed to highlight code block.", highlightError);
+              }
+            });
+          }
+        }
+      } catch (err) {
+        user.error("Error loading 'Getting Started' content:", err);
+        const container = document.getElementById("markdown-container");
+        if (container) {
+          container.innerHTML = `
+            <p class="text-critical-strong">Error loading content. Please try again later.</p>
+          `;
         }
       }
-    } catch (err) {
-      user.error("Error loading 'Getting Started' content:", err);
-      const container = document.getElementById("markdown-container");
-      if (container) {
-        container.innerHTML = `
-          <p class="text-critical-strong">Error loading content. Please try again later.</p>
-        `;
-      }
-    }
+    };
+
+    loadMarkdown();
   })();
 </script>
diff --git a/views/ipns.html b/views/ipns.html
index 291ae3d0..25105b5b 100644
--- a/views/ipns.html
+++ b/views/ipns.html
@@ -13,58 +13,62 @@
 </section>
 
 <script>
-  // Provide no-op fallback loggers so embeds stay functional if bitvidLogger is unavailable.
-  const noopLogger = {
-    log: () => {},
-    info: () => {},
-    warn: () => {},
-    error: () => {},
-  };
-  const dev = window.bitvidLogger?.dev || noopLogger;
-  const user = window.bitvidLogger?.user || noopLogger;
+  (() => {
+    // Provide no-op fallback loggers so embeds stay functional if bitvidLogger is unavailable.
+    const noopLogger = {
+      log: () => {},
+      info: () => {},
+      warn: () => {},
+      error: () => {},
+    };
+    const dev = window.bitvidLogger?.dev || noopLogger;
+    const user = window.bitvidLogger?.user || noopLogger;
 
-  (async () => {
-    try {
-      const response = await fetch("content/ipns.md");
-      if (!response.ok) {
-        throw new Error("Failed to load IPNS markdown file.");
-      }
-      const markdownText = await response.text();
+    const loadMarkdown = async () => {
+      try {
+        const response = await fetch("content/ipns.md");
+        if (!response.ok) {
+          throw new Error("Failed to load IPNS markdown file.");
+        }
+        const markdownText = await response.text();
 
-      // Convert to HTML with Marked (make sure "marked" is loaded globally)
-      const html = marked.parse(markdownText);
+        // Convert to HTML with Marked (make sure "marked" is loaded globally)
+        const html = marked.parse(markdownText);
 
-      // Insert final HTML into #markdown-container
-      const container = document.getElementById("markdown-container");
-      if (container) {
-        container.innerHTML = html;
+        // Insert final HTML into #markdown-container
+        const container = document.getElementById("markdown-container");
+        if (container) {
+          container.innerHTML = html;
 
-        const highlighter = window.hljs;
-        const highlight =
-          highlighter && typeof highlighter.highlightElement === "function"
-            ? (block) => highlighter.highlightElement(block)
-            : highlighter && typeof highlighter.highlightBlock === "function"
-              ? (block) => highlighter.highlightBlock(block)
-              : null;
+          const highlighter = window.hljs;
+          const highlight =
+            highlighter && typeof highlighter.highlightElement === "function"
+              ? (block) => highlighter.highlightElement(block)
+              : highlighter && typeof highlighter.highlightBlock === "function"
+                ? (block) => highlighter.highlightBlock(block)
+                : null;
 
-        if (highlight) {
-          container.querySelectorAll("pre code").forEach((block) => {
-            try {
-              highlight(block);
-            } catch (highlightError) {
-              dev.warn("Failed to highlight code block.", highlightError);
-            }
-          });
+          if (highlight) {
+            container.querySelectorAll("pre code").forEach((block) => {
+              try {
+                highlight(block);
+              } catch (highlightError) {
+                dev.warn("Failed to highlight code block.", highlightError);
+              }
+            });
+          }
+        }
+      } catch (err) {
+        user.error("Error loading IPNS content:", err);
+        const container = document.getElementById("markdown-container");
+        if (container) {
+          container.innerHTML = `
+            <p class="text-critical-strong">Error loading content. Please try again later.</p>
+          `;
         }
       }
-    } catch (err) {
-      user.error("Error loading IPNS content:", err);
-      const container = document.getElementById("markdown-container");
-      if (container) {
-        container.innerHTML = `
-          <p class="text-critical-strong">Error loading content. Please try again later.</p>
-        `;
-      }
-    }
+    };
+
+    loadMarkdown();
   })();
 </script>
diff --git a/views/links.html b/views/links.html
index 30a0fed6..71835bea 100644
--- a/views/links.html
+++ b/views/links.html
@@ -13,58 +13,62 @@
 </section>
 
 <script>
-  // Provide no-op fallback loggers so embeds stay functional if bitvidLogger is unavailable.
-  const noopLogger = {
-    log: () => {},
-    info: () => {},
-    warn: () => {},
-    error: () => {},
-  };
-  const dev = window.bitvidLogger?.dev || noopLogger;
-  const user = window.bitvidLogger?.user || noopLogger;
+  (() => {
+    // Provide no-op fallback loggers so embeds stay functional if bitvidLogger is unavailable.
+    const noopLogger = {
+      log: () => {},
+      info: () => {},
+      warn: () => {},
+      error: () => {},
+    };
+    const dev = window.bitvidLogger?.dev || noopLogger;
+    const user = window.bitvidLogger?.user || noopLogger;
 
-  (async () => {
-    try {
-      const response = await fetch("content/links.md");
-      if (!response.ok) {
-        throw new Error("Failed to load links.md");
-      }
-      const markdownText = await response.text();
+    const loadMarkdown = async () => {
+      try {
+        const response = await fetch("content/links.md");
+        if (!response.ok) {
+          throw new Error("Failed to load links.md");
+        }
+        const markdownText = await response.text();
 
-      // Convert the markdown to HTML (requires "marked" loaded globally)
-      const html = marked.parse(markdownText);
+        // Convert the markdown to HTML (requires "marked" loaded globally)
+        const html = marked.parse(markdownText);
 
-      // Insert the HTML into the container
-      const container = document.getElementById("markdown-container");
-      if (container) {
-        container.innerHTML = html;
+        // Insert the HTML into the container
+        const container = document.getElementById("markdown-container");
+        if (container) {
+          container.innerHTML = html;
 
-        const highlighter = window.hljs;
-        const highlight =
-          highlighter && typeof highlighter.highlightElement === "function"
-            ? (block) => highlighter.highlightElement(block)
-            : highlighter && typeof highlighter.highlightBlock === "function"
-              ? (block) => highlighter.highlightBlock(block)
-              : null;
+          const highlighter = window.hljs;
+          const highlight =
+            highlighter && typeof highlighter.highlightElement === "function"
+              ? (block) => highlighter.highlightElement(block)
+              : highlighter && typeof highlighter.highlightBlock === "function"
+                ? (block) => highlighter.highlightBlock(block)
+                : null;
 
-        if (highlight) {
-          container.querySelectorAll("pre code").forEach((block) => {
-            try {
-              highlight(block);
-            } catch (highlightError) {
-              dev.warn("Failed to highlight code block.", highlightError);
-            }
-          });
+          if (highlight) {
+            container.querySelectorAll("pre code").forEach((block) => {
+              try {
+                highlight(block);
+              } catch (highlightError) {
+                dev.warn("Failed to highlight code block.", highlightError);
+              }
+            });
+          }
+        }
+      } catch (err) {
+        user.error("Error loading Links content:", err);
+        const container = document.getElementById("markdown-container");
+        if (container) {
+          container.innerHTML = `
+            <p class="text-critical-strong">Error loading content. Please try again later.</p>
+          `;
         }
       }
-    } catch (err) {
-      user.error("Error loading Links content:", err);
-      const container = document.getElementById("markdown-container");
-      if (container) {
-        container.innerHTML = `
-          <p class="text-critical-strong">Error loading content. Please try again later.</p>
-        `;
-      }
-    }
+    };
+
+    loadMarkdown();
   })();
 </script>
diff --git a/views/roadmap.html b/views/roadmap.html
index 6b1bc75e..e6b12495 100644
--- a/views/roadmap.html
+++ b/views/roadmap.html
@@ -13,59 +13,63 @@
 </section>
 
 <script>
-  // Provide no-op fallback loggers so embeds stay functional if bitvidLogger is unavailable.
-  const noopLogger = {
-    log: () => {},
-    info: () => {},
-    warn: () => {},
-    error: () => {},
-  };
-  const dev = window.bitvidLogger?.dev || noopLogger;
-  const user = window.bitvidLogger?.user || noopLogger;
+  (() => {
+    // Provide no-op fallback loggers so embeds stay functional if bitvidLogger is unavailable.
+    const noopLogger = {
+      log: () => {},
+      info: () => {},
+      warn: () => {},
+      error: () => {},
+    };
+    const dev = window.bitvidLogger?.dev || noopLogger;
+    const user = window.bitvidLogger?.user || noopLogger;
 
-  (async () => {
-    try {
-      // Fetch your roadmap markdown
-      const response = await fetch("content/roadmap.md");
-      if (!response.ok) {
-        throw new Error("Failed to load roadmap.md");
-      }
-      const markdownText = await response.text();
+    const loadMarkdown = async () => {
+      try {
+        // Fetch your roadmap markdown
+        const response = await fetch("content/roadmap.md");
+        if (!response.ok) {
+          throw new Error("Failed to load roadmap.md");
+        }
+        const markdownText = await response.text();
 
-      // Convert markdown to HTML (marked must be globally available)
-      const html = marked.parse(markdownText);
+        // Convert markdown to HTML (marked must be globally available)
+        const html = marked.parse(markdownText);
 
-      // Insert into the container
-      const container = document.getElementById("markdown-container");
-      if (container) {
-        container.innerHTML = html;
+        // Insert into the container
+        const container = document.getElementById("markdown-container");
+        if (container) {
+          container.innerHTML = html;
 
-        const highlighter = window.hljs;
-        const highlight =
-          highlighter && typeof highlighter.highlightElement === "function"
-            ? (block) => highlighter.highlightElement(block)
-            : highlighter && typeof highlighter.highlightBlock === "function"
-              ? (block) => highlighter.highlightBlock(block)
-              : null;
+          const highlighter = window.hljs;
+          const highlight =
+            highlighter && typeof highlighter.highlightElement === "function"
+              ? (block) => highlighter.highlightElement(block)
+              : highlighter && typeof highlighter.highlightBlock === "function"
+                ? (block) => highlighter.highlightBlock(block)
+                : null;
 
-        if (highlight) {
-          container.querySelectorAll("pre code").forEach((block) => {
-            try {
-              highlight(block);
-            } catch (highlightError) {
-              dev.warn("Failed to highlight code block.", highlightError);
-            }
-          });
+          if (highlight) {
+            container.querySelectorAll("pre code").forEach((block) => {
+              try {
+                highlight(block);
+              } catch (highlightError) {
+                dev.warn("Failed to highlight code block.", highlightError);
+              }
+            });
+          }
+        }
+      } catch (err) {
+        user.error("Error loading roadmap:", err);
+        const container = document.getElementById("markdown-container");
+        if (container) {
+          container.innerHTML = `
+            <p class="text-critical-strong">Error loading content. Please try again later.</p>
+          `;
         }
       }
-    } catch (err) {
-      user.error("Error loading roadmap:", err);
-      const container = document.getElementById("markdown-container");
-      if (container) {
-        container.innerHTML = `
-          <p class="text-critical-strong">Error loading content. Please try again later.</p>
-        `;
-      }
-    }
+    };
+
+    loadMarkdown();
   })();
 </script>