@jolibox/implement 1.1.12 → 1.1.13-beta.10

package/src/native/ui/retention.ts

@@ -0,0 +1,153 @@
+import { context } from '@/common/context';
+import { invokeNative, subscribe } from '@jolibox/native-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 { data } = invokeNative('envSync');
+
+  // Parse the original URL to preserve its structure
+
+  const url = new URL(data.schema);
+  const originalPath = url.pathname;
+  const originalSearch = new URLSearchParams(url.search);
+
+  // Set or replace gameId and joliSource parameters
+  originalSearch.set('gameId', context.mpId);
+  originalSearch.set(
+    'joliSource',
+    context.encodeJoliSourceQuery({
+      __mpType: 'game',
+      __orientation: game.orientation ?? 'VERTICAL'
+    })
+  );
+
+  const host = `https://${game.gameId}.content.jolibox.com/`;
+  // Construct the final schema URL
+  const schema = `${host}${originalPath}?${originalSearch.toString()}`;
+
+  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>();
+  // 小程序不走挽留逻辑
+  if (context.mpType !== 'game') {
+    quitResultDeffer.resolve(false);
+    return quitResultDeffer.promise;
+  }
+
+  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);
+          modal.hide();
+          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/dist/native/bootstrap/bridge.d.ts

@@ -1,4 +0,0 @@
-import { On } from '../js-bridge';
-export declare const applyNative: jsb.service.ApplyNative, invokeNative: jsb.service.InvokeNative, onNative: jsb.service.OnNative, offNative: jsb.service.OnNative, subscribeHandler: import("../js-bridge").SubscribeHandler;
-export declare const onNativeWithError: On;
-export { RuntimeLoader } from '../js-core';

package/dist/native/js-bridge/const.d.ts

@@ -1,5 +0,0 @@
-export declare const CUSTOM_EVENT_PREFIX = "custom_event_";
-export declare const HOST_EVENT_PREFIX = "host_event_";
-export declare const BUFFER_METHODS: string[];
-export declare const BACKGROUND_FORBIDDEN_METHODS: string[];
-export declare const SYNC_METHODS: string[];

package/dist/native/js-bridge/index.d.ts

@@ -1,2 +0,0 @@
-export { createBridge } from './js-bridge';
-export * from './types';

package/dist/native/js-bridge/invoke.d.ts

@@ -1,21 +0,0 @@
-import { InvokeHandler, On } from './types';
-interface Invokes {
-    /** 暴露给宿主, 触发调用的方法 */
-    invokeHandler: InvokeHandler;
-    /** 基础库内部, 调用宿主的方法, 返回 native 返回对象 */
-    invokeNative: (method: string, args?: Record<string, unknown>, webviewId?: number) => any;
-    /** 基础库内部, 调用宿主的方法, 会根据 errMsg throwError */
-    applyNative: (method: string, args?: Record<string, unknown>, webviewId?: number) => any;
-}
-export declare function createInvoke(jsCore: jsb.JSCore, onNative: On): Invokes;
-export declare function ifThrowError(method: string, res: {
-    errMsg?: string;
-    errNo?: number;
-    errorType?: string;
-    errorCode?: number;
-}): {} | undefined;
-export declare class ApplyNativeError extends Error {
-    readonly errNo?: number | undefined;
-    constructor(message: string, errNo?: number | undefined);
-}
-export {};

package/dist/native/js-bridge/js-bridge.d.ts

@@ -1,6 +0,0 @@
-import { JSBridge } from './types';
-/**
- * build js-bridge
- * @param jsCore jsCore function inject by native
- */
-export declare function createBridge(jsCore: jsb.JSCore): JSBridge;

package/dist/native/js-bridge/report.d.ts

