@xyo-network/react-map 2.64.0 → 2.64.1

package/dist/browser/MapBoxClasses/index.js

@@ -1,5 +1,289 @@
-export * from "./MapBase";
-export * from "./MapHeat";
-export * from "./MapPoints";
-export * from "./MapSettings";
+// src/MapBoxClasses/MapBase.ts
+import { assertEx } from "@xylabs/assert";
+import { GeoJson } from "@xyo-network/sdk-geo";
+var MapBase = class {
+  _config;
+  constructor(config) {
+    this._config = { requestLocation: true, zoom: 2, ...config };
+  }
+  get isMapReady() {
+    return !!this._config.map;
+  }
+  initializeMapSource(layer) {
+    const getSource = () => {
+      const featuresCollection = GeoJson.featureCollection(this._config.features);
+      return GeoJson.featuresSource(featuresCollection);
+    };
+    const existingSource = this._config.map.getSource(layer.source);
+    const source = getSource();
+    if (existingSource) {
+      existingSource.setData(assertEx(source.data));
+    } else {
+      this._config.map.addSource(layer.source, source);
+    }
+    layer.update(this._config.map, true);
+    return this;
+  }
+};
+
+// src/MapBoxClasses/MapHeat.ts
+import { assertEx as assertEx2 } from "@xylabs/assert";
+import { delay } from "@xylabs/delay";
+import { forget } from "@xylabs/forget";
+import { GeoJson as GeoJson2 } from "@xyo-network/sdk-geo";
+import { LngLatBounds } from "mapbox-gl";
+var MapHeat = class extends MapBase {
+  static animationStarted = false;
+  config;
+  constructor(config) {
+    super(config);
+    this.config = config;
+  }
+  static initialMapPositioning(options, map, features, initialBounds) {
+    if (!features) {
+      return;
+    }
+    let bounds;
+    if (initialBounds) {
+      bounds = initialBounds;
+    } else {
+      bounds = new LngLatBounds();
+      features.forEach((feature) => {
+        feature.geometry.coordinates.forEach((coordinates) => {
+          coordinates.forEach((position) => {
+            bounds.extend(position);
+          });
+        });
+      });
+    }
+    map.setCenter(bounds.getCenter());
+    map.fitBounds(bounds, options);
+    return this;
+  }
+  static async initializeAnimatedHeatMapSource(layers, featureSet, map, startColor, endColor) {
+    this.animationStarted = true;
+    let layerTick = 0;
+    let sourceTick = 0;
+    const sources = featureSet.map((feature) => {
+      const featuresCollection = GeoJson2.featureCollection(feature);
+      return GeoJson2.featuresSource(featuresCollection);
+    });
+    this.updateLayer(map, layers[0], sources[0]);
+    this.updateLayer(map, layers[1], sources[1]);
+    layers.forEach((layer) => {
+      map.setPaintProperty(layer.id, "fill-opacity", 0);
+    });
+    const frameLength = 3e3;
+    const initialPad = 0.5;
+    const factor = 10;
+    const steps = 30;
+    const stepLength = frameLength / steps;
+    const lowUsageColor = startColor ?? "#FFB3B3";
+    const highUsageColor = endColor ?? "#FF0000";
+    const dynamicFillColor = (factor2, initialPad2, i) => {
+      const sinFade = Math.sin(i / steps * Math.PI / 2);
+      const cosFade = Math.cos(i / steps * Math.PI / 2);
+      const divisor = factor2 + factor2 * sinFade;
+      const offset = initialPad2 * cosFade;
+      return [
+        "let",
+        "density",
+        ["+", ["/", ["number", ["get", "value"]], divisor], offset],
+        ["interpolate", ["linear"], ["var", "density"], 0, lowUsageColor, 0.5, highUsageColor]
+      ];
+    };
+    const fadedIn = layers.map((_) => false);
+    const fadeIn = async (id, index) => {
+      for (let i = steps; i >= 1; i--) {
+        map.setPaintProperty(id, "fill-color", dynamicFillColor(factor, initialPad, i * (180 / stepLength)));
+        await delay(stepLength);
+      }
+      fadedIn[index] = true;
+    };
+    const fadeOut = async (id, index) => {
+      for (let i = 1; i <= steps; i++) {
+        map.setPaintProperty(id, "fill-color", dynamicFillColor(factor, initialPad, i * (180 / stepLength)));
+        await delay(stepLength);
+      }
+      fadedIn[index] = false;
+    };
+    let started = false;
+    const startAnimation = async () => {
+      assertEx2(!started, "Animation Already Started");
+      started = true;
+      while (this.animationStarted) {
+        const upLayer = layerTick % layers.length;
+        const downLayer = (layerTick + 1) % layers.length;
+        const incomingSource = sourceTick % featureSet.length;
+        const outgoingSource = (sourceTick + 1) % featureSet.length;
+        if (fadedIn[upLayer]) {
+          this.updateLayer(map, layers[upLayer], sources[incomingSource]);
+          forget(fadeOut(layers[upLayer].id, upLayer));
+        }
+        if (!fadedIn[downLayer]) {
+          this.updateLayer(map, layers[downLayer], sources[outgoingSource]);
+          forget(fadeIn(layers[downLayer].id, downLayer));
+        }
+        while ((fadedIn[upLayer] || !fadedIn[downLayer]) && this.animationStarted) {
+          await delay(1e3);
+        }
+        layerTick++;
+        sourceTick++;
+      }
+    };
+    await startAnimation();
+  }
+  static updateLayer(map, layer, source) {
+    const existingSource = map.getSource(layer.source);
+    if (existingSource && source.data) {
+      existingSource.setData(source.data);
+    } else if (source) {
+      map.addSource(layer.source, source);
+    }
+    layer.update(map, true);
+  }
+  // Build layers each with the same features
+  initializeHeatMapSource(layers) {
+    const getSource = (_) => {
+      const featuresCollection = GeoJson2.featureCollection(this.config.features);
+      return GeoJson2.featuresSource(featuresCollection);
+    };
+    layers.forEach((layer, index) => {
+      const existingSource = this.config.map.getSource(layer.source);
+      const source = getSource(index);
+      if (existingSource) {
+        existingSource.setData(assertEx2(source.data));
+      } else {
+        this.config.map.addSource(layer.source, source);
+      }
+      layer.update(this.config.map, true);
+    });
+    return this;
+  }
+};
+
+// src/MapBoxClasses/MapPoints.ts
+import { LngLatBounds as LngLatBounds2 } from "mapbox-gl";
+var MapPoints = class extends MapBase {
+  config;
+  constructor(config) {
+    super(config);
+    this.config = config;
+  }
+  initialMapPositioning(options, initialBounds) {
+    let bounds;
+    if (initialBounds) {
+      bounds = initialBounds;
+    } else {
+      bounds = new LngLatBounds2();
+      this.config.features.forEach((feature) => {
+        bounds.extend(feature.geometry.coordinates);
+      });
+    }
+    this.config.map.setCenter(bounds.getCenter());
+    this.config.map.fitBounds(bounds, options);
+    return this.config.map;
+  }
+};
+
+// src/MapBoxClasses/MapSettings.ts
+import { GeolocateControl, NavigationControl } from "mapbox-gl";
+var MapSettings = class _MapSettings {
+  static geoLocateControl;
+  static mapListeners = {
+    logData: (ev, map) => {
+      const target = map || ev?.target;
+      if (target) {
+        console.log("zoom", target.getZoom());
+        console.log("center", target.getCenter());
+      }
+    }
+  };
+  static navControl;
+  static requestLocation;
+  static toggleControls(value, map, zoom, requestLocation) {
+    if (value) {
+      _MapSettings.addControls(map, zoom, requestLocation);
+    } else {
+      _MapSettings.removeControls(map);
+    }
+    return this;
+  }
+  static toggleDebugLayer(value, map, layerName) {
+    const debugLayer = map.getLayer(layerName);
+    if (debugLayer) {
+      if (value) {
+        map.setLayoutProperty(layerName, "visibility", "visible");
+      } else {
+        map.setLayoutProperty(layerName, "visibility", "none");
+      }
+    }
+    return this;
+  }
+  static toggleDebugLogging(value, map) {
+    const debugEvents = ["resize", "zoomend", "dragend"];
+    if (value) {
+      this.mapListeners.logData(void 0, map);
+      debugEvents.forEach((event) => map.on(event, this.mapListeners.logData));
+    } else {
+      debugEvents.forEach((event) => map.off(event, this.mapListeners.logData));
+    }
+  }
+  static toggleScrollToZoom(value, map) {
+    if (value) {
+      map.scrollZoom.enable();
+    } else {
+      map.scrollZoom.disable();
+    }
+    return this;
+  }
+  static updateSettings(config) {
+    const { settings, map, zoom, requestLocation, debugLayerName = "" } = config;
+    const { scrollToZoom, enableControls, debugLayer, debugLogging } = settings;
+    _MapSettings.toggleControls(enableControls?.value, map, zoom, requestLocation).toggleScrollToZoom(scrollToZoom?.value, map).toggleDebugLayer(debugLayer?.value, map, debugLayerName).toggleDebugLogging(debugLogging.value, map);
+  }
+  // Needs to be static so we ensure controls are only instantiated once
+  static addControls(map, zoom, requestLocation) {
+    const geolocateControl = new GeolocateControl({
+      fitBoundsOptions: {
+        zoom: zoom || 2
+      },
+      positionOptions: {
+        enableHighAccuracy: true
+      },
+      trackUserLocation: true
+    });
+    const navControl = new NavigationControl({
+      showCompass: false
+    });
+    this.geoLocateControl = this.geoLocateControl || geolocateControl;
+    this.navControl = this.navControl || navControl;
+    if (!map.hasControl(this.geoLocateControl)) {
+      if (requestLocation) {
+        map.addControl(this.geoLocateControl);
+      }
+    }
+    if (!map.hasControl(this.navControl)) {
+      map.addControl(this.navControl, "top-left");
+    }
+    return this;
+  }
+  static removeControls(map) {
+    if (this.geoLocateControl && map.hasControl(this.geoLocateControl)) {
+      if (this.requestLocation) {
+        map.removeControl(this.geoLocateControl);
+      }
+    }
+    if (this.navControl && map.hasControl(this.navControl)) {
+      map.removeControl(this.navControl);
+    }
+    return this;
+  }
+};
+export {
+  MapBase,
+  MapHeat,
+  MapPoints,
+  MapSettings
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/MapBoxClasses/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/MapBoxClasses/index.ts"],"sourcesContent":["export * from './MapBase'\nexport * from './MapHeat'\nexport * from './MapPoints'\nexport * from './MapSettings'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/MapBoxClasses/MapBase.ts","../../../src/MapBoxClasses/MapHeat.ts","../../../src/MapBoxClasses/MapPoints.ts","../../../src/MapBoxClasses/MapSettings.ts"],"sourcesContent":["import { assertEx } from '@xylabs/assert'\nimport { GeoJson } from '@xyo-network/sdk-geo'\nimport { Feature, Geometry } from 'geojson'\n// eslint-disable-next-line no-restricted-imports\nimport { GeoJSONSource, Map } from 'mapbox-gl'\n\nimport { MapLayer } from '../Layers'\n\nexport interface MapBaseConfig<T extends Geometry> {\n  features: Feature<T>[]\n  map: Map\n  requestLocation?: boolean\n  zoom?: number\n}\n\nexport abstract class MapBase<T extends Geometry> {\n  private _config: MapBaseConfig<T>\n\n  constructor(config: MapBaseConfig<T>) {\n    this._config = { requestLocation: true, zoom: 2, ...config }\n  }\n\n  get isMapReady() {\n    return !!this._config.map\n  }\n\n  initializeMapSource(layer: MapLayer) {\n    const getSource = () => {\n      const featuresCollection = GeoJson.featureCollection(this._config.features)\n      return GeoJson.featuresSource(featuresCollection)\n    }\n\n    const existingSource = this._config.map.getSource(layer.source as string) as GeoJSONSource\n    const source = getSource()\n    if (existingSource) {\n      existingSource.setData(assertEx(source.data as GeoJSON.Feature<GeoJSON.Geometry> | GeoJSON.FeatureCollection<GeoJSON.Geometry>))\n    } else {\n      this._config.map.addSource(layer.source as string, source)\n    }\n    layer.update(this._config.map, true)\n\n    return this\n  }\n}\n","import { assertEx } from '@xylabs/assert'\nimport { delay } from '@xylabs/delay'\nimport { forget } from '@xylabs/forget'\nimport { GeoJson } from '@xyo-network/sdk-geo'\nimport { Feature, Polygon } from 'geojson'\nimport { FitBoundsOptions, GeoJSONSource, GeoJSONSourceRaw, LngLatBounds, Map } from 'mapbox-gl'\n\nimport { MapLayer } from '../Layers'\nimport { MapBase, MapBaseConfig } from './MapBase'\n\nexport class MapHeat extends MapBase<Polygon> {\n  static animationStarted = false\n\n  config: MapBaseConfig<Polygon>\n  constructor(config: MapBaseConfig<Polygon>) {\n    super(config)\n    this.config = config\n  }\n\n  static initialMapPositioning(options: FitBoundsOptions, map: Map, features?: Feature<Polygon>[], initialBounds?: LngLatBounds) {\n    if (!features) {\n      return\n    }\n\n    let bounds: LngLatBounds\n\n    if (initialBounds) {\n      bounds = initialBounds\n    } else {\n      bounds = new LngLatBounds()\n\n      features.forEach((feature: Feature<Polygon>) => {\n        feature.geometry.coordinates.forEach((coordinates) => {\n          coordinates.forEach((position) => {\n            bounds.extend(position as [number, number])\n          })\n        })\n      })\n    }\n\n    map.setCenter(bounds.getCenter())\n    map.fitBounds(bounds, options)\n    return this\n  }\n\n  static async initializeAnimatedHeatMapSource(\n    layers: MapLayer[],\n    featureSet: Feature<Polygon>[][],\n    map: Map,\n    startColor?: string,\n    endColor?: string,\n  ) {\n    this.animationStarted = true\n    let layerTick = 0\n    let sourceTick = 0\n\n    const sources = featureSet.map((feature) => {\n      const featuresCollection = GeoJson.featureCollection(feature)\n      return GeoJson.featuresSource(featuresCollection)\n    })\n    this.updateLayer(map, layers[0], sources[0])\n    this.updateLayer(map, layers[1], sources[1])\n\n    layers.forEach((layer) => {\n      map.setPaintProperty(layer.id, 'fill-opacity', 0)\n    })\n\n    const frameLength = 3000\n    const initialPad = 0.5\n    const factor = 10\n    const steps = 30\n    const stepLength = frameLength / steps\n    const lowUsageColor = startColor ?? '#FFB3B3'\n    const highUsageColor = endColor ?? '#FF0000'\n\n    // Max density at i=0, min density at i=steps\n    const dynamicFillColor = (factor: number, initialPad: number, i: number) => {\n      const sinFade = Math.sin(((i / steps) * Math.PI) / 2)\n      const cosFade = Math.cos(((i / steps) * Math.PI) / 2)\n      // we want the divisor to always be at least 1x the desired factor but will go up to\n      // 2x factor to account for combinative effect of the overlay of two layers at once\n      const divisor = factor + factor * sinFade\n      const offset = initialPad * cosFade\n      return [\n        'let',\n        'density',\n        ['+', ['/', ['number', ['get', 'value']], divisor], offset],\n        ['interpolate', ['linear'], ['var', 'density'], 0, lowUsageColor, 0.5, highUsageColor],\n      ]\n    }\n\n    const fadedIn: boolean[] = layers.map((_) => false)\n\n    const fadeIn = async (id: string, index: number) => {\n      for (let i = steps; i >= 1; i--) {\n        map.setPaintProperty(id, 'fill-color', dynamicFillColor(factor, initialPad, i * (180 / stepLength)))\n        await delay(stepLength)\n      }\n      fadedIn[index] = true\n    }\n\n    const fadeOut = async (id: string, index: number) => {\n      for (let i = 1; i <= steps; i++) {\n        map.setPaintProperty(id, 'fill-color', dynamicFillColor(factor, initialPad, i * (180 / stepLength)))\n        await delay(stepLength)\n      }\n      fadedIn[index] = false\n    }\n\n    let started = false\n    const startAnimation = async () => {\n      assertEx(!started, 'Animation Already Started')\n      started = true\n      while (this.animationStarted) {\n        const upLayer = layerTick % layers.length\n        const downLayer = (layerTick + 1) % layers.length\n\n        const incomingSource = sourceTick % featureSet.length\n        const outgoingSource = (sourceTick + 1) % featureSet.length\n\n        // console.log('incoming / outgoing source', incomingSource, outgoingSource)\n\n        // console.log(`animate: [${upLayer}, ${downLayer}]`)\n        if (fadedIn[upLayer]) {\n          this.updateLayer(map, layers[upLayer], sources[incomingSource])\n          forget(fadeOut(layers[upLayer].id, upLayer))\n        }\n        if (!fadedIn[downLayer]) {\n          this.updateLayer(map, layers[downLayer], sources[outgoingSource])\n          forget(fadeIn(layers[downLayer].id, downLayer))\n        }\n        while ((fadedIn[upLayer] || !fadedIn[downLayer]) && this.animationStarted) {\n          // console.log(`checking: [${fadedIn[upLayer]}, ${!fadedIn[downLayer]}]`)\n          await delay(1000)\n        }\n        layerTick++\n        sourceTick++\n\n        // console.log(`this.layerTick: ${layerTick}`)\n        // console.log(`this.sourceTick: ${sourceTick}`)\n      }\n    }\n\n    await startAnimation()\n  }\n\n  private static updateLayer(map: Map, layer: MapLayer, source: GeoJSONSourceRaw) {\n    const existingSource = map.getSource(layer.source as string) as GeoJSONSource\n    if (existingSource && source.data) {\n      existingSource.setData(source.data as GeoJSON.Feature<GeoJSON.Geometry> | GeoJSON.FeatureCollection<GeoJSON.Geometry>)\n    } else if (source) {\n      map.addSource(layer.source as string, source)\n    }\n    layer.update(map, true)\n  }\n\n  // Build layers each with the same features\n  initializeHeatMapSource(layers: MapLayer[]) {\n    const getSource = (_: number) => {\n      const featuresCollection = GeoJson.featureCollection(this.config.features)\n      return GeoJson.featuresSource(featuresCollection)\n    }\n\n    layers.forEach((layer, index) => {\n      const existingSource = this.config.map.getSource(layer.source as string) as GeoJSONSource\n      const source = getSource(index)\n      if (existingSource) {\n        existingSource.setData(assertEx(source.data) as GeoJSON.Feature<GeoJSON.Geometry> | GeoJSON.FeatureCollection<GeoJSON.Geometry>)\n      } else {\n        this.config.map.addSource(layer.source as string, source)\n      }\n      layer.update(this.config.map, true)\n    })\n\n    return this\n  }\n}\n","import { Feature, Point } from 'geojson'\n// eslint-disable-next-line no-restricted-imports\nimport { FitBoundsOptions, LngLatBounds } from 'mapbox-gl'\n\nimport { MapBase, MapBaseConfig } from './MapBase'\n\nexport interface MapPointsConfig extends MapBaseConfig<Point> {\n  features: Feature<Point>[]\n}\n\nexport class MapPoints extends MapBase<Point> {\n  private config: MapPointsConfig\n\n  constructor(config: MapPointsConfig) {\n    super(config)\n    this.config = config\n  }\n\n  initialMapPositioning(options: FitBoundsOptions, initialBounds?: LngLatBounds) {\n    let bounds: LngLatBounds\n\n    if (initialBounds) {\n      bounds = initialBounds\n    } else {\n      bounds = new LngLatBounds()\n\n      this.config.features.forEach((feature: Feature<Point>) => {\n        bounds.extend(feature.geometry.coordinates as [number, number])\n      })\n    }\n\n    this.config.map.setCenter(bounds.getCenter())\n    this.config.map.fitBounds(bounds, options)\n\n    return this.config.map\n  }\n}\n","import { EventData, GeolocateControl, Map, MapLayerMouseEvent, MapLayerTouchEvent, NavigationControl } from 'mapbox-gl'\n\nimport { MapSetting } from '../Settings'\n\nexport interface MapSettingsConfig {\n  debugLayerName?: string\n  map: Map\n  requestLocation?: boolean\n  settings: MapSetting\n  zoom?: number\n}\n\n/**\n * Utility class to handle changes in settings\n *\n * Methods are pure functions dedicated to map manipulation\n */\nexport class MapSettings {\n  static geoLocateControl: GeolocateControl | undefined\n  static mapListeners = {\n    logData: (ev?: MapLayerMouseEvent | (MapLayerTouchEvent & EventData), map?: Map) => {\n      const target = map || ev?.target\n      if (target) {\n        console.log('zoom', target.getZoom())\n        console.log('center', target.getCenter())\n      }\n    },\n  }\n  static navControl: NavigationControl | undefined\n  static requestLocation: boolean | undefined\n\n  static toggleControls(value: boolean | undefined, map: Map, zoom?: number, requestLocation?: boolean) {\n    if (value) {\n      MapSettings.addControls(map, zoom, requestLocation)\n    } else {\n      MapSettings.removeControls(map)\n    }\n\n    return this\n  }\n\n  static toggleDebugLayer(value: boolean | undefined, map: Map, layerName: string) {\n    const debugLayer = map.getLayer(layerName)\n    if (debugLayer) {\n      if (value) {\n        map.setLayoutProperty(layerName, 'visibility', 'visible')\n      } else {\n        map.setLayoutProperty(layerName, 'visibility', 'none')\n      }\n    }\n\n    return this\n  }\n\n  static toggleDebugLogging(value: boolean | undefined, map: Map) {\n    const debugEvents = ['resize', 'zoomend', 'dragend']\n    if (value) {\n      // initial values\n      this.mapListeners.logData(undefined, map)\n      debugEvents.forEach((event) => map.on(event, this.mapListeners.logData))\n    } else {\n      debugEvents.forEach((event) => map.off(event, this.mapListeners.logData))\n    }\n  }\n\n  static toggleScrollToZoom(value: boolean | undefined, map: Map) {\n    if (value) {\n      map.scrollZoom.enable()\n    } else {\n      map.scrollZoom.disable()\n    }\n\n    return this\n  }\n\n  static updateSettings(config: MapSettingsConfig) {\n    const { settings, map, zoom, requestLocation, debugLayerName = '' } = config\n    const { scrollToZoom, enableControls, debugLayer, debugLogging } = settings\n\n    MapSettings.toggleControls(enableControls?.value, map, zoom, requestLocation)\n      .toggleScrollToZoom(scrollToZoom?.value, map)\n      .toggleDebugLayer(debugLayer?.value, map, debugLayerName)\n      .toggleDebugLogging(debugLogging.value, map)\n  }\n\n  // Needs to be static so we ensure controls are only instantiated once\n  private static addControls(map: Map, zoom?: number, requestLocation?: boolean) {\n    const geolocateControl = new GeolocateControl({\n      fitBoundsOptions: {\n        zoom: zoom || 2,\n      },\n      positionOptions: {\n        enableHighAccuracy: true,\n      },\n      trackUserLocation: true,\n    })\n\n    const navControl = new NavigationControl({\n      showCompass: false,\n    })\n\n    this.geoLocateControl = this.geoLocateControl || geolocateControl\n    this.navControl = this.navControl || navControl\n\n    if (!map.hasControl(this.geoLocateControl)) {\n      if (requestLocation) {\n        map.addControl(this.geoLocateControl)\n      }\n    }\n\n    if (!map.hasControl(this.navControl)) {\n      map.addControl(this.navControl, 'top-left')\n    }\n\n    return this\n  }\n\n  private static removeControls(map: Map) {\n    if (this.geoLocateControl && map.hasControl(this.geoLocateControl)) {\n      if (this.requestLocation) {\n        map.removeControl(this.geoLocateControl)\n      }\n    }\n\n    if (this.navControl && map.hasControl(this.navControl)) {\n      map.removeControl(this.navControl)\n    }\n\n    return this\n  }\n}\n"],"mappings":"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","names":["assertEx","GeoJson","GeoJson","factor","initialPad","assertEx","LngLatBounds","LngLatBounds"]}

package/dist/browser/Settings/DefaultMapSettings.js

@@ -1,4 +1,5 @@
-const DefaultMapSettings = () => ({
+// src/Settings/DefaultMapSettings.ts
+var DefaultMapSettings = () => ({
   debugLayer: {
     devMode: true,
     field: "debugLayer",

package/dist/browser/Settings/DefaultMapSettings.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Settings/DefaultMapSettings.ts"],"sourcesContent":["import { MapSetting } from './MapSetting'\n\nexport const DefaultMapSettings: () => MapSetting = () => ({\n  debugLayer: {\n    devMode: true,\n    field: 'debugLayer',\n    hidden: true,\n    label: 'Debug Layer',\n    value: false,\n  },\n  debugLogging: {\n    devMode: true,\n    field: 'debugLogging',\n    hidden: true,\n    label: 'Debug Logging',\n    value: false,\n  },\n  dynamicMapResize: {\n    devMode: true,\n    field: 'dynamicMapResize',\n    hidden: true,\n    label: 'Auto Map Resize',\n    value: true,\n  },\n  enableControls: {\n    devMode: true,\n    field: 'enableControls',\n    hidden: true,\n    label: 'Map Controls',\n    value: false,\n  },\n  fitToPoints: {\n    devMode: true,\n    field: 'fitToPoints',\n    hidden: true,\n    label: 'Fit To Points',\n    value: false,\n  },\n  preferDark: {\n    devMode: false,\n    field: 'preferDark',\n    hidden: true,\n    label: 'Prefer dark',\n    value: false,\n  },\n  scrollToZoom: {\n    devMode: true,\n    field: 'scrollToZoom',\n    hidden: true,\n    label: 'Scroll To Zoom',\n    value: false,\n  },\n})\n"],"mappings":"AAEO,MAAM,qBAAuC,OAAO;AAAA,EACzD,YAAY;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,kBAAkB;AAAA,IAChB,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,gBAAgB;AAAA,IACd,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;","names":[]}
+{"version":3,"sources":["../../../src/Settings/DefaultMapSettings.ts"],"sourcesContent":["import { MapSetting } from './MapSetting'\n\nexport const DefaultMapSettings: () => MapSetting = () => ({\n  debugLayer: {\n    devMode: true,\n    field: 'debugLayer',\n    hidden: true,\n    label: 'Debug Layer',\n    value: false,\n  },\n  debugLogging: {\n    devMode: true,\n    field: 'debugLogging',\n    hidden: true,\n    label: 'Debug Logging',\n    value: false,\n  },\n  dynamicMapResize: {\n    devMode: true,\n    field: 'dynamicMapResize',\n    hidden: true,\n    label: 'Auto Map Resize',\n    value: true,\n  },\n  enableControls: {\n    devMode: true,\n    field: 'enableControls',\n    hidden: true,\n    label: 'Map Controls',\n    value: false,\n  },\n  fitToPoints: {\n    devMode: true,\n    field: 'fitToPoints',\n    hidden: true,\n    label: 'Fit To Points',\n    value: false,\n  },\n  preferDark: {\n    devMode: false,\n    field: 'preferDark',\n    hidden: true,\n    label: 'Prefer dark',\n    value: false,\n  },\n  scrollToZoom: {\n    devMode: true,\n    field: 'scrollToZoom',\n    hidden: true,\n    label: 'Scroll To Zoom',\n    value: false,\n  },\n})\n"],"mappings":";AAEO,IAAM,qBAAuC,OAAO;AAAA,EACzD,YAAY;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,kBAAkB;AAAA,IAChB,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,gBAAgB;AAAA,IACd,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;","names":[]}

package/dist/browser/Settings/index.js

@@ -1,3 +1,56 @@
-export * from "./DefaultMapSettings";
-export * from "./MapSetting";
+// src/Settings/DefaultMapSettings.ts
+var DefaultMapSettings = () => ({
+  debugLayer: {
+    devMode: true,
+    field: "debugLayer",
+    hidden: true,
+    label: "Debug Layer",
+    value: false
+  },
+  debugLogging: {
+    devMode: true,
+    field: "debugLogging",
+    hidden: true,
+    label: "Debug Logging",
+    value: false
+  },
+  dynamicMapResize: {
+    devMode: true,
+    field: "dynamicMapResize",
+    hidden: true,
+    label: "Auto Map Resize",
+    value: true
+  },
+  enableControls: {
+    devMode: true,
+    field: "enableControls",
+    hidden: true,
+    label: "Map Controls",
+    value: false
+  },
+  fitToPoints: {
+    devMode: true,
+    field: "fitToPoints",
+    hidden: true,
+    label: "Fit To Points",
+    value: false
+  },
+  preferDark: {
+    devMode: false,
+    field: "preferDark",
+    hidden: true,
+    label: "Prefer dark",
+    value: false
+  },
+  scrollToZoom: {
+    devMode: true,
+    field: "scrollToZoom",
+    hidden: true,
+    label: "Scroll To Zoom",
+    value: false
+  }
+});
+export {
+  DefaultMapSettings
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/Settings/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Settings/index.ts"],"sourcesContent":["export * from './DefaultMapSettings'\nexport * from './MapSetting'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/Settings/DefaultMapSettings.ts"],"sourcesContent":["import { MapSetting } from './MapSetting'\n\nexport const DefaultMapSettings: () => MapSetting = () => ({\n  debugLayer: {\n    devMode: true,\n    field: 'debugLayer',\n    hidden: true,\n    label: 'Debug Layer',\n    value: false,\n  },\n  debugLogging: {\n    devMode: true,\n    field: 'debugLogging',\n    hidden: true,\n    label: 'Debug Logging',\n    value: false,\n  },\n  dynamicMapResize: {\n    devMode: true,\n    field: 'dynamicMapResize',\n    hidden: true,\n    label: 'Auto Map Resize',\n    value: true,\n  },\n  enableControls: {\n    devMode: true,\n    field: 'enableControls',\n    hidden: true,\n    label: 'Map Controls',\n    value: false,\n  },\n  fitToPoints: {\n    devMode: true,\n    field: 'fitToPoints',\n    hidden: true,\n    label: 'Fit To Points',\n    value: false,\n  },\n  preferDark: {\n    devMode: false,\n    field: 'preferDark',\n    hidden: true,\n    label: 'Prefer dark',\n    value: false,\n  },\n  scrollToZoom: {\n    devMode: true,\n    field: 'scrollToZoom',\n    hidden: true,\n    label: 'Scroll To Zoom',\n    value: false,\n  },\n})\n"],"mappings":";AAEO,IAAM,qBAAuC,OAAO;AAAA,EACzD,YAAY;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,kBAAkB;AAAA,IAChB,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,gBAAgB;AAAA,IACd,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,aAAa;AAAA,IACX,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,YAAY;AAAA,IACV,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;","names":[]}

package/dist/browser/hooks/index.js

@@ -1,6 +1,157 @@
-export * from "./useDynamicMapResize";
-export * from "./useDynamicPositioning";
-export * from "./useFindHashes";
-export * from "./useHeatMapColors";
-export * from "./useQuadKeyPayloadsToFeatures";
+// src/hooks/useDynamicMapResize.tsx
+import { useEffect, useMemo, useState } from "react";
+var useDynamicMapResize = (mapContainerRef, mapCanvasRef, mapInstance, active = true) => {
+  const [dependenciesReady, setDependenciesReady] = useState(false);
+  const resizer = useMemo(
+    () => new ResizeObserver(() => {
+      const width = mapContainerRef.current?.getBoundingClientRect().width;
+      if (width && mapCanvasRef.current) {
+        mapCanvasRef.current.style.width = `${width}px`;
+        setTimeout(() => mapInstance?.resize());
+      }
+    }),
+    [mapCanvasRef, mapContainerRef, mapInstance]
+  );
+  useEffect(() => {
+    const dependenciesReady2 = !!(active && mapInstance && mapContainerRef?.current && mapCanvasRef.current);
+    setDependenciesReady(dependenciesReady2);
+  }, [active, mapCanvasRef, mapContainerRef, mapInstance]);
+  useEffect(() => {
+    if (dependenciesReady) {
+      if (mapContainerRef.current) {
+        resizer.observe(mapContainerRef.current);
+      }
+      return () => {
+        resizer.disconnect();
+      };
+    }
+  }, [active, dependenciesReady, mapCanvasRef, mapContainerRef, mapInstance, resizer]);
+};
+
+// src/hooks/useDynamicPositioning.tsx
+import { useWindowSize } from "@xylabs/react-shared";
+import { useEffect as useEffect2, useState as useState2 } from "react";
+var defaultZoom = 1.6;
+var defaultAspectRatioRange = [0.5, 2];
+var latRange = [0.9121644205263664, 1.71785031559439];
+var lngRange = [-81.4742014851959, 12.788958675506933];
+var linearInterpolate = (aspectRatio, degreeRange, aspectRatioRange) => {
+  const [degreeMin, degreeMax] = degreeRange;
+  const [aspectRatioMin, aspectRatioMax] = aspectRatioRange || defaultAspectRatioRange;
+  const aspectRatioRangeSpan = aspectRatioMax - aspectRatioMin;
+  const degreeRangeSpan = degreeMax - degreeMin;
+  const percent = (aspectRatio - aspectRatioMin) / aspectRatioRangeSpan;
+  const scaledDegree = percent * degreeRangeSpan + degreeMin;
+  return scaledDegree;
+};
+var useDynamicPositioning = () => {
+  const [options, setOptions] = useState2({});
+  const { width, height } = useWindowSize();
+  useEffect2(() => {
+    if (width && height) {
+      const aspectRatio = width / height;
+      setOptions({
+        center: [linearInterpolate(aspectRatio, lngRange), linearInterpolate(aspectRatio, latRange)],
+        zoom: defaultZoom
+      });
+    }
+  }, [height, width]);
+  return { options };
+};
+
+// src/hooks/useFindHashes.tsx
+import { useNetwork } from "@xyo-network/react-network";
+import { useMemo as useMemo2 } from "react";
+var animatedAnswerHashesConst = [
+  "79af071f451fc7af10d009dc63236ef9a9b211732c1ee0c06f028fcecf2336c5",
+  "531bfba6d8dfefd3bcc888aca54cdbbd4574ed2b3ec551b230845a1f9a608898",
+  "c874412b4faa4947de81372fd1ba12fdd6f43f5e408622b7f357cb2bcb3f17cb",
+  "29d3f8b882c61a82a1a1675782a27e797ea7196f45a23b4409680ab8b8d5f14e",
+  "cfd20f80ac073fd9518f4ef3f43d2a1f5e4e56e40c2677f38d6f6fecd05df60c",
+  "1354fa73497519a39aed19fc99bdbae78a880a1eafb2f7898d607e07db36528d",
+  "1043b0d25eacfc5013ae9dba780305a6fbf01a43543bd871d7c00537fca142a9",
+  "973dfc5df142851ced258d52d0ac2784e814000ac22e35776f772256b0d4dde9",
+  "463808eb74d3d87e6563970e0301a493577f8cd1b501e6e0ffa5e027ad2cea95",
+  "15b21acea2e3fd9d1ace3768a72636ee7bdf67a6f8e0807bfa2273dea2207555",
+  "32d377bfe7ebe382598c54dd13f8af7510e0a1e2fd2e913311fdd58e517e5e2e,"
+];
+var staticAnswerHashConst = "c7bbf61f61cfd4a1b2def160c28136fc1d100d39fbdb67b227a2c6e558d9d3a5";
+var useFindHashes = () => {
+  const { network } = useNetwork();
+  const exploreMapHashes = network?.nodes?.find((node) => node.type === "archivist")?.explorerMapHashes;
+  const animatedAnswerHashes = exploreMapHashes?.animatedAnswerHashes || animatedAnswerHashesConst;
+  const staticAnswerHash = exploreMapHashes?.staticAnswerHash || staticAnswerHashConst;
+  const foundHashes = useMemo2(() => [staticAnswerHash, ...animatedAnswerHashes], [animatedAnswerHashes, staticAnswerHash]);
+  return foundHashes;
+};
+
+// src/hooks/useHeatMapColors.tsx
+import { useTheme } from "@mui/material";
+var useHeatMapColors = () => {
+  const theme = useTheme();
+  const staticMapColor = "#FFFF75";
+  const highUsageColor = "#FF0000";
+  const heatMapColorProps = {
+    highUsageColor,
+    lowUsageColor: "#FFB3B3",
+    staticMapColor
+  };
+  const legendProps = {
+    endColor: highUsageColor,
+    endLabel: "High",
+    heading: "Network Usage",
+    startColor: staticMapColor,
+    startLabel: "Low",
+    textColor: theme.palette.common.white
+  };
+  return { heatMapColorProps, legendProps };
+};
+
+// src/hooks/useQuadKeyPayloadsToFeatures.tsx
+import { compact } from "@xylabs/lodash";
+import { GeoJson } from "@xyo-network/sdk-geo";
+import { useEffect as useEffect3, useState as useState3 } from "react";
+var quadKeyToFeature = ({ density, quadkey }) => {
+  const polygonFeature = new GeoJson(quadkey).polygonFeature();
+  polygonFeature.properties = {
+    count: density,
+    density
+  };
+  return polygonFeature;
+};
+var setDensity = (feature) => {
+  if (feature.properties) {
+    feature.properties.value = feature.properties.density / 5;
+  }
+  return feature;
+};
+var useQuadKeyPayloadsToFeatures = (payloads) => {
+  const [multipleFeatureSets, setMultipleFeatureSets] = useState3([[]]);
+  const [features, setFeatures] = useState3([]);
+  const [error, setError] = useState3();
+  useEffect3(() => {
+    if (Array.isArray(payloads)) {
+      if (compact(payloads).length !== 0) {
+        const payloadsArray = payloads;
+        const mappedFeatures = payloadsArray?.map((payload) => payload?.result.map(quadKeyToFeature));
+        setMultipleFeatureSets(mappedFeatures.map((features2) => features2?.map(setDensity) ?? []));
+      } else {
+        setError(new Error("Cannot find payloads for provided hashes"));
+      }
+    }
+    if (payloads && payloads.result) {
+      const singlePayload = payloads;
+      const mappedFeatures = singlePayload.result.map(quadKeyToFeature);
+      setFeatures(mappedFeatures.map(setDensity));
+    }
+  }, [payloads]);
+  return { error, features, multipleFeatureSets };
+};
+export {
+  useDynamicMapResize,
+  useDynamicPositioning,
+  useFindHashes,
+  useHeatMapColors,
+  useQuadKeyPayloadsToFeatures
+};
 //# sourceMappingURL=index.js.map

package/dist/browser/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/index.ts"],"sourcesContent":["export * from './useDynamicMapResize'\nexport * from './useDynamicPositioning'\nexport * from './useFindHashes'\nexport * from './useHeatMapColors'\nexport * from './useQuadKeyPayloadsToFeatures'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/hooks/useDynamicMapResize.tsx","../../../src/hooks/useDynamicPositioning.tsx","../../../src/hooks/useFindHashes.tsx","../../../src/hooks/useHeatMapColors.tsx","../../../src/hooks/useQuadKeyPayloadsToFeatures.tsx"],"sourcesContent":["import { Map } from 'mapbox-gl'\nimport { MutableRefObject, useEffect, useMemo, useState } from 'react'\n\n/**\n * Inspired by - https://bl.ocks.org/danswick/fc56f37c10d40be62e4feac5984250d2\n */\nexport const useDynamicMapResize = (\n  mapContainerRef: MutableRefObject<HTMLDivElement | null>,\n  mapCanvasRef: MutableRefObject<HTMLCanvasElement | null>,\n  mapInstance?: Map,\n  active = true,\n) => {\n  const [dependenciesReady, setDependenciesReady] = useState(false)\n\n  const resizer = useMemo(\n    () =>\n      new ResizeObserver(() => {\n        const width = mapContainerRef.current?.getBoundingClientRect().width\n        if (width && mapCanvasRef.current) {\n          mapCanvasRef.current.style.width = `${width}px`\n          // setTimeout allows for the smoothest animation (vs requestAnimationFrame, debouce, etc)\n          // likely because it lets mapbox resize once when the event loop is ready?\n          setTimeout(() => mapInstance?.resize())\n        }\n      }),\n    [mapCanvasRef, mapContainerRef, mapInstance],\n  )\n\n  useEffect(() => {\n    const dependenciesReady = !!(active && mapInstance && mapContainerRef?.current && mapCanvasRef.current)\n    setDependenciesReady(dependenciesReady)\n  }, [active, mapCanvasRef, mapContainerRef, mapInstance])\n\n  useEffect(() => {\n    if (dependenciesReady) {\n      if (mapContainerRef.current) {\n        resizer.observe(mapContainerRef.current)\n      }\n\n      return () => {\n        resizer.disconnect()\n      }\n    }\n  }, [active, dependenciesReady, mapCanvasRef, mapContainerRef, mapInstance, resizer])\n}\n","import { useWindowSize } from '@xylabs/react-shared'\nimport { MapboxOptions } from 'mapbox-gl'\nimport { useEffect, useState } from 'react'\n\n/**\n * Zoom level for the map\n *\n * Note: Changing zoom will require changes to Lat/Lng Ranges\n */\nconst defaultZoom = 1.6\n\n/**\n * Range of aspect ratio values (width / height = aspect ratio) to scale against degrees\n * On lower aspect ratios, the width is larger than the height and vice-versa for higher\n */\nconst defaultAspectRatioRange = [0.5, 2]\n\n/**\n * Lat/Lng ranges, the first index is the minimum and the second is the maximum\n * Index 0 is for portrait screens and centers on the Eastern Hemisphere\n * Index 1 is for wider screens near the Prime Meridian and north of the Equator\n *\n * Note: Values are based off the zoom level\n */\nconst latRange = [0.9121644205263664, 1.71785031559439]\nconst lngRange = [-81.4742014851959, 12.788958675506933]\n\n/**\n * Function to interpolate an aspect ratio value across a range of degrees and aspect ratios\n *\n * Inspired by - https://stackoverflow.com/questions/14224535/scaling-between-two-number-ranges\n *\n * @param aspectRatio aspect ratio to scale\n * @param degreeRange A latitude or longitude range (i.e. [minLat, maxLat])\n * @param aspectRatioRange A range of aspect ratios to scale against degreeRange parameter\n * @returns number\n */\nconst linearInterpolate = (aspectRatio: number, degreeRange: number[], aspectRatioRange?: number[]): number => {\n  const [degreeMin, degreeMax] = degreeRange\n  const [aspectRatioMin, aspectRatioMax] = aspectRatioRange || defaultAspectRatioRange\n\n  const aspectRatioRangeSpan = aspectRatioMax - aspectRatioMin\n  const degreeRangeSpan = degreeMax - degreeMin\n\n  const percent = (aspectRatio - aspectRatioMin) / aspectRatioRangeSpan\n  const scaledDegree = percent * degreeRangeSpan + degreeMin\n\n  return scaledDegree\n}\n\nconst useDynamicPositioning = () => {\n  const [options, setOptions] = useState<Partial<MapboxOptions>>({})\n  const { width, height } = useWindowSize()\n\n  useEffect(() => {\n    if (width && height) {\n      const aspectRatio = width / height\n\n      setOptions({\n        center: [linearInterpolate(aspectRatio, lngRange), linearInterpolate(aspectRatio, latRange)],\n        zoom: defaultZoom,\n      })\n    }\n  }, [height, width])\n\n  return { options }\n}\n\nexport { useDynamicPositioning }\n","import { ArchivistPreset, useNetwork } from '@xyo-network/react-network'\nimport { useMemo } from 'react'\n\nconst animatedAnswerHashesConst = [\n  '79af071f451fc7af10d009dc63236ef9a9b211732c1ee0c06f028fcecf2336c5',\n  '531bfba6d8dfefd3bcc888aca54cdbbd4574ed2b3ec551b230845a1f9a608898',\n  'c874412b4faa4947de81372fd1ba12fdd6f43f5e408622b7f357cb2bcb3f17cb',\n  '29d3f8b882c61a82a1a1675782a27e797ea7196f45a23b4409680ab8b8d5f14e',\n  'cfd20f80ac073fd9518f4ef3f43d2a1f5e4e56e40c2677f38d6f6fecd05df60c',\n  '1354fa73497519a39aed19fc99bdbae78a880a1eafb2f7898d607e07db36528d',\n  '1043b0d25eacfc5013ae9dba780305a6fbf01a43543bd871d7c00537fca142a9',\n  '973dfc5df142851ced258d52d0ac2784e814000ac22e35776f772256b0d4dde9',\n  '463808eb74d3d87e6563970e0301a493577f8cd1b501e6e0ffa5e027ad2cea95',\n  '15b21acea2e3fd9d1ace3768a72636ee7bdf67a6f8e0807bfa2273dea2207555',\n  '32d377bfe7ebe382598c54dd13f8af7510e0a1e2fd2e913311fdd58e517e5e2e,',\n]\n\nconst staticAnswerHashConst = 'c7bbf61f61cfd4a1b2def160c28136fc1d100d39fbdb67b227a2c6e558d9d3a5'\n\nexport const useFindHashes = () => {\n  const { network } = useNetwork()\n  const exploreMapHashes = (network?.nodes?.find((node) => node.type === 'archivist') as ArchivistPreset)?.explorerMapHashes\n  const animatedAnswerHashes = exploreMapHashes?.animatedAnswerHashes || animatedAnswerHashesConst\n  const staticAnswerHash = exploreMapHashes?.staticAnswerHash || staticAnswerHashConst\n  const foundHashes = useMemo(() => [staticAnswerHash, ...animatedAnswerHashes], [animatedAnswerHashes, staticAnswerHash])\n  return foundHashes\n}\n","import { useTheme } from '@mui/material'\n\nimport { AnimatedHeatMapColorProps, ColorGradientLegendProps } from '../Colors'\n\nconst useHeatMapColors = () => {\n  const theme = useTheme()\n  const staticMapColor = '#FFFF75'\n  const highUsageColor = '#FF0000'\n\n  const heatMapColorProps: AnimatedHeatMapColorProps = {\n    highUsageColor,\n    lowUsageColor: '#FFB3B3',\n    staticMapColor,\n  }\n\n  const legendProps: ColorGradientLegendProps = {\n    endColor: highUsageColor,\n    endLabel: 'High',\n    heading: 'Network Usage',\n    startColor: staticMapColor,\n    startLabel: 'Low',\n    textColor: theme.palette.common.white,\n  }\n\n  return { heatMapColorProps, legendProps }\n}\n\nexport { useHeatMapColors }\n","import { compact } from '@xylabs/lodash'\nimport { GeoJson } from '@xyo-network/sdk-geo'\nimport { Feature, Geometry } from 'geojson'\nimport { useEffect, useState } from 'react'\n\nimport { NetworkLocationHeatmapQuadkeyAnswerPayload } from '../types'\n\nconst quadKeyToFeature = ({ density, quadkey }: { density: number; quadkey: string }) => {\n  const polygonFeature = new GeoJson(quadkey).polygonFeature()\n  polygonFeature.properties = {\n    count: density,\n    density,\n  }\n  return polygonFeature\n}\n\nconst setDensity = (feature: Feature) => {\n  if (feature.properties) {\n    feature.properties.value = feature.properties.density / 5\n  }\n  return feature\n}\n\nconst useQuadKeyPayloadsToFeatures = (payloads?: NetworkLocationHeatmapQuadkeyAnswerPayload[] | NetworkLocationHeatmapQuadkeyAnswerPayload) => {\n  const [multipleFeatureSets, setMultipleFeatureSets] = useState<Feature<Geometry>[][]>([[]])\n  const [features, setFeatures] = useState<Feature<Geometry>[]>([])\n  const [error, setError] = useState<Error>()\n\n  useEffect(() => {\n    // Convert Multiple Payloads from Quadkey to GeoJson\n    if (Array.isArray(payloads)) {\n      if (compact(payloads).length !== 0) {\n        const payloadsArray = payloads as (NetworkLocationHeatmapQuadkeyAnswerPayload | null)[]\n        const mappedFeatures = payloadsArray?.map((payload) => payload?.result.map(quadKeyToFeature))\n\n        setMultipleFeatureSets(mappedFeatures.map((features) => features?.map(setDensity) ?? []))\n      } else {\n        setError(new Error('Cannot find payloads for provided hashes'))\n      }\n    }\n\n    // Convert Single Payload from Quadkey to GeoJson\n    if (payloads && (payloads as NetworkLocationHeatmapQuadkeyAnswerPayload).result) {\n      const singlePayload = payloads as NetworkLocationHeatmapQuadkeyAnswerPayload\n      const mappedFeatures = singlePayload.result.map(quadKeyToFeature)\n\n      setFeatures(mappedFeatures.map(setDensity))\n    }\n  }, [payloads])\n\n  return { error, features, multipleFeatureSets }\n}\n\nexport { useQuadKeyPayloadsToFeatures }\n"],"mappings":"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","names":["dependenciesReady","useEffect","useState","useMemo","useEffect","useState","features"]}

package/dist/browser/hooks/useDynamicMapResize.js

@@ -1,5 +1,6 @@
+// src/hooks/useDynamicMapResize.tsx
 import { useEffect, useMemo, useState } from "react";
-const useDynamicMapResize = (mapContainerRef, mapCanvasRef, mapInstance, active = true) => {
+var useDynamicMapResize = (mapContainerRef, mapCanvasRef, mapInstance, active = true) => {
   const [dependenciesReady, setDependenciesReady] = useState(false);
   const resizer = useMemo(
     () => new ResizeObserver(() => {

package/dist/browser/hooks/useDynamicMapResize.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useDynamicMapResize.tsx"],"sourcesContent":["import { Map } from 'mapbox-gl'\nimport { MutableRefObject, useEffect, useMemo, useState } from 'react'\n\n/**\n * Inspired by - https://bl.ocks.org/danswick/fc56f37c10d40be62e4feac5984250d2\n */\nexport const useDynamicMapResize = (\n  mapContainerRef: MutableRefObject<HTMLDivElement | null>,\n  mapCanvasRef: MutableRefObject<HTMLCanvasElement | null>,\n  mapInstance?: Map,\n  active = true,\n) => {\n  const [dependenciesReady, setDependenciesReady] = useState(false)\n\n  const resizer = useMemo(\n    () =>\n      new ResizeObserver(() => {\n        const width = mapContainerRef.current?.getBoundingClientRect().width\n        if (width && mapCanvasRef.current) {\n          mapCanvasRef.current.style.width = `${width}px`\n          // setTimeout allows for the smoothest animation (vs requestAnimationFrame, debouce, etc)\n          // likely because it lets mapbox resize once when the event loop is ready?\n          setTimeout(() => mapInstance?.resize())\n        }\n      }),\n    [mapCanvasRef, mapContainerRef, mapInstance],\n  )\n\n  useEffect(() => {\n    const dependenciesReady = !!(active && mapInstance && mapContainerRef?.current && mapCanvasRef.current)\n    setDependenciesReady(dependenciesReady)\n  }, [active, mapCanvasRef, mapContainerRef, mapInstance])\n\n  useEffect(() => {\n    if (dependenciesReady) {\n      if (mapContainerRef.current) {\n        resizer.observe(mapContainerRef.current)\n      }\n\n      return () => {\n        resizer.disconnect()\n      }\n    }\n  }, [active, dependenciesReady, mapCanvasRef, mapContainerRef, mapInstance, resizer])\n}\n"],"mappings":"AACA,SAA2B,WAAW,SAAS,gBAAgB;AAKxD,MAAM,sBAAsB,CACjC,iBACA,cACA,aACA,SAAS,SACN;AACH,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,KAAK;AAEhE,QAAM,UAAU;AAAA,IACd,MACE,IAAI,eAAe,MAAM;AACvB,YAAM,QAAQ,gBAAgB,SAAS,sBAAsB,EAAE;AAC/D,UAAI,SAAS,aAAa,SAAS;AACjC,qBAAa,QAAQ,MAAM,QAAQ,GAAG,KAAK;AAG3C,mBAAW,MAAM,aAAa,OAAO,CAAC;AAAA,MACxC;AAAA,IACF,CAAC;AAAA,IACH,CAAC,cAAc,iBAAiB,WAAW;AAAA,EAC7C;AAEA,YAAU,MAAM;AACd,UAAMA,qBAAoB,CAAC,EAAE,UAAU,eAAe,iBAAiB,WAAW,aAAa;AAC/F,yBAAqBA,kBAAiB;AAAA,EACxC,GAAG,CAAC,QAAQ,cAAc,iBAAiB,WAAW,CAAC;AAEvD,YAAU,MAAM;AACd,QAAI,mBAAmB;AACrB,UAAI,gBAAgB,SAAS;AAC3B,gBAAQ,QAAQ,gBAAgB,OAAO;AAAA,MACzC;AAEA,aAAO,MAAM;AACX,gBAAQ,WAAW;AAAA,MACrB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,mBAAmB,cAAc,iBAAiB,aAAa,OAAO,CAAC;AACrF;","names":["dependenciesReady"]}
+{"version":3,"sources":["../../../src/hooks/useDynamicMapResize.tsx"],"sourcesContent":["import { Map } from 'mapbox-gl'\nimport { MutableRefObject, useEffect, useMemo, useState } from 'react'\n\n/**\n * Inspired by - https://bl.ocks.org/danswick/fc56f37c10d40be62e4feac5984250d2\n */\nexport const useDynamicMapResize = (\n  mapContainerRef: MutableRefObject<HTMLDivElement | null>,\n  mapCanvasRef: MutableRefObject<HTMLCanvasElement | null>,\n  mapInstance?: Map,\n  active = true,\n) => {\n  const [dependenciesReady, setDependenciesReady] = useState(false)\n\n  const resizer = useMemo(\n    () =>\n      new ResizeObserver(() => {\n        const width = mapContainerRef.current?.getBoundingClientRect().width\n        if (width && mapCanvasRef.current) {\n          mapCanvasRef.current.style.width = `${width}px`\n          // setTimeout allows for the smoothest animation (vs requestAnimationFrame, debouce, etc)\n          // likely because it lets mapbox resize once when the event loop is ready?\n          setTimeout(() => mapInstance?.resize())\n        }\n      }),\n    [mapCanvasRef, mapContainerRef, mapInstance],\n  )\n\n  useEffect(() => {\n    const dependenciesReady = !!(active && mapInstance && mapContainerRef?.current && mapCanvasRef.current)\n    setDependenciesReady(dependenciesReady)\n  }, [active, mapCanvasRef, mapContainerRef, mapInstance])\n\n  useEffect(() => {\n    if (dependenciesReady) {\n      if (mapContainerRef.current) {\n        resizer.observe(mapContainerRef.current)\n      }\n\n      return () => {\n        resizer.disconnect()\n      }\n    }\n  }, [active, dependenciesReady, mapCanvasRef, mapContainerRef, mapInstance, resizer])\n}\n"],"mappings":";AACA,SAA2B,WAAW,SAAS,gBAAgB;AAKxD,IAAM,sBAAsB,CACjC,iBACA,cACA,aACA,SAAS,SACN;AACH,QAAM,CAAC,mBAAmB,oBAAoB,IAAI,SAAS,KAAK;AAEhE,QAAM,UAAU;AAAA,IACd,MACE,IAAI,eAAe,MAAM;AACvB,YAAM,QAAQ,gBAAgB,SAAS,sBAAsB,EAAE;AAC/D,UAAI,SAAS,aAAa,SAAS;AACjC,qBAAa,QAAQ,MAAM,QAAQ,GAAG,KAAK;AAG3C,mBAAW,MAAM,aAAa,OAAO,CAAC;AAAA,MACxC;AAAA,IACF,CAAC;AAAA,IACH,CAAC,cAAc,iBAAiB,WAAW;AAAA,EAC7C;AAEA,YAAU,MAAM;AACd,UAAMA,qBAAoB,CAAC,EAAE,UAAU,eAAe,iBAAiB,WAAW,aAAa;AAC/F,yBAAqBA,kBAAiB;AAAA,EACxC,GAAG,CAAC,QAAQ,cAAc,iBAAiB,WAAW,CAAC;AAEvD,YAAU,MAAM;AACd,QAAI,mBAAmB;AACrB,UAAI,gBAAgB,SAAS;AAC3B,gBAAQ,QAAQ,gBAAgB,OAAO;AAAA,MACzC;AAEA,aAAO,MAAM;AACX,gBAAQ,WAAW;AAAA,MACrB;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,mBAAmB,cAAc,iBAAiB,aAAa,OAAO,CAAC;AACrF;","names":["dependenciesReady"]}