react-bkoi-gl 1.0.7 → 2.0.0

package/src/exports-maplibre-gl.ts

@@ -0,0 +1,37 @@
+import { Map } from "./components/map";
+export { Map };
+export default Map;
+
+export { Marker } from "./components/marker";
+export { Popup } from "./components/popup";
+export { AttributionControl } from "./components/attribution-control";
+export { FullscreenControl } from "./components/fullscreen-control";
+export { GeolocateControl } from "./components/geolocate-control";
+export { NavigationControl } from "./components/navigation-control";
+export { ScaleControl } from "./components/scale-control";
+export { TerrainControl } from "./components/terrain-control";
+export { LogoControl } from "./components/logo-control";
+export { Source } from "./components/source";
+export { Layer } from "./components/layer";
+export { useControl } from "./components/use-control";
+export { MapProvider, useMap } from "./components/use-map";
+
+export type { MapProps } from "./components/map";
+export type { MapRef } from "./maplibre/create-ref";
+export type { MarkerProps } from "./components/marker";
+export type { PopupProps } from "./components/popup";
+export type { AttributionControlProps } from "./components/attribution-control";
+export type { FullscreenControlProps } from "./components/fullscreen-control";
+export type { GeolocateControlProps } from "./components/geolocate-control";
+export type { NavigationControlProps } from "./components/navigation-control";
+export type { ScaleControlProps } from "./components/scale-control";
+export type { TerrainControlProps } from "./components/terrain-control";
+export type { LogoControlProps } from "./components/logo-control";
+export type { SourceProps } from "./components/source";
+export type { LayerProps } from "./components/layer";
+
+// Types
+export * from "./types/common";
+export * from "./types/events";
+export * from "./types/lib";
+export * from "./types/style-spec";

package/src/index.ts

@@ -1,2 +1,3 @@
-export * from './exports-mapbox';
-export {default as default} from './exports-mapbox';
+/* eslint-disable import/no-unresolved */
+export * from "./exports-maplibre-gl.js";
+export { default as default } from "./exports-maplibre-gl.js";

package/src/maplibre/create-ref.ts

@@ -0,0 +1,70 @@
+import type { Map as MapInstance } from "../types/lib";
+import type Maplibre from "./maplibre";
+
+/** These methods may break the react binding if called directly */
+const skipMethods = [
+  "setMaxBounds",
+  "setMinZoom",
+  "setMaxZoom",
+  "setMinPitch",
+  "setMaxPitch",
+  "setRenderWorldCopies",
+  "setProjection",
+  "setStyle",
+  "addSource",
+  "removeSource",
+  "addLayer",
+  "removeLayer",
+  "setLayerZoomRange",
+  "setFilter",
+  "setPaintProperty",
+  "setLayoutProperty",
+  "setLight",
+  "setTerrain",
+  "setFog",
+  "remove",
+] as const;
+
+export type MapRef = {
+  getMap(): MapInstance;
+} & Omit<MapInstance, (typeof skipMethods)[number]>;
+
+export default function createRef(mapInstance: Maplibre): MapRef | null {
+  if (!mapInstance) {
+    return null;
+  }
+
+  const map = mapInstance.map;
+  const result: any = {
+    getMap: () => map,
+  };
+
+  for (const key of getMethodNames(map)) {
+    // @ts-expect-error
+    if (!(key in result) && !skipMethods.includes(key)) {
+      result[key] = map[key].bind(map);
+    }
+  }
+
+  return result;
+}
+
+function getMethodNames(obj: Object) {
+  const result = new Set<string>();
+
+  let proto = obj;
+  while (proto) {
+    for (const key of Object.getOwnPropertyNames(proto)) {
+      if (
+        key[0] !== "_" &&
+        typeof obj[key] === "function" &&
+        key !== "fire" &&
+        key !== "setEventedParent"
+      ) {
+        result.add(key);
+      }
+    }
+    proto = Object.getPrototypeOf(proto);
+  }
+  return Array.from(result);
+}