@jolibox/implement 1.3.4 → 1.3.5-beta.3

package/implement.build.log

@@ -1,9 +1,9 @@
 Invoking: npm run clean && npm run build:esm && tsc 
 
-> @jolibox/implement@1.3.4 clean
+> @jolibox/implement@1.3.5-beta.3 clean
 > rimraf ./dist
 
 
-> @jolibox/implement@1.3.4 build:esm
+> @jolibox/implement@1.3.5-beta.3 build:esm
 > BUILD_VERSION=$(node -p "require('./package.json').version")  node esbuild.config.js --format=esm
 

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@jolibox/implement",
   "description": "This project is Jolibox JS-SDk implement for Native && H5",
-  "version": "1.3.4",
+  "version": "1.3.5-beta.3",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
   "license": "MIT",
   "dependencies": {
-    "@jolibox/common": "1.3.4",
-    "@jolibox/types": "1.3.4",
-    "@jolibox/native-bridge": "1.3.4",
-    "@jolibox/ads": "1.3.4",
+    "@jolibox/common": "1.3.5-beta.3",
+    "@jolibox/types": "1.3.5-beta.3",
+    "@jolibox/native-bridge": "1.3.5-beta.3",
+    "@jolibox/ads": "1.3.5-beta.3",
     "localforage": "1.10.0",
-    "@jolibox/ui": "1.3.4",
+    "@jolibox/ui": "1.3.5-beta.3",
     "web-vitals": "4.2.4"
   },
   "devDependencies": {

package/src/common/utils/index.ts

@@ -13,6 +13,9 @@ const JOLIBOX_JOLI_UNLOGIN_MODAL_EVENT = 'JOLIBOX_JOLI_UNLOGIN_MODAL_EVENT'; //
 const JOLIBOX_GET_USER_SUB_STATUS = 'JOLIBOX_GET_USER_SUB_STATUS';
 const JOLIBOX_SUB_EVENT = 'JOLIBOX_SUB_EVENT';
 
+const CP_LOAD_FINISH = 'CP_LOAD_FINISH';
+const CP_LOAD_PROGRESS = 'CP_LOAD_PROGRESS';
+
 interface JoliboxCustomEvent {
   [JOLIBOX_CUSTOM_ADS_EVENT_TYPE]: {
     isAdShowing: boolean;
@@ -52,6 +55,12 @@ interface JoliboxCustomEvent {
   [JOLIBOX_SUB_EVENT]: {
     sequenceId: string;
   };
+  [CP_LOAD_FINISH]: {
+    // no data
+  };
+  [CP_LOAD_PROGRESS]: {
+    progress: number;
+  };
 }
 
 const notifyCustomEvent = <T extends keyof JoliboxCustomEvent>(eventName: T, data: JoliboxCustomEvent[T]) => {

package/src/h5/api/ads.ts

@@ -125,7 +125,11 @@ const adsContext: IAdsContext<'GAME'> = {
       osType: platform.isAndroid ? 'ANDROID' : platform.isiOS ? 'IOS' : 'PC',
       runtimeType: 'WEB',
       platform: 1000, // WebSDK
-      joliSource: context.joliSource ?? ''
+      joliSource: context.joliSource ?? '',
+      deviceInfo: {
+        platform: 'h5',
+        nativeSDKVersionCode: 0 // not support in h5
+      }
     };
   }
 };

package/src/h5/api/runtime.ts

@@ -1,16 +1,19 @@
 import { createCommands } from '@jolibox/common';
 import { track } from '../report';
 import { context } from '@/common/context';
+import { notifyCustomEvent } from '@/common/utils';
 
 const commands = createCommands();
 
 commands.registerCommand('RuntimeSDK.loadFinishedEvent', () => {
   const duration = performance.now();
+  notifyCustomEvent('CP_LOAD_FINISH', {});
   track('loadFinished', {
     duration
   });
 });
 
 commands.registerCommand('RuntimeSDK.loadProgressEvent', (progress) => {
+  notifyCustomEvent('CP_LOAD_PROGRESS', { progress });
   console.log('RuntimeSDK.loadProgressEvent', progress);
 });

package/src/native/api/ads.ts

@@ -85,7 +85,11 @@ const adsContext: IAdsContext<'GAME'> = {
       osType: context.platform === 'android' ? 'ANDROID' : context.platform === 'ios' ? 'IOS' : 'PC',
       runtimeType: 'APP',
       platform: 1000, // WebSDK
-      joliSource: context.joliSource ?? ''
+      joliSource: context.joliSource ?? '',
+      deviceInfo: {
+        platform: context.platform,
+        nativeSDKVersionCode: context.sdkInfo.nativeSDKVersionCode ?? 0
+      }
     };
   }
 };

package/src/native/bootstrap/index.ts

@@ -9,6 +9,7 @@ import { innerFetch } from '../network';
 import { Env } from '@jolibox/types';
 import { registerLanguageHandler } from '@jolibox/ui';
 import { createIframeModal, registerIframeModalToGlobal } from '../ui/modal-iframe';
+import { onFCP, onLCP, onTTFB } from 'web-vitals';
 interface IBasicMetaConfig {
   canShowRecommended: boolean;
 }
@@ -217,6 +218,32 @@ function addDoExitLoader() {
   });
 }
 
+function trackPerformance() {
+  onFCP((metric) => {
+    track('GameFCP', {
+      value: metric.value,
+      rating: metric.rating,
+      navigationType: metric.navigationType
+    });
+  });
+
+  onLCP((metric) => {
+    track('GameLCP', {
+      value: metric.value,
+      rating: metric.rating,
+      navigationType: metric.navigationType
+    });
+  });
+
+  onTTFB((metric) => {
+    track('GameTTFB', {
+      value: metric.value,
+      rating: metric.rating,
+      navigationType: metric.navigationType
+    });
+  });
+}
+
 async function fetchMetaConfig() {
   try {
     const url = `/api/fe-configs/js-sdk/basic-meta`;
@@ -242,6 +269,7 @@ export function config(): void {
   addWebviewReadyListener();
   addI18nChangedListener();
   fetchMetaConfig();
+  trackPerformance();
   unregisterIframeModal = registerIframeModalToGlobal();
 
   cleanStyles = initializeNativeEnv();