feat: add basic worldcoin setup.

Author: PaoloRollo

apps/dashboard/package.json

@@ -57,6 +57,7 @@
     "@thirdweb-dev/vault-sdk": "workspace:*",
     "@vercel/functions": "2.0.0",
     "@vercel/og": "^0.6.8",
+    "@worldcoin/minikit-js": "^1.9.5",
     "abitype": "1.0.8",
     "chakra-react-select": "^4.7.6",
     "class-variance-authority": "^0.7.1",

apps/dashboard/src/app/nebula-app/(app)/_worldcoin/minikit-provider.tsx

@@ -0,0 +1,23 @@
+"use client";
+
+import { useQuery } from "@tanstack/react-query";
+import { MiniKit } from "@worldcoin/minikit-js";
+
+export default function MinikitProvider({
+  children,
+}: { children: React.ReactNode }) {
+  useQuery({
+    queryKey: ["minikit-install"],
+    queryFn: async () => {
+      try {
+        MiniKit.install();
+        return true;
+      } catch (error) {
+        console.error(error);
+        return false;
+      }
+    },
+  });
+
+  return <>{children}</>;
+}

apps/dashboard/src/app/nebula-app/providers.tsx

@@ -7,6 +7,7 @@ import { useMemo } from "react";
 import { Toaster } from "sonner";
 import { ThirdwebProvider, useActiveAccount } from "thirdweb/react";
 import { MiniAppProvider } from "./(app)/_farcaster/miniapp-provider";
+import MinikitProvider from "./(app)/_worldcoin/minikit-provider";
 import { NebulaConnectWallet } from "./(app)/components/NebulaConnectButton";
 
 const queryClient = new QueryClient();
@@ -16,17 +17,19 @@ export function NebulaProviders(props: { children: React.ReactNode }) {
     <QueryClientProvider client={queryClient}>
       <ThirdwebProvider>
         <MiniAppProvider>
-          <ThemeProvider
-            attribute="class"
-            disableTransitionOnChange
-            enableSystem={false}
-            defaultTheme="light"
-          >
-            <ToasterSetup />
-            <SanctionedAddressesChecker>
-              {props.children}
-            </SanctionedAddressesChecker>
-          </ThemeProvider>
+          <MinikitProvider>
+            <ThemeProvider
+              attribute="class"
+              disableTransitionOnChange
+              enableSystem={false}
+              defaultTheme="light"
+            >
+              <ToasterSetup />
+              <SanctionedAddressesChecker>
+                {props.children}
+              </SanctionedAddressesChecker>
+            </ThemeProvider>
+          </MinikitProvider>
         </MiniAppProvider>
       </ThirdwebProvider>
     </QueryClientProvider>