From b13104162dee373d2756cdaf4bb67e6de91494f4 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Wed, 15 Oct 2025 15:22:42 -0400
Subject: [PATCH] Add logger fallbacks for iframe forms and views

---
 .../iframe_forms/iframe-application-form.html | 31 +++++++++++++++++--
 .../iframe_forms/iframe-bug-fix-form.html     | 31 +++++++++++++++++--
 .../iframe-content-appeals-form.html          | 31 +++++++++++++++++--
 .../iframe_forms/iframe-feedback-form.html    | 31 +++++++++++++++++--
 .../iframe_forms/iframe-request-form.html     | 31 +++++++++++++++++--
 views/about.html                              | 18 ++++++++++-
 views/community-guidelines.html               | 18 ++++++++++-
 views/getting-started.html                    | 18 ++++++++++-
 views/ipns.html                               | 18 ++++++++++-
 views/links.html                              | 18 ++++++++++-
 views/roadmap.html                            | 18 ++++++++++-
 11 files changed, 247 insertions(+), 16 deletions(-)

diff --git a/components/iframe_forms/iframe-application-form.html b/components/iframe_forms/iframe-application-form.html
index a916c3de..8b283017 100644
--- a/components/iframe_forms/iframe-application-form.html
+++ b/components/iframe_forms/iframe-application-form.html
@@ -224,6 +224,22 @@
       </div>
     </div>
     <script>
+      // Fallback loggers keep embeds functional without bitvidLogger while surfacing warnings/errors via the console.
+      const fallbackDev = {
+        log: () => {},
+        info: () => {},
+        warn: (...args) => console.warn(...args),
+        error: (...args) => console.error(...args),
+      };
+      const fallbackUser = {
+        log: () => {},
+        info: () => {},
+        warn: (...args) => console.warn(...args),
+        error: (...args) => console.error(...args),
+      };
+      const dev = window.bitvidLogger?.dev || fallbackDev;
+      const user = window.bitvidLogger?.user || fallbackUser;
+
       document.addEventListener("DOMContentLoaded", () => {
         // Logging functions for both on-page and console output.
         function log(msg, type = "info") {
@@ -234,7 +250,18 @@
           if (type === "warn") div.classList.add("warn");
           div.textContent = msg;
           document.getElementById("status").appendChild(div);
-          console.log(`[${type.toUpperCase()}] ${msg}`);
+          const formatted = `[${type.toUpperCase()}] ${msg}`;
+          if (type === "error") {
+            user.error(formatted);
+          } else if (type === "warn") {
+            user.warn(formatted);
+          } else if (type === "success") {
+            user.log(formatted);
+          } else if (type === "info") {
+            dev.info(formatted);
+          } else {
+            dev.log(formatted);
+          }
         }
         function clear() {
           document.getElementById("status").innerHTML = "";
@@ -457,7 +484,7 @@ For further questions, contact us through bitvid’s Nostr support channels.
               );
             } catch (err) {
               log("Error: " + err.message, "error");
-              console.error(err);
+              user.error(err);
             }
           });
       });
diff --git a/components/iframe_forms/iframe-bug-fix-form.html b/components/iframe_forms/iframe-bug-fix-form.html
index 6f7181a6..deceeef2 100644
--- a/components/iframe_forms/iframe-bug-fix-form.html
+++ b/components/iframe_forms/iframe-bug-fix-form.html
@@ -207,6 +207,22 @@
       </div>
     </div>
     <script>
+      // Fallback loggers keep embeds functional without bitvidLogger while surfacing warnings/errors via the console.
+      const fallbackDev = {
+        log: () => {},
+        info: () => {},
+        warn: (...args) => console.warn(...args),
+        error: (...args) => console.error(...args),
+      };
+      const fallbackUser = {
+        log: () => {},
+        info: () => {},
+        warn: (...args) => console.warn(...args),
+        error: (...args) => console.error(...args),
+      };
+      const dev = window.bitvidLogger?.dev || fallbackDev;
+      const user = window.bitvidLogger?.user || fallbackUser;
+
       document.addEventListener("DOMContentLoaded", () => {
         // Logging functions for both on-page and console output.
         function log(msg, type = "info") {
@@ -217,7 +233,18 @@
           if (type === "warn") div.classList.add("warn");
           div.textContent = msg;
           document.getElementById("status").appendChild(div);
-          console.log(`[${type.toUpperCase()}] ${msg}`);
+          const formatted = `[${type.toUpperCase()}] ${msg}`;
+          if (type === "error") {
+            user.error(formatted);
+          } else if (type === "warn") {
+            user.warn(formatted);
+          } else if (type === "success") {
+            user.log(formatted);
+          } else if (type === "info") {
+            dev.info(formatted);
+          } else {
+            dev.log(formatted);
+          }
         }
         function clear() {
           document.getElementById("status").innerHTML = "";
@@ -438,7 +465,7 @@ For urgent issues, contact us through bitvid’s Nostr support channels.
               );
             } catch (err) {
               log("Error: " + err.message, "error");
-              console.error(err);
+              user.error(err);
             }
           });
       });
