compat: polyfill AbortController/AbortSignal on older browsers (#2371)

apps/readest-app/package.json

@@ -67,6 +67,7 @@
     "@tauri-apps/plugin-shell": "~2.3.1",
     "@tauri-apps/plugin-updater": "^2.9.0",
     "@zip.js/zip.js": "^2.7.53",
+    "abortcontroller-polyfill": "^1.7.8",
     "app-store-server-api": "^0.17.1",
     "aws4fetch": "^1.0.20",
     "clsx": "^2.1.1",

apps/readest-app/src/components/Providers.tsx

@@ -1,5 +1,6 @@
 'use client';
 
+import '@/utils/polyfill';
 import i18n from '@/i18n/i18n';
 import { useEffect } from 'react';
 import { IconContext } from 'react-icons';

apps/readest-app/src/libs/document.ts

@@ -2,36 +2,6 @@ import { BookFormat } from '@/types/book';
 import { Contributor, Identifier, LanguageMap } from '@/utils/book';
 import * as epubcfi from 'foliate-js/epubcfi.js';
 
-// A groupBy polyfill for foliate-js
-Object.groupBy ??= (iterable, callbackfn) => {
-  const obj = Object.create(null);
-  let i = 0;
-  for (const value of iterable) {
-    const key = callbackfn(value, i++);
-    if (key in obj) {
-      obj[key].push(value);
-    } else {
-      obj[key] = [value];
-    }
-  }
-  return obj;
-};
-
-Map.groupBy ??= (iterable, callbackfn) => {
-  const map = new Map();
-  let i = 0;
-  for (const value of iterable) {
-    const key = callbackfn(value, i++),
-      list = map.get(key);
-    if (list) {
-      list.push(value);
-    } else {
-      map.set(key, [value]);
-    }
-  }
-  return map;
-};
-
 export const CFI = epubcfi;
 
 export type DocumentFile = File;

apps/readest-app/src/utils/polyfill.ts

@@ -0,0 +1,31 @@
+import 'abortcontroller-polyfill/dist/abortcontroller-polyfill-only';
+
+// A groupBy polyfill for foliate-js
+Object.groupBy ??= (iterable, callbackfn) => {
+  const obj = Object.create(null);
+  let i = 0;
+  for (const value of iterable) {
+    const key = callbackfn(value, i++);
+    if (key in obj) {
+      obj[key].push(value);
+    } else {
+      obj[key] = [value];
+    }
+  }
+  return obj;
+};
+
+Map.groupBy ??= (iterable, callbackfn) => {
+  const map = new Map();
+  let i = 0;
+  for (const value of iterable) {
+    const key = callbackfn(value, i++),
+      list = map.get(key);
+    if (list) {
+      list.push(value);
+    } else {
+      map.set(key, [value]);
+    }
+  }
+  return map;
+};