Add useRemoteUrl hook

components/drawer/Drawer.tsx

@@ -23,6 +23,7 @@ import { HiOutlineSearch, HiOutlineX } from 'react-icons/hi'
 import VolunteerSwitch from '@components/volunteer-switch'
 import customMultiSelectStyles from '@styles/select-styles'
 import { REMOTE_URL } from '@helpers/config'
+import { useRemoteUrl } from '@hooks/application'
 import { useSelectedWebName } from '@hooks/webs'
 import LogoImage from '../../public/logo.png'
 
@@ -41,6 +42,9 @@ const Drawer = ({
   const maxInputWidth = useBreakpointValue({ base: 'initial', md: '280px' })
   const selectedWebName = useSelectedWebName()
 
+  const remoteUrl = useRemoteUrl()
+  console.log({ remoteUrl })
+
   return (
     <chakra.div
       position="fixed"

hooks/application/index.ts

@@ -1 +1,2 @@
 export { default as useMediaQuerySSR } from './useMediaQuerySSR'
+export { default as useRemoteUrl } from './useRemoteUrl'

hooks/application/useRemoteUrl.tsx

@@ -0,0 +1,20 @@
+import { useRouter } from 'next/router'
+
+const useRemoteUrl = () => {
+  const router = useRouter()
+
+  const { pathname, isPreview, basePath, asPath } = router
+
+  console.log({ pathname, isPreview, basePath, asPath })
+
+  // if (isPreview) {
+  //   return basePath
+  // }
+
+  return process.env.NODE_ENV === 'development'
+    ? 'http://localhost:3000'
+    : 'https://resilienceweb.org.uk'
+}
+
+export default useRemoteUrl
+

middleware.ts

@@ -26,15 +26,15 @@ export default function middleware(req: NextRequest) {
           .replace('.vercel.app', '')
       : hostname.replace(`.localhost:3000`, '')
 
-  console.log('DINER', { hostname, currentHost, pathname })
+  console.log('DINER', { hostname, currentHost, pathname, url })
 
   if (pathname.startsWith(`/_webs`)) {
     return new Response(null, {
       status: 404,
     })
   }
 
-  if (!pathname.includes('.') && !pathname.startsWith('/api')) {
+  if (!pathname.includes('.')) {
     if (currentHost == 'app') {
       if (
         pathname === '/login' &&
@@ -52,8 +52,7 @@ export default function middleware(req: NextRequest) {
     if (
       hostname === 'localhost:3000' ||
       hostname === 'cambridgeresilienceweb.org.uk' ||
-      hostname === 'resilienceweb.org.uk' ||
-      hostname === 'vercel.app'
+      hostname === 'resilienceweb.org.uk'
     ) {
       return NextResponse.rewrite(url)
     }
@@ -63,5 +62,16 @@ export default function middleware(req: NextRequest) {
   }
 }
 
+/*
+ * Match all request paths except for the ones starting with:
+ * - api (API routes)
+ * - _next/static (static files)
+ * - _next/image (image optimization files)
+ * - favicon.ico (favicon file)
+ */
+export const config = {
+  matcher: ['/((?!api|_next/static|_next/image|favicon.ico).*)'],
+}
+