react-three-map 0.3.5 → 0.4.1

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

@@ -1,13 +1,11 @@
-import { RenderProps } from "@react-three/fiber";
-import { PropsWithChildren } from "react";
-import { Matrix4Tuple } from "three";
-export interface useCanvasProps extends Omit<RenderProps<HTMLCanvasElement>, 'frameloop'>, PropsWithChildren {
-    frameloop: 'always' | 'demand';
-    m4: Matrix4Tuple;
+import { CanvasProps } from "../api/canvas-props";
+import { FromLngLat } from "./generic-map";
+export interface useCanvasProps extends CanvasProps {
+    fromLngLat: FromLngLat;
 }
-export declare const useCanvas: ({ m4, children, frameloop, ...renderProps }: useCanvasProps) => {
+export declare function useCanvas({ longitude, latitude, altitude, frameloop, fromLngLat, ...renderProps }: useCanvasProps): {
     id: string;
     onAdd: (map: import("./generic-map").MapInstance, gl: WebGLRenderingContext) => void;
-    onRemove: (map: import("./generic-map").MapInstance) => void;
-    render: (_gl: WebGL2RenderingContext, matrix: number[]) => void;
+    onRemove: () => void;
+    render: (_gl: WebGL2RenderingContext, mapCamMx: number[]) => void;
 };

package/dist/types/core/use-coords.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 useCoords({ latitude, longitude, altitude, fromLngLat }: Props): import("three").Matrix4Tuple;
+export {};

package/dist/types/core/use-create-root.d.ts

@@ -0,0 +1,13 @@
+import { RenderProps } from "@react-three/fiber";
+import { PropsWithChildren } from "react";
+import { FromLngLat } from "./generic-map";
+export interface useCanvasProps extends Omit<RenderProps<HTMLCanvasElement>, 'frameloop'>, PropsWithChildren {
+    frameloop: 'always' | 'demand';
+    fromLngLat: FromLngLat;
+}
+export declare const useCreateRoot: ({ children, frameloop, fromLngLat, ...renderProps }: useCanvasProps) => {
+    id: string;
+    onAdd: (map: import("./generic-map").MapInstance, gl: WebGLRenderingContext) => void;
+    onRemove: () => void;
+    r3mRef: import("react").MutableRefObject<import("./store").R3mStore>;
+};

package/dist/types/core/use-on-add.d.ts

@@ -1,8 +1,10 @@
+/// <reference types="react" />
 import { RenderProps } from "@react-three/fiber";
-import { MapInstance } from "./generic-map";
-import { StateRef } from "./state-ref";
-export declare function useOnAdd(ref: StateRef, { frameloop, ...renderProps }: RenderProps<HTMLCanvasElement>): {
+import { FromLngLat, MapInstance } from "./generic-map";
+import { R3mStore } from "./store";
+export declare function useOnAdd(fromLngLat: FromLngLat, { frameloop, ...renderProps }: RenderProps<HTMLCanvasElement>): {
     onAdd: (map: MapInstance, gl: WebGLRenderingContext) => void;
-    onRemove: (map: MapInstance) => void;
+    onRemove: () => void;
     mounted: boolean;
+    r3mRef: import("react").MutableRefObject<R3mStore>;
 };

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

@@ -1,3 +1,4 @@
+import { MutableRefObject } from "react";
 import { Matrix4Tuple } from "three";
-import { StateRef } from "./state-ref";
-export declare function useRender(m4: Matrix4Tuple, stateRef: StateRef, frameloop: 'always' | 'demand'): (_gl: WebGL2RenderingContext, matrix: number[]) => void;
+import { R3mStore } from "./store";
+export declare function useRender(origin: Matrix4Tuple, r3mRef: MutableRefObject<R3mStore>, frameloop: 'always' | 'demand'): (_gl: WebGL2RenderingContext, mapCamMx: number[]) => void;

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

@@ -1,10 +1,4 @@
-import { RenderProps } from "@react-three/fiber";
-import { PropsWithChildren } from "react";
-export interface CanvasProps extends Omit<RenderProps<HTMLCanvasElement>, 'frameloop'>, PropsWithChildren {
-    longitude: number;
-    latitude: number;
-    altitude?: number;
-    frameloop?: 'always' | 'demand';
-}
-/** react`-three-fiber` canvas inside `MapLibre` */
+/// <reference types="react" />
+import { CanvasProps } from "../api/canvas-props";
+/** react`-three-fiber` canvas inside `Mapbox` */
 export declare const Canvas: import("react").NamedExoticComponent<CanvasProps>;

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

@@ -1 +1,3 @@
 export * from './mapbox/canvas';
+export * from './api/canvas-props';
+export * from './api/coordinates';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-three-map",
-  "version": "0.3.5",
+  "version": "0.4.1",
   "description": "Use react-three-fiber inside MapLibre and Mapbox",
   "main": "dist/cjs/main.js",
   "module": "dist/es/main.mjs",
@@ -21,11 +21,11 @@
     "build:mapbox": "cross-env LIB_MODE=1 MAP_MODE=1 vite build",
     "postbuild:mapbox": "cross-env LIB_MODE=2 MAP_MODE=1 vite build",
     "release": "yarn build && yarn changeset publish",
-    "lint": "eslint src example-maplibre/src example-mapbox/src --ext ts,tsx --fix",
+    "lint": "eslint src example-maplibre/src example-mapbox/src stories --ext ts,tsx --fix",
     "preview": "vite preview",
     "ts": "tsc -w",
     "ts:check": "tsc",
-    "stories": "yarn ladle serve",
+    "dev": "yarn ladle serve",
     "build:stories": "yarn ladle build"
   },
   "dependencies": {},
@@ -37,7 +37,7 @@
     "@types/node": "^20.3.1",
     "@types/react": "^18.0.37",
     "@types/react-dom": "^18.0.11",
-    "@types/three": "^0.152.1",
+    "@types/three": "^0.154.0",
     "@typescript-eslint/eslint-plugin": "^5.59.11",
     "@typescript-eslint/parser": "^5.59.11",
     "@vitejs/plugin-react": "^4.0.0",
@@ -55,7 +55,7 @@
     "three": "^0.153.0",
     "three-stdlib": "^2.23.8",
     "typescript": "~5.0.2",
-    "vite": "^4.3.9",
+    "vite": "^4.4.4",
     "web-ifc-three": "^0.0.125"
   },
   "peerDependencies": {

package/stories/README.md

@@ -0,0 +1 @@
+This folder is being used as both a CodeSandbox CI and also as the main main stories from the root folder.

package/stories/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "stories",
+  "version": "0.0.0",
+  "license": "MIT",
+  "scripts": {
+    "dev": "yarn ladle serve"
+  },
+  "dependencies": {
+    "@ladle/react": "^2.16.0",
+    "@react-three/drei": "^9.78.2",
+    "@react-three/fiber": "^8.13.5",
+    "leva": "^0.9.35",
+    "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.3.5",
+    "three": "^0.154.0",
+    "three-stdlib": "^2.23.13",
+    "web-ifc-three": "^0.0.125"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@types/three": "^0.154.0",
+    "@vitejs/plugin-react": "^4.0.3",
+    "typescript": "^5.1.6",
+    "vite": "^4.4.4"
+  }
+}

package/stories/sandbox.config.json

@@ -0,0 +1,3 @@
+{
+  "port": 61000
+}