@jolibox/implement 1.1.4-beta.8 → 1.1.4-beta.9

package/.rush/temp/package-deps_build.json

@@ -4,7 +4,7 @@
     "packages/implement/.eslintrc.js": "7a3d2747dc887655ca9e2d3ff621f7dfd98500b9",
     "packages/implement/README.md": "5660cd88848b7a5428394cc34d881a35dd402188",
     "packages/implement/esbuild.config.js": "a55a01edf7475b868f9a946b93eb05b6b1bf756a",
-    "packages/implement/package.json": "def60c329f019f7938972f129e36f3aed78606f7",
+    "packages/implement/package.json": "812fd76552e265afbc28b7fe1104b30d8b89022e",
     "packages/implement/src/common/api-factory/index.ts": "b1c4018f18db700c80826d70465c79f0adf10a8c",
     "packages/implement/src/common/api-factory/validator/__tests__/validate/any.test.ts": "6e225e09fce401b374221ad2e4fe33bc91df4152",
     "packages/implement/src/common/api-factory/validator/__tests__/validate/array.test.ts": "8a9cc32be03e952f1176a970fea033d597c176cb",
@@ -44,7 +44,7 @@
     "packages/implement/src/common/report/types.ts": "2f2db0fb5bff6d2d4436f2ed9dda9f0bce5677a9",
     "packages/implement/src/h5/ads/ads-action-detection.ts": "ad06449b7471e27b505c8688c0dd014b9e0a6a0f",
     "packages/implement/src/h5/ads/anti-cheating.ts": "9e7ce7d02b897865337e1e1ce9282c9d6dc36303",
-    "packages/implement/src/h5/ads/index.ts": "06bb47e093b0c758eb992e932bc8e36fac2da2ff",
+    "packages/implement/src/h5/ads/index.ts": "e12fc0158593d38ebfb35476615f7cf48631da66",
     "packages/implement/src/h5/api/base.ts": "ead2c3cdcbe174b0e725c31a3885c7985bd8f667",
     "packages/implement/src/h5/api/get-system-info.ts": "ff081a1a6639bf63b021ce8be47a3141a3b1882a",
     "packages/implement/src/h5/api/index.ts": "863e3461d4c4db39fc7828ec7114d72ea225aa4e",

package/dist/index.js

@@ -2700,7 +2700,7 @@ var getPlatform = () => {
     return "PC";
   }
 };
-var jssdkVersion = "1.1.4-beta.8";
+var jssdkVersion = "1.1.4-beta.9";
 var getAppVersion = () => {
   return jssdkVersion;
 };
