fix(preload-langs): 🐛 remove type declaration conflict

The requestIdleCallback type is conflicting with the one provided in typescript v4.4+ ✅ Closes: #510
jsverse · Sep 30, 2021 · 7331c32 · 7331c32
1 parent 1b2a18c
commit 7331c32
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 15 deletions.
diff --git a/libs/transloco-preload-langs/src/lib/preload-langs.module.ts b/libs/transloco-preload-langs/src/lib/preload-langs.module.ts
@@ -9,17 +9,8 @@ interface IdleDeadline {
   timeRemaining: () => number;
 }
 
-type IdleCallback = (deadLine: IdleDeadline) => void;
-
-declare global {
-  interface Window {
-    requestIdleCallback: (cb: IdleCallback) => number;
-    cancelIdleCallback: (id: number) => void;
-  }
-}
-
-window.requestIdleCallback =
-  window.requestIdleCallback ||
+(window as any).requestIdleCallback =
+  (window as any).requestIdleCallback ||
   function (cb: (deadLine: IdleDeadline) => void) {
     const start = Date.now();
 
@@ -33,8 +24,8 @@ window.requestIdleCallback =
     }, 1);
   };
 
-window.cancelIdleCallback =
-  window.cancelIdleCallback ||
+(window as any).cancelIdleCallback =
+  (window as any).cancelIdleCallback ||
   function (id: number) {
     clearTimeout(id);
   };

diff --git a/libs/transloco-preload-langs/src/lib/preload-langs.service.ts b/libs/transloco-preload-langs/src/lib/preload-langs.service.ts
@@ -18,7 +18,7 @@ export class TranslocoPreloadLangsService implements OnDestroy {
   ) {
     if (!langs) return;
 
-    this.idleCallbackId = window.requestIdleCallback(() => {
+    this.idleCallbackId = (window as any).requestIdleCallback(() => {
       const preloads = langs.map((currentLangOrScope) => {
         const lang = service._completeScopeWithLang(currentLangOrScope);
 
@@ -39,7 +39,7 @@ export class TranslocoPreloadLangsService implements OnDestroy {
 
   ngOnDestroy() {
     if (this.idleCallbackId !== undefined) {
-      window.cancelIdleCallback(this.idleCallbackId);
+      (window as any).cancelIdleCallback(this.idleCallbackId);
     }
     this.subscription?.unsubscribe();
     // Caretaker note: it's important to clean up references to subscriptions since they save the `next`