feat: 🎸 add version check

packages/utils/package.json

@@ -13,6 +13,7 @@
   "dependencies": {
     "axios": "^1.6.0",
     "bignumber.js": "^9.0.1",
-    "dayjs": "^1.10.4"
+    "dayjs": "^1.10.4",
+    "semver": "^7.5.4"
   }
 }

packages/utils/src/mixin.ts

@@ -1,3 +1,5 @@
+import { gte } from "semver";
+
 export function getMixinContext() {
   let ctx: any = {};
   const win: any = window;
@@ -19,6 +21,33 @@ export function isMixin() {
   return platform === "iOS" || platform === "Android";
 }
 
+export function getFallbackMixinContext() {
+  const ua = navigator.userAgent;
+  const platform = /iPhone/i.test(ua)
+    ? "iOS"
+    : isMixin()
+    ? "Android"
+    : undefined;
+  const appVersion =
+    /Mixin\/(?<version>[\d | .]+)/.exec(ua)?.groups?.version ?? undefined;
+
+  return { app_version: appVersion, platform };
+}
+
+export function checkMixinVersion(supportVersion: {
+  Android?: string;
+  iOS?: string;
+}) {
+  const mixinContext = getMixinContext();
+  const fallbackMixinContext = getFallbackMixinContext();
+  const platform =
+    (mixinContext?.platform || fallbackMixinContext.platform) ?? "";
+  const appVersion =
+    (mixinContext?.app_version || fallbackMixinContext.app_version) ?? "0.0.0";
+
+  return gte(appVersion, supportVersion[platform]);
+}
+
 export function setMixinTheme(color: string) {
   document
     .querySelectorAll("[name='theme-color']")

yarn.lock

@@ -1555,6 +1555,7 @@ __metadata:
     axios: ^1.6.0
     bignumber.js: ^9.0.1
     dayjs: ^1.10.4
+    semver: ^7.5.4
   languageName: unknown
   linkType: soft
 
@@ -9407,6 +9408,17 @@ resolve@^2.0.0-next.3:
   languageName: node
   linkType: hard
 
+"semver@npm:^7.5.4":
+  version: 7.5.4
+  resolution: "semver@npm:7.5.4"
+  dependencies:
+    lru-cache: ^6.0.0
+  bin:
+    semver: bin/semver.js
+  checksum: 9bc02fd8e2b3c9e5dea66f0d733a3c801c67f3c7f0190efa03112a7b516e39845456ae107214d7972c4be9c67bbc50c0f27bbaf49a79a0234de83717cdaf2058
+  languageName: node
+  linkType: hard
+
 "set-blocking@npm:^2.0.0, set-blocking@npm:~2.0.0":
   version: 2.0.0
   resolution: "set-blocking@npm:2.0.0"