Merge pull request #65 from Element84/mp/filters

Adds most functionality ready for final sprint demo

Author: parksjr

demo/.nvmrc

@@ -0,0 +1 @@
+v18.12.0

demo/Mockups/Mock - 1.png

@@ -41,10 +41,10 @@ class Product(BaseModel):
     id: str
     title: str
     description: str
-    keywords: List[str]
-    license: str
-    providers: List[Provider]
-    links: List[Link]
+    # keywords: List[str]
+    # license: str
+    # providers: List[Provider]
+    # links: List[Link]
     constraints: Optional[ProductConstraints] = Field(
         default=None,
         description="Query constraints that will filter the opportunity results list.",

demo/Mockups/Mock - 2.png

@@ -3,6 +3,7 @@
 from datetime import timedelta
 from typing import Any, Union
 
+from geojson_pydantic.geometries import Point
 import pystac
 from api.api_types import (Opportunity, OpportunityCollection,
                            OpportunityProperties, Product, ProductConstraints,
@@ -45,9 +46,15 @@ def adjust_date_time(value: MaybeDate) -> Any:
 
 
 def stac_item_to_opportunity(item: pystac.Item, product_id: str) -> Opportunity:
+    point_vals = (item.geometry or {}).get('coordinates',[[[0,0]]])[0][0]
+
     return Opportunity(
-        geometry=item.geometry,  # type: ignore
-        properties=adjust_date_times({"product_id": product_id, **item.properties}),
+        geometry=Point(coordinates=(point_vals[0], point_vals[1])),
+        properties=adjust_date_times({
+            "product_id": product_id,
+            "title": item.id,
+            **item.properties
+        }),
         id=item.id,
     )
 

demo/Mockups/Mock - 3.png

@@ -0,0 +1,36 @@
+# 🍃 Next.js Leaflet Starter
+
+Jumpstart your new Next.js mapping project with Leaflet!
+
+## ⚡ Quick Deploy
+[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/colbyfayock/next-leaflet-starter) [![Deploy with Vercel Now](https://zeit.co/button)](https://vercel.com/import/project?template=https://github.com/colbyfayock/next-leaflet-starter)
+
+
+## 🧰 What This Includes
+* [Yarn](https://yarnpkg.com/en/)
+* [Next.js](https://nextjs.org/)
+* [Leaflet](https://leafletjs.com/)
+* [React Leaflet](https://react-leaflet.js.org)
+
+## 🚀 Getting Started
+
+### Requirements
+* [Yarn](https://yarnpkg.com/en/)
+
+### Quick Start
+```
+yarn create next-app -e https://github.com/colbyfayock/next-leaflet-starter
+# or
+npm run create-next-app -e https://github.com/colbyfayock/next-leaflet-starter
+```
+
+### Running the Project
+First, run the development server:
+
+```bash
+yarn dev
+```
+
+Open [http://localhost:3000](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.

demo/Mockups/Mock - 4.png

@@ -26,6 +26,9 @@ const nextConfig = {
       },
     ]
   },
+  experimental: {
+    proxyTimeout: 300000
+  }
 }
 
 

demo/api/api_types.py

@@ -56,7 +56,11 @@ const Map = (props) => {
    * on layer created handler
    */
   function onCreated(e) {
-    setUserParams({...userParams, bbox: e.layer.getBounds()});
+    setUserParams({...userParams, geometry: {
+          "type": "Point",
+          "coordinates": [e.layer._latlng.lng, e.layer._latlng.lat]
+      }
+  });
   }
 
   /**
@@ -92,8 +96,8 @@ const Map = (props) => {
                   draw={{
                     circle: false,
                     circlemarker: false,
-                    marker: false,
-                    polygon: true,
+                    marker: true,
+                    polygon: false,
                     polyline: false,
                     rectangle: false,
                   }}