Add a launcher context provider

src/app/layout.tsx

@@ -2,6 +2,7 @@
 
 import '@/styles/globals.css'
 import { Roboto } from 'next/font/google'
+import LauncherContext from '@/context/LauncherContext'
 
 import Sidebar from '@/componets/Sidebar'
 import { useEffect, useState } from 'react'
@@ -56,25 +57,27 @@ export default function RootLayout ({
 
       setLoading(3)
     })()
-  })
+  }, [])
 
   return (
     <html lang='en' className={roboto.className}>
       <body className='relative dark-theme'>
-        {loading == 3 ? (
+        <LauncherContext.Provider value={{ launcherManifest }}>
-          <>
+          {loading == 3 ? (
-            <Sidebar />
+            <>
-            <main>{children}</main>
+              <Sidebar />
-          </>
+              <main>{children}</main>
-        ) : (
+            </>
-          <p className='flex justify-center items-center h-screen w-screen text-6xl'>
+          ) : (
-            {loading == 0
+            <p className='flex justify-center items-center h-screen w-screen text-6xl'>
-              ? 'Loading'
+              {loading == 0
-              : loading == 1
+                ? 'Loading'
-              ? 'Failed to load launcher'
+                : loading == 1
-              : 'Outdated launcher!'}
+                ? 'Failed to load launcher'
-          </p>
+                : 'Outdated launcher!'}
-        )}
+            </p>
+          )}
+        </LauncherContext.Provider>
       </body>
     </html>
   )

src/app/page.tsx

@@ -1,3 +1,5 @@
+'use client'
+
 export default function Home () {
   return <div></div>
 }

src/context/LauncherContext.tsx

@@ -0,0 +1,14 @@
+'use client'
+
+import { createContext, useContext } from 'react'
+import type LauncherManifest from '@/types/LauncherManifest'
+
+type LauncherContextType = {
+  launcherManifest: LauncherManifest | null
+}
+
+const LauncherContext = createContext<LauncherContextType | null>(null)
+
+export const useLauncher = () => useContext(LauncherContext)
+
+export default LauncherContext