@heycar/heycars-map 0.6.5 → 0.6.7

package/dist/hooks/useVisibilityState.d.ts

@@ -0,0 +1,7 @@
+export declare const useVisibilityState: () => {
+    visibilityStateRef: import("vue-demi").Ref<DocumentVisibilityState>;
+};
+export declare const watchVisibilityState: () => {
+    visibilityStateRef: import("vue-demi").Ref<DocumentVisibilityState>;
+    unwatchVisibilityState: () => void;
+};

package/dist/index.cjs

@@ -943,6 +943,11 @@ const isPlaceEqual = (p1, p2) => {
 const isPointEqual = (p1, p2) => {
   return p1[0] === (p2 == null ? void 0 : p2[0]) && p1[1] === (p2 == null ? void 0 : p2[1]);
 };
+const isGeoPositionEqual = (p1, p2) => {
+  if (!p2)
+    return false;
+  return p1.coords.longitude === p2.coords.longitude && p1.coords.latitude === p2.coords.latitude;
+};
 const toPlaceType = (maybePlace) => {
   const lng = Number(maybePlace.lng);
   if (isNaN(lng))
@@ -952,6 +957,21 @@ const toPlaceType = (maybePlace) => {
     throw new Error("MyError: expect lat to be number");
   return { lng, lat, name: maybePlace.name };
 };
+const wxGetLocationSuccessResponse2GeolocationPosition = (res) => {
+  const { longitude, latitude, accuracy } = res;
+  const speed = Number(res.speed);
+  const timestamp = Date.now();
+  const coords = {
+    accuracy: Number(accuracy),
+    altitude: null,
+    altitudeAccuracy: null,
+    heading: null,
+    latitude: Number(latitude),
+    longitude: Number(longitude),
+    speed
+  };
+  return { timestamp, coords };
+};
 const deepCompareEqualsForMaps = createComparator((deepEqual) => (a, b) => {
   if (isLatLngLiteral(a) || isLatLngLiteral(b)) {
     return new google.maps.LatLng(a).equals(new google.maps.LatLng(b));
@@ -3036,6 +3056,107 @@ const BusinessQuotingMap = defineLagecySetup(function BusinessQuotingMap2(props)
     })]);
   };
 }).props(["fallback", "from", "loading", "mapRef", "registerOverlay", "renderDescription", "to", "fromDescription", "log"]);
