react-three-map 0.1.4 → 0.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (69) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/README.md +105 -48
  3. package/dist/cjs/main.js.js +1318 -1
  4. package/dist/es/main.js10.mjs +56 -0
  5. package/dist/es/main.js10.mjs.map +1 -0
  6. package/dist/es/main.js11.mjs +9 -0
  7. package/dist/es/main.js11.mjs.map +1 -0
  8. package/dist/es/main.js2.mjs +23 -28
  9. package/dist/es/main.js2.mjs.map +1 -1
  10. package/dist/es/main.js3.mjs +6 -7
  11. package/dist/es/main.js3.mjs.map +1 -1
  12. package/dist/es/main.js4.mjs +28 -56
  13. package/dist/es/main.js4.mjs.map +1 -1
  14. package/dist/es/main.js5.mjs +23533 -12
  15. package/dist/es/main.js5.mjs.map +1 -1
  16. package/dist/es/main.js6.mjs +2 -53
  17. package/dist/es/main.js6.mjs.map +1 -1
  18. package/dist/es/main.js7.mjs +2 -6
  19. package/dist/es/main.js7.mjs.map +1 -1
  20. package/dist/es/main.js8.mjs +60 -0
  21. package/dist/es/main.js8.mjs.map +1 -0
  22. package/dist/es/main.js9.mjs +16 -0
  23. package/dist/es/main.js9.mjs.map +1 -0
  24. package/dist/maplibre/cjs/main.js.js +1 -0
  25. package/dist/maplibre/es/main.js.mjs +5 -0
  26. package/dist/maplibre/es/main.js.mjs.map +1 -0
  27. package/dist/maplibre/es/main.js2.mjs +34 -0
  28. package/dist/maplibre/es/main.js2.mjs.map +1 -0
  29. package/dist/maplibre/es/main.js3.mjs +10 -0
  30. package/dist/maplibre/es/main.js3.mjs.map +1 -0
  31. package/dist/maplibre/es/main.js4.mjs +31 -0
  32. package/dist/maplibre/es/main.js4.mjs.map +1 -0
  33. package/dist/maplibre/es/main.js5.mjs +60 -0
  34. package/dist/maplibre/es/main.js5.mjs.map +1 -0
  35. package/dist/maplibre/es/main.js6.mjs +16 -0
  36. package/dist/maplibre/es/main.js6.mjs.map +1 -0
  37. package/dist/maplibre/es/main.js7.mjs +56 -0
  38. package/dist/maplibre/es/main.js7.mjs.map +1 -0
  39. package/dist/maplibre/es/main.js8.mjs +9 -0
  40. package/dist/maplibre/es/main.js8.mjs.map +1 -0
  41. package/docs/basic-app.gif +0 -0
  42. package/maplibre/package.json +7 -0
  43. package/package.json +12 -5
  44. package/src/canvas/canvas-mapbox.tsx +32 -0
  45. package/src/canvas/canvas-maplibre.tsx +32 -0
  46. package/src/canvas/core/coords-to-matrix.ts +20 -0
  47. package/src/canvas/{create-events.ts → core/create-events.ts} +2 -2
  48. package/src/canvas/core/generic-map.test.ts +2 -0
  49. package/src/canvas/core/generic-map.ts +44 -0
  50. package/src/canvas/core/internal-canvas.tsx +43 -0
  51. package/src/canvas/{state-ref.ts → core/state-ref.ts} +2 -2
  52. package/src/canvas/{use-on-add.ts → core/use-on-add.ts} +31 -23
  53. package/src/canvas/core/use-render.ts +25 -0
  54. package/src/main-mapbox.ts +1 -0
  55. package/src/main-maplibre.ts +1 -0
  56. package/src/stories/canvas.basic.stories.tsx +63 -0
  57. package/src/stories/{canvas.stories.tsx → comparison.stories.tsx} +6 -4
  58. package/src/stories/html-on-top.stories.tsx +26 -0
  59. package/src/stories/my-scene.tsx +18 -11
  60. package/src/stories/render-on-demand.stories.tsx +9 -7
  61. package/src/stories/story-map.tsx +40 -0
  62. package/dist/cjs/vite.svg +0 -1
  63. package/dist/es/vite.svg +0 -1
  64. package/index.html +0 -13
  65. package/src/canvas/canvas.tsx +0 -49
  66. package/src/canvas/coords-to-matrix.ts +0 -19
  67. package/src/canvas/use-render.ts +0 -29
  68. package/src/main.ts +0 -1
  69. /package/src/canvas/{use-function.ts → core/use-function.ts} +0 -0
package/src/canvas/use-render.ts DELETED
@@ -1,29 +0,0 @@
1
- import { Matrix4 } from "three";
2
- import { StateRef } from "./state-ref";
3
- import { useFunction } from "./use-function";
4
- import { useMap } from "react-map-gl/maplibre";
5
-
6
- export function useRender(
7
- m4: Matrix4, ref: StateRef
8
- ) {
9
-
10
- const map = useMap()
11
-
12
- const render = useFunction((_gl: WebGL2RenderingContext, matrix: number[])=>{
13
- if(!map.current) return;
14
- if(!ref.current?.state) return;
15
- const camera = ref.current.state.camera;
16
- const gl = ref.current.state.gl;
17
- const advance = ref.current.state.advance;
18
- camera.projectionMatrix.fromArray(matrix).multiply(m4);
19
- camera.projectionMatrixInverse.copy(camera.projectionMatrix).invert();
20
- gl.resetState();
21
- advance(Date.now() * 0.001, true);
22
- if(ref.current.state.frameloop === 'always') {
23
- map.current.triggerRepaint();
24
- }
25
- })
26
-
27
- return render;
28
-
29
- }
package/src/main.ts DELETED
@@ -1 +0,0 @@
1
- export * from './canvas/canvas';