@mapcomponents/react-maplibre 0.1.32 → 0.1.35

package/public/assets/3D/posttower_simple.gltf

@@ -1,103 +0,0 @@
-{
-    "asset" : {
-        "generator" : "Khronos glTF Blender I/O v1.1.46",
-        "version" : "2.0"
-    },
-    "scene" : 0,
-    "scenes" : [
-        {
-            "name" : "Scene",
-            "nodes" : [
-                0,
-                1
-            ]
-        }
-    ],
-    "nodes" : [
-        {
-            "name" : "Light",
-            "rotation" : [
-                0.16907575726509094,
-                0.7558803558349609,
-                -0.27217137813568115,
-                0.570947527885437
-            ],
-            "translation" : [
-                4.076245307922363,
-                5.903861999511719,
-                -1.0054539442062378
-            ]
-        },
-        {
-            "mesh" : 0,
-            "name" : "Post-Tower"
-        }
-    ],
-    "meshes" : [
-        {
-            "name" : "Post-Tower",
-            "primitives" : [
-                {
-                    "attributes" : {
-                        "POSITION" : 0,
-                        "NORMAL" : 1
-                    },
-                    "indices" : 2
-                }
-            ]
-        }
-    ],
-    "accessors" : [
-        {
-            "bufferView" : 0,
-            "componentType" : 5126,
-            "count" : 258,
-            "max" : [
-                71.77005004882812,
-                160.99974060058594,
-                42.6383056640625
-            ],
-            "min" : [
-                -22.617782592773438,
-                -0.00030803680419921875,
-                -35.430809020996094
-            ],
-            "type" : "VEC3"
-        },
-        {
-            "bufferView" : 1,
-            "componentType" : 5126,
-            "count" : 258,
-            "type" : "VEC3"
-        },
-        {
-            "bufferView" : 2,
-            "componentType" : 5123,
-            "count" : 432,
-            "type" : "SCALAR"
-        }
-    ],
-    "bufferViews" : [
-        {
-            "buffer" : 0,
-            "byteLength" : 3096,
-            "byteOffset" : 0
-        },
-        {
-            "buffer" : 0,
-            "byteLength" : 3096,
-            "byteOffset" : 3096
-        },
-        {
-            "buffer" : 0,
-            "byteLength" : 864,
-            "byteOffset" : 6192
-        }
-    ],
-    "buffers" : [
-        {
-            "byteLength" : 7056,
-            "uri" : "data:application/octet-stream;base64,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JAAlACYAJwAkACYAKAApACoAKwAoACoALAAtAC4ALAAuAC8AMAAxADIAMAAyADMANAA1ADYANAA2ADcALQA4ADkALQA5AC4AOgA7ADwAOgA8AD0ANQA+AD8ANQA/ADYAQABBAEIAQABCAEMARABFAEYARABGAEcASABJAEoASABKAEsATABNAE4ATABOAE8AUABRAFIAUABSAFMAVABVAFYAVABWAFcAWABZAFoAWABaAFsAXABdAF4AXABeAF8AYABEAEcAYABHAGEAYgBIAEsAYgBLAGMAZABlAGYAZwBkAGYAaABpAGoAawBoAGoAbABtAG4AbwBsAG4AcABxAHIAcwBwAHIAdAB1AHYAdwB0AHYAeAB5AHoAeAB6AHsAfAB9AH4AfwB8AH4AgACBAIIAgwCAAIIAhACFAIYAhACGAIcAiACJAIoAiwCIAIoAjACNAI4AjACOAI8AkACRAJIAkACSAJMAlACVAJYAlACWAJcAmACZAJoAmACaAJsAnACdAJ4AnACeAJ8AoAChAKIAoACiAKMApAClAKYApACmAKcAqACpAKoAqwCoAKoArACkAKcArACnAK0ArgCvALAArgCwALEAsgCzALQAtQCyALQAtgC3ALgAtgC4ALkAtwC6ALsAtwC7ALgAvAC9AL4AvAC+AL8AwADBAMIAwADCAMMAxADFAMYAxADGAMcAyADJAMoAyADKAMsAzADNAM4AzADOAM8A0ADRANIA0ADSANMA1ADVANYA1ADWANcA2ABYAFsA2ABbANkA2gDbANwA2gDcAN0A3gDfAOAA3gDgAOEA4gDjAOQA4gDkAOUA5gDnAOgA5gDoAOkAEQDqAOsAEQDrABIA7ADtAO4A7ADuAO8ARQAwADMARQAzAEYA8ADxAPIA8ADyAPMA9AD1APYA9AD2APcA+ADIAMsA+ADLAPkAjQD6APsAjQD7AI4ApQCcAJ8ApQCfAKYA/AD9AP4A/AD+AP8AAAFYANgAAQEAAdgA"
-        }
-    ]
-}

