@smoud/playable-sdk 1.1.4 → 1.2.0

package/README.md

@@ -353,6 +353,9 @@ sdk.off('eventName', [callback], [context]);
 | `ready`       | -               | Ad container is ready `post` init callback        | Start resource loading   |
 | `start`       | -               | Playable experience started                       | Begin gameplay/animation |
 | `interaction` | `count`         | User interaction occurred                         | Track engagement         |
+| `pointerdown` | `x, y, event`   | Mouse/touch pressed (unified, no duplicates)      | Start drag / tap         |
+| `pointermove` | `x, y, event`   | Mouse/touch moved while pressed                   | Update drag              |
+| `pointerup`   | `x, y, event`   | Mouse/touch released or cancelled                 | End drag / tap           |
 | `resize`      | `width, height` | Container size changed                            | Update layout            |
 | `pause`       | -               | Playable entered pause state                      | Pause gameplay           |
 | `resume`      | -               | Playable resumed from pause                       | Resume gameplay          |

package/dist/esm/index.js

@@ -192,6 +192,51 @@ function initTrackingProtocols() {
   }
 }
 
+// src/interaction.ts
+var TOUCH_MOUSE_DEDUPE_MS = 500;
+var lastTouchTime = 0;
+var isPointerDown = false;
+var isRegistered = false;
+var isMoveRegistered = false;
+function createPointerHandler(name) {
+  return function(event) {
+    const touches = event.changedTouches;
+    let point = event;
+    if (touches) {
+      lastTouchTime = event.timeStamp;
+      point = touches[0];
+    } else if (event.timeStamp - lastTouchTime < TOUCH_MOUSE_DEDUPE_MS) return;
+    if (name === "pointerdown") {
+      isPointerDown = true;
+      sdk.interactions += 1;
+      emitEvent("interaction", sdk.interactions);
+    } else if (!isPointerDown) return;
+    else if (name === "pointerup") isPointerDown = !!touches && event.touches.length > 0;
+    emitEvent(name, point.clientX, point.clientY, event);
+  };
+}
+var onPointerDown = createPointerHandler("pointerdown");
+var onPointerMove = createPointerHandler("pointermove");
+var onPointerUp = createPointerHandler("pointerup");
+function listen(type, handler) {
+  document.addEventListener(type, handler);
+}
+function registerInteractionHandlers() {
+  if (isRegistered) return;
+  isRegistered = true;
+  listen("mousedown", onPointerDown);
+  listen("touchstart", onPointerDown);
+  listen("mouseup", onPointerUp);
+  listen("touchend", onPointerUp);
+  listen("touchcancel", onPointerUp);
+}
+function registerMoveHandler() {
+  if (isMoveRegistered) return;
+  isMoveRegistered = true;
+  listen("mousemove", onPointerMove);
+  listen("touchmove", onPointerMove);
+}
+
 // src/core.ts
 var destinationUrl = "";
 var isSDKInitialized = false;
@@ -396,23 +441,6 @@ function handleResize(width, height) {
   sdk.isLandscape = sdk.maxWidth > sdk.maxHeight;
   emitEvent("resize", sdk.maxWidth, sdk.maxHeight);
 }
-var isListeningToTouchEvents = false;
-var isTouchEventRegistered = false;
-function onUserInteraction(event) {
-  if (typeof TouchEvent !== "undefined" && event instanceof TouchEvent) {
-    isListeningToTouchEvents = true;
-  }
-  if (isListeningToTouchEvents && event instanceof MouseEvent) return;
-  sdk.interactions += 1;
-  emitEvent("interaction", sdk.interactions);
-}
-function registerTouchHandlers() {
-  if (!isTouchEventRegistered) {
-    document.addEventListener("mousedown", onUserInteraction);
-    document.addEventListener("touchstart", onUserInteraction);
-    isTouchEventRegistered = true;
-  }
-}
 function initSDK() {
   destinationUrl = /android/i.test(navigator.userAgent) ? GOOGLE_PLAY_URL : APP_STORE_URL;
   ensureProtocol();
@@ -466,7 +494,7 @@ var _sdk = class _sdk {
     if (_sdk.isStarted) return;
     _sdk.isStarted = true;
     emitEvent("start");
-    registerTouchHandlers();
+    registerInteractionHandlers();
     if ("mintegral" === AD_NETWORK && isMintegral()) {
       _sdk.resize();
       handlePause();
@@ -638,6 +666,7 @@ var _sdk = class _sdk {
    * }, gameInstance);
    */
   static on(event, fn, context) {
+    if (event === "pointermove") registerMoveHandler();
     onEvent(event, fn, context);
   }
   /**
@@ -654,6 +683,7 @@ var _sdk = class _sdk {
    * });
    */
   static once(event, fn, context) {
+    if (event === "pointermove") registerMoveHandler();
     onEvent(event, fn, context, true);
   }
   /**
@@ -676,7 +706,7 @@ var _sdk = class _sdk {
   }
 };
 /** Current version of the SDK */
-_sdk.version = "1.1.4";
+_sdk.version = "1.2.0";
 /** Current maximum width of the playable ad container in pixels */
 _sdk.maxWidth = Math.floor(window.innerWidth);
 /** Current maximum height of the playable ad container in pixels */

package/dist/iife/index.js

@@ -194,6 +194,51 @@
     }
   }
 
