@performant-software/geospatial 3.1.22-beta.0 → 3.1.22-beta.10

package/types/components/WarpedImageLayer.js.flow

@@ -1,72 +0,0 @@
-// @flow
-
-import { useEffect, useState } from 'react';
-import { useMap } from 'react-map-gl/maplibre';
-import MapUtils from '../utils/Map';
-
-type Props = {
-  /**
-   * ID of the new layer.
-   */
-  id: string,
-
-  /**
-   * (Optional) IIIF manifest content containing the image and geo-reference annotations.
-   */
-  manifest?: string,
-
-  /**
-   * (Optional) layer opacity.
-   */
-  opacity?: number,
-
-  /**
-   * (Optional) URL to the IIIF manifest.
-   */
-  url?: string
-};
-
-const WarpedImageLayer = (props: Props) => {
-  const [loaded, setLoaded] = useState(false);
-
-  const mapRef = useMap();
-
-  /**
-   * Sets the "loaded" attribute on the state based on the current map state.
-   */
-  useEffect(() => {
-    const instance = mapRef?.current?.getMap();
-    if (instance && instance.loaded()) {
-      setLoaded(true);
-    } else if (instance) {
-      instance.on('load', () => setLoaded(true));
-    }
-  }, []);
-
-  /**
-   * Adds the WarpedMapLayer object to the map as a new layer.
-   */
-  useEffect(() => {
-    if (!loaded) {
-      return undefined;
-    }
-
-    const map = mapRef.current.getMap();
-
-    MapUtils.addGeoreferenceLayer(map, props.id, {
-      manifest: props.manifest,
-      opacity: props.opacity,
-      url: props.url
-    });
-
-    return () => MapUtils.removeLayer(map, props.id);
-  }, [loaded]);
-
-  return null;
-};
-
-WarpedImageLayer.defaultProps = {
-  opacity: 0.5
-};
-
-export default WarpedImageLayer;

package/types/components/WarpedImageLayerPeripleo.js.flow

@@ -1,56 +0,0 @@
-// @flow
-
-import { useEffect } from 'react';
-import { useLoadedMap } from '@peripleo/maplibre';
-import MapUtils from '../utils/Map';
-
-type Props = {
-  /**
-   * ID of the new layer.
-   */
-  id: string,
-
-  /**
-   * (Optional) IIIF manifest content containing the image and geo-reference annotations.
-   */
-  manifest?: string,
-
-  /**
-   * (Optional) layer opacity.
-   */
-  opacity?: number,
-
-  /**
-   * (Optional) URL to the IIIF manifest.
-   */
-  url?: string
-};
-
-const WarpedImageLayer = (props: Props) => {
-  const map = useLoadedMap();
-
-  /**
-   * Adds the WarpedMapLayer object to the map as a new layer.
-   */
-  useEffect(() => {
-    if (!map) {
-      return undefined;
-    }
-
-    MapUtils.addGeoreferenceLayer(map, props.id, {
-      manifest: props.manifest,
-      opacity: props.opacity,
-      url: props.url
-    });
-
-    return () => MapUtils.removeLayer(map, props.id);
-  }, [map]);
-
-  return null;
-};
-
-WarpedImageLayer.defaultProps = {
-  opacity: 0.5
-};
-
-export default WarpedImageLayer;

package/types/index.js.flow

@@ -1,18 +0,0 @@
-// @flow
-
-// Components
-export { default as CertaintyLayer } from './components/CertaintyLayer';
-export { default as DrawControl } from './components/DrawControl';
-export { default as GeoJsonLayer } from './components/GeoJsonLayer';
-export { default as GeocodingControl } from './components/GeocodingControl';
-export { default as LayerMenu } from './components/LayerMenu';
-export { default as LocationMarkers } from './components/LocationMarkers';
-export { default as MapControl } from './components/MapControl';
-export { default as MapDraw } from './components/MapDraw';
-export { default as RasterLayer } from './components/RasterLayer';
-export { default as WarpedImageLayer } from './components/WarpedImageLayer';
-export { default as WarpedImageLayerPeripleo } from './components/WarpedImageLayerPeripleo';
-
-// Utils
-export { default as Map } from './utils/Map';
-export { default as MapStyles } from './utils/MapStyles';

package/types/utils/Map.js.flow

