@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.2.9 → 0.2.11

package/dist/themes/fontLoader.esm.js

@@ -6,12 +6,13 @@
 import { FontThemeConfig, FontFiles } from './types';
 
 export class FontLoader {
-  private loadedFonts= new Set();
+  private loadedFonts: Set<string> = new Set();
 
   /**
    * Load fonts for a theme
    */
-  async loadThemeFonts(fonts)] = [];
+  async loadThemeFonts(fonts: FontThemeConfig): Promise<void> {
+    const fontPromises: Promise<void>[] = [];
 
     // Load primary font
     fontPromises.push(this.loadFont(fonts.primary));
@@ -32,7 +33,8 @@ export class FontLoader {
   /**
    * Load a single font family
    */
-  private async loadFont(fontConfig]), weights, display = 'swap', source } = fontConfig;
+  private async loadFont(fontConfig: FontThemeConfig['primary']): Promise<void> {
+    const { family, weights, display = 'swap', source } = fontConfig;
     
     // Skip if already loaded
     if (this.loadedFonts.has(family)) {
@@ -61,7 +63,8 @@ export class FontLoader {
         }
       }
 
-      // Fallback)) {
+      // Fallback: try Google Fonts if it's a known web font
+      if (this.isGoogleFont(family)) {
         await this.loadGoogleFont(family, weights, display);
         this.loadedFonts.add(family);
         return;
@@ -69,14 +72,15 @@ export class FontLoader {
 
       console.warn(`Font ${family} could not be loaded, falling back to system fonts`);
     } catch (error) {
-      console.error(`Error loading font ${family}, error);
+      console.error(`Error loading font ${family}:`, error);
     }
   }
 
   /**
    * Check if a font is available in the system
    */
-  private async isFontAvailable(fontFamily)=== 'undefined') return false;
+  private async isFontAvailable(fontFamily: string): Promise<boolean> {
+    if (typeof document === 'undefined') return false;
 
     // Remove quotes and get the first font family
     const cleanFamily = fontFamily.split(',')[0].replace(/['"]/g, '').trim();
@@ -100,7 +104,8 @@ export class FontLoader {
   /**
    * Check if a font is a Google Font
    */
-  private isGoogleFont(fontFamily)= [
+  private isGoogleFont(fontFamily: string): boolean {
+    const googleFonts = [
       'Poppins', 'Inter', 'Roboto', 'Open Sans', 'Lato', 'Montserrat', 'Source Sans Pro',
       'Raleway', 'PT Sans', 'Ubuntu', 'Noto Sans', 'Oswald', 'Playfair Display'
     ];
@@ -112,16 +117,17 @@ export class FontLoader {
   /**
    * Load a Google Font
    */
-  private async loadGoogleFont(family, weights], display)= family.split(',')[0].replace(/['"]/g, '').trim();
+  private async loadGoogleFont(family: string, weights: number[], display: string): Promise<void> {
+    const cleanFamily = family.split(',')[0].replace(/['"]/g, '').trim();
     const weightsParam = weights.join(',');
     
     const link = document.createElement('link');
     link.rel = 'stylesheet';
-    link.href = `https=${cleanFamily.replace(/\s+/g, '+')}}&display=${display}`;
+    link.href = `https://fonts.googleapis.com/css2?family=${cleanFamily.replace(/\s+/g, '+')}:wght@${weightsParam}&display=${display}`;
     
     return new Promise((resolve, reject) => {
       link.onload = () => resolve();
-      link.onerror = () => reject(new Error(`Failed to load Google Font}`));
+      link.onerror = () => reject(new Error(`Failed to load Google Font: ${family}`));
       document.head.appendChild(link);
     });
   }
@@ -129,7 +135,8 @@ export class FontLoader {
   /**
    * Load custom font files using @font-face
    */
-  private async loadCustomFontFiles(family, files, weights], display)] = [];
+  private async loadCustomFontFiles(family: string, files: FontFiles, weights: number[], display: string): Promise<void> {
+    const promises: Promise<void>[] = [];
 
     weights.forEach(weight => {
       if (files.woff2) {
@@ -147,21 +154,22 @@ export class FontLoader {
   /**
    * Load a single font face using @font-face
    */
-  private async loadFontFace(family, weight, url, format, display)=== 'undefined') return;
+  private async loadFontFace(family: string, weight: number, url: string, format: string, display: string): Promise<void> {
+    if (typeof document === 'undefined') return;
 
     return new Promise((resolve, reject) => {
       const style = document.createElement('style');
       style.textContent = `
         @font-face {
-          font-family}';
-          font-weight};
-          font-display};
-          src}') format('${format}');
+          font-family: '${family}';
+          font-weight: ${weight};
+          font-display: ${display};
+          src: url('${url}') format('${format}');
         }
       `;
       
       style.onload = () => resolve();
-      style.onerror = () => reject(new Error(`Failed to load font} ${weight}`));
+      style.onerror = () => reject(new Error(`Failed to load font: ${family} ${weight}`));
       
       document.head.appendChild(style);
       
@@ -175,13 +183,14 @@ export class FontLoader {
   /**
    * Clear loaded fonts
    */
-  clearLoadedFonts());
+  clearLoadedFonts(): void {
+    this.loadedFonts.clear();
   }
 
   /**
    * Get list of loaded fonts
    */
-  getLoadedFonts()] {
+  getLoadedFonts(): string[] {
     return Array.from(this.loadedFonts);
   }
 }

package/dist/themes/fontLoader.js

@@ -6,12 +6,13 @@
 import { FontThemeConfig, FontFiles } from './types';
 
 export class FontLoader {
-  private loadedFonts= new Set();
+  private loadedFonts: Set<string> = new Set();
 
   /**
    * Load fonts for a theme
    */
-  async loadThemeFonts(fonts)] = [];
+  async loadThemeFonts(fonts: FontThemeConfig): Promise<void> {
+    const fontPromises: Promise<void>[] = [];
 
     // Load primary font
     fontPromises.push(this.loadFont(fonts.primary));
@@ -32,7 +33,8 @@ export class FontLoader {
   /**
    * Load a single font family
    */
-  private async loadFont(fontConfig]), weights, display = 'swap', source } = fontConfig;
+  private async loadFont(fontConfig: FontThemeConfig['primary']): Promise<void> {
+    const { family, weights, display = 'swap', source } = fontConfig;
     
     // Skip if already loaded
     if (this.loadedFonts.has(family)) {
@@ -61,7 +63,8 @@ export class FontLoader {
         }
       }
 
-      // Fallback)) {
+      // Fallback: try Google Fonts if it's a known web font
+      if (this.isGoogleFont(family)) {
         await this.loadGoogleFont(family, weights, display);
         this.loadedFonts.add(family);
         return;
@@ -69,14 +72,15 @@ export class FontLoader {
 
       console.warn(`Font ${family} could not be loaded, falling back to system fonts`);
     } catch (error) {
-      console.error(`Error loading font ${family}, error);
+      console.error(`Error loading font ${family}:`, error);
     }
   }
 
   /**
    * Check if a font is available in the system
    */
-  private async isFontAvailable(fontFamily)=== 'undefined') return false;
+  private async isFontAvailable(fontFamily: string): Promise<boolean> {
+    if (typeof document === 'undefined') return false;
 
     // Remove quotes and get the first font family
     const cleanFamily = fontFamily.split(',')[0].replace(/['"]/g, '').trim();
@@ -100,7 +104,8 @@ export class FontLoader {
   /**
    * Check if a font is a Google Font
    */
-  private isGoogleFont(fontFamily)= [
+  private isGoogleFont(fontFamily: string): boolean {
+    const googleFonts = [
       'Poppins', 'Inter', 'Roboto', 'Open Sans', 'Lato', 'Montserrat', 'Source Sans Pro',
       'Raleway', 'PT Sans', 'Ubuntu', 'Noto Sans', 'Oswald', 'Playfair Display'
     ];
@@ -112,16 +117,17 @@ export class FontLoader {
   /**
    * Load a Google Font
    */
-  private async loadGoogleFont(family, weights], display)= family.split(',')[0].replace(/['"]/g, '').trim();
+  private async loadGoogleFont(family: string, weights: number[], display: string): Promise<void> {
+    const cleanFamily = family.split(',')[0].replace(/['"]/g, '').trim();
     const weightsParam = weights.join(',');
     
     const link = document.createElement('link');
     link.rel = 'stylesheet';
-    link.href = `https=${cleanFamily.replace(/\s+/g, '+')}}&display=${display}`;
+    link.href = `https://fonts.googleapis.com/css2?family=${cleanFamily.replace(/\s+/g, '+')}:wght@${weightsParam}&display=${display}`;
     
     return new Promise((resolve, reject) => {
       link.onload = () => resolve();
-      link.onerror = () => reject(new Error(`Failed to load Google Font}`));
+      link.onerror = () => reject(new Error(`Failed to load Google Font: ${family}`));
       document.head.appendChild(link);
     });
   }
@@ -129,7 +135,8 @@ export class FontLoader {
   /**
    * Load custom font files using @font-face
    */
-  private async loadCustomFontFiles(family, files, weights], display)] = [];
+  private async loadCustomFontFiles(family: string, files: FontFiles, weights: number[], display: string): Promise<void> {
+    const promises: Promise<void>[] = [];
 
     weights.forEach(weight => {
       if (files.woff2) {
@@ -147,21 +154,22 @@ export class FontLoader {
   /**
    * Load a single font face using @font-face
    */
-  private async loadFontFace(family, weight, url, format, display)=== 'undefined') return;
+  private async loadFontFace(family: string, weight: number, url: string, format: string, display: string): Promise<void> {
+    if (typeof document === 'undefined') return;
 
     return new Promise((resolve, reject) => {
       const style = document.createElement('style');
       style.textContent = `
         @font-face {
-          font-family}';
-          font-weight};
-          font-display};
-          src}') format('${format}');
+          font-family: '${family}';
+          font-weight: ${weight};
+          font-display: ${display};
+          src: url('${url}') format('${format}');
         }
       `;
       
       style.onload = () => resolve();
-      style.onerror = () => reject(new Error(`Failed to load font} ${weight}`));
+      style.onerror = () => reject(new Error(`Failed to load font: ${family} ${weight}`));
       
       document.head.appendChild(style);
       
@@ -175,13 +183,14 @@ export class FontLoader {
   /**
    * Clear loaded fonts
    */
-  clearLoadedFonts());
+  clearLoadedFonts(): void {
+    this.loadedFonts.clear();
   }
 
   /**
    * Get list of loaded fonts
    */
-  getLoadedFonts()] {
+  getLoadedFonts(): string[] {
     return Array.from(this.loadedFonts);
   }
 }