+const watchVisibilityState = () => {
+  const visibilityStateRef = Vue.ref(document.visibilityState);
+  const handleVisibilityChange = () => {
+    visibilityStateRef.value = document.visibilityState;
+  };
+  const unwatchVisibilityState = () => {
+    document.removeEventListener("visibilitychange", handleVisibilityChange);
+  };
+  document.addEventListener("visibilitychange", handleVisibilityChange);
+  return { visibilityStateRef, unwatchVisibilityState };
+};
+const WX_GET_LOCATION_INTERVAL_STILL = 10 * 1e3;
+const WX_GET_LOCATION_INTERVAL_SLOW = 3 * 1e3;
+const WX_GET_LOCATION_INTERVAL_FAST = 1 * 1e3;
+const takeIsForceBrowserGeo = () => {
+  const searchParam = new URLSearchParams(location.search);
+  return searchParam.has(`force-browser-geo`);
+};
+const sleep$1 = (milliseconds) => new Promise((resolve) => setTimeout(resolve, milliseconds));
+const wxReady = () => new Promise((resolve, reject) => {
+  wx.ready(resolve);
+  wx.error(reject);
+});
+const detectPlatform = () => {
+  const useragent = navigator.userAgent.toLowerCase();
+  if (useragent.includes("micromessenger"))
+    return "wechat";
+  if (useragent.includes("alipay"))
+    return "alipay";
+  return "other";
+};
+function wechatWatchPosition(onSuccess, onError, option) {
+  const { timeout } = option;
+  let enable = true;
+  let interval = WX_GET_LOCATION_INTERVAL_STILL;
+  let prevGeoPosition = void 0;
+  const { visibilityStateRef, unwatchVisibilityState } = watchVisibilityState();
+  const startWatch = async () => {
+    await wxReady();
+    do {
+      if (visibilityStateRef.value === "hidden") {
+        await sleep$1(WX_GET_LOCATION_INTERVAL_FAST);
+        continue;
+      }
+      const geoPosition = await new Promise((resolve, reject) => {
+        let isHandled = false;
+        wx.getLocation({
+          type: "wgs84",
+          success(res) {
+            if (isHandled)
+              return;
+            isHandled = true;
+            const speed = Number(res.speed);
+            interval = speed === 0 ? WX_GET_LOCATION_INTERVAL_STILL : speed < 2 ? WX_GET_LOCATION_INTERVAL_SLOW : WX_GET_LOCATION_INTERVAL_FAST;
+            resolve(wxGetLocationSuccessResponse2GeolocationPosition(res));
+          },
+          fail(res) {
+            if (isHandled)
+              return;
+            isHandled = true;
+            const error = new Error(res.errMsg);
+            reject(error);
+            onError == null ? void 0 : onError(error);
+          }
+        });
+        if (!timeout)
+          return;
+        setTimeout(() => {
+          if (isHandled)
+            return;
+          interval = WX_GET_LOCATION_INTERVAL_SLOW;
+          resolve(void 0);
+        }, timeout);
+      });
+      if (geoPosition && !isGeoPositionEqual(geoPosition, prevGeoPosition))
+        onSuccess(geoPosition);
+      prevGeoPosition = geoPosition;
+      await sleep$1(interval);
+    } while (enable);
+  };
+  startWatch();
+  return () => {
+    enable = false;
+    unwatchVisibilityState();
+  };
+}
+function compatibleWathPosition(onSuccess, onError, option) {
+  const isForceBrowserGeo = takeIsForceBrowserGeo();
+  if (isForceBrowserGeo) {
+    const watchId = navigator.geolocation.watchPosition(onSuccess, onError, option);
+    return () => navigator.geolocation.clearWatch(watchId);
+  }
+  switch (detectPlatform()) {
+    case "wechat":
+      return wechatWatchPosition(onSuccess, onError, option);
+    default: {
+      const watchId = navigator.geolocation.watchPosition(onSuccess, onError, option);
+      return () => navigator.geolocation.clearWatch(watchId);
+    }
+  }
+}
 const isPlace = (place) => {
   return place.lng !== void 0 && place.lat !== void 0;
 };