+  // src/interaction.ts
+  var TOUCH_MOUSE_DEDUPE_MS = 500;
+  var lastTouchTime = 0;
+  var isPointerDown = false;
+  var isRegistered = false;
+  var isMoveRegistered = false;
+  function createPointerHandler(name) {
+    return function(event) {
+      const touches = event.changedTouches;
+      let point = event;
+      if (touches) {
+        lastTouchTime = event.timeStamp;
+        point = touches[0];
+      } else if (event.timeStamp - lastTouchTime < TOUCH_MOUSE_DEDUPE_MS) return;
+      if (name === "pointerdown") {
+        isPointerDown = true;
+        sdk.interactions += 1;
+        emitEvent("interaction", sdk.interactions);
+      } else if (!isPointerDown) return;
+      else if (name === "pointerup") isPointerDown = !!touches && event.touches.length > 0;
+      emitEvent(name, point.clientX, point.clientY, event);
+    };
+  }
+  var onPointerDown = createPointerHandler("pointerdown");
+  var onPointerMove = createPointerHandler("pointermove");
+  var onPointerUp = createPointerHandler("pointerup");
+  function listen(type, handler) {
+    document.addEventListener(type, handler);
+  }
+  function registerInteractionHandlers() {
+    if (isRegistered) return;
+    isRegistered = true;
+    listen("mousedown", onPointerDown);
+    listen("touchstart", onPointerDown);
+    listen("mouseup", onPointerUp);
+    listen("touchend", onPointerUp);
+    listen("touchcancel", onPointerUp);
+  }
+  function registerMoveHandler() {
+    if (isMoveRegistered) return;
+    isMoveRegistered = true;
+    listen("mousemove", onPointerMove);
+    listen("touchmove", onPointerMove);
+  }
+
   // src/core.ts
   var destinationUrl = "";
   var isSDKInitialized = false;
@@ -398,23 +443,6 @@
     sdk.isLandscape = sdk.maxWidth > sdk.maxHeight;
     emitEvent("resize", sdk.maxWidth, sdk.maxHeight);
   }
-  var isListeningToTouchEvents = false;
-  var isTouchEventRegistered = false;
-  function onUserInteraction(event) {
-    if (typeof TouchEvent !== "undefined" && event instanceof TouchEvent) {
-      isListeningToTouchEvents = true;
-    }
-    if (isListeningToTouchEvents && event instanceof MouseEvent) return;
-    sdk.interactions += 1;
-    emitEvent("interaction", sdk.interactions);
-  }
-  function registerTouchHandlers() {
-    if (!isTouchEventRegistered) {
-      document.addEventListener("mousedown", onUserInteraction);
-      document.addEventListener("touchstart", onUserInteraction);
-      isTouchEventRegistered = true;
-    }
-  }
   function initSDK() {
     destinationUrl = /android/i.test(navigator.userAgent) ? GOOGLE_PLAY_URL : APP_STORE_URL;
     ensureProtocol();
@@ -468,7 +496,7 @@
       if (_sdk.isStarted) return;
       _sdk.isStarted = true;
       emitEvent("start");
-      registerTouchHandlers();
+      registerInteractionHandlers();
       if ("mintegral" === AD_NETWORK && isMintegral()) {
         _sdk.resize();
         handlePause();
@@ -640,6 +668,7 @@
      * }, gameInstance);
      */
     static on(event, fn, context) {
+      if (event === "pointermove") registerMoveHandler();
       onEvent(event, fn, context);
     }
     /**
@@ -656,6 +685,7 @@
      * });
      */
     static once(event, fn, context) {
+      if (event === "pointermove") registerMoveHandler();
       onEvent(event, fn, context, true);
     }
     /**
@@ -678,7 +708,7 @@
     }
   };
   /** Current version of the SDK */
