Move to NextJS + other changes

src/app/GlobalProvider.tsx

@@ -0,0 +1,47 @@
+'use client'
+
+import { createContext, useContext, ReactNode } from 'react'
+import { LauncherVersion } from './types/LauncherVersion'
+import { DownloadProgress } from './types/DownloadProgress'
+import { VersionsConfig } from './types/VersionsConfig'
+import { NormalConfig } from './types/NormalConfig'
+import { DownloadedVersion } from './types/DownloadedVersion'
+
+type GlobalCtxType = {
+  versionList: LauncherVersion[] | null
+  setVersionList: (v: LauncherVersion[] | null) => void
+  selectedVersionList: LauncherVersion[]
+  setSelectedVersionList: (v: LauncherVersion[]) => void
+  downloadProgress: DownloadProgress[]
+  setDownloadProgress: (v: DownloadProgress[]) => void
+  showPopup: boolean
+  setShowPopup: (v: boolean) => void
+  popupMode: number | null
+  setPopupMode: (v: number | null) => void
+  fadeOut: boolean
+  setFadeOut: (v: boolean) => void
+  downloadedVersionsConfig: VersionsConfig | null
+  setDownloadedVersionsConfig: (v: VersionsConfig | null) => void
+  normalConfig: NormalConfig | null
+  setNormalConfig: (v: NormalConfig | null) => void
+  managingVersion: DownloadedVersion | null
+  setManagingVersion: (v: DownloadedVersion | null) => void
+}
+
+const GlobalCtx = createContext<GlobalCtxType | null>(null)
+
+export const useGlobal = () => {
+  const ctx = useContext(GlobalCtx)
+  if (!ctx) throw new Error('useGlobal must be inside GlobalProvider')
+  return ctx
+}
+
+export const GlobalProvider = ({
+  children,
+  value
+}: {
+  children: ReactNode
+  value: GlobalCtxType
+}) => {
+  return <GlobalCtx.Provider value={value}>{children}</GlobalCtx.Provider>
+}