added layout

Author: nirajprakash

package-lock.json

@@ -18,7 +18,8 @@
   },
   "dependencies": {
     "@elastic/elasticsearch": "^8.9.0",
-    "@emotion/react": "^11.11.1",
+    "@emotion/cache": "^11.11.0",
+    "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.0",
     "@fontsource/inter": "^5.0.7",
     "@mui/base": "^5.0.0-beta.11",
@@ -51,6 +52,7 @@
     "react": "18.2.0",
     "react-date-range": "^1.4.0",
     "react-dom": "18.2.0",
+    "react-google-recaptcha-v3": "^1.10.1",
     "react-leaflet": "^4.2.1",
     "react-leaflet-cluster": "^2.1.0",
     "react-object-view": "^0.3.4",

package.json

@@ -1,6 +1,7 @@
 // app/ThemeRegistry.tsx
 'use client';
 
+import { GoogleReCaptchaProvider } from 'react-google-recaptcha-v3';
 import './globals.scss'
 import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
@@ -97,13 +98,17 @@ const ThemeRegistry = (props: ThemeProps) => {
 
 
   return (
+    
+
+    <GoogleReCaptchaProvider reCaptchaKey={process.env.NEXT_GOOGLE_V3_SITE ?? ""}>
     <CacheProvider value={cache}>
       <CssVarsProvider theme={customTheme}>
         {/* the custom theme is optional */}
         <CssBaseline />
         {children}
       </CssVarsProvider>
     </CacheProvider>
+    </GoogleReCaptchaProvider>
   );
 }
 

src/app/layout.tsx

@@ -0,0 +1,58 @@
+import { NextResponse } from 'next/server'
+import type { NextRequest } from 'next/server'
+
+
+// const allowedOrigins = ['https://acme.com', 'https://my-app.org']
+
+// This function can be marked `async` if using `await` inside
+export async function middleware(request: NextRequest) {
+
+    // Check the origin from the request
+    const origin = request.headers.get('origin') ?? ''
+    const host = request.headers.get('host') ?? ''
+
+    const token = request.headers.get('g-token') ?? '';
+
+    console.log("middleware: ", origin, " host: ", token)
+
+    // if (token) {
+    //     var responseData = await fetch('https://www.google.com/recaptcha/api/siteverify?' + new URLSearchParams({
+    //         secret: process.env.NEXT_GOOGLE_V3_SECRET ?? "",
+    //         response: token,
+    //     }), {
+    //         method: 'POST',
+    //         headers: {
+    //             'Content-Type': 'application/json'
+    //         },
+
+    //     })
+    //     var captchaResponse = await responseData.json()
+
+    //     if (!captchaResponse['success']) {
+    //         return NextResponse.json({ message: 'Auth invalid' }, { status: 401 });
+
+    //     }
+    // }else {
+    //     return NextResponse.json({ message: 'Auth required' }, { status: 401 });
+
+    // }
+
+
+
+    const response = NextResponse.next()
+
+    // if (isAllowedOrigin) {
+    //   response.headers.set('Access-Control-Allow-Origin', origin)
+    // }
+
+    // Object.entries(corsOptions).forEach(([key, value]) => {
+    //   response.headers.set(key, value)
+    // })
+
+    return response
+}
+
+// See "Matching Paths" below to learn more
+export const config = {
+    matcher: '/api/:path*',
+}