@adhese/sdk 0.8.0 → 0.9.0

package/dist/index.js

@@ -121,6 +121,56 @@ function createSafeFrame({
     dispose
   };
 }
+const name = "@adhese/sdk";
+const type = "module";
+const version = "0.9.0";
+const description = "Adhese SDK";
+const license = "GPL-3.0";
+const repository = {
+  type: "git",
+  url: "git+https://github.com/adhese/sdk_typescript.git"
+};
+const main = "./dist/index.cjs";
+const module = "./dist/index.js";
+const types = "./dist/index.d.ts";
+const files = [
+  "LICENSE",
+  "README.md",
+  "dist"
+];
+const scripts = {
+  dev: "vitest --config vite.config.npm.ts --silent",
+  "dev:verbose": "vitest --config vite.config.npm.ts",
+  test: "vitest --config vite.config.npm.ts --silent --run --coverage",
+  "test:verbose": "vitest --config vite.config.npm.ts --run --coverage",
+  build: "npm run build:npm && npm run build:standalone",
+  "build:npm": "vite build --config vite.config.npm.ts && tsup src/index.ts --dts-only --minify --format esm",
+  "build:standalone": "vite build --config vite.config.standalone.ts",
+  lint: "eslint . --ignore-pattern **/*.md/**/*",
+  "lint:fix": "eslint --fix . --ignore-pattern **/*.md/**/*",
+  clean: "rm -rf dist",
+  typecheck: "tsc --noEmit",
+  prepareRelease: "npm run build"
+};
+const dependencies = {
+  "@vue/runtime-core": "^3.4.21",
+  remeda: "^1.61.0",
+  zod: "^3.23.0"
+};
+const packageJson = {
+  name,
+  type,
+  version,
+  description,
+  license,
+  repository,
+  main,
+  module,
+  types,
+  files,
+  scripts,
+  dependencies
+};
 function renderIframe(ad, element) {
   const iframe = document.createElement("iframe");
   iframe.srcdoc = `
@@ -199,6 +249,79 @@ function createQueryDetector({
     dispose
   };
 }
+const hookMap = /* @__PURE__ */ new Map();
+function clearAllHooks() {
+  hookMap.clear();
+}
+function createAsyncHook(name2, {
+  onRun,
+  onAdd
+} = {}) {
+  hookMap.set(name2, /* @__PURE__ */ new Set());
+  const run = async (arg) => {
+    let latestResult = arg;
+    for (const callback of hookMap.get(name2) ?? [])
+      latestResult = await callback(latestResult) ?? latestResult;
+    onRun == null ? void 0 : onRun(hookMap.get(name2));
+    return latestResult;
+  };
+  return [run, (callback) => add(callback, { name: name2, onAdd })];
+}
+function createSyncHook(name2, {
+  onRun,
+  onAdd
+} = {}) {
+  hookMap.set(name2, /* @__PURE__ */ new Set());
+  const run = (arg) => {
+    let latestResult = arg;
+    const promisedCallbacks = [];
+    for (const callback of hookMap.get(name2) ?? []) {
+      if (isCallbackAsync(callback))
+        promisedCallbacks.push(callback);
+      else
+        latestResult = callback(latestResult) ?? latestResult;
+    }
+    Promise.allSettled(promisedCallbacks.map((callback) => callback(latestResult))).catch(console.trace);
+    onRun == null ? void 0 : onRun(hookMap.get(name2));
+    return latestResult;
+  };
+  return [run, (callback) => add(callback, { name: name2, onAdd })];
+}
+function add(callback, {
+  name: name2,
+  onAdd
+}) {
+  const hookSet = hookMap.get(name2);
+  if (hookSet)
+    hookSet.add(callback);
+  else
+    hookMap.set(name2, /* @__PURE__ */ new Set([callback]));
+  onAdd == null ? void 0 : onAdd(hookSet);
+  return () => {
+    var _a;
+    (_a = hookMap.get(name2)) == null ? void 0 : _a.delete(callback);
+  };
+}
+function isCallbackAsync(callback) {
+  return callback.constructor.name === "AsyncFunction";
+}
+let resolveOnInitPromise = () => {
+};
+let isInit = false;
+const waitOnInit = new Promise((resolve) => {
+  resolveOnInitPromise = resolve;
+});
+const [runOnInit, onInit] = createSyncHook("onInit", {
+  onRun(callbacks) {
+    isInit = true;
+    resolveOnInitPromise();
+    callbacks == null ? void 0 : callbacks.clear();
+  },
+  onAdd() {
+    if (isInit)
+      runOnInit();
+  }
+});
 const defaultLogLevels = ["trace", "debug", "info", "warn", "error"];
 function createLogger({
   scope,
@@ -272,56 +395,8 @@ function createLogger({
 const logger = createLogger({
   scope: "Adhese SDK"
 });
-const hookMap = /* @__PURE__ */ new Map();
-function clearAllHooks() {
-  hookMap.clear();
-}
-function createHook(name, {
-  onRun,
-  onAdd
-} = {}) {
-  hookMap.set(name, /* @__PURE__ */ new Set());
-  const run = async (arg) => {
-    let latestResult = arg;
-    for (const callback of hookMap.get(name) ?? [])
-      latestResult = await callback(latestResult) ?? latestResult;
-    onRun == null ? void 0 : onRun(hookMap.get(name));
-    return latestResult;
-  };
-  function add(callback) {
-    const hookSet = hookMap.get(name);
-    if (hookSet)
-      hookSet.add(callback);
-    else
-      hookMap.set(name, /* @__PURE__ */ new Set([callback]));
-    onAdd == null ? void 0 : onAdd(hookSet);
-    return () => {
-      var _a;
-      (_a = hookMap.get(name)) == null ? void 0 : _a.delete(callback);
-    };
-  }
-  return [run, add];
-}
-let resolveOnInitPromise = () => {
-};
-let isInit = false;
-const waitOnInit = new Promise((resolve) => {
-  resolveOnInitPromise = resolve;
-});
-const [runOnInit, onInit] = createHook("onInit", {
-  onRun(callbacks) {
-    isInit = true;
-    resolveOnInitPromise();
-    logger.debug("Initialization completed");
-    callbacks == null ? void 0 : callbacks.clear();
-  },
-  onAdd() {
-    if (isInit)
-      runOnInit().catch(logger.error);
-  }
-});
-const [runOnRequest, onRequest] = createHook("onRequest");
-const [runOnResponse, onResponse] = createHook("onResponse");
+const [runOnRequest, onRequest] = createAsyncHook("onRequest");
+const [runOnResponse, onResponse] = createAsyncHook("onResponse");
 const numberLike = union([coerce.string().regex(/^\d+$/), literal("")]).transform((value) => value === "" ? void 0 : Number(value));
 const booleanLike = union([coerce.boolean(), literal("")]);
 const urlLike = union([coerce.string(), literal("")]).transform((value) => {
@@ -614,8 +689,9 @@ async function requestAd({
   });
   return ad;
 }
-const [runOnRender, onRender] = createHook("onRender");
-function useViewabilityObserver({ context, ad, name, element }) {
+const [runOnRender, onRender] = createAsyncHook("onRender");
+const [runOnSlotCreate, onSlotCreate] = createSyncHook("onSlotCreate");
+function useViewabilityObserver({ context, ad, name: name2, element }) {
   let timeoutId = null;
   const {
     threshold,
@@ -638,7 +714,7 @@ function useViewabilityObserver({ context, ad, name, element }) {
           timeoutId = null;
           if ((_a = ad.value) == null ? void 0 : _a.viewableImpressionCounter) {
             trackingPixel.value = addTrackingPixel(ad.value.viewableImpressionCounter);
-            logger.debug(`Viewability tracking pixel fired for ${name.value}`);
+            logger.debug(`Viewability tracking pixel fired for ${name2.value}`);
             (_c = context.events) == null ? void 0 : _c.changeSlots.dispatch(Array.from(((_b = context.getAll) == null ? void 0 : _b.call(context)) ?? []));
           }
         }, duration);
@@ -705,9 +781,10 @@ const renderFunctions = {
   iframe: renderIframe,
   inline: renderInline
 };
-function createSlot(options) {
+function createSlot(slotOptions) {
   const scope = effectScope();
   return scope.run(() => {
+    const options = runOnSlotCreate(slotOptions);
     const {
       containingElement,
       slot,
@@ -728,8 +805,8 @@ function createSlot(options) {
     }
     const ad = ref(null);
     const originalAd = ref(ad.value);
-    const name = computed(() => generateName(context.location, format.value, slot));
-    watch(name, async (newName, oldName) => {
+    const name2 = computed(() => generateName(context.location, format.value, slot));
+    watch(name2, async (newName, oldName) => {
       var _a;
       if (newName === oldName)
         return;
@@ -775,7 +852,7 @@ function createSlot(options) {
     ] = useViewabilityObserver({
       context,
       ad,
-      name,
+      name: name2,
       element
     });
     const impressionTrackingPixelElement = ref(null);
@@ -783,7 +860,7 @@ function createSlot(options) {
     async function requestAd$1() {
       const response = await requestAd({
         slot: {
-          name: name.value,
+          name: name2.value,
           parameters
         },
         context
@@ -814,7 +891,7 @@ function createSlot(options) {
       }
       if (renderAd.impressionCounter && !impressionTrackingPixelElement.value) {
         impressionTrackingPixelElement.value = addTrackingPixel(renderAd.impressionCounter);
-        logger.debug(`Impression tracking pixel fired for ${name.value}`);
+        logger.debug(`Impression tracking pixel fired for ${name2.value}`);
       }
       logger.debug("Slot rendered", {
         renderedElement: element,
@@ -823,6 +900,7 @@ function createSlot(options) {
         containingElement
       });
       (_b = options.onRender) == null ? void 0 : _b.call(options, element.value);
+      ad.value = renderAd;
       disposeRenderIntersectionObserver();
       return element.value;
     }
@@ -851,7 +929,7 @@ function createSlot(options) {
       slot,
       parameters,
       format,
-      name,
+      name: name2,
       ad,
       isViewabilityTracked,
       isImpressionTracked,
@@ -875,12 +953,12 @@ async function findDomSlots(context) {
     var _a;
     if (!element.dataset.format)
       return false;
-    const name = generateName(
+    const name2 = generateName(
       context.location,
       element.dataset.format,
       element.dataset.slot
     );
-    return !((_a = context.getAll) == null ? void 0 : _a.call(context).some((activeSlot) => activeSlot.name.value === name));
+    return !((_a = context.getAll) == null ? void 0 : _a.call(context).some((activeSlot) => activeSlot.name.value === name2));
   }).map((element) => createSlot({
     format: element.dataset.format,
     containingElement: element,
@@ -905,7 +983,7 @@ function createSlotManager({
     function getAll() {
       return Array.from(slots).map(([, slot]) => slot);
     }
-    function add(options) {
+    function add2(options) {
       var _a;
       const slot = createSlot({
         ...options,
@@ -941,8 +1019,8 @@ function createSlotManager({
         slots.set(slot.name.value, slot);
       return domSlots;
     }
-    function get(name) {
-      return slots.get(name);
+    function get(name2) {
+      return slots.get(name2);
     }
     function dispose() {
       for (const slot of slots.values())
@@ -951,14 +1029,14 @@ function createSlotManager({
       scope.stop();
     }
     for (const options of initialSlots) {
-      add({
+      add2({
         ...options,
         lazyLoading: false
       });
     }
     return {
       getAll,
-      add,
+      add: add2,
       findDomSlots: findDomSlots$1,
       get,
       dispose
@@ -1002,15 +1080,14 @@ function isPreviewMode() {
   return window.location.search.includes("adhesePreviewCreativeId");
 }
 let isDisposed = false;
-const [runOnDispose, onDispose] = createHook("onDispose", {
+const [runOnDispose, onDispose] = createSyncHook("onDispose", {
   onRun(callbacks) {
     isDisposed = true;
-    logger.debug("Disposal completed");
     callbacks == null ? void 0 : callbacks.clear();
   },
   onAdd() {
     if (isDisposed)
-      runOnDispose().catch(logger.error);
+      runOnDispose();
   }
 });
 function createAdhese(options) {
@@ -1046,7 +1123,14 @@ function createAdhese(options) {
     });
     for (const [index, plugin] of mergedOptions.plugins.entries()) {
       plugin(context, {
-        index
+        index,
+        version: packageJson.version,
+        onInit,
+        onDispose,
+        onRender,
+        onRequest,
+        onResponse,
+        onSlotCreate
       });
     }
     context.events = createEventManager();
@@ -1103,8 +1187,8 @@ function createAdhese(options) {
     function getAll() {
       return slotManager.getAll() ?? [];
     }
-    function get(name) {
-      return slotManager.get(name);
+    function get(name2) {
+      return slotManager.get(name2);
     }
     function addSlot(slotOptions) {
       if (!slotManager)
@@ -1175,7 +1259,7 @@ function createAdhese(options) {
       logger.resetLogs();
       (_b = context.events) == null ? void 0 : _b.dispose();
       logger.info("Adhese instance disposed");
-      runOnDispose().catch(logger.error);
+      runOnDispose();
       clearAllHooks();
       scope.stop();
     }
@@ -1190,7 +1274,7 @@ function createAdhese(options) {
       if (!scope.active)
         dispose();
     });
-    runOnInit().catch(logger.error);
+    runOnInit();
     return {
       parameters: context.parameters,
       events: context.events,
@@ -1212,11 +1296,6 @@ function createAdhese(options) {
 export {
   createAdhese,
   logger,
-  onDispose,
-  onInit,
-  onRender,
-  onRequest,
-  onResponse,
   requestAd,
   requestAds
 };