@@ -1,63 +0,0 @@
-import { On } from './types';
-type MetricReporter = (points: unknown) => unknown;
-interface MetricCache {
-    [props: string]: MetricCache | (number | string)[];
-}
-interface PVMetricCache {
-    [props: string]: PVMetricCache | number;
-}
-type MetricCacheType = MetricCache | PVMetricCache;
-type MetricType = 'pv' | 'default';
-type Prettier<T> = T extends Record<string, unknown> ? {
-    [K in keyof T]: T[K];
-} : T;
-type MetricPoint<Tag extends string, Name extends string> = Prettier<{
-    [k in Tag]: string;
-} & {
-    [K in Name]: number | string;
-}>;
-interface PVPoint {
-    [props: string]: string | JSON;
-}
-interface MetricConfig<Tag extends string, Name extends string, Type extends string> {
-    reporter: MetricReporter;
-    interval?: number;
-    eventName: string;
-    tagNameOrder: Tag[];
-    metricName: Name;
-    type?: Type;
-}
-export declare class MetricsMonitor<Tag extends string, Name extends string, Type extends string> {
-    reporter: MetricReporter;
-    interval: number;
-    lastReportTime: number;
-    cache: MetricCacheType;
-    eventName: string;
-    tagNameOrder: Tag[];
-    metricName: Name;
-    type: MetricType;
-    constructor(config: MetricConfig<Tag, Name, Type>);
-    report(point: Type extends 'pv' ? PVPoint : MetricPoint<Tag, Name>): void;
-    flush(): void;
-    private tryReport;
-    private addPoint;
-    private addPVPoint;
-    private processPoints;
-    private clearPoints;
-}
-interface InvokeMetrics {
-    errMsg: string;
-    errNo?: number;
-    __timing?: {
-        receiveJSInvoke: number;
-        invokeCallback: number;
-    };
-    method: string;
-    startTime: number;
-    args?: Record<string, unknown>;
-    isForeground: string;
-    [prop: string]: unknown;
-}
-export type reportInvokeFn = (invokeMetrics: InvokeMetrics) => void;
-export declare function createReportInvokeMetrics(jsCore: jsb.JSCore, onNative: On): reportInvokeFn;
-export {};

package/dist/native/js-bridge/subscribe.d.ts

@@ -1,8 +0,0 @@
-import { Off, On } from './types';
-import { AnyFunction } from '@jolibox/types';
-export interface Subscribes {
-    onNative: On;
-    offNative: Off;
-    subscribeHandler: AnyFunction;
-}
-export declare function createSubscribe(jsCore: jsb.JSCore): Subscribes;

package/dist/native/js-bridge/types.d.ts

@@ -1,14 +0,0 @@
-export type Listener = (...args: any[]) => any;
-export type On = <T extends string>(event: T, handler: Listener) => void;
-export type Off = <T extends string>(event: T, handler: Listener) => void;
-export type InvokeHandler = (callbackId: string | number, data: string | Record<string, unknown>) => void;
-export type SubscribeHandler = (event: string, data: string | Record<string, unknown>, webviewId?: number) => void;
-export type AnyFunction = (...args: any[]) => any;
-export interface JSBridge {
-    invokeHandler: InvokeHandler;
-    subscribeHandler: SubscribeHandler;
-    invokeNative: jsb.service.InvokeNative;
-    applyNative: jsb.service.ApplyNative;
-    onNative: jsb.service.OnNative;
-    offNative: jsb.service.OffNative;
-}

package/dist/native/js-bridge/utils.d.ts

@@ -1,17 +0,0 @@
-export interface DataObj {
-    params?: Record<string, unknown>;
-    errorCode?: number;
-    __extra?: {
-        startTime: number;
-        type: string;
-    };
-    __nativeBuffers__?: NativeBufferElement[] | undefined;
-}
-interface NativeBufferElement {
-    key: string;
-    value?: ArrayBuffer;
-    base64?: string;
-}
-export declare function unpack(data: unknown): DataObj;
-export declare function pack(_data?: {}, useArrayBuffer?: boolean): Record<string, unknown>;
-export {};

package/dist/native/js-core/index.d.ts

@@ -1,3 +0,0 @@
-export { joliboxJSCore, RuntimeLoader } from './jolibox-js-core';
-export { messagePort, initMessagePort } from './message-port';
-export { normalizeParams } from './utils';

