react-three-map 0.7.1 → 0.8.0

package/dist/maplibre/es/main9.mjs

@@ -1,18 +1,12 @@
-import { Quaternion, Euler, Vector3, Matrix4 } from "three";
-const quat = new Quaternion();
-const euler = new Euler();
-const pos = new Vector3();
-const scale = new Vector3();
-const m4 = new Matrix4();
-function coordsToMatrix({ longitude, latitude, altitude, fromLngLat }) {
-  const center = fromLngLat([longitude, latitude], altitude);
-  const scaleUnit = center.meterInMercatorCoordinateUnits();
-  pos.set(center.x, center.y, center.z || 0);
-  scale.set(scaleUnit, -scaleUnit, scaleUnit);
-  quat.setFromEuler(euler.set(-Math.PI * 0.5, 0, 0));
-  return m4.compose(pos, quat, scale).toArray();
-}
+import { useRef, useCallback } from "react";
+const useFunction = (callback) => {
+  const callbackRef = useRef(callback);
+  callbackRef.current = callback;
+  return useCallback((...args) => {
+    return callbackRef.current(...args);
+  }, []);
+};
 export {
-  coordsToMatrix
+  useFunction
 };
 //# sourceMappingURL=main9.mjs.map

package/dist/maplibre/es/main9.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"main9.mjs","sources":["../../../src/core/coords-to-matrix.ts"],"sourcesContent":["import { Euler, Matrix4, Quaternion, Vector3 } from \"three\";\nimport { FromLngLat } from \"./generic-map\";\n\nconst quat = new Quaternion();\nconst euler = new Euler();\nconst pos = new Vector3();\nconst scale = new Vector3();\nconst m4 = new Matrix4();\n\n/** calculate Matrix4 from coordinates */\nexport function coordsToMatrix({ longitude, latitude, altitude, fromLngLat }: {\n  longitude: number, latitude: number, altitude: number, fromLngLat: FromLngLat\n}) {\n  const center = fromLngLat([longitude, latitude], altitude);\n  const scaleUnit = center.meterInMercatorCoordinateUnits();\n  pos.set(center.x, center.y, center.z || 0);\n  scale.set(scaleUnit, -scaleUnit, scaleUnit);\n  quat.setFromEuler(euler.set(-Math.PI * .5, 0, 0));\n  return m4.compose(pos, quat, scale).toArray();\n}\n"],"names":[],"mappings":";AAGA,MAAM,OAAO,IAAI;AACjB,MAAM,QAAQ,IAAI;AAClB,MAAM,MAAM,IAAI;AAChB,MAAM,QAAQ,IAAI;AAClB,MAAM,KAAK,IAAI;AAGR,SAAS,eAAe,EAAE,WAAW,UAAU,UAAU,cAE7D;AACD,QAAM,SAAS,WAAW,CAAC,WAAW,QAAQ,GAAG,QAAQ;AACnD,QAAA,YAAY,OAAO;AACzB,MAAI,IAAI,OAAO,GAAG,OAAO,GAAG,OAAO,KAAK,CAAC;AACzC,QAAM,IAAI,WAAW,CAAC,WAAW,SAAS;AACrC,OAAA,aAAa,MAAM,IAAI,CAAC,KAAK,KAAK,KAAI,GAAG,CAAC,CAAC;AAChD,SAAO,GAAG,QAAQ,KAAK,MAAM,KAAK,EAAE;AACtC;"}
+{"version":3,"file":"main9.mjs","sources":["../../../src/core/use-function.ts"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\n/* eslint-disable @typescript-eslint/no-explicit-any */\nexport const useFunction = <T extends (...args: any[]) => any>(callback: T): T => {\n  const callbackRef = useRef(callback);\n  callbackRef.current = callback;\n  return useCallback((...args: any[]) => {\n    return callbackRef.current(...args);\n  }, []) as T;\n};\n"],"names":[],"mappings":";AAGa,MAAA,cAAc,CAAoC,aAAmB;AAC1E,QAAA,cAAc,OAAO,QAAQ;AACnC,cAAY,UAAU;AACf,SAAA,YAAY,IAAI,SAAgB;AAC9B,WAAA,YAAY,QAAQ,GAAG,IAAI;AAAA,EACpC,GAAG,CAAE,CAAA;AACP;"}

package/dist/maplibre/types/api/canvas-props.d.ts

@@ -1,10 +1,10 @@
 import { RenderProps } from "@react-three/fiber";
 import { PropsWithChildren } from "react";
-export interface CanvasProps extends Omit<RenderProps<HTMLCanvasElement>, 'frameloop'>, PropsWithChildren {
+import { Coords } from "./coords";
+export interface CanvasProps extends Coords, Omit<RenderProps<HTMLCanvasElement>, 'frameloop'>, PropsWithChildren {
     id?: string;
     beforeId?: string;
-    longitude: number;
-    latitude: number;
-    altitude?: number;
     frameloop?: 'always' | 'demand';
+    /** render on a separated `<canvas>` that sits on top of the map provider */
+    overlay?: boolean;
 }

package/dist/maplibre/types/api/coords-to-vector-3.d.ts

@@ -0,0 +1,4 @@
+import { Vector3Tuple } from "three";
+import { Coords } from "./coords";
+/** converts geo coordinates `point` to a `Vector3Tuple` (represented in meters) using `origin` as the origin. */
+export declare function coordsToVector3(point: Coords, origin: Coords): Vector3Tuple;

package/dist/maplibre/types/api/coords.d.ts

@@ -0,0 +1,5 @@
+export interface Coords {
+    longitude: number;
+    latitude: number;
+    altitude?: number;
+}

package/dist/maplibre/types/api/index.d.ts

@@ -0,0 +1,5 @@
+export * from './canvas-props';
+export * from './coordinates';
+export * from './near-coordinates';
+export * from './coords';
+export * from './coords-to-vector-3';

package/dist/maplibre/types/api/near-coordinates.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CoordinatesProps } from "./coordinates";
+export declare const NearCoordinates: import("react").NamedExoticComponent<CoordinatesProps>;

package/dist/maplibre/types/api/use-map.d.ts

@@ -1,2 +1,2 @@
 import { MapInstance } from "../core/generic-map";
-export declare const useMap: <T extends MapInstance = MapInstance>() => T | undefined;
+export declare const useMap: <T extends MapInstance = MapInstance>() => T;

package/dist/maplibre/types/core/canvas-in-layer/use-canvas-in-layer.d.ts

@@ -0,0 +1,11 @@
+import { CanvasProps } from "../../api/canvas-props";
+import { FromLngLat, MapInstance } from "../generic-map";
+/** get all the properties that you need to render as a map `<Layer>` */
+export declare function useCanvasInLayer(props: CanvasProps, fromLngLat: FromLngLat, map: MapInstance): {
+    readonly id: string | undefined;
+    readonly beforeId: string | undefined;
+    readonly onRemove: () => void;
+    readonly render: (_gl: WebGL2RenderingContext, projViewMx: number[]) => void;
+    readonly type: "custom";
+    readonly renderingMode: "3d";
+};

package/dist/maplibre/types/core/canvas-in-layer/use-render.d.ts

@@ -0,0 +1,12 @@
+import { RootState } from "@react-three/fiber";
+import { Matrix4Tuple } from "three";
+import { UseBoundStore } from "zustand";
+import { MapInstance } from "../generic-map";
+import { R3M } from "../use-r3m";
+export declare function useRender({ map, origin, useThree, frameloop, r3m, }: {
+    map: MapInstance;
+    origin: Matrix4Tuple;
+    useThree: UseBoundStore<RootState>;
+    frameloop?: 'always' | 'demand';
+    r3m: R3M;
+}): (_gl: WebGL2RenderingContext, projViewMx: number[]) => void;

package/dist/maplibre/types/core/canvas-in-layer/use-root.d.ts

@@ -0,0 +1,7 @@
+import { CanvasProps } from "../../api/canvas-props";
+import { FromLngLat, MapInstance } from "../generic-map";
+export declare function useRoot(fromLngLat: FromLngLat, map: MapInstance, { frameloop, longitude, latitude, altitude, ...props }: CanvasProps): {
+    onRemove: () => void;
+    useThree: import("zustand").UseBoundStore<import("@react-three/fiber").RootState>;
+    r3m: import("../use-r3m").R3M<MapInstance>;
+};

package/dist/maplibre/types/core/canvas-overlay/canvas-portal.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Matrix4Tuple } from "three";
+import { CanvasProps } from "../../api/canvas-props";
+import { FromLngLat, MapInstance } from "../generic-map";
+interface CanvasPortalProps extends CanvasProps {
+    setOnRender: (callback: () => (mx: Matrix4Tuple) => void) => void;
+    map: MapInstance;
+    fromLngLat: FromLngLat;
+}
+export declare const CanvasPortal: import("react").NamedExoticComponent<CanvasPortalProps>;
+export {};

package/dist/maplibre/types/core/canvas-overlay/init-canvas-fc.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Matrix4Tuple } from "three";
+import { CanvasProps } from "../../api/canvas-props";
+import { FromLngLat, MapInstance } from "../generic-map";
+interface InitCanvasFCProps extends CanvasProps {
+    map: MapInstance;
+    setOnRender: (callback: () => (mx: Matrix4Tuple) => void) => void;
+    frameloop?: 'always' | 'demand';
+    fromLngLat: FromLngLat;
+}
+export declare const InitCanvasFC: import("react").NamedExoticComponent<InitCanvasFCProps>;
+export {};

