Move grid helper call to global.js

assets.json

@@ -1,3 +1,3 @@
 {
-    "version": 1667240712883
+    "version": 1667240825414
 }

assets/scripts/app.js

@@ -5,15 +5,6 @@ import { html } from './utils/environment';
 import config from './config'
 import { isFontLoadingAPIAvailable, loadFonts } from './utils/fonts';
 
-// Dynamic imports for development mode only
-let gridHelper;
-(async () => {
-    if (config.IS_DEV) {
-        const gridHelperModule = await import('./utils/grid-helper');
-        gridHelper = gridHelperModule?.gridHelper;
-    }
-})();
-
 const app = new modular({
     modules: modules,
 });
@@ -48,5 +39,22 @@ function init() {
     html.classList.add('is-ready');
     html.classList.remove('is-loading');
 
-    gridHelper?.();
+    /**
+     * Eagerly load the following fonts.
+     */
+    if (isFontLoadingAPIAvailable) {
+        loadFonts(EAGER_FONTS, config.IS_DEV).then((eagerFonts) => {
+            html.classList.add('fonts-loaded');
+
+            if (config.IS_DEV) {
+                console.group('Eager fonts loaded!', eagerFonts.length, '/', document.fonts.size);
+                console.group('State of eager fonts:')
+                eagerFonts.forEach((font) => console.log(font.family, font.style, font.weight, font.status/*, font*/))
+                console.groupEnd()
+                console.group('State of all fonts:')
+                document.fonts.forEach((font) => console.log(font.family, font.style, font.weight, font.status/*, font*/))
+                console.groupEnd()
+            }
+        });
+    }
 }

assets/scripts/globals.js

@@ -1,5 +1,23 @@
 import svg4everybody from 'svg4everybody';
+import config from './config';
 
-export default function() {
+// Dynamic imports for development mode only
+let gridHelper;
+(async () => {
+    if (config.IS_DEV) {
+        const gridHelperModule = await import('./utils/grid-helper');
+        gridHelper = gridHelperModule?.gridHelper;
+    }
+})();
+
+export default function () {
+    /**
+     * Use external SVG spritemaps
+     */
     svg4everybody();
+
+    /**
+     * Add grid helper
+     */
+    gridHelper?.();
 }