package/src/components/MapLibreMap/lib/MapLibreGlWrapper.js

@@ -1,528 +0,0 @@
-// @ts-ignore: TS export Problem to be fixed upstream
-import maplibregl from "!maplibre-gl";
-
-/**
- * Creates a MapLibre-gl-js instance and offers all of the native MapLibre functions and properties as well as additional functionality such as element registration & cleanup and more events.
- *
- * @param {object} props
- *
- * @class
- */
-const MapLibreGlWrapper = function (props) {
-  // closure variable to safely point to the object context of the current MapLibreGlWrapper instance
-  let self = this;
-
-  // element registration and cleanup on a component level is experimental
-  this.registeredElements = {};
-
-  // array of base layer ids, all layers that have been added by the style passed to the MapLibreGl coonstructor
-  this.baseLayers = [];
-
-  // layer id of the first symbol layer
-  this.firstSymbolLayer = undefined;
-
-  // event handlers registered in MapLibreGlWrapper
-  this.eventHandlers = {
-    layerchange: [],
-    viewportchange: [],
-  };
-
-  // functions and properties provided by the wrapper
-  // Add new functions and properties introduced by the wrapper to this object to prevent collisions due to future MapLibre API changes
-  this.wrapper = {
-    /**
-     * Subscribe the given event handler to an event
-     *
-     * @param {string} eventName
-     * @param {function} handler
-     * @param {object} options
-     * @param {string} componentId
-     * @returns {undefined}
-     */
-    on: (eventName, handler, options, componentId) => {
-      if (!self.eventHandlers[eventName]) return;
-
-      if (typeof options === "string") {
-        componentId = options;
-        options = {};
-      }
-
-      self.eventHandlers[eventName].push({ handler, options });
-
-      let _arguments = [eventName, handler];
-      if (componentId && typeof componentId === "string") {
-        self.initRegisteredElements(componentId);
-        self.registeredElements[componentId].wrapperEvents.push(_arguments);
-      }
-    },
-    /**
-     * Unsubscribes the given event handler from an event
-     *
-     * @param {string} eventName
-     * @param {function} handler
-     * @returns {undefined}
-     */
-    off: (eventName, handler) => {
-      if (!self.eventHandlers[eventName]) return;
-
-      self.eventHandlers[eventName] = self.eventHandlers[eventName].filter((item) => {
-        if (!Object.is(item.handler, handler)) {
-          return item;
-        }
-        return false;
-      });
-    },
-    /**
-     * Calls all event handlers that have been subscribed to the given eventName
-     *
-     * @param {string} eventName
-     * @param {object} context
-     * @returns {undefined}
-     */
-    fire: (eventName, context) => {
-      if (!self.eventHandlers[eventName]) return;
-
-      var scope = context || window;
-      let event = new Event(eventName);
-      event.data = self;
-
-      self.eventHandlers[eventName].forEach(function (item) {
-        item.handler.call(scope, event);
-      });
-    },
-    /**
-     * Array containing an object for each layer in the MapLibre instance providing information on visibility, loading state, order, paint & layout properties
-     */
-    layerState: [],
-    /**
-     * Maps layerIds to layerState in JSON string form for quick deep comparisons
-     */
-    layerStateString: "",
-    /**
-     * Previous Version of layerStateString
-     */
-    oldLayerStateStrings: {},
-    /**
-     * Builds the layer info object for a given layer id
-     *
-     * @param {string} layer
-     * @returns object
-     */
-    buildLayerObject: (layer) => {
-      //if (self.baseLayers.indexOf(layer.id) === -1) {
-      //let paint = {};
-      //let values = layer.paint?._values;
-      //Object.keys(values || {}).map((propName) => {
-      //  paint[propName] =
-      //    typeof values[propName].value !== "undefined"
-      //      ? values[propName].value.value
-      //      : values[propName];
-      //});
-      //let layout = {};
-      //values = layer.layout?._values;
-      //Object.keys(values || {}).map((propName) => {
-      //  layout[propName] =
-      //    typeof values[propName].value !== "undefined"
-      //      ? values[propName].value.value
-      //      : values[propName];
-      //});
-      return {
-        id: layer.id,
-        type: layer.type,
-        visible: layer.visibility === "none" ? false : true,
-        baseLayer: self.baseLayers.indexOf(layer.id) !== -1,
-        //paint,
-        //layout,
-        //filter: layers[layerId].filter,
-        //layout: layers[layerId].layout,
-        //maxzoom: layers[layerId].maxzoom,
-        //metadata: layers[layerId].metadata,
-        //minzoom: layers[layerId].minzoom,
-        //paint: layers[layerId].paint.get(),
-        //source: layers[layerId].source,
-        //sourceLayer: layers[layerId].sourceLayer,
-      };
-      //}
-    },
-    /**
-     * Returns an array of layer state info objects for all layers in the MapLibre instance
-     *
-     * @returns array
-     */
-    buildLayerObjects: () => {
-      return self.style._order
-        .map((layerId) => {
-          return self.wrapper.buildLayerObject(self.map.style._layers[layerId]);
-        })
-        .filter((n) => n);
-    },
-    /**
-     * Updates layer state info objects
-     */
-    refreshLayerState: () => {
-      self.wrapper.layerState = self.wrapper.buildLayerObjects();
-      if (JSON.stringify(self.wrapper.layerState) !== self.wrapper.layerStateString) {
-        self.wrapper.fire("layerchange");
-        self.wrapper.layerStateString = JSON.stringify(self.wrapper.layerState);
-      }
-    },
-    /**
-     * Object containing information on the current viewport state
-     */
-    viewportState: {},
-    /**
-     * The same data as viewportState in JSON string form for quick deep comparisons
-     */
-    viewportStateString: "{}",
-    /**
-     * Previous version of viewportStateString
-     */
-    oldViewportStateString: "{}",
-    getViewport: () =>
-      typeof self.map.getCenter === "function"
-        ? {
-            center: (({ lng, lat, ...rest }) => ({ lng, lat }))(self.map.getCenter()),
-            zoom: self.map.getZoom(),
-            bearing: self.map.getBearing(),
-            pitch: self.map.getPitch(),
-          }
-        : {},
-    refreshViewport: () => {
-      self.wrapper.viewportState = self.wrapper.getViewport();
-    },
-  };
-
-  /**
-   * Initializes an empty registered elements object for the given componentId
-   *
-   * @param {string} componentId
-   * @param {boolean} force
-   */
-  this.initRegisteredElements = (componentId, force) => {
-    if (
-      typeof self.registeredElements[componentId] === "undefined" ||
-      (force !== "undefined" && force)
-    ) {
-      self.registeredElements[componentId] = {
-        layers: [],
-        sources: [],
-        images: [],
-        events: [],
-        controls: [],
-        wrapperEvents: [],
-      };
-    }
-  };
-
-  /**
-   * Overrides MapLibre-gl-js addLayer function providing an additional componentId parameter for the wrapper element registration.
-   *
-   * @param {object} layer
-   * @param {string} beforeId
-   * @param {string} componentId
-   * @returns {undefined}
-   */
-  this.addLayer = (layer, beforeId, componentId) => {
-    if (!self.map.style) {
-      return;
-    }
-    if (componentId && typeof componentId === "string" && typeof layer.id !== "undefined") {
-      self.initRegisteredElements(componentId);
-      self.registeredElements[componentId].layers.push(layer.id);
-
-      if (typeof layer.source === "object") {
-        self.registeredElements[componentId].sources.push(layer.id);
-      }
-    }
-
-    self.map.addLayer(layer, beforeId);
-  };
-
-  /**
-   * Overrides MapLibre-gl-js addSource function providing an additional componentId parameter for the wrapper element registration.
-   *
-   * @param {string} sourceId
-   * @param {object} source
-   * @param {object} options
-   * @param {string} componentId
-   * @returns {undefined}
-   */
-  this.addSource = (sourceId, source, options, componentId) => {
-    if (!self.map.style) {
-      return;
-    }
-    if (typeof options === "string" && typeof componentId === "undefined") {
-      return self.addSource.call(self, sourceId, source, undefined, options);
-    }
-    if (componentId && typeof componentId === "string" && typeof sourceId !== "undefined") {
-      self.initRegisteredElements(componentId);
-      self.registeredElements[componentId].sources.push(sourceId);
-    }
-
-    self.map.addSource(sourceId, source, options);
-  };
-
-  /**
-   * Overrides MapLibre-gl-js addImage function providing an additional componentId parameter for the wrapper element registration.
-   *
-   * @param {string} id
-   * @param {*} image
-   * @param {*} ref
-   * @param {string} componentId
-   * @returns {undefined}
-   */
-  this.addImage = (id, image, ref, componentId) => {
-    if (!self.map.style) {
-      return;
-    }
-    if (typeof ref === "string" && typeof componentId === "undefined") {
-      return self.addImage.call(self, id, image, undefined, ref);
-    }
-    if (componentId && typeof componentId === "string" && typeof id !== "undefined") {
-      self.initRegisteredElements(componentId);
-      self.registeredElements[componentId].images.push(id);
-    }
-
-    self.map.addImage(id, image, ref);
-  };
-
-  /**
-   * Overrides MapLibre-gl-js on function providing an additional componentId parameter for the wrapper element registration.
-   *
-   * @param {string} type
-   * @param {string} layerId
-   * @param {function} listener
-   * @param {string} componentId
-   * @returns {undefined}
-   */
-  this.on = (type, layerId, listener, componentId) => {
-    if (typeof listener === "string" && typeof layerId === "function") {
-      return self.on.call(self, type, undefined, layerId, listener);
-    }
-
-    let _arguments = [type, layerId, listener];
-    if (!layerId) {
-      _arguments = [type, listener];
-    }
-
-    if (componentId && typeof componentId === "string") {
-      self.initRegisteredElements(componentId);
-      self.registeredElements[componentId].events.push(_arguments);
-    }
-
-    self.map.on(..._arguments);
-  };
-
-  /**
-   * Overrides MapLibre-gl-js addControl function providing an additional componentId parameter for the wrapper element registration.
-   *
-   * @param {object} control
-   * @param {string} position
-   * @param {string} componentId
-   */
-  this.addControl = (control, position, componentId) => {
-    if (componentId && typeof componentId === "string") {
-      self.initRegisteredElements(componentId);
-      self.registeredElements[componentId].controls.push(control);
-    }
-
-    self.map.addControl(control, position);
-  };
-
-  /**
-   * Removes anything that has been added to the maplibre instance referenced with componentId
-   *
-   * @param {string} componentId
-   */
-  this.cleanup = (componentId) => {
-    if (self.map.style && typeof self.registeredElements[componentId] !== "undefined") {
-      // cleanup layers
-      self.registeredElements[componentId].layers.forEach((item) => {
-        if (self.map.style.getLayer(item)) {
-          self.map.style.removeLayer(item);
-        }
-      });
-
-      // cleanup sources
-      self.registeredElements[componentId].sources.forEach((item) => {
-        if (self.map.style.getSource(item)) {
-          self.map.style.removeSource(item);
-        }
-      });
-
-      // cleanup images
-      self.registeredElements[componentId].images.forEach((item) => {
-        if (self.map.hasImage(item)) {
-          self.map.style.removeImage(item);
-        }
-      });
-
-      // cleanup events
-      self.registeredElements[componentId].events.forEach((item) => {
-        self.map.off(...item);
-      });
-
-      // cleanup controls
-      self.registeredElements[componentId].controls.forEach((item) => {
-        self.map.removeControl(item);
-      });
-
-      // cleanup wrapper events
-      self.registeredElements[componentId].wrapperEvents.forEach((item) => {
-        self.wrapper.off(...item);
-      });
-
-      self.initRegisteredElements(componentId, true);
-    }
-  };
-
-  // add style prop functions that require map._update to be called afterwards
-  let updatingStyleFunctions = [
-    "moveLayer",
-    "removeLayer",
-    "removeSource",
-    "setPaintProperty",
-    "setLayoutProperty",
-  ];
-  updatingStyleFunctions.forEach((item) => {
-    this[item] = (...props) => {
-      if (self.map && this.map.style && typeof self.map.style[item] === "function") {
-        self.map.style[item](...props);
-      }
-      return self.map._update ? self.map._update(true) : undefined;
-    };
-  });
-
-  // add style prop functions
-  let styleFunctions = [
-    "getLayer",
-    "getSource",
-    "listImages",
-    "getPaintProperty",
-    "getLayoutProperty",
-    "removeImage",
-  ];
-  styleFunctions.forEach((item) => {
-    this[item] = (...props) => {
-      if (self.map && self.map.style) {
-        return self.map.style[item](...props);
-      }
-      return false;
-    };
-  });
-
-  this.addNativeMaplibreFunctionsAndProps = () => {
-    //  add MapLibre-gl functions
-    Object.getOwnPropertyNames(Object.getPrototypeOf(this.map)).forEach((item) => {
-      if (typeof this[item] === "undefined") {
-        this[item] = (...props) => self.map[item](...props);
-      }
-    });
-
-    //  add MapLibre-gl properties
-    Object.keys(this.map).forEach((item) => {
-      if (typeof this[item] === "undefined") {
-        this[item] = self.map[item];
-      }
-    });
-  };
-
-  // add functions that are missing on the MapLibre instances prototype
-  let missingFunctions = [
-    "getZoom",
-    "setZoom",
-    "getCenter",
-    "setCenter",
-    "getBearing",
-    "setBearing",
-    "getPitch",
-    "setPitch",
-    "jumpTo",
-    "flyTo",
-    "panTo",
-    "panBy",
-    "panBy",
-    "zoomTo",
-    "zoomIn",
-    "zoomOut",
-    "getPadding",
-    "setPadding",
-    "rotateTo",
-    "resetNorth",
-    "resetNorthPitch",
-    "snapToNorth",
-    "cameraForBounds",
-    "fitBounds",
-    "fitScreenCoordinates",
-    "getFreeCameraOptions",
-    "setFreeCameraOptions",
-    "easeTo",
-    "stop",
-  ];
-  missingFunctions.forEach((item) => {
-    this[item] = (...props) => {
-      if (typeof self.map[item] === "function") {
-        return self.map[item].call(self.map, ...props);
-      }
-      return undefined;
-    };
-  });
-
-  // initialize the MapLibre-gl instance
-  let initializeMapLibre = async () => {
-    // if mapOptions style URL is given and if it is not a mapbox URL fetch the json and initialize the mapbox object
-    if (
-      typeof props.mapOptions.style === "string" &&
-      props.mapOptions.style.indexOf("mapbox://") === -1
-    ) {
-      await fetch(props.mapOptions.style)
-        .then((response) => {
-          if (response.ok) {
-            return response.json();
-          } else {
-            throw new Error("error loading map style.json");
-          }
-        })
-        .then((styleJson) => {
-          styleJson.layers.forEach((item) => {
-            self.baseLayers.push(item.id);
-            if (!self.firstSymbolLayer && item.type === "symbol") {
-              self.firstSymbolLayer = item.id;
-            }
-          });
-          self.styleJson = styleJson;
-          props.mapOptions.style = styleJson;
-        })
-        .catch((error) => {
-          console.log(error);
-        });
-    }
-
-    self.map = new maplibregl.Map(props.mapOptions);
-
-    self.addNativeMaplibreFunctionsAndProps();
-    self.wrapper.refreshViewport();
-    self.wrapper.fire("viewportchange");
-
-    self.map.on("load", () => {
-      self.addNativeMaplibreFunctionsAndProps();
-    });
-
-    self.map.on("move", () => {
-      self.wrapper.viewportState = self.wrapper.getViewport();
-      self.wrapper.fire("viewportchange");
-    });
-    self.map.on("idle", () => {
-      self.wrapper.refreshLayerState();
-    });
-    self.map.on("data", () => {
-      self.wrapper.refreshLayerState();
-    });
-    if (typeof props.onReady === "function") {
-      props.onReady(self.map, self);
-    }
-  };
-  initializeMapLibre();
-};
-
-export default MapLibreGlWrapper;