package/dist/maplibre/types/core/canvas-overlay/init-r3m.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FromLngLat, MapInstance } from "../generic-map";
+import { Coords } from "../../api/coords";
+interface InitR3MProps extends Coords {
+    map: MapInstance;
+    fromLngLat: FromLngLat;
+}
+/** Initialises the `R3M` hook */
+export declare const InitR3M: import("react").NamedExoticComponent<InitR3MProps>;
+export {};

package/dist/maplibre/types/core/canvas-overlay/render.d.ts

@@ -0,0 +1 @@
+export type Render = (gl: WebGLRenderingContext, matrix: number[]) => void;

package/dist/maplibre/types/core/canvas-overlay/sync-camera-fc.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Matrix4Tuple } from "three";
+import { Coords } from "../../api/coords";
+interface SyncCameraFCProps extends Coords {
+    setOnRender?: (callback: () => (mx: Matrix4Tuple) => void) => void;
+    /** on `useFrame` it will manually render (used by `<Coordinates>`) */
+    manualRender?: boolean;
+    onReady?: () => void;
+    mapCanvas: HTMLCanvasElement;
+}
+/** React Component (FC) to sync the Three camera with the map provider */
+export declare const SyncCameraFC: import("react").NamedExoticComponent<SyncCameraFCProps>;
+export {};

