@osm-editor-kit/street-imagery-react 0.1.0-alpha.5 → 0.1.0-alpha.7

package/dist/chunk-ZH3TPW4D.js

@@ -1,165 +0,0 @@
-import { useViewerActions } from './chunk-25UGGXIE.js';
-import '@panoramax/web-viewer';
-import { getStreetImageryConfig } from '@osm-editor-kit/street-imagery';
-import { useRef, useEffect } from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var panoramaxApiEndpoint = () => `${getStreetImageryConfig().panoramaxApiBase}/api`;
-var normalizeBearing = (degrees) => (degrees % 360 + 360) % 360;
-var PanoramaxPanel = ({
-  photo,
-  onPhotoSelected,
-  onEaseMapToPoint
-}) => {
-  const containerRef = useRef(null);
-  const viewerRef = useRef(null);
-  const lastViewerPhotoIdRef = useRef(null);
-  const readyRef = useRef(false);
-  const pendingSelectRef = useRef(null);
-  const photoRef = useRef(photo);
-  const bearingRafRef = useRef(null);
-  const pendingBearingRef = useRef(null);
-  const pendingHfovRef = useRef(null);
-  const actions = useViewerActions();
-  useEffect(
-    function syncPhotoRef() {
-      photoRef.current = photo;
-    },
-    [photo]
-  );
-  useEffect(
-    function resetViewerStoreOnProviderChange() {
-      return () => {
-        actions.reset();
-      };
-    },
-    [actions, photo.providerId]
-  );
-  useEffect(
-    function mountPanoramaxViewer() {
-      const viewer = viewerRef.current;
-      const container = containerRef.current;
-      if (!viewer || !container) {
-        return;
-      }
-      lastViewerPhotoIdRef.current = photoRef.current.photoId;
-      const flushBearing = () => {
-        bearingRafRef.current = null;
-        if (pendingBearingRef.current != null) {
-          actions.setPov({ bearing: pendingBearingRef.current });
-          pendingBearingRef.current = null;
-        }
-        if (pendingHfovRef.current != null) {
-          actions.setPov({ hfov: pendingHfovRef.current });
-          pendingHfovRef.current = null;
-        }
-      };
-      const onSelect = (event) => {
-        const { seqId, picId } = event.detail;
-        if (!picId) {
-          return;
-        }
-        lastViewerPhotoIdRef.current = picId;
-        const currentPhoto = photoRef.current;
-        const sequenceId = seqId ?? (picId === currentPhoto.photoId && currentPhoto.sequenceId ? currentPhoto.sequenceId : `photo:${picId}`);
-        onPhotoSelected({
-          provider: "panoramax",
-          sequenceId,
-          photoId: picId
-        });
-      };
-      const onPictureLoaded = (event) => {
-        const detail = event.detail;
-        if (detail.lon == null || detail.lat == null) {
-          return;
-        }
-        actions.setPov({ lngLat: [detail.lon, detail.lat] });
-        if (detail.x != null) {
-          actions.setPov({ bearing: normalizeBearing(detail.x) });
-        }
-        const psv = viewer.psv;
-        if (psv && detail.z != null) {
-          actions.setPov({ hfov: psv.dataHelper.zoomLevelToFov(detail.z) });
-        }
-        onEaseMapToPoint(detail.lon, detail.lat);
-      };
-      const onViewRotated = (event) => {
-        const detail = event.detail;
-        pendingBearingRef.current = normalizeBearing(detail.x);
-        const psv = viewer.psv;
-        if (psv && detail.z != null) {
-          pendingHfovRef.current = psv.dataHelper.zoomLevelToFov(detail.z);
-        }
-        if (bearingRafRef.current == null) {
-          bearingRafRef.current = requestAnimationFrame(flushBearing);
-        }
-      };
-      viewer.addEventListener("select", onSelect);
-      viewer.addEventListener("psv:picture-loaded", onPictureLoaded);
-      viewer.addEventListener("psv:view-rotated", onViewRotated);
-      const resizeObserver = new ResizeObserver(() => {
-        viewer.psv?.resize();
-      });
-      resizeObserver.observe(container);
-      readyRef.current = true;
-      const pending = pendingSelectRef.current;
-      if (pending) {
-        pendingSelectRef.current = null;
-        if (typeof viewer.select === "function") {
-          viewer.select(pending.sequenceId ?? null, pending.photoId);
-        }
-      }
-      return () => {
-        readyRef.current = false;
-        if (bearingRafRef.current != null) {
-          cancelAnimationFrame(bearingRafRef.current);
-          bearingRafRef.current = null;
-        }
-        resizeObserver.disconnect();
-        viewer.removeEventListener("select", onSelect);
-        viewer.removeEventListener("psv:picture-loaded", onPictureLoaded);
-        viewer.removeEventListener("psv:view-rotated", onViewRotated);
-      };
-    },
-    [actions, onEaseMapToPoint, onPhotoSelected]
-  );
-  useEffect(
-    function syncExternalPhotoSelection() {
-      const viewer = viewerRef.current;
-      if (!viewer || photo.photoId === lastViewerPhotoIdRef.current) {
-        return;
-      }
-      actions.reset();
-      lastViewerPhotoIdRef.current = photo.photoId;
-      if (!readyRef.current) {
-        pendingSelectRef.current = { sequenceId: photo.sequenceId, photoId: photo.photoId };
-        return;
-      }
-      if (typeof viewer.select === "function") {
-        viewer.select(photo.sequenceId ?? null, photo.photoId);
-      }
-    },
-    [actions, photo.photoId, photo.sequenceId]
-  );
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref: containerRef,
-      className: "min-h-48 overflow-hidden rounded-lg border border-slate-200 bg-slate-900",
-      style: { aspectRatio: "4 / 3" },
-      children: /* @__PURE__ */ jsx(
-        "pnx-photo-viewer",
-        {
-          ref: viewerRef,
-          className: "block h-full w-full",
-          endpoint: panoramaxApiEndpoint(),
-          "url-parameters": "false",
-          picture: photo.photoId,
-          sequence: photo.sequenceId ?? void 0
-        }
-      )
-    }
-  );
-};
-
-export { PanoramaxPanel };