@@ -4944,22 +4944,41 @@ var JoliboxAdsImpl = class {
       if (style) {
         ins.setAttribute("style", style);
       }
-      el.appendChild(ins);
-      const mutationObserver = new MutationObserver((mutations) => {
-        mutations.forEach((mutation) => {
-          if (mutation.type === "attributes" && mutation.attributeName === "data-ad-status") {
-            const status = ins.getAttribute("data-ad-status");
-            track("AdSenseUnitStatusChanged", {
-              status: status ?? "null"
-            });
-          }
+      const testAdsMode = this.getTestAdsMode() ?? false;
+      if (testAdsMode) {
+        const testAdsElement = document.createElement("div");
+        testAdsElement.style.position = "absolute";
+        testAdsElement.style.top = "0";
+        testAdsElement.style.left = "0";
+        testAdsElement.style.width = "100%";
+        testAdsElement.style.height = "100%";
+        testAdsElement.style.display = "flex";
+        testAdsElement.style.justifyContent = "center";
+        testAdsElement.style.alignItems = "center";
+        testAdsElement.style.backgroundColor = "rgba(0, 0, 0, 0.5)";
+        testAdsElement.style.color = "white";
+        testAdsElement.innerHTML = "Test Ad";
+        ins.style.position = "relative";
+        el.appendChild(ins);
+        ins.appendChild(testAdsElement);
+      } else {
+        el.appendChild(ins);
+        const mutationObserver = new MutationObserver((mutations) => {
+          mutations.forEach((mutation) => {
+            if (mutation.type === "attributes" && mutation.attributeName === "data-ad-status") {
+              const status = ins.getAttribute("data-ad-status");
+              track("AdSenseUnitStatusChanged", {
+                status: status ?? "null"
+              });
+            }
+          });
         });
-      });
-      mutationObserver.observe(ins, {
-        attributes: true,
-        attributeFilter: ["data-ad-status"]
-      });
-      this.push({});
+        mutationObserver.observe(ins, {
+          attributes: true,
+          attributeFilter: ["data-ad-status"]
+        });
+        this.push({});
+      }
     };
     this.antiCheating = new AdsAntiCheating(
       /*context*/

package/dist/index.native.js

@@ -1384,7 +1384,7 @@ var init_xua = __esm({
         return "PC";
       }
     };
-    jssdkVersion = "1.1.4-beta.8";
+    jssdkVersion = "1.1.4-beta.9";
     getAppVersion = () => {
       return jssdkVersion;
     };

package/implement.build.log

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

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@jolibox/implement",
   "description": "This project is Jolibox JS-SDk implement for Native && H5",
-  "version": "1.1.4-beta.8",
+  "version": "1.1.4-beta.9",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",
   "license": "MIT",
   "dependencies": {
-    "@jolibox/common": "1.1.4-beta.8",
-    "@jolibox/types": "1.1.4-beta.8",
+    "@jolibox/common": "1.1.4-beta.9",
+    "@jolibox/types": "1.1.4-beta.9",
     "localforage": "1.10.0"
   },
   "devDependencies": {

package/src/h5/ads/index.ts

@@ -598,25 +598,42 @@ export class JoliboxAdsImpl {
       ins.setAttribute('style', style);
     }
 
-    el.appendChild(ins);
-
-    const mutationObserver = new MutationObserver((mutations) => {
-      mutations.forEach((mutation) => {
-        if (mutation.type === 'attributes' && mutation.attributeName === 'data-ad-status') {
-          const status = ins.getAttribute('data-ad-status');
-          track('AdSenseUnitStatusChanged', {
-            status: status ?? 'null'
-          });
-        }
+    const testAdsMode = this.getTestAdsMode() ?? false;
+    if (testAdsMode) {
+      const testAdsElement = document.createElement('div');
+      testAdsElement.style.position = 'absolute';
+      testAdsElement.style.top = '0';
+      testAdsElement.style.left = '0';
+      testAdsElement.style.width = '100%';
+      testAdsElement.style.height = '100%';
+      testAdsElement.style.display = 'flex';
+      testAdsElement.style.justifyContent = 'center';
+      testAdsElement.style.alignItems = 'center';
+      testAdsElement.style.backgroundColor = 'rgba(0, 0, 0, 0.5)';
+      testAdsElement.style.color = 'white';
+      testAdsElement.innerHTML = 'Test Ad';
+      ins.style.position = 'relative';
+      el.appendChild(ins);
+      ins.appendChild(testAdsElement);
+    } else {
+      el.appendChild(ins);
+      const mutationObserver = new MutationObserver((mutations) => {
+        mutations.forEach((mutation) => {
+          if (mutation.type === 'attributes' && mutation.attributeName === 'data-ad-status') {
+            const status = ins.getAttribute('data-ad-status');
+            track('AdSenseUnitStatusChanged', {
+              status: status ?? 'null'
+            });
+          }
+        });
       });
-    });
 
-    mutationObserver.observe(ins, {
-      attributes: true,
-      attributeFilter: ['data-ad-status']
-    });
-
-    this.push({});
+      mutationObserver.observe(ins, {
+        attributes: true,
+        attributeFilter: ['data-ad-status']
+      });
+      this.push({});
+    }
   };
 }