package/dist/maplibre/types/core/coords-to-matrix.d.ts

@@ -1,8 +1,6 @@
 import { FromLngLat } from "./generic-map";
+import { Coords } from "../api/coords";
 /** calculate Matrix4 from coordinates */
-export declare function coordsToMatrix({ longitude, latitude, altitude, fromLngLat }: {
-    longitude: number;
-    latitude: number;
-    altitude: number;
+export declare function coordsToMatrix({ longitude, latitude, altitude, fromLngLat }: Coords & {
     fromLngLat: FromLngLat;
 }): import("three").Matrix4Tuple;

package/dist/maplibre/types/core/events.d.ts

@@ -0,0 +1,4 @@
+import { Canvas } from "@react-three/fiber";
+type Events = Parameters<typeof Canvas>[0]['events'];
+export declare const events: Events;
+export {};

package/dist/maplibre/types/core/generic-map.d.ts

@@ -31,6 +31,8 @@ export interface MercatorCoordinate {
 /** Generic interface of Mapbox/Maplibre `Map` */
 export interface MapInstance {
     getCanvas(): HTMLCanvasElement;
+    /** MapLibre only */
+    getPixelRatio?: () => number;
     triggerRepaint(): void;
     on<T extends keyof MapEventType>(type: T, listener: (ev: MapEventType[T] & Object) => void): this;
     off<T extends keyof MapEventType>(type: T, listener: (ev: MapEventType[T] & Object) => void): this;

package/dist/maplibre/types/core/use-coords-to-matrix.d.ts

@@ -0,0 +1,5 @@
+import { coordsToMatrix } from "./coords-to-matrix";
+type Props = Parameters<typeof coordsToMatrix>[0];
+/** calculate matrix from coordinates */
+export declare function useCoordsToMatrix({ latitude, longitude, altitude, fromLngLat }: Props): import("three").Matrix4Tuple;
+export {};

package/dist/maplibre/types/core/use-coords.d.ts

@@ -1,5 +1,7 @@
-import { coordsToMatrix } from "./coords-to-matrix";
-type Props = Parameters<typeof coordsToMatrix>[0];
-/** calculate matrix from coordinates */
-export declare function useCoords({ latitude, longitude, altitude, fromLngLat }: Props): import("three").Matrix4Tuple;
-export {};
+import { RootState } from "@react-three/fiber";
+import { UseBoundStore } from 'zustand';
+import { Coords } from "../api/coords";
+export declare function useCoords(): Coords;
+export declare function useSetCoords({ longitude, latitude, altitude }: Coords): void;
+export declare function useSetRootCoords(store: UseBoundStore<RootState>, { longitude, latitude, altitude }: Coords): void;
+export declare function setCoords(store: UseBoundStore<RootState>, coords: Coords): void;

package/dist/maplibre/types/core/use-r3m.d.ts

@@ -0,0 +1,22 @@
+import { RootState } from "@react-three/fiber";
+import { Matrix4Tuple } from "three";
+import { UseBoundStore } from 'zustand';
+import { FromLngLat, MapInstance } from "./generic-map";
+export interface R3M<T extends MapInstance = MapInstance> {
+    /** Map provider */
+    map: T;
+    /** view projection matrix coming from the map provider */
+    viewProjMx: Matrix4Tuple;
+    fromLngLat: FromLngLat;
+}
+export declare function useR3M<T extends MapInstance>(): R3M<T>;
+/** init `useR3M` hook */
+export declare function useInitR3M<T extends MapInstance>(props: {
+    map: T;
+    fromLngLat: FromLngLat;
+}): void;
+export declare function initR3M<T extends MapInstance>({ store, ...props }: {
+    map: T;
+    fromLngLat: FromLngLat;
+    store: UseBoundStore<RootState>;
+}): R3M<T>;

package/dist/maplibre/types/{maplibre → mapbox}/canvas.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { CanvasProps } from "../api/canvas-props";
-/** react`-three-fiber` canvas inside `MapLibre` */
+/** react`-three-fiber` canvas inside `Mapbox` */
 export declare const Canvas: import("react").NamedExoticComponent<CanvasProps>;

package/dist/maplibre/types/maplibre.index.d.ts

@@ -1,5 +1,4 @@
 import type { Map } from 'maplibre-gl';
-export * from './api/canvas-props';
-export * from './api/coordinates';
-export * from './maplibre/canvas';
-export declare const useMap: () => Map | undefined;
+export * from './api';
+export * from './mapbox/canvas';
+export declare const useMap: () => Map;

package/dist/types/api/canvas-props.d.ts

@@ -1,10 +1,10 @@
 import { RenderProps } from "@react-three/fiber";
 import { PropsWithChildren } from "react";
-export interface CanvasProps extends Omit<RenderProps<HTMLCanvasElement>, 'frameloop'>, PropsWithChildren {
+import { Coords } from "./coords";
+export interface CanvasProps extends Coords, Omit<RenderProps<HTMLCanvasElement>, 'frameloop'>, PropsWithChildren {
     id?: string;
     beforeId?: string;
-    longitude: number;
-    latitude: number;
-    altitude?: number;
     frameloop?: 'always' | 'demand';
+    /** render on a separated `<canvas>` that sits on top of the map provider */
+    overlay?: boolean;
 }

package/dist/types/api/coords-to-vector-3.d.ts

@@ -0,0 +1,4 @@
+import { Vector3Tuple } from "three";
+import { Coords } from "./coords";
+/** converts geo coordinates `point` to a `Vector3Tuple` (represented in meters) using `origin` as the origin. */
+export declare function coordsToVector3(point: Coords, origin: Coords): Vector3Tuple;

package/dist/types/api/coords.d.ts

@@ -0,0 +1,5 @@
+export interface Coords {
+    longitude: number;
+    latitude: number;
+    altitude?: number;
+}

package/dist/types/api/index.d.ts

@@ -0,0 +1,5 @@
+export * from './canvas-props';
+export * from './coordinates';
+export * from './near-coordinates';
+export * from './coords';
+export * from './coords-to-vector-3';

package/dist/types/api/near-coordinates.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { CoordinatesProps } from "./coordinates";
+export declare const NearCoordinates: import("react").NamedExoticComponent<CoordinatesProps>;

package/dist/types/api/use-map.d.ts

@@ -1,2 +1,2 @@
 import { MapInstance } from "../core/generic-map";
-export declare const useMap: <T extends MapInstance = MapInstance>() => T | undefined;
+export declare const useMap: <T extends MapInstance = MapInstance>() => T;

package/dist/types/core/canvas-in-layer/use-canvas-in-layer.d.ts

@@ -0,0 +1,11 @@
+import { CanvasProps } from "../../api/canvas-props";
+import { FromLngLat, MapInstance } from "../generic-map";
+/** get all the properties that you need to render as a map `<Layer>` */
+export declare function useCanvasInLayer(props: CanvasProps, fromLngLat: FromLngLat, map: MapInstance): {
+    readonly id: string | undefined;
+    readonly beforeId: string | undefined;
+    readonly onRemove: () => void;
+    readonly render: (_gl: WebGL2RenderingContext, projViewMx: number[]) => void;
+    readonly type: "custom";
+    readonly renderingMode: "3d";
+};

package/dist/types/core/canvas-in-layer/use-render.d.ts

@@ -0,0 +1,12 @@
+import { RootState } from "@react-three/fiber";
+import { Matrix4Tuple } from "three";
+import { UseBoundStore } from "zustand";
+import { MapInstance } from "../generic-map";
+import { R3M } from "../use-r3m";
+export declare function useRender({ map, origin, useThree, frameloop, r3m, }: {
+    map: MapInstance;
+    origin: Matrix4Tuple;
+    useThree: UseBoundStore<RootState>;
+    frameloop?: 'always' | 'demand';
+    r3m: R3M;
+}): (_gl: WebGL2RenderingContext, projViewMx: number[]) => void;

package/dist/types/core/canvas-in-layer/use-root.d.ts

@@ -0,0 +1,7 @@
+import { CanvasProps } from "../../api/canvas-props";
+import { FromLngLat, MapInstance } from "../generic-map";
+export declare function useRoot(fromLngLat: FromLngLat, map: MapInstance, { frameloop, longitude, latitude, altitude, ...props }: CanvasProps): {
+    onRemove: () => void;
+    useThree: import("zustand").UseBoundStore<import("@react-three/fiber").RootState>;
+    r3m: import("../use-r3m").R3M<MapInstance>;
+};

package/dist/types/core/canvas-overlay/canvas-portal.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { Matrix4Tuple } from "three";
+import { CanvasProps } from "../../api/canvas-props";
+import { FromLngLat, MapInstance } from "../generic-map";
+interface CanvasPortalProps extends CanvasProps {
+    setOnRender: (callback: () => (mx: Matrix4Tuple) => void) => void;
+    map: MapInstance;
+    fromLngLat: FromLngLat;
+}
+export declare const CanvasPortal: import("react").NamedExoticComponent<CanvasPortalProps>;
+export {};

package/dist/types/core/canvas-overlay/init-canvas-fc.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Matrix4Tuple } from "three";
+import { CanvasProps } from "../../api/canvas-props";
+import { FromLngLat, MapInstance } from "../generic-map";
+interface InitCanvasFCProps extends CanvasProps {
+    map: MapInstance;
+    setOnRender: (callback: () => (mx: Matrix4Tuple) => void) => void;
+    frameloop?: 'always' | 'demand';
+    fromLngLat: FromLngLat;
+}
+export declare const InitCanvasFC: import("react").NamedExoticComponent<InitCanvasFCProps>;
+export {};

package/dist/types/core/canvas-overlay/init-r3m.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { FromLngLat, MapInstance } from "../generic-map";
+import { Coords } from "../../api/coords";
+interface InitR3MProps extends Coords {
+    map: MapInstance;
+    fromLngLat: FromLngLat;
+}
+/** Initialises the `R3M` hook */
+export declare const InitR3M: import("react").NamedExoticComponent<InitR3MProps>;
+export {};

package/dist/types/core/canvas-overlay/render.d.ts

@@ -0,0 +1 @@
+export type Render = (gl: WebGLRenderingContext, matrix: number[]) => void;

package/dist/types/core/canvas-overlay/sync-camera-fc.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Matrix4Tuple } from "three";
+import { Coords } from "../../api/coords";
+interface SyncCameraFCProps extends Coords {
+    setOnRender?: (callback: () => (mx: Matrix4Tuple) => void) => void;
+    /** on `useFrame` it will manually render (used by `<Coordinates>`) */
+    manualRender?: boolean;
+    onReady?: () => void;
+    mapCanvas: HTMLCanvasElement;
+}
+/** React Component (FC) to sync the Three camera with the map provider */
+export declare const SyncCameraFC: import("react").NamedExoticComponent<SyncCameraFCProps>;
+export {};

package/dist/types/core/coords-to-matrix.d.ts

@@ -1,8 +1,6 @@
 import { FromLngLat } from "./generic-map";
+import { Coords } from "../api/coords";
 /** calculate Matrix4 from coordinates */
-export declare function coordsToMatrix({ longitude, latitude, altitude, fromLngLat }: {
-    longitude: number;
-    latitude: number;
-    altitude: number;
+export declare function coordsToMatrix({ longitude, latitude, altitude, fromLngLat }: Coords & {
     fromLngLat: FromLngLat;
 }): import("three").Matrix4Tuple;

package/dist/types/core/events.d.ts

@@ -0,0 +1,4 @@
+import { Canvas } from "@react-three/fiber";
+type Events = Parameters<typeof Canvas>[0]['events'];
+export declare const events: Events;
+export {};

package/dist/types/core/generic-map.d.ts

@@ -31,6 +31,8 @@ export interface MercatorCoordinate {
 /** Generic interface of Mapbox/Maplibre `Map` */
 export interface MapInstance {
     getCanvas(): HTMLCanvasElement;
+    /** MapLibre only */
+    getPixelRatio?: () => number;
     triggerRepaint(): void;
     on<T extends keyof MapEventType>(type: T, listener: (ev: MapEventType[T] & Object) => void): this;
     off<T extends keyof MapEventType>(type: T, listener: (ev: MapEventType[T] & Object) => void): this;

package/dist/types/core/use-coords-to-matrix.d.ts

@@ -0,0 +1,5 @@
+import { coordsToMatrix } from "./coords-to-matrix";
+type Props = Parameters<typeof coordsToMatrix>[0];
+/** calculate matrix from coordinates */
+export declare function useCoordsToMatrix({ latitude, longitude, altitude, fromLngLat }: Props): import("three").Matrix4Tuple;
+export {};

package/dist/types/core/use-coords.d.ts

@@ -1,5 +1,7 @@
-import { coordsToMatrix } from "./coords-to-matrix";
-type Props = Parameters<typeof coordsToMatrix>[0];
-/** calculate matrix from coordinates */
-export declare function useCoords({ latitude, longitude, altitude, fromLngLat }: Props): import("three").Matrix4Tuple;
-export {};
+import { RootState } from "@react-three/fiber";
+import { UseBoundStore } from 'zustand';
+import { Coords } from "../api/coords";
+export declare function useCoords(): Coords;
+export declare function useSetCoords({ longitude, latitude, altitude }: Coords): void;
+export declare function useSetRootCoords(store: UseBoundStore<RootState>, { longitude, latitude, altitude }: Coords): void;
+export declare function setCoords(store: UseBoundStore<RootState>, coords: Coords): void;

package/dist/types/core/use-r3m.d.ts

@@ -0,0 +1,22 @@
+import { RootState } from "@react-three/fiber";
+import { Matrix4Tuple } from "three";
+import { UseBoundStore } from 'zustand';
+import { FromLngLat, MapInstance } from "./generic-map";
+export interface R3M<T extends MapInstance = MapInstance> {
+    /** Map provider */
+    map: T;
+    /** view projection matrix coming from the map provider */
+    viewProjMx: Matrix4Tuple;
+    fromLngLat: FromLngLat;
+}
+export declare function useR3M<T extends MapInstance>(): R3M<T>;
+/** init `useR3M` hook */
+export declare function useInitR3M<T extends MapInstance>(props: {
+    map: T;
+    fromLngLat: FromLngLat;
+}): void;
+export declare function initR3M<T extends MapInstance>({ store, ...props }: {
+    map: T;
+    fromLngLat: FromLngLat;
+    store: UseBoundStore<RootState>;
+}): R3M<T>;

package/dist/types/mapbox.index.d.ts

@@ -1,5 +1,4 @@
 import type { Map } from 'mapbox-gl';
-export * from './api/canvas-props';
-export * from './api/coordinates';
+export * from './api';
 export * from './mapbox/canvas';
-export declare const useMap: () => Map | undefined;
+export declare const useMap: () => Map;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-three-map",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "description": "Use react-three-fiber inside MapLibre and Mapbox",
   "main": "dist/cjs/main.js",
   "module": "dist/es/main.mjs",
@@ -29,18 +29,21 @@
     "build:stories": "yarn ladle build",
     "test": "yarn vitest"
   },
-  "dependencies": {},
+  "dependencies": {
+    "@turf/turf": "^7.0.0-alpha.2"
+  },
   "devDependencies": {
     "@changesets/cli": "^2.26.1",
     "@ladle/react": "^2.13.0",
-    "@react-three/drei": "^9.88.0",
-    "@react-three/fiber": "^8.14.5",
+    "@react-three/drei": "^9.92.3",
+    "@react-three/fiber": "^8.15.12",
+    "@react-three/postprocessing": "^2.15.11",
     "@types/luxon": "^3.3.1",
     "@types/node": "^20.3.1",
     "@types/react": "^18.0.37",
     "@types/react-dom": "^18.0.11",
     "@types/suncalc": "^1.9.0",
-    "@types/three": "^0.154.0",
+    "@types/three": "^0.159.0",
     "@types/tz-lookup": "^6.1.0",
     "@typescript-eslint/eslint-plugin": "^5.59.11",
     "@typescript-eslint/parser": "^5.59.11",
@@ -54,14 +57,14 @@
     "leva": "^0.9.35",
     "luxon": "^3.3.0",
     "mapbox-gl": "^2.15.0",
-    "maplibre-gl": "^3.1.0",
+    "maplibre-gl": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-map-gl": "^7.1.0",
     "suncalc": "^1.9.0",
     "suspend-react": "^0.1.3",
-    "three": "^0.154.0",
-    "three-stdlib": "^2.23.8",
+    "three": "^0.159.0",
+    "three-stdlib": "^2.28.7",
     "typescript": "~5.0.2",
     "tz-lookup": "^6.1.25",
     "vite": "^4.4.4",
@@ -71,7 +74,7 @@
   "peerDependencies": {
     "@react-three/fiber": ">=8.13",
     "mapbox-gl": ">=2.15",
-    "maplibre-gl": ">=3.1",
+    "maplibre-gl": ">=3.2",
     "react": ">=18.0",
     "react-map-gl": ">=7.1",
     "three": ">=0.133"

package/stories/package.json

@@ -7,23 +7,30 @@
   },
   "dependencies": {
     "@ladle/react": "^2.16.0",
-    "@react-three/drei": "^9.78.2",
-    "@react-three/fiber": "^8.13.5",
+    "@react-three/drei": "^9.92.3",
+    "@react-three/fiber": "^8.15.12",
+    "@react-three/postprocessing": "^2.15.11",
+    "@types/luxon": "^3.3.7",
+    "@types/suncalc": "^1.9.2",
+    "@types/tz-lookup": "^6.1.2",
     "leva": "^0.9.35",
+    "luxon": "^3.4.4",
     "mapbox-gl": "^2.15.0",
     "maplibre-gl": "^3.2.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-map-gl": "^7.1.2",
     "react-three-map": "^0.6.1",
-    "three": "^0.154.0",
-    "three-stdlib": "^2.23.13",
+    "suncalc": "^1.9.0",
+    "three": "^0.159.0",
+    "three-stdlib": "^2.28.7",
+    "tz-lookup": "^6.1.25",
     "web-ifc-three": "^0.0.125"
   },
   "devDependencies": {
     "@types/react": "^18.2.15",
     "@types/react-dom": "^18.2.7",
-    "@types/three": "^0.154.0",
+    "@types/three": "^0.159.0",
     "@vitejs/plugin-react": "^4.0.3",
     "typescript": "^5.1.6",
     "vite": "^4.4.4"