package/src/components/MlComponentTemplate/MlComponentTemplate.js

@@ -1,39 +0,0 @@
-import React, { useRef, useEffect } from "react";
-import PropTypes from "prop-types";
-import useMap from "../../hooks/useMap";
-
-/**
- * TODO: Add short & useful description
- *
- * @param {object} props
- * @param {string} props.mapId Id of the target MapLibre instance in mapContext
- *
- * @component
- */
-const MlComponentTemplate = (props) => {
-  const mapHook = useMap({ mapId: props.mapId, waitForLayer: props.insertBeforeLayer });
-  const initializedRef = useRef(false);
-
-  useEffect(() => {
-    if (!mapHook.mapIsReady || initializedRef.current) return;
-    // the MapLibre-gl instance (mapHook.map) is accessible here
-    // initialize the layer and add it to the MapLibre-gl instance or do something else with it
-    initializedRef.current = true;
-
-    mapHook.map.setCenter([7.132122000552613, 50.716405378037706]);
-  }, [mapHook.map, mapHook.mapIsReady, props.mapId]);
-
-  return <></>;
-};
-
-MlComponentTemplate.defaultProps = {
-  mapId: undefined,
-};
-
-MlComponentTemplate.propTypes = {
-  /**
-   * Id of the target MapLibre instance in mapContext
-   */
-  mapId: PropTypes.string,
-};
-export default MlComponentTemplate;