feat: export feature cutouts

client/src/pages/map/popups/Polygon.tsx

@@ -41,7 +41,11 @@ import {
   splitMultiPolygons,
 } from '@services/utils'
 import { useImportExport } from '@hooks/useImportExport'
-import { filterPoints, filterPolys } from '@services/geoUtils'
+import {
+  filterPoints,
+  filterPolys,
+  getFeatureCutouts,
+} from '@services/geoUtils'
 import { usePersist } from '@hooks/usePersist'
 
 const { add, remove, updateProperty } = useShapes.getState().setters
@@ -312,6 +316,18 @@ export function PolygonPopup({
         >
           Export
         </MenuItem>
+        <MenuItem
+          dense
+          onClick={() => {
+            useImportExport.setState({
+              feature: getFeatureCutouts(feature),
+              open: 'exportPolygon',
+            })
+            handleClose()
+          }}
+        >
+          Export Cutouts
+        </MenuItem>
         <MenuItem
           dense
           onClick={() => {

client/src/services/geoUtils.ts

@@ -105,3 +105,43 @@ export function filterPolys(
       remove(value.geometry.type, key)
   })
 }
+
+export function getFeatureCutouts(
+  feature: Feature<Polygon | MultiPolygon>,
+): Feature {
+  const polygons: Polygon[] = []
+
+  if (feature.geometry.type === 'Polygon') {
+    feature.geometry.coordinates.forEach((polygon, i) => {
+      if (i > 0) {
+        polygons.push({
+          type: 'Polygon',
+          coordinates: [polygon],
+        })
+      }
+    })
+  } else if (feature.geometry.type === 'MultiPolygon') {
+    feature.geometry.coordinates.forEach((multi) => {
+      multi.forEach((polygon, i) => {
+        if (i > 0) {
+          polygons.push({
+            type: 'Polygon',
+            coordinates: [polygon],
+          })
+        }
+      })
+    })
+  }
+  return {
+    type: 'Feature',
+    id: `${feature.id}-cutouts`,
+    properties: feature.properties,
+    geometry:
+      polygons.length > 1
+        ? {
+            type: 'MultiPolygon',
+            coordinates: polygons.map((p) => p.coordinates),
+          }
+        : polygons[0],
+  }
+}