diff --git a/components/iframe_forms/iframe-content-appeals-form.html b/components/iframe_forms/iframe-content-appeals-form.html
index 91c0f5c7..3dfab6c8 100644
--- a/components/iframe_forms/iframe-content-appeals-form.html
+++ b/components/iframe_forms/iframe-content-appeals-form.html
@@ -141,6 +141,22 @@
       </div>
     </div>
     <script>
+      // Fallback loggers keep embeds functional without bitvidLogger while surfacing warnings/errors via the console.
+      const fallbackDev = {
+        log: () => {},
+        info: () => {},
+        warn: (...args) => console.warn(...args),
+        error: (...args) => console.error(...args),
+      };
+      const fallbackUser = {
+        log: () => {},
+        info: () => {},
+        warn: (...args) => console.warn(...args),
+        error: (...args) => console.error(...args),
+      };
+      const dev = window.bitvidLogger?.dev || fallbackDev;
+      const user = window.bitvidLogger?.user || fallbackUser;
+
       document.addEventListener("DOMContentLoaded", () => {
         // Logging functions for both on-page and console output.
         function log(msg, type = "info") {
@@ -151,7 +167,18 @@
           if (type === "warn") div.classList.add("warn");
           div.textContent = msg;
           document.getElementById("status").appendChild(div);
-          console.log(`[${type.toUpperCase()}] ${msg}`);
+          const formatted = `[${type.toUpperCase()}] ${msg}`;
+          if (type === "error") {
+            user.error(formatted);
+          } else if (type === "warn") {
+            user.warn(formatted);
+          } else if (type === "success") {
+            user.log(formatted);
+          } else if (type === "info") {
+            dev.info(formatted);
+          } else {
+            dev.log(formatted);
+          }
         }
         function clear() {
           document.getElementById("status").innerHTML = "";
@@ -354,7 +381,7 @@ For further questions, reach out through bitvid’s Nostr support channels.
               );
             } catch (err) {
               log("Error: " + err.message, "error");
-              console.error(err);
+              user.error(err);
             }
           });
       });
diff --git a/components/iframe_forms/iframe-feedback-form.html b/components/iframe_forms/iframe-feedback-form.html
index f66a791c..6829063e 100644
--- a/components/iframe_forms/iframe-feedback-form.html
+++ b/components/iframe_forms/iframe-feedback-form.html
@@ -143,6 +143,22 @@
       </div>
     </div>
     <script>
+      // Fallback loggers keep embeds functional without bitvidLogger while surfacing warnings/errors via the console.
+      const fallbackDev = {
+        log: () => {},
+        info: () => {},
+        warn: (...args) => console.warn(...args),
+        error: (...args) => console.error(...args),
+      };
+      const fallbackUser = {
+        log: () => {},
+        info: () => {},
+        warn: (...args) => console.warn(...args),
+        error: (...args) => console.error(...args),
+      };
+      const dev = window.bitvidLogger?.dev || fallbackDev;
+      const user = window.bitvidLogger?.user || fallbackUser;
+
       document.addEventListener("DOMContentLoaded", () => {
         // Logging function for on-page and console output.
         function log(msg, type = "info") {
@@ -153,7 +169,18 @@
           if (type === "warn") div.classList.add("warn");
           div.textContent = msg;
           document.getElementById("status").appendChild(div);
-          console.log(`[${type.toUpperCase()}] ${msg}`);
+          const formatted = `[${type.toUpperCase()}] ${msg}`;
+          if (type === "error") {
+            user.error(formatted);
+          } else if (type === "warn") {
+            user.warn(formatted);
+          } else if (type === "success") {
+            user.log(formatted);
+          } else if (type === "info") {
+            dev.info(formatted);
+          } else {
+            dev.log(formatted);
+          }
         }
         function clear() {
           document.getElementById("status").innerHTML = "";
@@ -337,7 +364,7 @@ For additional discussions, reach out via bitvid’s Nostr support channels.
               );
             } catch (err) {
               log("Error: " + err.message, "error");
-              console.error(err);
+              user.error(err);
             }
           });
       });