@@ -1,258 +0,0 @@
-// @flow
-
-import { WarpedMapLayer } from '@allmaps/maplibre';
-import {
-  bbox,
-  bboxPolygon,
-  bearing,
-  bezierSpline,
-  buffer,
-  destination,
-  distance,
-  feature,
-  featureCollection,
-  lineString,
-  midpoint
-} from '@turf/turf';
-import _ from 'underscore';
-import circle from '@turf/circle';
-
-const MIN_LATITUDE = -90;
-const MAX_LATITUDE = 90;
-const MIN_LONGITUDE = -180;
-const MAX_LONGITUDE = 180;
-
-/**
- * Returns a GeoJSON circle feature with the given center point and radius.
- * @param point - The center point of the circle.
- * @param radius - The radius of the circle in kilometers.
- * @returns {Feature<Geometry, Properties>} - The GeoJSON circle feature.
- */
-const buildCircle = (point, radius) => (
-  circle(point.coordinates, radius, { units: 'kilometers', steps: 32 })
-);
-
-const toCertaintyCircle = (item, radius: number) => {
-  if (item.geometry?.type === 'FeatureCollection') {
-    let children = [];
-
-    for (const childFeature of item.geometry.features) {
-      if (childFeature.geometry?.type === 'Point') {
-        const { geometry, type } = buildCircle(childFeature.geometry, radius);
-        children.push({
-          ...childFeature,
-          geometry,
-          type
-        });
-      }
-    }
-
-    return featureCollection(children);
-  } else if (item.geometry?.type === 'GeometryCollection') {
-    return featureCollection(item.geometry.geometries.map((geometry) => geometry.type === 'Point'
-      ? buildCircle(geometry, radius)
-      : feature(geometry)));
-  } else if (item.geometry?.type === 'Point') {
-    const { geometry, type } = buildCircle(item.geometry, radius);
-    return {
-      ...item,
-      geometry,
-      type
-    };
-  }
-
-  return item;
-};
-
-/**
- * Adds the geo-referenced image layer to the passed map.
- *
- * @param map
- * @param layerId
- * @param options
- */
-const addGeoreferenceLayer = (map, layerId, options = {}) => {
-  const warpedMapLayer = new WarpedMapLayer(layerId);
-  map.addLayer(warpedMapLayer);
-
-  if (options.url) {
-    warpedMapLayer.addGeoreferenceAnnotationByUrl(options.url);
-  } else if (options.manifest) {
-    warpedMapLayer.addGeoreferenceAnnotation(options.manifest);
-  }
-
-  if (options.opacity) {
-    warpedMapLayer.setOpacity(options.opacity);
-  }
-};
-
-/**
- * Returns a bounding box for the passed geometry (with optional buffer).
- *
- * @param data
- * @param bufferDistance
- *
- * @returns {BBox}
- */
-const getBoundingBox = (data, bufferDistance = null) => {
-  // Convert the GeoJSON into a bounding box
-  const box = bbox(data);
-
-  if (!validateBoundingBox(box)) {
-    return null;
-  }
-
-  // Convert the bounding box to a polygon
-  const polygon = bboxPolygon(box);
-
-  // Create a buffer around the polygon (if a distance is provided)
-  let polygonBuffer;
-
-  if (bufferDistance) {
-    polygonBuffer = buffer(polygon, bufferDistance, { units: 'miles' });
-  } else {
-    polygonBuffer = polygon;
-  }
-
-  // Convert the buffer to a bounding box
-  return bbox(polygonBuffer);
-};
-
-/**
- * Removes a layer from the passed map.
- *
- * @param map
- * @param layerId
- *
- * @returns {*}
- */
-const removeLayer = (map, layerId) => map && map.removeLayer(layerId);
-
-/**
- * Wraps the passed record in a feature.
- *
- * @param record
- * @param item
- * @param geometry
- * @param originalProperties
- *
- * @returns {Feature<Geometry, {
- *  id: *,
- *  ccode: [],
- *  title: *,
- *  uuid: *,
- *  record_id: *,
- *  name: *,
- *  names: *,
- *  type: *,
- *  items: [*],
- *  url: *
- * }>}
- */
-const toFeature = (record: any, item: any, geometry: any, originalProperties?: any) => {
-  const properties = {
-    id: record.record_id,
-    ccode: [],
-    title: record.name,
-    uuid: record.uuid,
-    record_id: record.record_id,
-    name: record.name,
-    names: record.names?.map((toponym: string) => ({ toponym })),
-    type: record.type,
-    items: [item],
-    url: record.url,
-    originalProperties: originalProperties || {}
-  };
-
-  const id = parseInt(record.record_id, 10);
-  return feature(geometry, properties, { id });
-};
-
-/**
- * Returns a feature collection for the passed set of features.
- *
- * @param features
- *
- * @returns {FeatureCollection<Geometry, GeoJsonProperties>}
- */
-const toFeatureCollection = (features: Array<any>) => featureCollection(features);
-
-/**
- * Validates that the passed bounding box contains finite coordinates.
- *
- * @param boundingBox
- *
- * @returns {*}
- */
-const validateBoundingBox = (boundingBox: Array<number>) => _.every(boundingBox, _.isFinite);
-
-/**
- * Returns true if the passed coordinates are valid.
- *
- * @param coordinates
- *
- * @returns {boolean}
- */
-const validateCoordinates = (coordinates) => {
-  let valid = false;
-
-  if (coordinates) {
-    const [latitude, longitude] = coordinates;
-
-    valid = latitude >= MIN_LATITUDE
-      && latitude <= MAX_LATITUDE
-      && longitude >= MIN_LONGITUDE
-      && longitude <= MAX_LONGITUDE;
-  }
-
-  return valid;
-};
-
-/**
- * Returns a GeoJSON FeatureCollection of LineStrings (arcs) for the passed coordinates.
- *
- * @param coordinates
- * @param options
- *
- * @returns {FeatureCollection<LineString, GeoJsonProperties>}
- */
-const toArcs = (coordinates, options = {}) => {
-  const { curvature = 0.2 } = options;
-  const features = [];
-
-  for (let i = 0; i < coordinates.length - 1; i += 1) {
-    const start = coordinates[i];
-    const end = coordinates[i + 1];
-
-    const d = distance(start, end);
-    const m = midpoint(start, end);
-    const b = bearing(start, end);
-
-    const offsetBearing = b + 90 > 180 ? b + 90 - 360 : b + 90;
-    const dest = destination(m, d * curvature, offsetBearing);
-
-    const line = lineString([start, dest.geometry.coordinates, end]);
-    const arc = bezierSpline(line);
-
-    arc.properties = {
-      ...arc.properties,
-      index: i
-    };
-
-    features.push(arc);
-  }
-
-  return featureCollection(features);
-};
-
-export default {
-  addGeoreferenceLayer,
-  toCertaintyCircle,
-  getBoundingBox,
-  removeLayer,
-  toArcs,
-  toFeature,
-  toFeatureCollection,
-  validateBoundingBox,
-  validateCoordinates
-};

