chore: fix TypeScript errors

Author: lucasbento

@types/global.d.ts

@@ -1,8 +1,12 @@
 interface Window {}
 
-interface Process {
-  env: {
-    PUBLIC_URL: string
-    NODE_ENV: 'development' | 'production'
+declare global {
+  namespace NodeJS {
+    interface ProcessEnv {
+      PUBLIC_URL: string
+      NODE_ENV: 'development' | 'production'
+    }
   }
 }
+
+export {}

src/components/common/VersionSelector.tsx

@@ -155,7 +155,7 @@ const getReleasedVersions = ({
   releasedVersions: string[]
   minVersion?: string
   maxVersion?: string
-}) => {
+}): string[] => {
   const latestMajorReleaseVersion =
     getLatestMajorReleaseVersion(releasedVersions)
 
@@ -181,32 +181,36 @@ const getFirstMajorRelease = ({
   releasedVersions: string[]
   versionToCompare: string
 }) =>
-  releasedVersions.find(
-    (releasedVersion) =>
+  releasedVersions.find((releasedVersion) => {
+    const releasedVersionValid = semver.valid(semver.coerce(releasedVersion))
+    const versionToCompareValid = semver.valid(semver.coerce(versionToCompare))
+
+    return (
       semver.lt(releasedVersion, versionToCompare) &&
-      semver.diff(
-        semver.valid(semver.coerce(releasedVersion)),
-        semver.valid(semver.coerce(versionToCompare))
-      ) === 'minor'
-  )
+      releasedVersionValid &&
+      versionToCompareValid &&
+      semver.diff(releasedVersionValid, versionToCompareValid) === 'minor'
+    )
+  })
 
 // Return if version exists in the ones returned from GitHub
 const doesVersionExist = ({
   version,
   allVersions,
   minVersion,
 }: {
-  version: string
+  version: string | null
   allVersions: string[]
   minVersion?: string
-}) => {
+}): boolean => {
   try {
+    if (version === null) {
+      return false
+    }
+
     return (
-      version &&
       allVersions.includes(version) &&
-      // Also compare the version against a `minVersion`, this is used
-      // to not allow the user to have a `fromVersion` newer than `toVersion`
-      (!minVersion || (minVersion && semver.gt(version, minVersion)))
+      (!minVersion || semver.gt(version, minVersion))
     )
   } catch (_error) {
     return false
@@ -234,8 +238,8 @@ const VersionSelector = ({
     packageName,
   })
   const [allVersions, setAllVersions] = useState<string[]>([])
-  const [fromVersionList, setFromVersionList] = useState([])
-  const [toVersionList, setToVersionList] = useState([])
+  const [fromVersionList, setFromVersionList] = useState<string[]>([])
+  const [toVersionList, setToVersionList] = useState<string[]>([])
   const [hasVersionsFromURL, setHasVersionsFromURL] = useState<boolean>(false)
 
   const [localFromVersion, setLocalFromVersion] = useState<string>('')
@@ -281,7 +285,7 @@ const VersionSelector = ({
           getFirstMajorRelease({
             releasedVersions: sanitizedVersions,
             versionToCompare: toVersionToBeSet,
-          })
+          }) || sanitizedVersions[sanitizedVersions.length - 1] // Fallback to last version if no major release found
 
       setFromVersionList(
         getReleasedVersions({

src/components/pages/Home.tsx

@@ -24,6 +24,7 @@ import { DarkModeButton } from '../common/DarkModeButton'
 import { updateURL } from '../../utils/update-url'
 import { deviceSizes } from '../../utils/device-sizes'
 import { lightTheme, darkTheme, type Theme } from '../../theme'
+import { CheckboxValueType } from 'antd/es/checkbox/Group'
 
 const Page = styled.div<{ theme?: Theme }>`
   background-color: ${({ theme }) => theme.background};
@@ -104,7 +105,7 @@ const getAppInfoInURL = () => {
 
   return {
     appPackage: pkg as string,
-    appName: name as string | null,
+    appName: name as string | undefined,
   }
 }
 
@@ -198,9 +199,11 @@ const Home = () => {
     setShouldShowDiff(false)
   }
 
-  const handleSettingsChange = (settingsValues: string[]) => {
-    const normalizedIncomingSettings = settingsValues.reduce((acc, val) => {
-      acc[val] = true
+  const handleSettingsChange = (settingsValues: CheckboxValueType[]) => {
+    const normalizedIncomingSettings = settingsValues.reduce<
+      Record<string, boolean>
+    >((acc, val) => {
+      acc[String(val)] = true
       return acc
     }, {})
 

src/serviceWorker.ts

@@ -20,7 +20,12 @@ const isLocalhost = Boolean(
     )
 )
 
-export function register(config) {
+interface ServiceWorkerConfig {
+  onSuccess?: (registration: ServiceWorkerRegistration) => void
+  onUpdate?: (registration: ServiceWorkerRegistration) => void
+}
+
+export function register(config?: ServiceWorkerConfig) {
   if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
     // The URL constructor is available in all browsers that support SW.
     const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href)
@@ -54,7 +59,7 @@ export function register(config) {
   }
 }
 
-function registerValidSW(swUrl, config) {
+function registerValidSW(swUrl: string, config?: ServiceWorkerConfig) {
   navigator.serviceWorker
     .register(swUrl)
     .then((registration) => {
@@ -98,7 +103,7 @@ function registerValidSW(swUrl, config) {
     })
 }
 
-function checkValidServiceWorker(swUrl, config) {
+function checkValidServiceWorker(swUrl: string, config?: ServiceWorkerConfig) {
   // Check if the service worker can be found. If it can't reload the page.
   fetch(swUrl)
     .then((response) => {

src/utils.ts

@@ -115,9 +115,15 @@ export const getVersionsContentInDiff = ({
   }
 
   const cleanedToVersion = semver.valid(semver.coerce(toVersion))
+  if (!cleanedToVersion) {
+    return []
+  }
 
   return versions[packageName].filter(({ version }) => {
     const cleanedVersion = semver.coerce(version)
+    if (!cleanedVersion) {
+      return false
+    }
 
     // `cleanedVersion` can't be newer than `cleanedToVersion` nor older (or equal) than `fromVersion`
     return (

src/utils/update-url.ts

@@ -14,7 +14,7 @@ export function updateURL({
   isPackageNameDefinedInURL: boolean
   fromVersion: string
   toVersion: string
-  appPackage: string
+  appPackage?: string
   appName?: string
 }) {
   const url = new URL(window.location.origin)

tsconfig.json

@@ -26,6 +26,6 @@
       "module": "commonjs"
     }
   },
-  "include": ["./src", "./assets"],
+  "include": ["./src", "./assets", "./@types"],
   "exclude": ["./src/__tests__/*"]
 }