wri / agriadapt

Web app for physical climate risk tool.

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

agriadapt's Issues

Handling Multiple Worldviews

1. Once a user enters the site, their country is determined through request headers from CDN and saved securely to their browsing session
   

   agriadapt/hoc/session.ts

   Lines 1 to 19 in c4d10fd

   	import { withIronSessionSsr } from 'iron-session/next';
   	import { GetServerSideProps } from 'next';
   	// Replace usage when using an architecture that supports Next.js 12's Middleware
   	export const withSession = (getServerSidePropsFunc?: GetServerSideProps) => {
   	return withIronSessionSsr(
   	async (context) => {
   	const { req } = context;
   	const worldview =
   	req.headers['cloudfront-viewer-country'] ??
   	req.session.user?.country ??
   	'US';
   	// const worldview = 'IN';
   	req.session.user = {
   	country: Array.isArray(worldview) ? worldview.join('') : worldview,
   	};
   	await req.session.save();
   	if (getServerSidePropsFunc) {

2. If the user attempts to view a dataset in Explore that is blacklisted from their worldview, they are redirected
   

   agriadapt/pages/explore/[[...dataset]].tsx

   Lines 193 to 195 in c4d10fd

   	const worldview = req.session.user?.country;
   	const india_worldview = worldview === 'IN';
   	dispatch(actions.setWorldview(worldview));

   
   

   agriadapt/pages/explore/[[...dataset]].tsx

   Lines 222 to 235 in c4d10fd

   	if (dataset) {
   	dispatch(actions.setSelectedDataset(String(dataset)));
   	datasetData = await fetchDataset(String(dataset), { language: locale });
   	if (
   	india_worldview &&
   	INDIA_BLACKLIST_DATASET_IDS.includes(datasetData.id)
   	)
   	return {
   	redirect: {
   	destination: '/unauthorized',
   	permanent: false,
   	},
   	};
   	}

3. For Crop pages, the user is directed to the proper geostore supporting their worldview
   

   agriadapt/pages/crops/coffee/[[...geostore]].tsx

   Lines 28 to 40 in c4d10fd

   	const worldview = req.session.user?.country;
   	const india_worldview = worldview === 'IN';
   	dispatch(actions.setWorldview(worldview));
   	if (india_worldview && geostore === 'fb119d758d39527a91307b7fed3debf4')
   	return {
   	redirect: {
   	destination: '/crops/coffee/1252b02f0a27cf77fd19b8298be6a8db',
   	permanent: false,
   	},
   	};

4. For map widgets, a disclaimer is displayed if the user's country and the selected country are the same, and have disputed borders
   

   agriadapt/components/widgets/types/map/component.tsx

   Lines 305 to 313 in c4d10fd

   	{caption && (
   	<WidgetCaption
   	{...(worldview === 'IN' &&
   	disclaimer_aoi_ids.includes(String(aoiLayer?.id)) && {
   	disclaimer: t(india_maps_disclaimer),
   	})}
   	text={caption}
   	/>
   	)}