diff --git a/components/iframe_forms/iframe-request-form.html b/components/iframe_forms/iframe-request-form.html
index 8ccf8e6d..e5b2ae76 100644
--- a/components/iframe_forms/iframe-request-form.html
+++ b/components/iframe_forms/iframe-request-form.html
@@ -166,6 +166,22 @@
       </div>
     </div>
     <script>
+      // Fallback loggers keep embeds functional without bitvidLogger while surfacing warnings/errors via the console.
+      const fallbackDev = {
+        log: () => {},
+        info: () => {},
+        warn: (...args) => console.warn(...args),
+        error: (...args) => console.error(...args),
+      };
+      const fallbackUser = {
+        log: () => {},
+        info: () => {},
+        warn: (...args) => console.warn(...args),
+        error: (...args) => console.error(...args),
+      };
+      const dev = window.bitvidLogger?.dev || fallbackDev;
+      const user = window.bitvidLogger?.user || fallbackUser;
+
       document.addEventListener("DOMContentLoaded", () => {
         // Logging function
         function log(msg, type = "info") {
@@ -176,7 +192,18 @@
           if (type === "warn") div.classList.add("warn");
           div.textContent = msg;
           document.getElementById("status").appendChild(div);
-          console.log(`[${type.toUpperCase()}] ${msg}`);
+          const formatted = `[${type.toUpperCase()}] ${msg}`;
+          if (type === "error") {
+            user.error(formatted);
+          } else if (type === "warn") {
+            user.warn(formatted);
+          } else if (type === "success") {
+            user.log(formatted);
+          } else if (type === "info") {
+            dev.info(formatted);
+          } else {
+            dev.log(formatted);
+          }
         }
         function clear() {
           document.getElementById("status").innerHTML = "";
@@ -379,7 +406,7 @@ For further discussions, reach out through bitvid’s Nostr support channels.
               );
             } catch (err) {
               log("Error: " + err.message, "error");
-              console.error(err);
+              user.error(err);
             }
           });
       });
diff --git a/views/about.html b/views/about.html
index 43a97df8..22df8a64 100644
--- a/views/about.html
+++ b/views/about.html
@@ -13,6 +13,22 @@
 </section>
 
 <script>
