feat: extend agent-driven map workbench

2026-07-20 19:57:35 +08:00
parent 86e9b08235
commit 7fbd8a5618
63 changed files with 4506 additions and 457 deletions
@@ -0,0 +1,39 @@
+"use client";
+
+import type { Map as MapLibreMap } from "maplibre-gl";
+import { useEffect, useRef, useSyncExternalStore, type RefObject } from "react";
+import { getResponsiveWorkbenchPadding } from "../map/camera";
+import { WorkbenchMapController } from "../map/workbench-map-controller";
+
+export function useWorkbenchMapController({
+  mapRef,
+  mapReady,
+  leftPanelOpen,
+  rightPanelOpen
+}: {
+  mapRef: RefObject<MapLibreMap | null>;
+  mapReady: boolean;
+  leftPanelOpen: boolean;
+  rightPanelOpen: boolean;
+}) {
+  const valuesRef = useRef({ mapReady, leftPanelOpen, rightPanelOpen });
+  valuesRef.current = { mapReady, leftPanelOpen, rightPanelOpen };
+  const controllerRef = useRef<WorkbenchMapController | null>(null);
+  if (!controllerRef.current) {
+    controllerRef.current = new WorkbenchMapController({
+      getMap: () => mapRef.current,
+      isReady: () => valuesRef.current.mapReady,
+      getPadding: () => {
+        const map = mapRef.current;
+        return map
+          ? getResponsiveWorkbenchPadding(map, valuesRef.current.leftPanelOpen, valuesRef.current.rightPanelOpen)
+          : { top: 48, right: 48, bottom: 48, left: 48 };
+      }
+    });
+  }
+
+  const controller = controllerRef.current;
+  const state = useSyncExternalStore(controller.subscribe, controller.getSnapshot, controller.getSnapshot);
+  useEffect(() => () => controller.destroy(), [controller]);
+  return { controller, state };
+}