Improve browser compatibility

Author: krypciak

CHANGELOG.md

@@ -3,6 +3,11 @@
 # Change Log
 
 ## [Unreleased]
+
+### Fixed
+
+- Improve browser compatibility
+
 ## [1.0.4] 2025-06-26
 
 ### Added

src/cache.ts

@@ -1,11 +1,11 @@
 import { ModInstaller } from './mod-installer'
 import { ModDB } from './moddb'
 import { ModEntry, ModImageConfig as ModIconConfig, NPDatabase } from './types'
-
-const fs: typeof import('fs') = (0, eval)("require('fs')")
 import type { IncomingMessage } from 'http'
-const http: typeof import('http') = (0, eval)("require('http')")
-const https: typeof import('https') = (0, eval)("require('https')")
+
+const fs: typeof import('fs') = window.require?.('fs')
+const http: typeof import('http') = window.require?.('http')
+const https: typeof import('https') = window.require?.('https')
 
 async function* getFilesRecursive(dir: string): AsyncIterable<string> {
     const dirents = await fs.promises.readdir(dir, { withFileTypes: true })
@@ -32,7 +32,8 @@ function getTag(head: IncomingMessage): string {
 
 async function getETag(url: string): Promise<string> {
     const uri = new URL(url)
-    const { get } = uri.protocol === 'https:' ? https : http
+    const lib = uri.protocol === 'https:' ? https : http
+    const get = lib?.get
     if (!get) return 'nointernet'
 
     const head: IncomingMessage | undefined = await new Promise(resolve =>
@@ -65,15 +66,17 @@ export class FileCache {
 
     static async init() {
         this.cacheDir = './assets/mod-data/CCModManager/cache'
-        await fs.promises.mkdir(`${this.cacheDir}`, { recursive: true })
 
         this.inCache = new Set()
-        for await (const path of getFilesRecursive(this.cacheDir)) 
+        if (!fs) return
+
+        await fs.promises.mkdir(`${this.cacheDir}`, { recursive: true })
+        for await (const path of getFilesRecursive(this.cacheDir))
             this.inCache.add(path.substring('./assets/mod-data/CCModManager/cache/'.length))
     }
 
     static prepareDatabase(name: string) {
-        fs.promises.mkdir(`${this.cacheDir}/${name}/icons`, { recursive: true })
+        fs?.promises.mkdir(`${this.cacheDir}/${name}/icons`, { recursive: true })
     }
 
     static async getIconConfig(mod: ModEntry): Promise<ModIconConfig> {

src/mod-installer.ts

@@ -3,9 +3,9 @@ import { ModDB } from './moddb'
 import { ModEntry, ModEntryLocal, ModEntryLocalVirtual, ModEntryServer } from './types'
 import { ModInstallDialogs, prepareModName } from './gui/install-dialogs'
 
-const fs: typeof import('fs') = (0, eval)("require('fs')")
-const path: typeof import('path') = (0, eval)("require('path')")
-const crypto: typeof import('crypto') = (0, eval)('require("crypto")')
+const fs: typeof import('fs') = window.require?.('fs')
+const path: typeof import('path') = window.require?.('path')
+const crypto: typeof import('crypto') = window.require?.('crypto')
 
 import { Opts } from './options'
 import { JSZip, semver } from './library-providers'
@@ -505,7 +505,7 @@ export class ModInstaller {
     }
 
     static async isDirGit(dirPath: string): Promise<boolean> {
-        if (!dirPath.trim()) return false
+        if (!dirPath.trim() || !fs) return false
         const stat = await fs.promises.stat(dirPath)
         if (!stat.isDirectory()) return false
         return await this.fileExists(path.join(dirPath, '.git'))
@@ -534,8 +534,8 @@ export class ModInstaller {
     }
 
     static restartGame() {
-        if ('chrome' in window) {
-            ;(window.chrome as any).runtime.reload()
+        if (window.chrome?.runtime?.reload) {
+            window.chrome.runtime.reload()
         } else {
             window.location.reload()
         }

src/moddb.ts

@@ -90,7 +90,7 @@ export class ModDB {
                 await moddb.getMods(() => {})
                 modRecord = moddb.modRecord
             }
-            if (!modRecord) throw new Error('wat?')
+            if (!modRecord) continue
 
             const dbMod = modRecord[id]
             if (dbMod) matches.push(dbMod)

src/types.ts

@@ -116,4 +116,8 @@ export type ModImageConfig = {
 declare global {
     /* hack to mute a random rimraf error :) */
     type StringDecoder = {}
+    
+    interface Window {
+         chrome: any
+    }
 }