@bbki.ng/site 5.5.26 → 5.5.28

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @bbki.ng/site
 
+## 5.5.28
+
+### Patch Changes
+
+- a1c157f: icon font preloading
+
+## 5.5.27
+
+### Patch Changes
+
+- 1da1967: fix cls
+
 ## 5.5.26
 
 ### Patch Changes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bbki.ng/site",
-  "version": "5.5.26",
+  "version": "5.5.28",
   "description": "code behind bbki.ng",
   "main": "index.js",
   "type": "module",

package/src/plugins/xwy/const/index.ts

@@ -22,6 +22,7 @@ export const FontRules: Array<FontRule> = [
       src: '/fonts/yao-icons.woff2',
       format: 'woff2',
       hideGlyphOnLoading: true,
+      preload: true,
     },
   },
 ];

package/src/plugins/xwy/index.ts

@@ -63,9 +63,10 @@ class XwyPlugin implements IPlugin {
 
   private initFontLoadingListener() {
     // listen font loading status and add class to body for styling
-    document.documentElement.classList.add(LOADING_CLASS);
+    console.log('Initializing font loading listener');
+    document.body.classList.add(LOADING_CLASS);
     document.fonts.ready.then(() => {
-      document.documentElement.classList.remove(LOADING_CLASS);
+      document.body.classList.remove(LOADING_CLASS);
     });
   }
 

package/src/plugins/xwy/types/index.ts

@@ -5,6 +5,7 @@ export interface FontConfig {
   fontWeight?: string;
   fontStyle?: string;
   hideGlyphOnLoading?: boolean;
+  preload?: boolean;
 }
 
 export interface FontRule {

package/src/plugins/xwy/utils/index.ts

@@ -13,6 +13,17 @@ export const loadFont = (config: FontConfig) => {
     `
     : '';
 
+  const existingLink = document.querySelector(`link[rel="preload"][href="${config.src}"]`);
+  if (config.preload && !existingLink) {
+    const link = document.createElement('link');
+    link.rel = 'preload';
+    link.as = 'font';
+    link.href = config.src;
+    link.type = `font/${config.format}`;
+    link.crossOrigin = 'anonymous';
+    document.head.appendChild(link);
+  }
+
   const style = document.createElement('style');
   style.id = styleId;
   style.textContent = `