@twinmatrix/spatialverse-sdk-web 0.0.2 → 0.0.4
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.
- package/lib/cjs/index.js +9 -9
- package/lib/cjs/index.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/3DMap/CustomThreeJsWrapper/CustomThreeJsWrapper.js +213 -294
- package/lib/cjs/meta-atlas-sdk/3DMap/CustomThreeJsWrapper/CustomThreeJsWrapper.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/3DMap/CustomThreeJsWrapper/utility/utils.js +40 -41
- package/lib/cjs/meta-atlas-sdk/3DMap/CustomThreeJsWrapper/utility/utils.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/3DMap/MainMap.js +170 -196
- package/lib/cjs/meta-atlas-sdk/3DMap/MainMap.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/fetch-published-json.js +167 -215
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/fetch-published-json.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/fetchMapObjectsData.js +28 -30
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/fetchMapObjectsData.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/meta-atlas-sdk-core.js +861 -1170
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/meta-atlas-sdk-core.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/routing-core/index.js +166 -159
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/routing-core/index.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/routing-core/interfaces.js +6 -6
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/routing-core/interfaces.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/routing-core/mapObjectsHelper.js +6 -6
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/routing-core/mapObjectsHelper.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/routing-core/routeLayers.js +3 -3
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/routing-core/routeLayers.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/routing-core/routing-helpers.js +523 -610
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/routing-core/routing-helpers.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/routing-core/utils.js +149 -154
- package/lib/cjs/meta-atlas-sdk/MetaAtlasCore/routing-core/utils.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/customStyles.js +2 -2
- package/lib/cjs/meta-atlas-sdk/customStyles.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/customerLayer.js +15 -29
- package/lib/cjs/meta-atlas-sdk/customerLayer.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/customerLayerVariant.js +5 -5
- package/lib/cjs/meta-atlas-sdk/customerLayerVariant.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/meta-atlas-sdk.js +809 -1033
- package/lib/cjs/meta-atlas-sdk/meta-atlas-sdk.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/utils/helpers.js +32 -49
- package/lib/cjs/meta-atlas-sdk/utils/helpers.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/utils/local-storage.js +21 -34
- package/lib/cjs/meta-atlas-sdk/utils/local-storage.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/utils/mapobjects-store.js +6 -6
- package/lib/cjs/meta-atlas-sdk/utils/mapobjects-store.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/utils/routing-store.js +6 -6
- package/lib/cjs/meta-atlas-sdk/utils/routing-store.js.map +1 -1
- package/lib/cjs/meta-atlas-sdk/utils/routing-visualizer/index.js +363 -491
- package/lib/cjs/meta-atlas-sdk/utils/routing-visualizer/index.js.map +1 -1
- package/lib/cjs/react/MetaAtlasMap.js +127 -0
- package/lib/cjs/react/MetaAtlasMap.js.map +1 -0
- package/lib/cjs/react/hooks/useDrawing/index.js +17 -18
- package/lib/cjs/react/hooks/useDrawing/index.js.map +1 -1
- package/lib/cjs/react/hooks/useFocus/index.js +48 -55
- package/lib/cjs/react/hooks/useFocus/index.js.map +1 -1
- package/lib/cjs/react/hooks/useMapEvents/index.js +40 -47
- package/lib/cjs/react/hooks/useMapEvents/index.js.map +1 -1
- package/lib/cjs/react/hooks/useMapOverlays/index.js +20 -21
- package/lib/cjs/react/hooks/useMapOverlays/index.js.map +1 -1
- package/lib/cjs/react/hooks/useMetaAtlas/index.js +77 -95
- package/lib/cjs/react/hooks/useMetaAtlas/index.js.map +1 -1
- package/lib/cjs/react/hooks/useMetaAtlas.js +78 -96
- package/lib/cjs/react/hooks/useMetaAtlas.js.map +1 -1
- package/lib/cjs/react/hooks/useRouting/index.js +21 -20
- package/lib/cjs/react/hooks/useRouting/index.js.map +1 -1
- package/lib/cjs/react/hooks/useSearch/index.js +35 -34
- package/lib/cjs/react/hooks/useSearch/index.js.map +1 -1
- package/lib/cjs/react/hooks/useStampRally/index.js +26 -23
- package/lib/cjs/react/hooks/useStampRally/index.js.map +1 -1
- package/lib/cjs/react/hooks/useStampRally/utils.js +2 -2
- package/lib/cjs/react/hooks/useStampRally/utils.js.map +1 -1
- package/lib/cjs/react/index.js +31 -31
- package/lib/cjs/react/index.js.map +1 -1
- package/lib/cjs/react/stores/useMapDataStore.js +47 -62
- package/lib/cjs/react/stores/useMapDataStore.js.map +1 -1
- package/lib/cjs/react/stores/useMetaAtlasStore.js +27 -40
- package/lib/cjs/react/stores/useMetaAtlasStore.js.map +1 -1
- package/lib/esm/index.js +3 -7
- package/lib/esm/index.js.map +1 -1
- package/lib/esm/meta-atlas-sdk/3DMap/CustomThreeJsWrapper/CustomThreeJsWrapper.js +4 -3
- package/lib/esm/meta-atlas-sdk/3DMap/CustomThreeJsWrapper/CustomThreeJsWrapper.js.map +1 -1
- package/lib/esm/meta-atlas-sdk/3DMap/CustomThreeJsWrapper/utility/utils.js +14 -12
- package/lib/esm/meta-atlas-sdk/3DMap/CustomThreeJsWrapper/utility/utils.js.map +1 -1
- package/lib/esm/meta-atlas-sdk/3DMap/MainMap.js +204 -200
- package/lib/esm/meta-atlas-sdk/3DMap/MainMap.js.map +1 -1
- package/lib/esm/meta-atlas-sdk/MetaAtlasCore/fetch-published-json.js +6 -6
- package/lib/esm/meta-atlas-sdk/MetaAtlasCore/fetch-published-json.js.map +1 -1
- package/lib/esm/meta-atlas-sdk/MetaAtlasCore/fetchMapObjectsData.js +4 -3
- package/lib/esm/meta-atlas-sdk/MetaAtlasCore/fetchMapObjectsData.js.map +1 -1
- package/lib/esm/meta-atlas-sdk/MetaAtlasCore/meta-atlas-sdk-core.js +53 -42
- package/lib/esm/meta-atlas-sdk/MetaAtlasCore/meta-atlas-sdk-core.js.map +1 -1
- package/lib/esm/meta-atlas-sdk/MetaAtlasCore/routing-core/index.js +18 -16
- package/lib/esm/meta-atlas-sdk/MetaAtlasCore/routing-core/index.js.map +1 -1
- package/lib/esm/meta-atlas-sdk/MetaAtlasCore/routing-core/mapObjectsHelper.js +3 -3
- package/lib/esm/meta-atlas-sdk/MetaAtlasCore/routing-core/mapObjectsHelper.js.map +1 -1
- package/lib/esm/meta-atlas-sdk/MetaAtlasCore/routing-core/routing-helpers.js +73 -79
- package/lib/esm/meta-atlas-sdk/MetaAtlasCore/routing-core/routing-helpers.js.map +1 -1
- package/lib/esm/meta-atlas-sdk/MetaAtlasCore/routing-core/utils.js +16 -15
- package/lib/esm/meta-atlas-sdk/MetaAtlasCore/routing-core/utils.js.map +1 -1
- package/lib/esm/meta-atlas-sdk/customerLayer.js +4 -1
- package/lib/esm/meta-atlas-sdk/customerLayer.js.map +1 -1
- package/lib/esm/meta-atlas-sdk/meta-atlas-sdk.js +148 -124
- package/lib/esm/meta-atlas-sdk/meta-atlas-sdk.js.map +1 -1
- package/lib/esm/meta-atlas-sdk/utils/helpers.js +4 -2
- package/lib/esm/meta-atlas-sdk/utils/helpers.js.map +1 -1
- package/lib/esm/meta-atlas-sdk/utils/local-storage.js +6 -1
- package/lib/esm/meta-atlas-sdk/utils/local-storage.js.map +1 -1
- package/lib/esm/meta-atlas-sdk/utils/routing-visualizer/index.js +115 -109
- package/lib/esm/meta-atlas-sdk/utils/routing-visualizer/index.js.map +1 -1
- package/lib/esm/react/MetaAtlasMap.js +120 -0
- package/lib/esm/react/MetaAtlasMap.js.map +1 -0
- package/lib/esm/react/hooks/useDrawing/index.js +2 -2
- package/lib/esm/react/hooks/useDrawing/index.js.map +1 -1
- package/lib/esm/react/hooks/useFocus/index.js +4 -3
- package/lib/esm/react/hooks/useFocus/index.js.map +1 -1
- package/lib/esm/react/hooks/useMapEvents/index.js +9 -6
- package/lib/esm/react/hooks/useMapEvents/index.js.map +1 -1
- package/lib/esm/react/hooks/useMapOverlays/index.js +2 -2
- package/lib/esm/react/hooks/useMapOverlays/index.js.map +1 -1
- package/lib/esm/react/hooks/useMetaAtlas/index.js +162 -60
- package/lib/esm/react/hooks/useMetaAtlas/index.js.map +1 -1
- package/lib/esm/react/hooks/useMetaAtlas.js +162 -60
- package/lib/esm/react/hooks/useMetaAtlas.js.map +1 -1
- package/lib/esm/react/hooks/useRouting/index.js +2 -2
- package/lib/esm/react/hooks/useRouting/index.js.map +1 -1
- package/lib/esm/react/hooks/useSearch/index.js +2 -2
- package/lib/esm/react/hooks/useSearch/index.js.map +1 -1
- package/lib/esm/react/hooks/useStampRally/index.js +15 -12
- package/lib/esm/react/hooks/useStampRally/index.js.map +1 -1
- package/lib/esm/react/hooks/useStampRally/utils.js +1 -1
- package/lib/esm/react/hooks/useStampRally/utils.js.map +1 -1
- package/lib/esm/react/index.js +11 -15
- package/lib/esm/react/index.js.map +1 -1
- package/lib/esm/react/stores/useMapDataStore.js +17 -21
- package/lib/esm/react/stores/useMapDataStore.js.map +1 -1
- package/lib/types/meta-atlas-sdk/3DMap/CustomThreeJsWrapper/utility/CameraSync.d.ts +30 -0
- package/lib/types/meta-atlas-sdk/3DMap/CustomThreeJsWrapper/utility/CameraSync.d.ts.map +1 -0
- package/lib/types/meta-atlas-sdk/3DMap/CustomThreeJsWrapper/utility/CameraUtils.d.ts +5 -0
- package/lib/types/meta-atlas-sdk/3DMap/CustomThreeJsWrapper/utility/CameraUtils.d.ts.map +1 -0
- package/lib/types/meta-atlas-sdk/3DMap/CustomThreeJsWrapper/utility/constants.d.ts +21 -0
- package/lib/types/meta-atlas-sdk/3DMap/CustomThreeJsWrapper/utility/constants.d.ts.map +1 -0
- package/lib/types/meta-atlas-sdk/3DMap/CustomThreeJsWrapper/utility/suncalc.d.ts +27 -0
- package/lib/types/meta-atlas-sdk/3DMap/CustomThreeJsWrapper/utility/suncalc.d.ts.map +1 -0
- package/lib/types/meta-atlas-sdk/mapbox_draw_custom_modes/draw_marker.d.ts +18 -0
- package/lib/types/meta-atlas-sdk/mapbox_draw_custom_modes/draw_marker.d.ts.map +1 -0
- package/lib/types/meta-atlas-sdk/mapbox_draw_custom_modes/marker_select.d.ts +37 -0
- package/lib/types/meta-atlas-sdk/mapbox_draw_custom_modes/marker_select.d.ts.map +1 -0
- package/package.json +10 -7
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["
|
|
1
|
+
{"version":3,"file":"index.js","names":["useFocus","focusTo","getCurrentFocus","getCurrentFocusBuilding","getCurrentFocusFloor","getFocusTree","useMetaAtlas","mapCoreReady","useMetaAtlasStore","state","getBuildingList","focusTree","site","buildings","buildingsObj","Array","isArray","map","building","name","whereTaxonomy","taxonomyPath","key","push","getLevelList","buildingTaxonomy","levels","targetBuilding","find","floors","floorsObj","floor","getRootSiteCameraProps","platform","arguments","length","undefined","cameraConfigs","config","web","mobile","center","longitude","latitude","zoom","bearing","pitch","isReady"],"sources":["../../../../../src/react/hooks/useFocus/index.ts"],"sourcesContent":["import { useMetaAtlas } from '../useMetaAtlas';\nimport { useMetaAtlasStore } from '../../stores/useMetaAtlasStore';\nimport { UseFocusReturn, BuildingInfo, LevelInfo, CameraProps } from './types';\n\nexport function useFocus(): UseFocusReturn {\n const { focusTo, getCurrentFocus, getCurrentFocusBuilding, getCurrentFocusFloor, getFocusTree } = useMetaAtlas();\n const mapCoreReady = useMetaAtlasStore((state) => state.mapCoreReady);\n\n const getBuildingList = (): BuildingInfo[] => {\n if (!mapCoreReady) {\n return [];\n }\n const focusTree = getFocusTree();\n if (!focusTree || !focusTree.site || !focusTree.site.buildings) {\n return [];\n }\n\n const buildings: BuildingInfo[] = [];\n const buildingsObj: any = focusTree.site.buildings;\n \n // Handle both array and object formats\n if (Array.isArray(buildingsObj)) {\n return buildingsObj.map((building: any) => ({\n name: building.name || '',\n whereTaxonomy: building.taxonomyPath || '',\n }));\n } else {\n // Object format (key-value pairs)\n for (const key in buildingsObj) {\n const building: any = buildingsObj[key];\n if (building && building.taxonomyPath) {\n buildings.push({\n name: building.name || '',\n whereTaxonomy: building.taxonomyPath || '',\n });\n }\n }\n }\n\n return buildings;\n };\n\n const getLevelList = (buildingTaxonomy: string): LevelInfo[] => {\n if (!mapCoreReady) {\n return [];\n }\n const focusTree = getFocusTree();\n if (!focusTree || !focusTree.site || !focusTree.site.buildings) {\n return [];\n }\n\n const levels: LevelInfo[] = [];\n const buildingsObj: any = focusTree.site.buildings;\n \n // Find the building by taxonomy path\n let targetBuilding: any = null;\n \n if (Array.isArray(buildingsObj)) {\n targetBuilding = buildingsObj.find((building: any) => \n building.taxonomyPath === buildingTaxonomy\n );\n } else {\n // Object format (key-value pairs)\n for (const key in buildingsObj) {\n const building: any = buildingsObj[key];\n if (building && building.taxonomyPath === buildingTaxonomy) {\n targetBuilding = building;\n break;\n }\n }\n }\n\n if (!targetBuilding || !targetBuilding.floors) {\n return [];\n }\n\n const floorsObj: any = targetBuilding.floors;\n \n // Handle both array and object formats for floors\n if (Array.isArray(floorsObj)) {\n return floorsObj.map((floor: any) => ({\n name: floor.name || '',\n whereTaxonomy: floor.taxonomyPath || '',\n }));\n } else {\n // Object format (key-value pairs)\n for (const key in floorsObj) {\n const floor: any = floorsObj[key];\n if (floor && floor.taxonomyPath) {\n levels.push({\n name: floor.name || '',\n whereTaxonomy: floor.taxonomyPath || '',\n });\n }\n }\n }\n\n return levels;\n };\n\n const getRootSiteCameraProps = (platform: 'web' | 'mobile' = 'web'): CameraProps | null => {\n const focusTree = getFocusTree();\n if (!focusTree || !focusTree.site || !focusTree.site.cameraConfigs) {\n return null;\n }\n\n const cameraConfigs: any = focusTree.site.cameraConfigs;\n const config = cameraConfigs[platform] || cameraConfigs.web || cameraConfigs.mobile;\n \n if (!config || !config.center || !Array.isArray(config.center) || config.center.length < 2) {\n return null;\n }\n\n return {\n longitude: config.center[0],\n latitude: config.center[1],\n zoom: config.zoom || 0,\n bearing: config.bearing,\n pitch: config.pitch,\n };\n };\n\n return {\n focusTo,\n getCurrentFocus,\n getCurrentFocusBuilding,\n getCurrentFocusFloor,\n getFocusTree,\n getBuildingList,\n getLevelList,\n getRootSiteCameraProps,\n isReady: mapCoreReady, // Use mapCoreReady flag\n };\n}\n\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -5,107 +5,100 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.useMapEvents = useMapEvents;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
var
|
|
9
|
-
var _useMetaAtlasStore = require("../../stores/useMetaAtlasStore");
|
|
10
|
-
var _useMapDataStore = require("../../stores/useMapDataStore");
|
|
11
|
-
|
|
8
|
+
var _index = require("../useMetaAtlas/index.js");
|
|
9
|
+
var _useMetaAtlasStore = require("../../stores/useMetaAtlasStore.js");
|
|
10
|
+
var _useMapDataStore = require("../../stores/useMapDataStore.js");
|
|
11
|
+
const _excluded = ["clickEvent"];
|
|
12
12
|
function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
|
|
13
13
|
function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
|
|
14
14
|
function useMapEvents() {
|
|
15
|
-
|
|
16
|
-
map
|
|
17
|
-
getLastClickedFeature
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var moveEndHandlersRef = (0, _react.useRef)(new Set());
|
|
15
|
+
const {
|
|
16
|
+
map,
|
|
17
|
+
getLastClickedFeature
|
|
18
|
+
} = (0, _index.useMetaAtlas)();
|
|
19
|
+
const mapCoreReady = (0, _useMetaAtlasStore.useMetaAtlasStore)(state => state.mapCoreReady);
|
|
20
|
+
const clickHandlersRef = (0, _react.useRef)(new Set());
|
|
21
|
+
const loadHandlersRef = (0, _react.useRef)(new Set());
|
|
22
|
+
const moveEndHandlersRef = (0, _react.useRef)(new Set());
|
|
24
23
|
|
|
25
24
|
// ONCE handlers
|
|
26
|
-
|
|
25
|
+
const clickOnceHandlersRef = (0, _react.useRef)(new Set());
|
|
27
26
|
|
|
28
27
|
// Attach event listeners when map is ready
|
|
29
|
-
(0, _react.useEffect)(
|
|
28
|
+
(0, _react.useEffect)(() => {
|
|
30
29
|
if (!map || !mapCoreReady) return;
|
|
31
30
|
|
|
32
31
|
// Click event - get clickedMetaFeature from SDK (includes metaFeature + raw click event)
|
|
33
|
-
|
|
32
|
+
const clickHandler = e => {
|
|
34
33
|
// Get the clickedMetaFeature from SDK's getLastClickedFeature
|
|
35
34
|
// This includes both the metaFeature data and the raw click event
|
|
36
|
-
|
|
35
|
+
const clickedFeature = getLastClickedFeature();
|
|
37
36
|
if (!clickedFeature.clickEvent) clickedFeature.clickEvent = e;
|
|
38
37
|
|
|
39
38
|
// Extract metaFeature part (without clickEvent) and update store
|
|
40
|
-
|
|
39
|
+
const {
|
|
40
|
+
clickEvent
|
|
41
|
+
} = clickedFeature,
|
|
41
42
|
metaFeaturePart = _objectWithoutProperties(clickedFeature, _excluded);
|
|
42
43
|
_useMapDataStore.useMapDataStore.getState().setActiveObject(metaFeaturePart);
|
|
43
44
|
console.log('clickHandler clickedMetaFeature: ', clickedFeature);
|
|
44
45
|
|
|
45
46
|
// normal handlers
|
|
46
|
-
clickHandlersRef.current.forEach(
|
|
47
|
-
return handler(clickedFeature);
|
|
48
|
-
});
|
|
47
|
+
clickHandlersRef.current.forEach(handler => handler(clickedFeature));
|
|
49
48
|
|
|
50
49
|
// --- ONCE handlers ---
|
|
51
50
|
if (clickOnceHandlersRef.current.size > 0) {
|
|
52
|
-
clickOnceHandlersRef.current.forEach(
|
|
53
|
-
return handler(clickedFeature);
|
|
54
|
-
});
|
|
51
|
+
clickOnceHandlersRef.current.forEach(handler => handler(clickedFeature));
|
|
55
52
|
clickOnceHandlersRef.current.clear();
|
|
56
53
|
}
|
|
57
54
|
};
|
|
58
55
|
map.on('click', clickHandler);
|
|
59
56
|
|
|
60
57
|
// Load event
|
|
61
|
-
|
|
62
|
-
loadHandlersRef.current.forEach(
|
|
63
|
-
return handler();
|
|
64
|
-
});
|
|
58
|
+
const loadHandler = () => {
|
|
59
|
+
loadHandlersRef.current.forEach(handler => handler());
|
|
65
60
|
};
|
|
66
61
|
map.on('load', loadHandler);
|
|
67
62
|
|
|
68
63
|
// MoveEnd event
|
|
69
|
-
|
|
70
|
-
moveEndHandlersRef.current.forEach(
|
|
71
|
-
return handler();
|
|
72
|
-
});
|
|
64
|
+
const moveEndHandler = () => {
|
|
65
|
+
moveEndHandlersRef.current.forEach(handler => handler());
|
|
73
66
|
};
|
|
74
67
|
map.on('moveend', moveEndHandler);
|
|
75
|
-
return
|
|
68
|
+
return () => {
|
|
76
69
|
map.off('click', clickHandler);
|
|
77
70
|
map.off('load', loadHandler);
|
|
78
71
|
map.off('moveend', moveEndHandler);
|
|
79
72
|
};
|
|
80
73
|
}, [map, mapCoreReady]);
|
|
81
|
-
|
|
74
|
+
const onMapClick = handler => {
|
|
82
75
|
clickHandlersRef.current.add(handler);
|
|
83
|
-
return
|
|
84
|
-
clickHandlersRef.current
|
|
76
|
+
return () => {
|
|
77
|
+
clickHandlersRef.current.delete(handler);
|
|
85
78
|
};
|
|
86
79
|
};
|
|
87
|
-
|
|
80
|
+
const onMapLoad = handler => {
|
|
88
81
|
loadHandlersRef.current.add(handler);
|
|
89
|
-
return
|
|
90
|
-
loadHandlersRef.current
|
|
82
|
+
return () => {
|
|
83
|
+
loadHandlersRef.current.delete(handler);
|
|
91
84
|
};
|
|
92
85
|
};
|
|
93
|
-
|
|
86
|
+
const onMapMoveEnd = handler => {
|
|
94
87
|
moveEndHandlersRef.current.add(handler);
|
|
95
|
-
return
|
|
96
|
-
moveEndHandlersRef.current
|
|
88
|
+
return () => {
|
|
89
|
+
moveEndHandlersRef.current.delete(handler);
|
|
97
90
|
};
|
|
98
91
|
};
|
|
99
92
|
|
|
100
93
|
// ONCE registration methods
|
|
101
|
-
|
|
94
|
+
const onceMapClick = handler => {
|
|
102
95
|
clickOnceHandlersRef.current.add(handler);
|
|
103
96
|
};
|
|
104
97
|
return {
|
|
105
|
-
onMapClick
|
|
106
|
-
onMapLoad
|
|
107
|
-
onMapMoveEnd
|
|
108
|
-
onceMapClick
|
|
98
|
+
onMapClick,
|
|
99
|
+
onMapLoad,
|
|
100
|
+
onMapMoveEnd,
|
|
101
|
+
onceMapClick,
|
|
109
102
|
isReady: mapCoreReady
|
|
110
103
|
};
|
|
111
104
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","require","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","require","_index","_useMetaAtlasStore","_useMapDataStore","_excluded","_objectWithoutProperties","e","t","o","r","i","_objectWithoutPropertiesLoose","Object","getOwnPropertySymbols","n","length","indexOf","propertyIsEnumerable","call","hasOwnProperty","useMapEvents","map","getLastClickedFeature","useMetaAtlas","mapCoreReady","useMetaAtlasStore","state","clickHandlersRef","useRef","Set","loadHandlersRef","moveEndHandlersRef","clickOnceHandlersRef","useEffect","clickHandler","clickedFeature","clickEvent","metaFeaturePart","useMapDataStore","getState","setActiveObject","console","log","current","forEach","handler","size","clear","on","loadHandler","moveEndHandler","off","onMapClick","add","delete","onMapLoad","onMapMoveEnd","onceMapClick","isReady"],"sources":["../../../../../src/react/hooks/useMapEvents/index.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useMetaAtlas } from '../useMetaAtlas';\nimport { UseMapEventsReturn } from './types';\nimport * as maplibregl from 'maplibre-gl';\nimport { useMetaAtlasStore } from '../../stores/useMetaAtlasStore';\nimport { clickedMetaFeature } from '../../../meta-atlas-sdk/MetaAtlasCore/meta-atlas-sdk-core';\nimport { useMapDataStore } from '../../stores/useMapDataStore';\n\nexport function useMapEvents(): UseMapEventsReturn {\n const { map, getLastClickedFeature } = useMetaAtlas();\n const mapCoreReady = useMetaAtlasStore((state) => state.mapCoreReady);\n const clickHandlersRef = useRef<Set<(feature: clickedMetaFeature) => void>>(new Set());\n const loadHandlersRef = useRef<Set<() => void>>(new Set());\n const moveEndHandlersRef = useRef<Set<() => void>>(new Set());\n\n // ONCE handlers\n const clickOnceHandlersRef = useRef<Set<(feature: clickedMetaFeature) => void>>(new Set());\n\n // Attach event listeners when map is ready\n useEffect(() => {\n if (!map || !mapCoreReady) return;\n\n // Click event - get clickedMetaFeature from SDK (includes metaFeature + raw click event)\n const clickHandler = (e: maplibregl.MapMouseEvent) => {\n // Get the clickedMetaFeature from SDK's getLastClickedFeature\n // This includes both the metaFeature data and the raw click event\n const clickedFeature = getLastClickedFeature();\n if (!clickedFeature.clickEvent) clickedFeature.clickEvent = e;\n \n // Extract metaFeature part (without clickEvent) and update store\n const { clickEvent, ...metaFeaturePart } = clickedFeature;\n useMapDataStore.getState().setActiveObject(metaFeaturePart);\n \n console.log('clickHandler clickedMetaFeature: ', clickedFeature);\n\n // normal handlers\n clickHandlersRef.current.forEach(handler => handler(clickedFeature));\n\n // --- ONCE handlers ---\n if (clickOnceHandlersRef.current.size > 0) {\n clickOnceHandlersRef.current.forEach(handler => handler(clickedFeature));\n clickOnceHandlersRef.current.clear();\n }\n };\n map.on('click', clickHandler);\n\n // Load event\n const loadHandler = () => {\n loadHandlersRef.current.forEach(handler => handler());\n };\n map.on('load', loadHandler);\n\n // MoveEnd event\n const moveEndHandler = () => {\n moveEndHandlersRef.current.forEach(handler => handler());\n };\n map.on('moveend', moveEndHandler);\n\n return () => {\n map.off('click', clickHandler);\n map.off('load', loadHandler);\n map.off('moveend', moveEndHandler);\n };\n }, [map, mapCoreReady]);\n\n const onMapClick = (handler: (feature: clickedMetaFeature) => void) => {\n clickHandlersRef.current.add(handler);\n return () => {\n clickHandlersRef.current.delete(handler);\n };\n };\n\n const onMapLoad = (handler: () => void) => {\n loadHandlersRef.current.add(handler);\n return () => {\n loadHandlersRef.current.delete(handler);\n };\n };\n\n const onMapMoveEnd = (handler: () => void) => {\n moveEndHandlersRef.current.add(handler);\n return () => {\n moveEndHandlersRef.current.delete(handler);\n };\n };\n\n // ONCE registration methods\n const onceMapClick = (handler: (feature: clickedMetaFeature) => void) => {\n clickOnceHandlersRef.current.add(handler);\n };\n\n\n return {\n onMapClick,\n onMapLoad,\n onMapMoveEnd,\n onceMapClick,\n isReady: mapCoreReady,\n };\n}\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -6,51 +6,50 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.useMapOverlays = useMapOverlays;
|
|
7
7
|
var _client = require("react-dom/client");
|
|
8
8
|
var _maplibreGl = require("maplibre-gl");
|
|
9
|
-
var
|
|
10
|
-
var _useMetaAtlasStore = require("../../stores/useMetaAtlasStore");
|
|
9
|
+
var _index = require("../useMetaAtlas/index.js");
|
|
10
|
+
var _useMetaAtlasStore = require("../../stores/useMetaAtlasStore.js");
|
|
11
11
|
/**
|
|
12
12
|
* Hook for managing React-based map overlays (popups) on the MapLibre map.
|
|
13
13
|
* Provides a function to create popups with React components that automatically
|
|
14
14
|
* handle lifecycle and cleanup.
|
|
15
15
|
*/
|
|
16
16
|
function useMapOverlays() {
|
|
17
|
-
|
|
18
|
-
map
|
|
19
|
-
addUserLayer
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
});
|
|
17
|
+
const {
|
|
18
|
+
map,
|
|
19
|
+
addUserLayer
|
|
20
|
+
} = (0, _index.useMetaAtlas)();
|
|
21
|
+
const mapCoreReady = (0, _useMetaAtlasStore.useMetaAtlasStore)(state => state.mapCoreReady);
|
|
23
22
|
|
|
24
23
|
/**
|
|
25
24
|
* Creates a React popup on the map at the specified location.
|
|
26
25
|
* Uses React's createRoot to render the component and automatically
|
|
27
26
|
* cleans up when the popup is closed.
|
|
28
27
|
*/
|
|
29
|
-
|
|
28
|
+
const createReactPopup = (lngLat, component, options) => {
|
|
30
29
|
if (!map || !mapCoreReady) {
|
|
31
30
|
console.warn('Map is not ready. Cannot create popup.');
|
|
32
31
|
return null;
|
|
33
32
|
}
|
|
34
33
|
|
|
35
34
|
// Create a container div for React
|
|
36
|
-
|
|
35
|
+
const container = document.createElement('div');
|
|
37
36
|
|
|
38
37
|
// Create React root and render component
|
|
39
|
-
|
|
38
|
+
const root = (0, _client.createRoot)(container);
|
|
40
39
|
root.render(component);
|
|
41
40
|
|
|
42
41
|
// Create popup and set the DOM content
|
|
43
|
-
|
|
42
|
+
const popup = new _maplibreGl.Popup(options).setLngLat(lngLat).setDOMContent(container) // Pass the container, not the React element
|
|
44
43
|
.addTo(map);
|
|
45
44
|
|
|
46
45
|
// Cleanup function
|
|
47
|
-
|
|
46
|
+
const cleanup = () => {
|
|
48
47
|
root.unmount(); // Clean up React root
|
|
49
|
-
popup.off('close',
|
|
48
|
+
popup.off('close', cleanup); // Remove event listener
|
|
50
49
|
};
|
|
51
50
|
|
|
52
51
|
// Cleanup when popup is removed
|
|
53
|
-
popup.on('close',
|
|
52
|
+
popup.on('close', cleanup);
|
|
54
53
|
return popup;
|
|
55
54
|
};
|
|
56
55
|
|
|
@@ -61,7 +60,7 @@ function useMapOverlays() {
|
|
|
61
60
|
*
|
|
62
61
|
* @param layer - The layer configuration object to add to the map
|
|
63
62
|
*/
|
|
64
|
-
|
|
63
|
+
const addLayer = layer => {
|
|
65
64
|
if (!mapCoreReady) {
|
|
66
65
|
console.warn('Map is not ready. Cannot add layer.');
|
|
67
66
|
return;
|
|
@@ -95,12 +94,12 @@ function useMapOverlays() {
|
|
|
95
94
|
* );
|
|
96
95
|
* ```
|
|
97
96
|
*/
|
|
98
|
-
|
|
97
|
+
const createMarker = (lngLat, options, popup) => {
|
|
99
98
|
if (!map || !mapCoreReady) {
|
|
100
99
|
console.warn('Map is not ready. Cannot create marker.');
|
|
101
100
|
return null;
|
|
102
101
|
}
|
|
103
|
-
|
|
102
|
+
const marker = new _maplibreGl.Marker(options).setLngLat(lngLat).addTo(map);
|
|
104
103
|
|
|
105
104
|
// Set popup if provided
|
|
106
105
|
if (popup) {
|
|
@@ -110,9 +109,9 @@ function useMapOverlays() {
|
|
|
110
109
|
return marker;
|
|
111
110
|
};
|
|
112
111
|
return {
|
|
113
|
-
createReactPopup
|
|
114
|
-
addLayer
|
|
115
|
-
createMarker
|
|
112
|
+
createReactPopup,
|
|
113
|
+
addLayer,
|
|
114
|
+
createMarker,
|
|
116
115
|
isReady: mapCoreReady
|
|
117
116
|
};
|
|
118
117
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_client","require","_maplibreGl","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_client","require","_maplibreGl","_index","_useMetaAtlasStore","useMapOverlays","map","addUserLayer","useMetaAtlas","mapCoreReady","useMetaAtlasStore","state","createReactPopup","lngLat","component","options","console","warn","container","document","createElement","root","createRoot","render","popup","Popup","setLngLat","setDOMContent","addTo","cleanup","unmount","off","on","addLayer","layer","createMarker","marker","Marker","setPopup","togglePopup","isReady"],"sources":["../../../../../src/react/hooks/useMapOverlays/index.ts"],"sourcesContent":["import { createRoot, Root } from 'react-dom/client';\nimport { ReactElement } from 'react';\nimport { Popup, PopupOptions, LngLatLike, Marker, MarkerOptions } from 'maplibre-gl';\nimport { useMetaAtlas } from '../useMetaAtlas';\nimport { useMetaAtlasStore } from '../../stores/useMetaAtlasStore';\nimport { UseMapOverlaysReturn } from './types';\n\n/**\n * Hook for managing React-based map overlays (popups) on the MapLibre map.\n * Provides a function to create popups with React components that automatically\n * handle lifecycle and cleanup.\n */\nexport function useMapOverlays(): UseMapOverlaysReturn {\n const { map, addUserLayer } = useMetaAtlas();\n const mapCoreReady = useMetaAtlasStore((state) => state.mapCoreReady);\n \n /**\n * Creates a React popup on the map at the specified location.\n * Uses React's createRoot to render the component and automatically\n * cleans up when the popup is closed.\n */\n const createReactPopup = (\n lngLat: LngLatLike,\n component: ReactElement,\n options?: PopupOptions\n ): Popup | null => {\n if (!map || !mapCoreReady) {\n console.warn('Map is not ready. Cannot create popup.');\n return null;\n }\n\n // Create a container div for React\n const container = document.createElement('div');\n \n // Create React root and render component\n const root: Root = createRoot(container);\n root.render(component);\n \n // Create popup and set the DOM content\n const popup = new Popup(options)\n .setLngLat(lngLat)\n .setDOMContent(container) // Pass the container, not the React element\n .addTo(map);\n \n // Cleanup function\n const cleanup = () => {\n root.unmount(); // Clean up React root\n popup.off('close', cleanup); // Remove event listener\n };\n \n // Cleanup when popup is removed\n popup.on('close', cleanup);\n \n return popup;\n };\n\n /**\n * Adds a user layer to the map.\n * Internally uses addUserLayer from the SDK, which also sets up click handlers\n * to update the last clicked feature.\n * \n * @param layer - The layer configuration object to add to the map\n */\n const addLayer = (layer: any): void => {\n if (!mapCoreReady) {\n console.warn('Map is not ready. Cannot add layer.');\n return;\n }\n addUserLayer(layer);\n };\n\n /**\n * Creates a marker on the map at the specified location.\n * Can optionally attach a popup to the marker.\n * \n * @param lngLat - The geographical location [longitude, latitude] or LngLat object\n * @param options - Optional marker configuration (element, etc.)\n * @param popup - Optional popup to attach to the marker\n * @returns The marker instance, or null if map is not ready\n * \n * @example\n * ```tsx\n * const { createMarker, createReactPopup } = useMapOverlays();\n * \n * const el = document.createElement('img');\n * el.src = '/icons/marker.png';\n * el.style.width = '40px';\n * el.style.height = '40px';\n * \n * const popup = createReactPopup([lng, lat], <MyComponent />);\n * const marker = createMarker(\n * [lng, lat],\n * { element: el },\n * popup\n * );\n * ```\n */\n const createMarker = (\n lngLat: LngLatLike,\n options?: MarkerOptions,\n popup?: Popup | null\n ): Marker | null => {\n if (!map || !mapCoreReady) {\n console.warn('Map is not ready. Cannot create marker.');\n return null;\n }\n\n const marker = new Marker(options)\n .setLngLat(lngLat)\n .addTo(map);\n\n // Set popup if provided\n if (popup) {\n marker.setPopup(popup);\n marker.togglePopup();\n }\n\n return marker;\n };\n\n return {\n createReactPopup,\n addLayer,\n createMarker,\n isReady: mapCoreReady,\n };\n}\n\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAAqF,IAAAE,MAAA,GAAAF,OAAA;AAAA,IAAAG,kBAAA,GAAAH,OAAA;AAKrF;AACA;AACA;AACA;AACA;AACO,SAASI,cAAcA,CAAA,EAAyB;EACrD,MAAM;IAAEC,GAAG;IAAEC;EAAa,CAAC,GAAG,IAAAC,mBAAY,EAAC,CAAC;EAC5C,MAAMC,YAAY,GAAG,IAAAC,oCAAiB,EAAEC,KAAK,IAAKA,KAAK,CAACF,YAAY,CAAC;;EAErE;AACF;AACA;AACA;AACA;EACE,MAAMG,gBAAgB,GAAGA,CACvBC,MAAkB,EAClBC,SAAuB,EACvBC,OAAsB,KACL;IACjB,IAAI,CAACT,GAAG,IAAI,CAACG,YAAY,EAAE;MACzBO,OAAO,CAACC,IAAI,CAAC,wCAAwC,CAAC;MACtD,OAAO,IAAI;IACb;;IAEA;IACA,MAAMC,SAAS,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;;IAE/C;IACA,MAAMC,IAAU,GAAG,IAAAC,kBAAU,EAACJ,SAAS,CAAC;IACxCG,IAAI,CAACE,MAAM,CAACT,SAAS,CAAC;;IAEtB;IACA,MAAMU,KAAK,GAAG,IAAIC,iBAAK,CAACV,OAAO,CAAC,CAC7BW,SAAS,CAACb,MAAM,CAAC,CACjBc,aAAa,CAACT,SAAS,CAAC,CAAC;IAAA,CACzBU,KAAK,CAACtB,GAAG,CAAC;;IAEb;IACA,MAAMuB,OAAO,GAAGA,CAAA,KAAM;MACpBR,IAAI,CAACS,OAAO,CAAC,CAAC,CAAC,CAAC;MAChBN,KAAK,CAACO,GAAG,CAAC,OAAO,EAAEF,OAAO,CAAC,CAAC,CAAC;IAC/B,CAAC;;IAED;IACAL,KAAK,CAACQ,EAAE,CAAC,OAAO,EAAEH,OAAO,CAAC;IAE1B,OAAOL,KAAK;EACd,CAAC;;EAED;AACF;AACA;AACA;AACA;AACA;AACA;EACE,MAAMS,QAAQ,GAAIC,KAAU,IAAW;IACrC,IAAI,CAACzB,YAAY,EAAE;MACjBO,OAAO,CAACC,IAAI,CAAC,qCAAqC,CAAC;MACnD;IACF;IACAV,YAAY,CAAC2B,KAAK,CAAC;EACrB,CAAC;;EAED;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE,MAAMC,YAAY,GAAGA,CACnBtB,MAAkB,EAClBE,OAAuB,EACvBS,KAAoB,KACF;IAClB,IAAI,CAAClB,GAAG,IAAI,CAACG,YAAY,EAAE;MACzBO,OAAO,CAACC,IAAI,CAAC,yCAAyC,CAAC;MACvD,OAAO,IAAI;IACb;IAEA,MAAMmB,MAAM,GAAG,IAAIC,kBAAM,CAACtB,OAAO,CAAC,CAC/BW,SAAS,CAACb,MAAM,CAAC,CACjBe,KAAK,CAACtB,GAAG,CAAC;;IAEb;IACA,IAAIkB,KAAK,EAAE;MACTY,MAAM,CAACE,QAAQ,CAACd,KAAK,CAAC;MACtBY,MAAM,CAACG,WAAW,CAAC,CAAC;IACtB;IAEA,OAAOH,MAAM;EACf,CAAC;EAED,OAAO;IACLxB,gBAAgB;IAChBqB,QAAQ;IACRE,YAAY;IACZK,OAAO,EAAE/B;EACX,CAAC;AACH","ignoreList":[]}
|