@@ -3055,7 +3176,7 @@ class SingleGeoWatch {
     __publicField(this, "id", 0);
     __publicField(this, "listeners", /* @__PURE__ */ new Map());
     __publicField(this, "option", {});
-    __publicField(this, "singleWatchId");
+    __publicField(this, "unwatch");
     this.option = option != null ? option : {};
   }
   watchPosition(onSuccess, onError) {
@@ -3069,12 +3190,12 @@ class SingleGeoWatch {
     this.listeners.delete(id);
   }
   async start() {
-    const { listeners, option, singleWatchId } = this;
-    if (singleWatchId) {
-      navigator.geolocation.clearWatch(singleWatchId);
+    const { listeners, option, unwatch } = this;
+    if (unwatch) {
+      unwatch();
       await sleep(20);
     }
-    this.singleWatchId = navigator.geolocation.watchPosition(
+    this.unwatch = compatibleWathPosition(
       (position) => {
         for (const [onSuccess] of listeners.values()) {
           onSuccess(position);
@@ -3145,10 +3266,12 @@ const useGeoLocation = (props) => {
   Vue.watch(
     () => true,
     (_1, _2, onCleanup) => {
+      const logStartTime = Date.now();
       loading.value = true;
       const watchId = singleGeoWatch.watchPosition(
         async (position) => {
-          console.log("watchPosition success position = ", position);
+          const duration = Date.now() - logStartTime;
+          spaceLog("watchPosition", "success duration, position = ", duration, position);
           const coordinate = position.coords;
           const wgsPoint = [position.coords.longitude, position.coords.latitude];
           const point = await toGcj02(wgsPoint);
@@ -3162,7 +3285,7 @@ const useGeoLocation = (props) => {
           onChange == null ? void 0 : onChange({ position: point, coordinate });
         },
         (error) => {
-          console.log("watchPosition error = ", error);
+          spaceLog("watchPosition", "error.message = ", error.message);
           loading.value = false;
           errorRef.value = error;
           const position = props == null ? void 0 : props.geoDefaultPosition;
@@ -3985,14 +4108,12 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
   } = useGeoLocation({
     geoDefaultPosition,
     onLoad: async (value) => {
-      console.log("useGeoLocation onLoad value = ", value);
       await readyPromise;
       centerSource.source = "geo";
       updatePlace(value.position);
       emit("loadGeoLocation", value);
     },
     onLoadDefault: async (value) => {
-      console.log("useGeoLocation onLoadDefault value = ", value);
       await readyPromise;
       const place = await defaultCenterPlacePromise;
       centerSource.source = "geo";
@@ -4086,7 +4207,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     } = props;
     const title = geoLoading.value ? geoLoadingTitle : !availableRef.value ? unavailableTitle : centerPlace.name;
     const description = !availableRef.value ? void 0 : isElectedRef.value ? recomendDescription : void 0;
-    console.log("BusinessRecomendPlaceMap render geoLoading, isFirstWorkflowRecomendLoadingRef = ", geoLoading.value, isFirstWorkflowRecomendLoadingRef.value);
     return Vue.h(HeycarMap, {
       "attrs": {
         "center": centerPoint.value,

package/dist/index.js

@@ -941,6 +941,11 @@ const isPlaceEqual = (p1, p2) => {
 const isPointEqual = (p1, p2) => {
   return p1[0] === (p2 == null ? void 0 : p2[0]) && p1[1] === (p2 == null ? void 0 : p2[1]);
 };
+const isGeoPositionEqual = (p1, p2) => {
+  if (!p2)
+    return false;
+  return p1.coords.longitude === p2.coords.longitude && p1.coords.latitude === p2.coords.latitude;
+};
 const toPlaceType = (maybePlace) => {
   const lng = Number(maybePlace.lng);
   if (isNaN(lng))
@@ -950,6 +955,21 @@ const toPlaceType = (maybePlace) => {
     throw new Error("MyError: expect lat to be number");
   return { lng, lat, name: maybePlace.name };
 };
+const wxGetLocationSuccessResponse2GeolocationPosition = (res) => {
+  const { longitude, latitude, accuracy } = res;
+  const speed = Number(res.speed);
+  const timestamp = Date.now();
+  const coords = {
+    accuracy: Number(accuracy),
+    altitude: null,
+    altitudeAccuracy: null,
+    heading: null,
+    latitude: Number(latitude),
+    longitude: Number(longitude),
+    speed
+  };
+  return { timestamp, coords };
+};
 const deepCompareEqualsForMaps = createComparator((deepEqual) => (a, b) => {
   if (isLatLngLiteral(a) || isLatLngLiteral(b)) {
     return new google.maps.LatLng(a).equals(new google.maps.LatLng(b));
@@ -3034,6 +3054,107 @@ const BusinessQuotingMap = defineLagecySetup(function BusinessQuotingMap2(props)
     })]);
   };
 }).props(["fallback", "from", "loading", "mapRef", "registerOverlay", "renderDescription", "to", "fromDescription", "log"]);
+const watchVisibilityState = () => {
+  const visibilityStateRef = ref(document.visibilityState);
+  const handleVisibilityChange = () => {
+    visibilityStateRef.value = document.visibilityState;
+  };
+  const unwatchVisibilityState = () => {
+    document.removeEventListener("visibilitychange", handleVisibilityChange);
+  };
+  document.addEventListener("visibilitychange", handleVisibilityChange);
+  return { visibilityStateRef, unwatchVisibilityState };
+};
+const WX_GET_LOCATION_INTERVAL_STILL = 10 * 1e3;
+const WX_GET_LOCATION_INTERVAL_SLOW = 3 * 1e3;
+const WX_GET_LOCATION_INTERVAL_FAST = 1 * 1e3;
+const takeIsForceBrowserGeo = () => {
+  const searchParam = new URLSearchParams(location.search);
+  return searchParam.has(`force-browser-geo`);
+};
+const sleep$1 = (milliseconds) => new Promise((resolve) => setTimeout(resolve, milliseconds));
+const wxReady = () => new Promise((resolve, reject) => {
+  wx.ready(resolve);
+  wx.error(reject);
+});
+const detectPlatform = () => {
+  const useragent = navigator.userAgent.toLowerCase();
+  if (useragent.includes("micromessenger"))
+    return "wechat";
+  if (useragent.includes("alipay"))
+    return "alipay";
+  return "other";
+};
+function wechatWatchPosition(onSuccess, onError, option) {
+  const { timeout } = option;
+  let enable = true;
+  let interval = WX_GET_LOCATION_INTERVAL_STILL;
+  let prevGeoPosition = void 0;
+  const { visibilityStateRef, unwatchVisibilityState } = watchVisibilityState();
+  const startWatch = async () => {
+    await wxReady();
+    do {
+      if (visibilityStateRef.value === "hidden") {
+        await sleep$1(WX_GET_LOCATION_INTERVAL_FAST);
+        continue;
+      }
+      const geoPosition = await new Promise((resolve, reject) => {
+        let isHandled = false;
+        wx.getLocation({
+          type: "wgs84",
+          success(res) {
+            if (isHandled)
+              return;
+            isHandled = true;
+            const speed = Number(res.speed);
+            interval = speed === 0 ? WX_GET_LOCATION_INTERVAL_STILL : speed < 2 ? WX_GET_LOCATION_INTERVAL_SLOW : WX_GET_LOCATION_INTERVAL_FAST;
+            resolve(wxGetLocationSuccessResponse2GeolocationPosition(res));
+          },
+          fail(res) {
+            if (isHandled)
+              return;
+            isHandled = true;
+            const error = new Error(res.errMsg);
+            reject(error);
+            onError == null ? void 0 : onError(error);
+          }
+        });
+        if (!timeout)
+          return;
+        setTimeout(() => {
+          if (isHandled)
+            return;
+          interval = WX_GET_LOCATION_INTERVAL_SLOW;
+          resolve(void 0);
+        }, timeout);
+      });
+      if (geoPosition && !isGeoPositionEqual(geoPosition, prevGeoPosition))
+        onSuccess(geoPosition);
+      prevGeoPosition = geoPosition;
+      await sleep$1(interval);
+    } while (enable);
+  };
+  startWatch();
+  return () => {
+    enable = false;
+    unwatchVisibilityState();
+  };
+}
+function compatibleWathPosition(onSuccess, onError, option) {
+  const isForceBrowserGeo = takeIsForceBrowserGeo();
+  if (isForceBrowserGeo) {
+    const watchId = navigator.geolocation.watchPosition(onSuccess, onError, option);
+    return () => navigator.geolocation.clearWatch(watchId);
+  }
+  switch (detectPlatform()) {
+    case "wechat":
+      return wechatWatchPosition(onSuccess, onError, option);
+    default: {
+      const watchId = navigator.geolocation.watchPosition(onSuccess, onError, option);
+      return () => navigator.geolocation.clearWatch(watchId);
+    }
+  }
+}
 const isPlace = (place) => {
   return place.lng !== void 0 && place.lat !== void 0;
 };
@@ -3053,7 +3174,7 @@ class SingleGeoWatch {
     __publicField(this, "id", 0);
     __publicField(this, "listeners", /* @__PURE__ */ new Map());
     __publicField(this, "option", {});
-    __publicField(this, "singleWatchId");
+    __publicField(this, "unwatch");
     this.option = option != null ? option : {};
   }
   watchPosition(onSuccess, onError) {
@@ -3067,12 +3188,12 @@ class SingleGeoWatch {
     this.listeners.delete(id);
   }
   async start() {
-    const { listeners, option, singleWatchId } = this;
-    if (singleWatchId) {
-      navigator.geolocation.clearWatch(singleWatchId);
+    const { listeners, option, unwatch } = this;
+    if (unwatch) {
+      unwatch();
       await sleep(20);
     }
-    this.singleWatchId = navigator.geolocation.watchPosition(
+    this.unwatch = compatibleWathPosition(
       (position) => {
         for (const [onSuccess] of listeners.values()) {
           onSuccess(position);
@@ -3143,10 +3264,12 @@ const useGeoLocation = (props) => {
   watch(
     () => true,
     (_1, _2, onCleanup) => {
+      const logStartTime = Date.now();
       loading.value = true;
       const watchId = singleGeoWatch.watchPosition(
         async (position) => {
-          console.log("watchPosition success position = ", position);
+          const duration = Date.now() - logStartTime;
+          spaceLog("watchPosition", "success duration, position = ", duration, position);
           const coordinate = position.coords;
           const wgsPoint = [position.coords.longitude, position.coords.latitude];
           const point = await toGcj02(wgsPoint);
@@ -3160,7 +3283,7 @@ const useGeoLocation = (props) => {
           onChange == null ? void 0 : onChange({ position: point, coordinate });
         },
         (error) => {
-          console.log("watchPosition error = ", error);
+          spaceLog("watchPosition", "error.message = ", error.message);
           loading.value = false;
           errorRef.value = error;
           const position = props == null ? void 0 : props.geoDefaultPosition;
@@ -3983,14 +4106,12 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
   } = useGeoLocation({
     geoDefaultPosition,
     onLoad: async (value) => {
-      console.log("useGeoLocation onLoad value = ", value);
       await readyPromise;
       centerSource.source = "geo";
       updatePlace(value.position);
       emit("loadGeoLocation", value);
     },
     onLoadDefault: async (value) => {
-      console.log("useGeoLocation onLoadDefault value = ", value);
       await readyPromise;
       const place = await defaultCenterPlacePromise;
       centerSource.source = "geo";
@@ -4084,7 +4205,6 @@ const BusinessRecomendPlaceMap = defineLagecySetup(function BusinessRecomendPlac
     } = props;
     const title = geoLoading.value ? geoLoadingTitle : !availableRef.value ? unavailableTitle : centerPlace.name;
     const description = !availableRef.value ? void 0 : isElectedRef.value ? recomendDescription : void 0;
-    console.log("BusinessRecomendPlaceMap render geoLoading, isFirstWorkflowRecomendLoadingRef = ", geoLoading.value, isFirstWorkflowRecomendLoadingRef.value);
     return h(HeycarMap, {
       "attrs": {
         "center": centerPoint.value,

package/dist/types/wx.d.ts

@@ -0,0 +1,21 @@
+export interface WxResponse {
+    errMsg: string;
+}
+export interface WxGetLocationSuccessResponse extends WxResponse {
+    latitude: string;
+    longitude: string;
+    speed: string;
+    accuracy: string;
+}
+interface WxGetLocationProps {
+    type: "wgs84" | "gcj02";
+    success: (response: WxGetLocationSuccessResponse) => void;
+    fail?: (response: WxResponse) => void;
+    complete?: (response: WxResponse) => void;
+}
+export interface Wx {
+    ready: (callback: () => void) => void;
+    error: (callback: (response: WxResponse) => void) => void;
+    getLocation: (props: WxGetLocationProps) => void;
+}
+export {};

package/dist/utils/{singleGeoWatch.d.ts → SingleGeoWatch.d.ts}

@@ -1,3 +1,4 @@
+import { type ClearWathPosition } from "./compatibleWatchPosition";
 /**
  * @note navigator.geolocation.watchPosition 期间，再调用 watchPosition 或  getCurrentPosition 会导致定位失败。
  */
@@ -5,7 +6,7 @@ export declare class SingleGeoWatch {
     id: number;
     listeners: Map<number, [PositionCallback, PositionErrorCallback | undefined]>;
     option: PositionOptions;
-    singleWatchId: number | undefined;
+    unwatch: ClearWathPosition | undefined;
     constructor(option?: PositionOptions);
     watchPosition(onSuccess: PositionCallback, onError?: PositionErrorCallback): number;
     clearWatch(id: number): void;

package/dist/utils/compatibleWatchPosition.d.ts

@@ -0,0 +1,2 @@
+export type ClearWathPosition = () => void;
+export declare function compatibleWathPosition(onSuccess: PositionCallback, onError: PositionErrorCallback, option: PositionOptions): ClearWathPosition;

package/dist/utils/transform.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="google.maps" />
 import type { Place, Point } from "../types/interface";
+import type { WxGetLocationSuccessResponse } from "../types/wx";
 export declare const vec2lnglat: ([lng, lat]: [number, number]) => google.maps.LatLngLiteral;
 export interface AsteriskItem {
     type: "normal" | "emphasize";
@@ -16,8 +17,10 @@ export declare const pipeDefer: <P extends any[], R>(fn: (...args: P) => R) => (
 export declare const pipeOnlyLastEffect: <P extends any[], R>(fn: (...arg: P) => Promise<R>) => (...args: P) => Promise<R>;
 export declare const isPlaceEqual: (p1: Place, p2?: Place) => boolean;
 export declare const isPointEqual: (p1: Point, p2?: Point) => boolean;
+export declare const isGeoPositionEqual: (p1: GeolocationPosition, p2?: GeolocationPosition) => boolean;
 export declare const toPlaceType: (maybePlace: {
     name: string;
     lng: string | number;
     lat: string | number;
 }) => Place;
+export declare const wxGetLocationSuccessResponse2GeolocationPosition: (res: WxGetLocationSuccessResponse) => GeolocationPosition;

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@heycar/heycars-map",
-  "version": "0.6.5",
+  "version": "0.6.7",
   "type": "module",
   "scripts": {
     "dev": "vite -c vite.config.dev.ts",
     "dev:lib": "concurrently \"vite build -c vite.config.dev.lib.ts --watch --emptyOutDir false\"  \"tsc --declarationDir dist --emitDeclarationOnly --noEmit false --declaration --watch\"",
-    "build": "rm -rf dist && vite build && tsc --declarationDir dist --emitDeclarationOnly --noEmit false --declaration"
+    "build": "rm -rf dist && vite build && tsc --declarationDir dist --emitDeclarationOnly --noEmit false --declaration",
+    "lint": "eslint . --ext .js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore --report-unused-disable-directives --max-warnings 0"
   },
   "types": "./dist/index.d.ts",
   "module": "./dist/index.js",
@@ -41,9 +42,6 @@
     }
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.3.0",
-    "@commitlint/config-conventional": "^17.3.0",
-    "@commitlint/types": "^17.0.0",
     "@types/google.maps": "^3.52.0",
     "@types/lodash-es": "^4.17.6",
     "@typescript-eslint/eslint-plugin": "^5.52.0",
@@ -63,9 +61,7 @@
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-vue": "^9.9.0",
-    "lint-staged": "^13.1.2",
     "prettier": "^2.8.4",
-    "simple-git-hooks": "^2.8.1",
     "typescript": "^4.9.3",
     "unplugin-vue-jsx": "^0.1.2",
     "vite": "^4.1.0",
@@ -74,19 +70,6 @@
     "vue": "2.7.14",
     "vue-tsc": "^1.0.24"
   },
-  "simple-git-hooks": {
-    "pre-commit": "pnpm exec lint-staged --concurrent false",
-    "commit-msg": "pnpm exec commitlint --edit ${1}"
-  },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx}": [
-      "eslint --fix",
-      "prettier --write"
-    ],
-    "*.{md,json,yml,html,css}": [
-      "prettier --write"
-    ]
-  },
   "publishConfig": {
     "registry": "https://registry.npmjs.com"
   },