package/types/utils/MapStyles.js.flow

@@ -1,44 +0,0 @@
-// @flow
-
-const point = {
-  type: 'circle',
-  paint: {
-    'circle-radius': [
-      'interpolate',
-      ['linear'],
-      ['number', ['get', 'point_count'], 1],
-      0, 4,
-      10, 14
-    ],
-    'circle-stroke-width': 1,
-    'circle-color': [
-      'case',
-      ['boolean', ['feature-state', 'hover'], false],
-      '#3b62ff',
-      '#ff623b'
-    ],
-    'circle-stroke-color': '#8d260c'
-  }
-};
-
-const fill = {
-  type: 'fill',
-  paint: {
-    'fill-color': '#ff623b',
-    'fill-opacity': 0.2
-  }
-};
-
-const stroke = {
-  type: 'line',
-  paint: {
-    'line-color': '#ff623b',
-    'line-opacity': 0.6
-  }
-};
-
-export default {
-  point,
-  fill,
-  stroke
-};

package/vite.config.js

@@ -1,40 +0,0 @@
-// @flow
-
-import { flowPlugin, esbuildFlowPlugin } from '@bunchtogether/vite-plugin-flow';
-import react from '@vitejs/plugin-react';
-import { defineConfig } from 'vite';
-import * as packageJson from './package.json';
-
-export default defineConfig(() => ({
-  esbuild: {
-    include: /\.js$/,
-    exclude: [],
-    loader: 'jsx'
-  },
-  optimizeDeps: {
-    esbuildOptions: {
-      plugins: [esbuildFlowPlugin()]
-    }
-  },
-  plugins: [
-    react(),
-    flowPlugin()
-  ],
-  build: {
-    sourcemap: true,
-    lib: {
-      cssFileName: 'style',
-      entry: './src/index.js',
-      formats: ['es', 'cjs'],
-      fileName: (format) => `index.${format}.js`
-    },
-    rollupOptions: {
-      external: [
-        ...Object.keys(packageJson.peerDependencies)
-      ],
-      output: {
-        preserveModules: true
-      }
-    }
-  }
-}));