@adhese/sdk 0.10.0 → 0.11.1

package/dist/index.js

@@ -1,74 +1,7 @@
+import { uniqueId, createEventManager, waitForDomLoad } from "@adhese/sdk-shared";
 import { toValue, ref, computed, watch, effectScope, reactive, shallowReactive, watchEffect } from "@vue/runtime-core";
 import { debounce, round, isDeepEqual } from "remeda";
 import { union, coerce, literal, number, string, ZodIssueCode, NEVER, object, unknown, lazy } from "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
@@ -123,7 +56,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 = {
@@ -153,9 +86,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,
@@ -650,6 +584,36 @@ function filterSpecialChars(value) {
   const specialRegex = /[^\p{L}\p{N}_]/gu;
   return value.replaceAll(specialRegex, "_");
 }
+const batch = /* @__PURE__ */ new Map();
+const debouncedRequestAds = 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 }) => toValue(slotName) === toValue(options.slot.name));
+    if (ad)
+      resolve(ad);
+    else
+      reject(new Error(`Ad: ${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(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);
@@ -690,16 +654,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");
@@ -1000,6 +954,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);
@@ -1125,11 +1083,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, {
@@ -1202,22 +1158,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)
@@ -1243,10 +1202,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)
@@ -1266,6 +1225,7 @@ function createAdhese(options) {
     });
     function dispose() {
       var _a, _b;
+      context.isDisposed = true;
       queryDetector.dispose();
       slotManager.dispose();
       queryDetector.dispose();
@@ -1311,7 +1271,6 @@ function createAdhese(options) {
 export {
   createAdhese,
   logger,
-  requestAd,
-  requestAds
+  requestAd
 };
 //# sourceMappingURL=index.js.map