package/dist/native/js-core/jolibox-js-core.d.ts

@@ -1,45 +0,0 @@
-export declare let joliboxJSCore: jsb.JSCore | undefined;
-declare global {
-    interface Window {
-        JoliAndroidSDKBridge?: {
-            invoke: (invokeString: string) => void;
-            onDocumentReady: (paramsstr: string) => void;
-            doExit: (uuidString: string) => void;
-        };
-        webkit?: {
-            messageHandlers: {
-                invoke: {
-                    postMessage: (params: {
-                        event: string;
-                        callbackId: number;
-                        paramsString: string;
-                    }) => void;
-                };
-                publish: {
-                    postMessage: (params: {
-                        event: string;
-                        webviewIds: string;
-                        paramsString: string;
-                    }) => void;
-                };
-                onDocumentReady: {
-                    postMessage: (params: {
-                        path: string;
-                    }) => void;
-                };
-                doExit: {
-                    postMessage: (params: {
-                        uuid: string;
-                        shouldInterrupt: boolean;
-                    }) => void;
-                };
-            };
-        };
-    }
-}
-export declare const RuntimeLoader: {
-    trigger(): void;
-    exit(): boolean;
-    onReady(fn: () => void): void;
-    doExit(fn: () => boolean): void;
-};

package/dist/native/js-core/message-port.d.ts

@@ -1,12 +0,0 @@
-interface MessageEvent {
-    data: string;
-    ports: MessagePort[];
-}
-interface MessagePort {
-    onmessage: (msg: MessageEvent) => void;
-    postMessage: (msg: string) => void;
-    publish: (event: string, data: Record<string, unknown>) => void;
-}
-export declare let messagePort: MessagePort | undefined;
-export declare function initMessagePort(): void;
-export {};

package/dist/native/js-core/utils.d.ts

@@ -1,7 +0,0 @@
-export declare function normalizeParams(params: Record<string, unknown>, type: string): {
-    params: Record<string, unknown>;
-    __extra: {
-        startTime: number;
-        type: string;
-    };
-};

package/src/native/bootstrap/bridge.ts

@@ -1,59 +0,0 @@
-import { createBridge, On } from '../js-bridge';
-
-import { joliboxJSCore, initMessagePort } from '../js-core';
-
-import { formatErrorCode } from '../../common/report/errors';
-import { AnyFunction } from '@jolibox/types';
-import { InternalJSCoreNotFoundError } from '@jolibox/common';
-
-declare const globalThis: {
-  joliboxJSBridge?: {
-    callHandler: AnyFunction;
-    invokeHandler: AnyFunction;
-    subscribeHandler: AnyFunction;
-  };
-};
-
-// eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-const jsCore = joliboxJSCore!;
-
-if (!jsCore) {
-  throw new InternalJSCoreNotFoundError('No joliboxJScore is found, native bridge not found.');
-}
-
-initMessagePort();
-
-const core: jsb.JSCore = {
-  ...jsCore
-  // publish(event: string, params: Record<string, unknown>, webviewIds: number[]) {
-  //   if (messagePort) {
-  //     messagePort.publish(event, params);
-  //     return;
-  //   }
-  //   jsCore.publish(event, params, webviewIds);
-  // }
-};
-
-const bridge = createBridge(core);
-
-const { invokeHandler } = bridge;
-
-export const { applyNative, invokeNative, onNative, offNative, subscribeHandler } = bridge;
-
-export const onNativeWithError: On = (event, handler) => {
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  onNative(event as keyof jsb.service.NativeEventMap, (...rest: any) => {
-    if (rest[0]?.errorCode) {
-      rest[0].errorCode = formatErrorCode(event, rest[0].errorCode);
-    }
-    handler(...rest);
-  });
-};
-
-globalThis.joliboxJSBridge = {
-  callHandler: invokeHandler,
-  invokeHandler,
-  subscribeHandler
-};
-
-export { RuntimeLoader } from '../js-core';

package/src/native/js-bridge/const.ts