+  // Fallback loggers keep embeds functional without bitvidLogger while surfacing warnings/errors via the console.
+  const fallbackDev = {
+    log: () => {},
+    info: () => {},
+    warn: (...args) => console.warn(...args),
+    error: (...args) => console.error(...args),
+  };
+  const fallbackUser = {
+    log: () => {},
+    info: () => {},
+    warn: (...args) => console.warn(...args),
+    error: (...args) => console.error(...args),
+  };
+  const dev = window.bitvidLogger?.dev || fallbackDev;
+  const user = window.bitvidLogger?.user || fallbackUser;
+
   (async () => {
     try {
       const response = await fetch("content/about.md");
@@ -35,7 +51,7 @@
         hljs.highlightBlock(block);
       });
     } catch (err) {
-      console.error("Error loading About content:", err);
+      user.error("Error loading About content:", err);
       const container = document.getElementById("markdown-container");
       if (container) {
         container.innerHTML = `
diff --git a/views/community-guidelines.html b/views/community-guidelines.html
index 959efcb4..b4625b67 100644
--- a/views/community-guidelines.html
+++ b/views/community-guidelines.html
@@ -16,6 +16,22 @@
 </section>
 
 <script>
+  // Fallback loggers keep embeds functional without bitvidLogger while surfacing warnings/errors via the console.
+  const fallbackDev = {
+    log: () => {},
+    info: () => {},
+    warn: (...args) => console.warn(...args),
+    error: (...args) => console.error(...args),
+  };
+  const fallbackUser = {
+    log: () => {},
+    info: () => {},
+    warn: (...args) => console.warn(...args),
+    error: (...args) => console.error(...args),
+  };
+  const dev = window.bitvidLogger?.dev || fallbackDev;
+  const user = window.bitvidLogger?.user || fallbackUser;
+
   (async () => {
     try {
       // Fetch the markdown file (change path if needed)
@@ -39,7 +55,7 @@
         hljs.highlightBlock(block);
       });
     } catch (err) {
-      console.error("Error loading community guidelines:", err);
+      user.error("Error loading community guidelines:", err);
       const container = document.getElementById("markdown-container");
       if (container) {
         container.innerHTML = `
diff --git a/views/getting-started.html b/views/getting-started.html
index d2362a4b..fce4fc14 100644
--- a/views/getting-started.html
+++ b/views/getting-started.html
@@ -16,6 +16,22 @@
 </section>
 
 <script>
+  // Fallback loggers keep embeds functional without bitvidLogger while surfacing warnings/errors via the console.
+  const fallbackDev = {
+    log: () => {},
+    info: () => {},
+    warn: (...args) => console.warn(...args),
+    error: (...args) => console.error(...args),
+  };
+  const fallbackUser = {
+    log: () => {},
+    info: () => {},
+    warn: (...args) => console.warn(...args),
+    error: (...args) => console.error(...args),
+  };
+  const dev = window.bitvidLogger?.dev || fallbackDev;
+  const user = window.bitvidLogger?.user || fallbackUser;
+
   (async () => {
     try {
       // Fetch the Markdown file
@@ -40,7 +56,7 @@
         hljs.highlightBlock(block);
       });
     } catch (err) {
-      console.error("Error loading 'Getting Started' content:", err);
+      user.error("Error loading 'Getting Started' content:", err);
       const container = document.getElementById("markdown-container");
       if (container) {
         container.innerHTML = `
diff --git a/views/ipns.html b/views/ipns.html
index 208367a3..6fff25f8 100644
--- a/views/ipns.html
+++ b/views/ipns.html
@@ -13,6 +13,22 @@
 </section>
 
 <script>
+  // Fallback loggers keep embeds functional without bitvidLogger while surfacing warnings/errors via the console.
+  const fallbackDev = {
+    log: () => {},
+    info: () => {},
+    warn: (...args) => console.warn(...args),
+    error: (...args) => console.error(...args),
+  };
+  const fallbackUser = {
+    log: () => {},
+    info: () => {},
+    warn: (...args) => console.warn(...args),
+    error: (...args) => console.error(...args),
+  };
+  const dev = window.bitvidLogger?.dev || fallbackDev;
+  const user = window.bitvidLogger?.user || fallbackUser;
+
   (async () => {
     try {
       const response = await fetch("content/ipns.md");
@@ -35,7 +51,7 @@
         hljs.highlightBlock(block);
       });
     } catch (err) {
-      console.error("Error loading IPNS content:", err);
+      user.error("Error loading IPNS content:", err);
       const container = document.getElementById("markdown-container");
       if (container) {
         container.innerHTML = `
diff --git a/views/links.html b/views/links.html
index 4052bb3e..cfee62ed 100644
--- a/views/links.html
+++ b/views/links.html
@@ -13,6 +13,22 @@
 </section>
 
 <script>
+  // Fallback loggers keep embeds functional without bitvidLogger while surfacing warnings/errors via the console.
+  const fallbackDev = {
+    log: () => {},
+    info: () => {},
+    warn: (...args) => console.warn(...args),
+    error: (...args) => console.error(...args),
+  };
+  const fallbackUser = {
+    log: () => {},
+    info: () => {},
+    warn: (...args) => console.warn(...args),
+    error: (...args) => console.error(...args),
+  };
+  const dev = window.bitvidLogger?.dev || fallbackDev;
+  const user = window.bitvidLogger?.user || fallbackUser;
+
   (async () => {
     try {
       const response = await fetch("content/links.md");
@@ -35,7 +51,7 @@
         hljs.highlightBlock(block);
       });
     } catch (err) {
-      console.error("Error loading Links content:", err);
+      user.error("Error loading Links content:", err);
       const container = document.getElementById("markdown-container");
       if (container) {
         container.innerHTML = `
diff --git a/views/roadmap.html b/views/roadmap.html
index b0bb729a..2b87a761 100644
--- a/views/roadmap.html
+++ b/views/roadmap.html
@@ -13,6 +13,22 @@
 </section>
 
 <script>
+  // Fallback loggers keep embeds functional without bitvidLogger while surfacing warnings/errors via the console.
+  const fallbackDev = {
+    log: () => {},
+    info: () => {},
+    warn: (...args) => console.warn(...args),
+    error: (...args) => console.error(...args),
+  };
+  const fallbackUser = {
+    log: () => {},
+    info: () => {},
+    warn: (...args) => console.warn(...args),
+    error: (...args) => console.error(...args),
+  };
+  const dev = window.bitvidLogger?.dev || fallbackDev;
+  const user = window.bitvidLogger?.user || fallbackUser;
+
   (async () => {
     try {
       // Fetch your roadmap markdown
@@ -36,7 +52,7 @@
         hljs.highlightBlock(block);
       });
     } catch (err) {
-      console.error("Error loading roadmap:", err);
+      user.error("Error loading roadmap:", err);
       const container = document.getElementById("markdown-container");
       if (container) {
         container.innerHTML = `