-  _sdk.version = "1.1.4";
+  _sdk.version = "1.2.0";
   /** Current maximum width of the playable ad container in pixels */
   _sdk.maxWidth = Math.floor(window.innerWidth);
   /** Current maximum height of the playable ad container in pixels */

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-type EventName = 'init' | 'boot' | 'ready' | 'start' | 'interaction' | 'resize' | 'pause' | 'resume' | 'volume' | 'retry' | 'finish' | 'install' | 'error';
+type EventName = 'init' | 'boot' | 'ready' | 'start' | 'interaction' | 'pointerdown' | 'pointermove' | 'pointerup' | 'resize' | 'pause' | 'resume' | 'volume' | 'retry' | 'finish' | 'install' | 'error';
 
 type InitCallbackType = (maxWidth: number, maxHeight: number) => void;
 /**

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-type EventName = 'init' | 'boot' | 'ready' | 'start' | 'interaction' | 'resize' | 'pause' | 'resume' | 'volume' | 'retry' | 'finish' | 'install' | 'error';
+type EventName = 'init' | 'boot' | 'ready' | 'start' | 'interaction' | 'pointerdown' | 'pointermove' | 'pointerup' | 'resize' | 'pause' | 'resume' | 'volume' | 'retry' | 'finish' | 'install' | 'error';
 
 type InitCallbackType = (maxWidth: number, maxHeight: number) => void;
 /**

package/dist/index.js

@@ -219,6 +219,51 @@ function initTrackingProtocols() {
   }
 }
 
+// src/interaction.ts
+var TOUCH_MOUSE_DEDUPE_MS = 500;
+var lastTouchTime = 0;
+var isPointerDown = false;
+var isRegistered = false;
+var isMoveRegistered = false;
+function createPointerHandler(name) {
+  return function(event) {
+    const touches = event.changedTouches;
+    let point = event;
+    if (touches) {
+      lastTouchTime = event.timeStamp;
+      point = touches[0];
+    } else if (event.timeStamp - lastTouchTime < TOUCH_MOUSE_DEDUPE_MS) return;
+    if (name === "pointerdown") {
+      isPointerDown = true;
+      sdk.interactions += 1;
+      emitEvent("interaction", sdk.interactions);
+    } else if (!isPointerDown) return;
+    else if (name === "pointerup") isPointerDown = !!touches && event.touches.length > 0;
+    emitEvent(name, point.clientX, point.clientY, event);
+  };
+}
+var onPointerDown = createPointerHandler("pointerdown");
+var onPointerMove = createPointerHandler("pointermove");
+var onPointerUp = createPointerHandler("pointerup");
+function listen(type, handler) {
+  document.addEventListener(type, handler);
+}
+function registerInteractionHandlers() {
+  if (isRegistered) return;
+  isRegistered = true;
+  listen("mousedown", onPointerDown);
+  listen("touchstart", onPointerDown);
+  listen("mouseup", onPointerUp);
+  listen("touchend", onPointerUp);
+  listen("touchcancel", onPointerUp);
+}
+function registerMoveHandler() {
+  if (isMoveRegistered) return;
+  isMoveRegistered = true;
+  listen("mousemove", onPointerMove);
+  listen("touchmove", onPointerMove);
+}
+
 // src/core.ts
 var destinationUrl = "";
 var isSDKInitialized = false;
@@ -423,23 +468,6 @@ function handleResize(width, height) {
   sdk.isLandscape = sdk.maxWidth > sdk.maxHeight;
   emitEvent("resize", sdk.maxWidth, sdk.maxHeight);
 }
-var isListeningToTouchEvents = false;
-var isTouchEventRegistered = false;
-function onUserInteraction(event) {
-  if (typeof TouchEvent !== "undefined" && event instanceof TouchEvent) {
-    isListeningToTouchEvents = true;
-  }
-  if (isListeningToTouchEvents && event instanceof MouseEvent) return;
-  sdk.interactions += 1;
-  emitEvent("interaction", sdk.interactions);
-}
-function registerTouchHandlers() {
-  if (!isTouchEventRegistered) {
-    document.addEventListener("mousedown", onUserInteraction);
-    document.addEventListener("touchstart", onUserInteraction);
-    isTouchEventRegistered = true;
-  }
-}
 function initSDK() {
   destinationUrl = /android/i.test(navigator.userAgent) ? GOOGLE_PLAY_URL : APP_STORE_URL;
   ensureProtocol();
@@ -493,7 +521,7 @@ var _sdk = class _sdk {
     if (_sdk.isStarted) return;
     _sdk.isStarted = true;
     emitEvent("start");
-    registerTouchHandlers();
+    registerInteractionHandlers();
     if ("mintegral" === AD_NETWORK && isMintegral()) {
       _sdk.resize();
       handlePause();
@@ -665,6 +693,7 @@ var _sdk = class _sdk {
    * }, gameInstance);
    */
   static on(event, fn, context) {
+    if (event === "pointermove") registerMoveHandler();
     onEvent(event, fn, context);
   }
   /**
@@ -681,6 +710,7 @@ var _sdk = class _sdk {
    * });
    */
   static once(event, fn, context) {
+    if (event === "pointermove") registerMoveHandler();
     onEvent(event, fn, context, true);
   }
   /**
@@ -703,7 +733,7 @@ var _sdk = class _sdk {
   }
 };
 /** Current version of the SDK */
-_sdk.version = "1.1.4";
+_sdk.version = "1.2.0";
 /** Current maximum width of the playable ad container in pixels */
 _sdk.maxWidth = Math.floor(window.innerWidth);
 /** Current maximum height of the playable ad container in pixels */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@smoud/playable-sdk",
-  "version": "1.1.4",
+  "version": "1.2.0",
   "description": "It's unified Playable SDK that supports MRAID, Google, Facebook, Vungle, and many more Ad Networks, simplifying playable ad development with a standardized interface for seamless cross-network compatibility.",
   "main": "dist/index.js",
   "module": "dist/esm/index.js",