@@ -1,11 +0,0 @@
-export const CUSTOM_EVENT_PREFIX = 'custom_event_';
-
-export const HOST_EVENT_PREFIX = 'host_event_';
-
-//TODO: add buffer supported method
-export const BUFFER_METHODS: string[] = [];
-
-// TODO: add method cannot invoke background
-export const BACKGROUND_FORBIDDEN_METHODS: string[] = [];
-
-export const SYNC_METHODS: string[] = ['env', 'createRequestTask', 'login'];

package/src/native/js-bridge/index.ts

@@ -1,2 +0,0 @@
-export { createBridge } from './js-bridge';
-export * from './types';

package/src/native/js-bridge/invoke.ts

@@ -1,208 +0,0 @@
-import { pack, unpack } from './utils';
-import { Deferred, isObject, isPromiseLike, InternalApplyNativeError, logger } from '@jolibox/common';
-import { formatErrorCode } from '../../common/report/errors';
-import { BACKGROUND_FORBIDDEN_METHODS, BUFFER_METHODS, SYNC_METHODS } from './const';
-import { createReportInvokeMetrics } from './report';
-import { InvokeHandler, On } from './types';
-
-import { AnyFunction } from '@jolibox/types';
-
-interface Invokes {
-  /** 暴露给宿主, 触发调用的方法 */
-  invokeHandler: InvokeHandler;
-  /** 基础库内部, 调用宿主的方法, 返回 native 返回对象 */
-  invokeNative: (method: string, args?: Record<string, unknown>, webviewId?: number) => any;
-  /** 基础库内部, 调用宿主的方法, 会根据 errMsg throwError */
-  applyNative: (method: string, args?: Record<string, unknown>, webviewId?: number) => any;
-}
-
-type Response = {
-  errMsg: string;
-  errNo?: number;
-  __timing?: {
-    receiveJSInvoke: number;
-    invokeCallback: number;
-  };
-} & Record<string, unknown>;
-
-// 后台期间积压的请求
-const asyncInvokes: {
-  method: string;
-  args?: Record<string, unknown>;
-  resolve: AnyFunction;
-}[] = [];
-
-//TODO: support arrayBuffer
-const NOT_SUPPORT_ARRAY_BUFFER = false;
-
-export function createInvoke(jsCore: jsb.JSCore, onNative: On): Invokes {
-  let resolveId = 0;
-  let IS_FOREGROUND = true;
-
-  const resolveMap = new Map<number, AnyFunction>();
-  const reportInvokeMetrics = createReportInvokeMetrics(jsCore, onNative);
-
-  onNative('onJoliboxEnterBackground', () => {
-    IS_FOREGROUND = false;
-  });
-
-  onNative('onJoliboxEnterForeground', () => {
-    IS_FOREGROUND = true;
-    // 从后台进入前台后, 处理之前在后台挤压的任务
-    asyncInvokes.forEach(async ({ method, args, resolve }) => {
-      const res = await invokeNative(method, args);
-      resolve(res);
-    });
-    // 清空积压
-    asyncInvokes.length = 0;
-  });
-
-  const invokeHandler: InvokeHandler = (resolveId, data): void => {
-    /**
-     * Android resolveId 是 `string`
-     * iOS 上待确认, IDE 上是 `number`
-     */
-    const resolve = resolveMap.get(Number(resolveId));
-    if (!resolve) return;
-    const response = unpack(data);
-    resolve(response);
-    resolveMap.delete(Number(resolveId));
-  };
-
-  const invokeNative = (
-    method: string,
-    args?: Record<string, unknown>
-  ): Record<string, unknown> | Promise<Record<string, unknown>> => {
-    const startTime = Date.now();
-    const isForeground = `${IS_FOREGROUND}`;
-
-    resolveId += 1;
-
-    const deferred = new Deferred<Response>();
-    resolveMap.set(resolveId, deferred.resolve);
-
-    if (!IS_FOREGROUND && BACKGROUND_FORBIDDEN_METHODS.includes(method)) {
-      // `FOREGROUND_FORBIDDEN_EVENTS` all async API
-      return new Promise<Record<string, unknown>>((resolve) => {
-        asyncInvokes.push({ method, args, resolve });
-      });
-    }
-
-    const basicReportParam = {
-      method,
-      startTime,
-      args,
-      isForeground
-    };
-
-    const invokeReportParam = {
-      ...basicReportParam,
-      invokeType: 'js-bridge'
-    } as const;
-
-    const useArrayBuffer = !NOT_SUPPORT_ARRAY_BUFFER && BUFFER_METHODS.includes(method);
-
-    const payload = pack(args, useArrayBuffer);
-    const params = useArrayBuffer ? payload : JSON.stringify(payload);
-
-    /** 调用结果 */
-    let response;
-
-    if (method.endsWith('Sync') || SYNC_METHODS.includes(method)) {
-      response = jsCore.call?.(method, payload, resolveId);
-    } else {
-      if (typeof params === 'string') {
-        response = jsCore.invoke(method, params, resolveId);
-      } else {
-        response = jsCore.call?.(method, params, resolveId);
-      }
-    }
-
-    /**
-     * 如果 invoke 返回了结果，则为同步调用
-     * - iOS 返回 `undefined`
-     * - Android 返回空字符串 `""`
-     */
-    if (response) {
-      try {
-        if (typeof response === 'string') {
-          response = JSON.parse(response);
-        }
-        response = unpack(response);
-      } catch (error) {
-        logger.error(error);
-      }
-      resolveMap.delete(resolveId);
-      if (response.errorCode) {
-        response.errorCode = formatErrorCode(method, response.errorCode);
-      }
-      reportInvokeMetrics({ ...invokeReportParam, ...response });
-
-      return response;
-    }
-
-    if (method.endsWith('Sync')) {
-      resolveMap.delete(resolveId);
-    }
-
-    return deferred.promise.then((response) => {
-      if (response.errorCode) {
-        response.errorCode = formatErrorCode(method, response.errorCode as number | undefined);
-      }
-      reportInvokeMetrics({ ...invokeReportParam, ...response });
-      return response;
-    });
-  };
-
-  const applyNative = (method: string, arg?: Record<string, unknown>) => {
-    const res = invokeNative(method, arg);
-    if (isPromiseLike(res)) {
-      return res.then((r) =>
-        ifThrowError(
-          method,
-          r as {
-            errMsg?: string;
-            errNo?: number;
-            errorType?: string;
-            errorCode?: number;
-          }
-        )
-      );
-    }
-    return ifThrowError(method, res);
-  };
-
-  return {
-    invokeNative,
-    applyNative,
-    invokeHandler
-  };
-}
-
-export function ifThrowError(
-  method: string,
-  res: {
-    errMsg?: string;
-    errNo?: number;
-    errorType?: string;
-    errorCode?: number;
-  }
-) {
-  if (!isObject(res)) {
-    logger.warn(`[Jolibox SDK]${method} no response value`);
-    return;
-  }
-  const { errMsg, errNo, errorType, errorCode, ...data } = res;
-
-  if (errMsg && errMsg !== `${method}:ok`) {
-    throw new InternalApplyNativeError(errMsg, errNo, errorType, errorCode);
-  }
-
-  return data;
-}
-
-export class ApplyNativeError extends Error {
-  constructor(message: string, readonly errNo?: number) {
-    super(message);
-  }
-}

package/src/native/js-bridge/js-bridge.ts

@@ -1,23 +0,0 @@
-import { createInvoke } from './invoke';
-import { createSubscribe } from './subscribe';
-import { JSBridge } from './types';
-
-/**
- * build js-bridge
- * @param jsCore jsCore function inject by native
- */
-export function createBridge(jsCore: jsb.JSCore): JSBridge {
-  const { subscribeHandler, onNative, offNative } = createSubscribe(jsCore);
-
-  const { invokeNative, invokeHandler, applyNative } = createInvoke(jsCore, onNative);
-
-  return {
-    // 宿主调用
-    invokeHandler,
-    subscribeHandler,
-    applyNative,
-    invokeNative,
-    onNative,
-    offNative
-  };
-}