@jolibox/implement 1.1.11-beta.4 → 1.1.11-beta.6

package/src/native/bootstrap/index.ts

@@ -5,7 +5,7 @@ import { hostEmitter, isBoolean } from '@jolibox/common';
 import { taskTracker, track } from '../report';
 import { initializeNativeEnv } from './init-env';
 import { adEventEmitter } from '@/common/ads';
-import { openRetentionSchema } from './retention';
+import { openRetentionSchema } from '../ui/retention';
 
 let cleanStyles: () => void;
 RuntimeLoader.onReady(() => {

package/src/native/js-core/jolibox-js-core.ts

@@ -84,7 +84,7 @@ if (window.webkit) {
   };
   const doExit = async (uuid: string) => {
     const shouldInterrupt = await RuntimeLoader.exit();
-    _joliboxJSCore.doExit.postMessage({ uuid, shouldInterrupt });
+    _joliboxJSCore.doExit.postMessage({ uuid, shouldInterrupt: shouldInterrupt });
   };
 
   joliboxJSCore = {

package/src/native/ui/retention.ts

@@ -0,0 +1,130 @@
+import { context } from '@/common/context';
+import { invokeNative, subscribe } from '../bootstrap/bridge';
+import { Deferred } from '@jolibox/common';
+import { createRecommendModal, IGame, IRecommendationButton, RecommendModalOnCloseParams } from '@jolibox/ui';
+import { innerFetch as fetch } from '../network';
+
+let exitRecommendationsCache: {
+  code: string;
+  data: {
+    gameListInfo: {
+      games: IGame[];
+    };
+    title: string;
+    buttons: IRecommendationButton[];
+  };
+} | null = null;
+
+/**
+ * Fetches exit recommendations data from the API
+ */
+async function fetchExitRecommendations() {
+  if (exitRecommendationsCache) {
+    return exitRecommendationsCache;
+  }
+  const host = context.testMode ? `https://stg-game.jolibox.com` : `https://game.jolibox.com`;
+  const url = `${host}/api/user-retention/exit-recommendations?objectId=${context.mpId}&from=GAME_DETAIL`;
+  const {
+    response: { data }
+  } = await fetch<{
+    code: string;
+    data: {
+      gameListInfo: {
+        games: IGame[];
+      };
+      title: string;
+      buttons: IRecommendationButton[];
+    };
+  }>(url);
+
+  exitRecommendationsCache = data;
+  return data;
+}
+
+//prefetch
+fetchExitRecommendations();
+
+const openGameSchema = (game: IGame) => {
+  const host = `https://${game.gameId}.content.jolibox.com`;
+  const schema = `${host}/?gameId=${context.mpId}&joliSource=${context.encodeJoliSourceQuery({
+    __mpType: 'game',
+    __orientation: game.orientation ?? 'VERTICAL'
+  })}`;
+  invokeNative('openSchemaSync', {
+    schema
+  });
+};
+
+export async function openRetentionSchema() {
+  // const { data } = invokeNative('envSync');
+  // const { orientation, webviewId } = data;
+  // let joliPayload: Record<string, unknown> = {
+  //   __mpType: 'miniApp',
+  //   __transparent: true,
+  //   // set entryPath
+  //   __orientation: orientation ?? 'VERTICAL', // 默认竖屏
+  //   __showStatusBar: false,
+  //   __shouldInterupt: false,
+  //   __showCapsuleButton: false
+  // };
+  // if (webviewId) {
+  //   joliPayload = {
+  //     ...joliPayload,
+  //     __from: webviewId
+  //   };
+  // }
+
+  // const joliSource = context.encodeJoliSourceQuery(joliPayload);
+
+  // const host = context.testMode
+  //   ? `https://G32115508989327465281365749294.app.jolibox.com`
+  //   : `https://G32115508989327465281365749294.app.jolibox.com`;
+  // const retentionSchema = `${host}/recommended-guide/${context.mpId}?appId=${context.mpId}&joliSource=${joliSource}&navigationStyle=present`;
+
+  const quitResultDeffer = new Deferred<boolean>();
+
+  const data = await fetchExitRecommendations();
+
+  if (data.code !== 'SUCCESS') {
+    quitResultDeffer.resolve(false);
+    return quitResultDeffer.promise;
+  }
+
+  const { gameListInfo, title, buttons } = data.data;
+
+  const modal = createRecommendModal({
+    games: gameListInfo.games,
+    title,
+    buttons,
+    onClose: (params: RecommendModalOnCloseParams) => {
+      switch (params.type) {
+        case 'quit':
+          quitResultDeffer.resolve(false);
+          break;
+        case 'dismiss':
+          quitResultDeffer.resolve(true);
+          break;
+        case 'navigate':
+          // TODO: 跳转游戏
+          if (params.data?.game) {
+            openGameSchema(params.data.game);
+          } else {
+            quitResultDeffer.resolve(true);
+          }
+          modal.hide();
+          break;
+        default:
+          // 关闭弹框，留在当前游戏
+          quitResultDeffer.resolve(true);
+          break;
+      }
+    }
+  });
+  // // 异步
+  // setTimeout(() => {
+  //   invokeNative('openSchemaSync', {
+  //     schema: retentionSchema
+  //   });
+  // }, 0);
+  return quitResultDeffer.promise;
+}

package/src/native/bootstrap/retention.ts

@@ -1,44 +0,0 @@
-import { context } from '@/common/context';
-import { invokeNative, subscribe } from './bridge';
-import { Deferred } from '@jolibox/common';
-export async function openRetentionSchema() {
-  const { data } = invokeNative('envSync');
-  const { orientation, webviewId } = data;
-  let joliPayload: Record<string, unknown> = {
-    __mpType: 'miniApp',
-    __transparent: true,
-    // set entryPath
-    __orientation: orientation ?? 'VERTICAL', // 默认竖屏
-    __showStatusBar: false,
-    __shouldInterupt: false,
-    __showCapsuleButton: false
-  };
-  if (webviewId) {
-    joliPayload = {
-      ...joliPayload,
-      __from: webviewId
-    };
-  }
-
-  const joliSource = context.encodeJoliSourceQuery(joliPayload);
-
-  const host = context.testMode
-    ? `https://G32115508989327465281365749294.app.jolibox.com`
-    : `https://G32115508989327465281365749294.app.jolibox.com`;
-  const retentionSchema = `${host}/recommended-guide/${context.mpId}?appId=${context.mpId}&joliSource=${joliSource}&navigationStyle=present`;
-
-  const quitResultDeffer = new Deferred<boolean>();
-
-  subscribe('onRetentionResult', ({ shouldStay }) => {
-    quitResultDeffer.resolve(shouldStay);
-  });
-  // 异步
-  setTimeout(() => {
-    invokeNative('openSchemaSync', {
-      schema: retentionSchema
-    });
-  }, 0);
-  return quitResultDeffer.promise;
-}
-
-// 添加锁变量，防止多次执行