Showing the loader when users first interact and fixing bugs related to CDN use

Author: thiagogq

js/script.js

@@ -10,7 +10,7 @@
 
   /* Constants and default values */
 
-  const debug_mode = true;
+  const debug_mode = false;
   const thumbnail_column = "Thumbnail";
   const supported_formats = ["JPG", "JPEG", "PNG", "APNG", "GIF", "SVG", "WEBP", "AVIF", "ICO"]; 
   const supported_version_formats = ["JPG", "JPEG", "PNG", "WEBP"];
@@ -2144,15 +2144,15 @@ Options -Indexes
 
   const showLoader = function() {
     const loaderDiv = globalThis.document.getElementById("gw-loader");
-    if (loaderDiv.style.display === "flex"){
+    if (!loaderDiv || loaderDiv.style.display === "flex"){
       return;
     }
     loaderDiv.style.display = "flex";
   }
 
   const hideLoader = function() {
     const loaderDiv = globalThis.document.getElementById("gw-loader");
-    loaderDiv.style.display = "none";
+    if (loaderDiv) loaderDiv.style.display = "none";
   }
 
   const putFolderIntoZip = function(folder, zip) {
@@ -3888,9 +3888,7 @@ Options -Indexes
     return new Promise((resolve, _) => {
       globalThis.lb.useSqlite(async (db) => {  
         if (globalThis.localStorage.getItem("tables-created") !== "true") {
-          await globalThis.lb.createTables(db);
-          globalThis.localStorage.setItem("tables-created", "true");
-          
+          await globalThis.lb.createTables(db);          
           await insertThemeFromObject(db, default_theme, "current");
           await insertThemeFromObject(db, default_theme, "default");
           await globalThis.lb.setThemeConfig(default_theme["config"]);
@@ -3904,6 +3902,9 @@ Options -Indexes
           await globalThis.lb.setSetting("articles-in-author-profile", "true");
           await globalThis.lb.setSetting("article-in-feedback", "false");
           await globalThis.lb.setSetting("website-language", "en");
+          
+          globalThis.localStorage.setItem("tables-created", "true");
+          hideLoader();
         } else {
           await globalThis.lb.updateSettings();
           fetchData(db);
@@ -4173,7 +4174,7 @@ Options -Indexes
         await import ("../dependencies/ace/mode-javascript.js");
         await import ("../dependencies/ace/mode-xml.js");
         await import ("../dependencies/ace/theme-github_light_default.js");
-        ace.config.set('basePath', '../dependencies/ace')
+        ace.config.set('basePath', '../dependencies/ace');
       }
     } else {
       if (["index"].includes(page)) {
@@ -4188,11 +4189,13 @@ Options -Indexes
         await importFromCDN("https://cdn.jsdelivr.net/npm/ace-builds@" + ace_builds_version + "/src-min/mode-javascript.js", "../dependencies/ace/mode-javascript.js");
         await importFromCDN("https://cdn.jsdelivr.net/npm/ace-builds@" + ace_builds_version + "/src-min/mode-xml.js", "../dependencies/ace/mode-xml.js");
         await importFromCDN("https://cdn.jsdelivr.net/npm/ace-builds@" + ace_builds_version + "/src-min/theme-github_light_default.js", "../dependencies/ace/theme-github_light_default.js");
+        ace.config.set('basePath', "https://cdn.jsdelivr.net/npm/ace-builds@" + ace_builds_version + "/src-min");
       }
     }
   }
 
   const start = async function(lb) {
+    if (globalThis.localStorage.getItem("tables-created") !== "true") showLoader();
     preFormatThead();
 
     if (debug_mode === true || extensionEnvironment()) {

libreblog/libreblog.js

@@ -20,7 +20,7 @@ const sqlite_version = "3.49.2-build1";
 const marked_version = "15.0.12";
 //MIME types supported by most browsers in the HTMLCanvasElement interface
 const supported_version_formats = ["JPG", "JPEG", "PNG", "WEBP"];
-const debug_mode = true; //If false, it will load modules from a CDN (to be implemented)
+const debug_mode = false; //If false, it will load modules from a CDN (to be implemented)
 let conversion_cache = {}; //Used to store previous conversions from Markdown to HTML
 let declared_values_cache = {}; //Values that are declared inside the field "contents"
 let references_cache = {}; //Used to store all the references of all the articles
@@ -2181,7 +2181,7 @@ const importModules = async function() {
     } else {
       const {default: sqlite3InitModule} = await importFromCDN("https://cdn.jsdelivr.net/npm/@sqlite.org/sqlite-wasm@" + sqlite_version + "/sqlite-wasm/jswasm/sqlite3.mjs", "../dependencies/sqlite3/sqlite3.mjs");
       globalThis.sqlite3InitModule = sqlite3InitModule;
-      await importFromCDN("https://cdn.jsdelivr.net/npm/twig@" + twig_version + "/src/twig.min.js", "../dependencies/twig/twig.min.js")
+      await importFromCDN("https://cdn.jsdelivr.net/npm/twig@" + twig_version + "/twig.min.js", "../dependencies/twig/twig.min.js")
       globalThis.Twig = Twig;
       const {marked} = await importFromCDN("https://cdn.jsdelivr.net/npm/marked@" + marked_version + "/lib/marked.esm.js", "../dependencies/marked/marked.esm.js")
       globalThis.marked = marked;