@adhese/sdk 0.10.0 → 0.11.1

package/dist/index.cjs

@@ -1,76 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const sdkShared = require("@adhese/sdk-shared");
 const runtimeCore = require("@vue/runtime-core");
 const remeda = require("remeda");
 const zod = require("zod");
-async function waitForDomLoad() {
-  return new Promise((resolve) => {
-    function onDomLoad() {
-      resolve();
-      window.removeEventListener("DOMContentLoaded", onDomLoad);
-    }
-    if (document.readyState === "loading")
-      document.addEventListener("DOMContentLoaded", onDomLoad);
-    else
-      resolve();
-  });
-}
-function createEventManager() {
-  const disposables = /* @__PURE__ */ new Set();
-  function dispose() {
-    for (const disposable of disposables)
-      disposable();
-  }
-  return new Proxy({
-    dispose
-  }, {
-    // eslint-disable-next-line ts/explicit-function-return-type
-    get(target, key, receiver) {
-      if (!(key in target) && typeof key === "string") {
-        const event = createEvent();
-        disposables.add(() => {
-          event.listeners.clear();
-        });
-        Reflect.set(target, key, event, receiver);
-      }
-      return Reflect.get(target, key, receiver);
-    }
-  });
-}
-function createEvent() {
-  const listeners = /* @__PURE__ */ new Set();
-  function dispatch(data) {
-    for (const listener of listeners)
-      void listener(data);
-  }
-  async function dispatchAsync(data) {
-    await Promise.allSettled(
-      Array.from(listeners).map((listener) => listener(data))
-    );
-  }
-  function addListener(listener) {
-    listeners.add(listener);
-  }
-  function removeListener(listener) {
-    listeners.delete(listener);
-  }
-  return {
-    listeners,
-    dispatch,
-    dispatchAsync,
-    addListener,
-    removeListener
-  };
-}
-const savedIds = /* @__PURE__ */ new Set();
-function uniqueId() {
-  let id;
-  do
-    id = Math.random().toString(36).slice(2);
-  while (savedIds.has(id));
-  savedIds.add(id);
-  return id;
-}
 function createSafeFrame({
   renderFile,
   context
@@ -91,7 +24,7 @@ function createSafeFrame({
     const html = ad.ext === "js" && ad.body ? ad.body : ad.tag;
     if (typeof html !== "string")
       throw new Error("Ad tag is not a string");
-    const elementId = element.id || `ad-${ad.id}-${uniqueId()}`;
+    const elementId = element.id || `ad-${ad.id}-${sdkShared.uniqueId()}`;
     element.id = elementId;
     const position = new safeFrame.host.Position({
       id: elementId,
@@ -125,7 +58,7 @@ function createSafeFrame({
 }
 const name = "@adhese/sdk";
 const type = "module";
-const version = "0.10.0";
+const version = "0.11.1";
 const description = "Adhese SDK";
 const license = "GPL-3.0";
 const repository = {
@@ -155,9 +88,10 @@ const scripts = {
   prepareRelease: "npm run build"
 };
 const dependencies = {
+  "@adhese/sdk-shared": "^0.1.0",
   "@vue/runtime-core": "^3.4.21",
   remeda: "^1.61.0",
-  zod: "^3.23.0"
+  zod: "^3.23.4"
 };
 const packageJson = {
   name,
@@ -343,7 +277,7 @@ function createLogger({
 }) {
   const logs = /* @__PURE__ */ new Set();
   let currentMinLogLevelThreshold = minLogLevelThreshold;
-  const events = createEventManager();
+  const events = sdkShared.createEventManager();
   const logFunctions = Object.fromEntries(logLevels.map((level, index) => {
     const logFunction = (message, attributes) => {
       logs.add({
@@ -352,7 +286,7 @@ function createLogger({
         message,
         attributes,
         timestamp: Date.now(),
-        id: uniqueId()
+        id: sdkShared.uniqueId()
       });
       events.log.dispatch({
         scope,
@@ -360,7 +294,7 @@ function createLogger({
         message,
         attributes,
         timestamp: Date.now(),
-        id: uniqueId()
+        id: sdkShared.uniqueId()
       });
       if (index >= logLevels.indexOf(currentMinLogLevelThreshold)) {
         if (["warn", "error", "trace"].includes(level)) {
@@ -652,6 +586,36 @@ function filterSpecialChars(value) {
   const specialRegex = /[^\p{L}\p{N}_]/gu;
   return value.replaceAll(specialRegex, "_");
 }
+const batch = /* @__PURE__ */ new Map();
+const debouncedRequestAds = remeda.debounce(async (context) => {
+  if (batch.size === 0)
+    return [];
+  const ads = await requestAds({
+    slots: Array.from(batch.values()).map(({ options }) => options.slot),
+    context
+  });
+  for (const { options, resolve, reject } of batch.values()) {
+    const ad = ads.find(({ slotName }) => runtimeCore.toValue(slotName) === runtimeCore.toValue(options.slot.name));
+    if (ad)
+      resolve(ad);
+    else
+      reject(new Error(`Ad: ${runtimeCore.toValue(options.slot.name)} not found`));
+  }
+  batch.clear();
+  return ads;
+}, {
+  waitMs: 20,
+  timing: "trailing"
+});
+async function requestAd(options) {
+  const promise = new Promise(
+    (resolve, reject) => {
+      batch.set(runtimeCore.toValue(options.slot.name), { options, resolve, reject });
+    }
+  );
+  await debouncedRequestAds.call(options.context);
+  return promise;
+}
 async function requestAds(requestOptions) {
   var _a, _b, _c, _d, _e;
   const options = await runOnRequest(requestOptions);
@@ -692,16 +656,6 @@ async function requestAds(requestOptions) {
     throw error;
   }
 }
-async function requestAd({
-  slot,
-  ...options
-}) {
-  const [ad] = await requestAds({
-    slots: [slot],
-    ...options
-  });
-  return ad;
-}
 const [runOnRender, onRender] = createAsyncHook("onRender");
 const [runOnSlotCreate, onSlotCreate] = createSyncHook("onSlotCreate");
 const [runOnViewabilityChanged, onViewabilityChanged] = createPassiveHook("onViewabilityChanged");
@@ -882,7 +836,7 @@ function createSlot(slotOptions) {
     }
     async function render(adToRender) {
       var _a, _b;
-      await waitForDomLoad();
+      await sdkShared.waitForDomLoad();
       await waitOnInit;
       let renderAd = adToRender ?? ad.value ?? originalAd.value ?? await requestAd$1();
       if (renderAd)
@@ -954,13 +908,13 @@ function createSlot(slotOptions) {
 function useDomLoaded() {
   const isDomLoaded = runtimeCore.ref(false);
   onInit(async () => {
-    await waitForDomLoad();
+    await sdkShared.waitForDomLoad();
     isDomLoaded.value = true;
   });
   return isDomLoaded;
 }
 async function findDomSlots(context) {
-  await waitForDomLoad();
+  await sdkShared.waitForDomLoad();
   return Array.from(document.querySelectorAll(".adunit")).filter((element) => {
     var _a;
     if (!element.dataset.format)
@@ -1002,6 +956,10 @@ function createSlotManager({
         onDispose: onDispose2,
         context
       });
+      if (slots.has(slot.name.value)) {
+        slot.dispose();
+        throw new Error(`Slot with the name: ${slot.name.value} already exists. Create a new slot with a different format, slot, or the location.`);
+      }
       function onDispose2() {
         var _a2;
         slots.delete(slot.name.value);
@@ -1127,11 +1085,9 @@ function createAdhese(options) {
       location: mergedOptions.location,
       consent: mergedOptions.consent,
       debug: mergedOptions.debug,
-      getAll,
-      get,
       options: mergedOptions,
       logger,
-      addSlot
+      isDisposed: false
     });
     for (const [index, plugin] of mergedOptions.plugins.entries()) {
       plugin(context, {
@@ -1146,7 +1102,7 @@ function createAdhese(options) {
         onViewabilityChanged
       });
     }
-    context.events = createEventManager();
+    context.events = sdkShared.createEventManager();
     context.safeFrame = options.safeFrame ? createSafeFrame({
       renderFile: `${mergedOptions.poolHost}/sf/r.html`,
       context
@@ -1204,22 +1160,25 @@ function createAdhese(options) {
     function getAll() {
       return slotManager.getAll() ?? [];
     }
+    context.getAll = getAll;
     function get(name2) {
       return slotManager.get(name2);
     }
+    context.get = get;
     function addSlot(slotOptions) {
       const newSlot = slotManager.add(slotOptions);
       debouncedFetchAllUnrenderedSlots.call().catch(logger.error);
       return newSlot;
     }
+    context.addSlot = addSlot;
     async function findDomSlots2() {
       const domSlots = (await slotManager.findDomSlots() ?? []).filter((slot) => !slot.lazyLoading);
       if (domSlots.length <= 0)
         return [];
-      const ads = await requestAds({
-        slots: domSlots,
+      const ads = await Promise.all(domSlots.map((slot) => requestAd({
+        slot,
         context
-      });
+      })));
       for (const ad of ads) {
         const slot = slotManager.get(ad.slotName);
         if (slot)
@@ -1245,10 +1204,10 @@ function createAdhese(options) {
       const slots = (slotManager.getAll() ?? []).filter((slot) => !slot.lazyLoading && !slot.ad.value);
       if (slots.length === 0)
         return;
-      const ads = await requestAds({
-        slots,
+      const ads = await Promise.all(slots.map((slot) => requestAd({
+        slot,
         context
-      });
+      })));
       for (const ad of ads) {
         const slot = slotManager.get(ad.slotName);
         if (slot)
@@ -1268,6 +1227,7 @@ function createAdhese(options) {
     });
     function dispose() {
       var _a, _b;
+      context.isDisposed = true;
       queryDetector.dispose();
       slotManager.dispose();
       queryDetector.dispose();
@@ -1313,5 +1273,4 @@ function createAdhese(options) {
 exports.createAdhese = createAdhese;
 exports.logger = logger;
 exports.requestAd = requestAd;
-exports.requestAds = requestAds;
 //# sourceMappingURL=index.cjs.map