venue-js 1.0.0-2 → 1.0.0-next.1

package/dist/index.d.mts

@@ -655,6 +655,7 @@ interface VenueDataClient {
     projectId: string;
     queryClient: QueryClient;
     registerObserver: (featureType: FeatureType, refetchInterval: number) => QueryObserver;
+    destroyObserver: (featureType: FeatureType) => void;
     destroyObservers: () => void;
     createFilterByTypeQueryOptions: <T extends FeatureType = FeatureType>(featureType: T, params: FilterParams, options: FeatureQueryOptions) => EnsureQueryDataOptions<FeatureResponseMap[T][] | FeaturePopulatedResponseMap[T][]>;
     createFindByIdQueryOptions: <T extends FeatureType = FeatureType>(featureType: T, id: string, params: FindParams, options: FeatureQueryOptions) => EnsureQueryDataOptions<FeatureResponseMap[T] | FeaturePopulatedResponseMap[T]>;

package/dist/index.d.ts

@@ -655,6 +655,7 @@ interface VenueDataClient {
     projectId: string;
     queryClient: QueryClient;
     registerObserver: (featureType: FeatureType, refetchInterval: number) => QueryObserver;
+    destroyObserver: (featureType: FeatureType) => void;
     destroyObservers: () => void;
     createFilterByTypeQueryOptions: <T extends FeatureType = FeatureType>(featureType: T, params: FilterParams, options: FeatureQueryOptions) => EnsureQueryDataOptions<FeatureResponseMap[T][] | FeaturePopulatedResponseMap[T][]>;
     createFindByIdQueryOptions: <T extends FeatureType = FeatureType>(featureType: T, id: string, params: FindParams, options: FeatureQueryOptions) => EnsureQueryDataOptions<FeatureResponseMap[T] | FeaturePopulatedResponseMap[T]>;

package/dist/index.js

@@ -481,23 +481,33 @@ var getDataClient = (options) => {
   };
   const populator = createPopulator({ internalFindById, internalFilterByType });
   const registerObserver = (featureType, refetchInterval) => {
-    let observer = observers.get(featureType);
-    if (!observer) {
-      const options2 = createDeliveryApiQueryOptions(featureType);
-      observer = new import_query_core.QueryObserver(queryClient, {
-        ...options2,
-        refetchInterval
-      });
-      observers.set(featureType, observer);
-    } else {
-      console.warn(
-        `An observer for featureType ${featureType} already exists, fail to register new one`
-      );
+    if (observers.has(featureType)) {
+      console.warn(`Observer for ${featureType} already exists`);
+      const record = observers.get(featureType);
+      return record.observer;
     }
+    const options2 = createDeliveryApiQueryOptions(featureType);
+    const observer = new import_query_core.QueryObserver(queryClient, {
+      ...options2,
+      refetchInterval
+    });
+    const unsubscribe = observer.subscribe(() => {
+      console.log(`[venue-js] Listening to ${featureType} changes (interval = ${refetchInterval}ms)`);
+    });
+    observers.set(featureType, { observer, unsubscribe });
     return observer;
   };
+  const destroyObserver = (featureType) => {
+    const record = observers.get(featureType);
+    if (!record) return;
+    record.unsubscribe();
+    observers.delete(featureType);
+  };
   const destroyObservers = () => {
-    observers.forEach((o) => o.destroy());
+    observers.forEach(({ observer, unsubscribe }) => {
+      unsubscribe();
+      observer.destroy();
+    });
     observers.clear();
   };
   const createFilterByTypeQueryOptions = (featureType, params = {}, options2 = {}) => ({
@@ -537,6 +547,7 @@ var getDataClient = (options) => {
     projectId,
     queryClient,
     registerObserver,
+    destroyObserver,
     destroyObservers,
     createFilterByTypeQueryOptions,
     createFindByIdQueryOptions,
@@ -3371,9 +3382,11 @@ var createSVGPathFromMarkerSymbol2 = (style) => {
     fill = "#000000"
   } = style;
   const scale2 = markerWidth / 24;
+  const strokeWidth = 2;
+  const halfStrokeWidth = 0.5 * strokeWidth;
   if (Array.isArray(markerPath)) {
     return markerPath.map(
-      ({ path, fill: fill2 }) => `<path d="${path}" style="transform:translate(${markerDx}px, ${markerDy}px) scale(${scale2})" fill="${fill2}"/>`
+      ({ path, fill: fill2 }) => `<path d="${path}" style="transform:translate(${markerDx}px, ${markerDy}px) scale(${scale2})" fill="${fill2}" stroke="#ffffff" stroke-width="${strokeWidth}" />`
     );
   }
   return `<path d="${markerPath}" style="transform:translate(${markerDx}px, ${markerDy}px) scale(${scale2})" fill="${fill}" />`;
@@ -3388,7 +3401,6 @@ var createSpriteMaterialByLabelSymbol2 = (labelSymbol) => {
     const baseSVG = createSVGPathFromMarkerSymbol2(base);
     const iconSVG = icon ? createSVGPathFromMarkerSymbol2(icon) : "";
     const svg = `<svg xmlns="http://www.w3.org/2000/svg" width="${viewBoxDimension}" height="${viewBoxDimension}">${baseSVG}${iconSVG}</svg>`;
-    console.log(svg);
     const textureLoader = new import_three7.TextureLoader();
     const scaleFactor = 200 / 24;
     svgToDataURL(svg, scaleFactor).then((png) => {
@@ -3478,14 +3490,12 @@ var Element3DRenderer = class extends EventTarget {
       markerType: "path",
       markerPath: [
         {
-          path: "M21.75 0H0.25V21.5H8.35L11.3 24L14.2 21.5H21.75V0Z",
+          path: "M20.775 1.2H1.225V20.35H8.215L11.3 22.8L14.385 20.35H20.775V1.2Z",
           fill: "#ff0000"
         }
       ],
       markerPathWidth: 24,
-      markerPathHeight: 24,
-      markerWidth: 30,
-      markerHeight: 30
+      markerPathHeight: 24
     };
     const markerSymbol = {
       markerType: "path",