@adhese/sdk 0.11.1 → 0.12.0

package/dist/index.js

@@ -1,4 +1,4 @@
-import { uniqueId, createEventManager, waitForDomLoad } from "@adhese/sdk-shared";
+import { uniqueId, createLogger, waitForDomLoad, createEventManager } 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";
@@ -56,7 +56,7 @@ function createSafeFrame({
 }
 const name = "@adhese/sdk";
 const type = "module";
-const version = "0.11.1";
+const version = "0.12.0";
 const description = "Adhese SDK";
 const license = "GPL-3.0";
 const repository = {
@@ -86,10 +86,10 @@ const scripts = {
   prepareRelease: "npm run build"
 };
 const dependencies = {
-  "@adhese/sdk-shared": "^0.1.0",
+  "@adhese/sdk-shared": "^0.2.0",
   "@vue/runtime-core": "^3.4.21",
   remeda: "^1.61.0",
-  zod: "^3.23.4"
+  zod: "^3.23.5"
 };
 const packageJson = {
   name,
@@ -221,17 +221,6 @@ function createSyncHook(name2, {
   };
   return [run, (callback) => add(callback, { name: name2, onAdd })];
 }
-function createPassiveHook(name2, {
-  onRun,
-  onAdd
-} = {}) {
-  hookMap.set(name2, /* @__PURE__ */ new Set());
-  function run(arg) {
-    Promise.allSettled(Array.from(hookMap.get(name2) ?? []).map((callback) => callback(arg))).catch(console.trace);
-    onRun == null ? void 0 : onRun(hookMap.get(name2));
-  }
-  return [run, (callback) => add(callback, { name: name2, onAdd })];
-}
 function isCallbackAsync(callback) {
   return callback.constructor.name === "AsyncFunction";
 }
@@ -267,76 +256,6 @@ const [runOnInit, onInit] = createSyncHook("onInit", {
       runOnInit();
   }
 });
-const defaultLogLevels = ["trace", "debug", "info", "warn", "error"];
-function createLogger({
-  scope,
-  logLevels = defaultLogLevels,
-  minLogLevelThreshold = logLevels[2]
-}) {
-  const logs = /* @__PURE__ */ new Set();
-  let currentMinLogLevelThreshold = minLogLevelThreshold;
-  const events = createEventManager();
-  const logFunctions = Object.fromEntries(logLevels.map((level, index) => {
-    const logFunction = (message, attributes) => {
-      logs.add({
-        scope,
-        level,
-        message,
-        attributes,
-        timestamp: Date.now(),
-        id: uniqueId()
-      });
-      events.log.dispatch({
-        scope,
-        level,
-        message,
-        attributes,
-        timestamp: Date.now(),
-        id: uniqueId()
-      });
-      if (index >= logLevels.indexOf(currentMinLogLevelThreshold)) {
-        if (["warn", "error", "trace"].includes(level)) {
-          console[level](...[
-            `%c${scope}`,
-            "color: red; font-weight: bold;",
-            message,
-            attributes
-          ].filter(Boolean));
-        } else {
-          console.log(...[
-            `%c${scope} %c${level.toUpperCase()}`,
-            "color: red; font-weight: bold;",
-            "font-weight: bold;",
-            message,
-            attributes
-          ].filter(Boolean));
-        }
-      }
-    };
-    return [level, logFunction];
-  }));
-  return {
-    ...logFunctions,
-    scope,
-    events,
-    setMinLogLevelThreshold(level) {
-      currentMinLogLevelThreshold = level;
-    },
-    resetMinLogLevelThreshold() {
-      currentMinLogLevelThreshold = minLogLevelThreshold;
-    },
-    getMinLogLevelThreshold() {
-      return currentMinLogLevelThreshold;
-    },
-    getLogs() {
-      return Array.from(logs);
-    },
-    resetLogs() {
-      events.reset.dispatch();
-      logs.clear();
-    }
-  };
-}
 const logger = createLogger({
   scope: "Adhese SDK"
 });
@@ -539,7 +458,7 @@ function getPreviewObjects() {
   return previewObjects;
 }
 function requestWithPost({
-  context: { options: { host }, parameters },
+  context,
   ...options
 }) {
   const payload = {
@@ -548,9 +467,9 @@ function requestWithPost({
       slotname: toValue(slot.name),
       parameters: parseParameters(slot.parameters)
     })),
-    parameters: parameters && parseParameters(parameters)
+    parameters: context.parameters && parseParameters(context.parameters)
   };
-  return fetch(`${new URL(host).href}json`, {
+  return fetch(`${new URL(context.options.host).href}json`, {
     method: "POST",
     body: JSON.stringify(payload),
     headers: {
@@ -619,7 +538,7 @@ async function requestAds(requestOptions) {
   const options = await runOnRequest(requestOptions);
   const { context } = options;
   try {
-    (_a = context.events) == null ? void 0 : _a.requestAd.dispatch({
+    (_a = context == null ? void 0 : context.events) == null ? void 0 : _a.requestAd.dispatch({
       ...options,
       context
     });
@@ -650,13 +569,12 @@ async function requestAds(requestOptions) {
     return mergedResult;
   } catch (error) {
     logger.error(String(error));
-    (_e = context.events) == null ? void 0 : _e.requestError.dispatch(error);
+    (_e = context == null ? void 0 : context.events) == null ? void 0 : _e.requestError.dispatch(error);
     throw error;
   }
 }
 const [runOnRender, onRender] = createAsyncHook("onRender");
 const [runOnSlotCreate, onSlotCreate] = createSyncHook("onSlotCreate");
-const [runOnViewabilityChanged, onViewabilityChanged] = createPassiveHook("onViewabilityChanged");
 function useViewabilityObserver({ context, ad, name: name2, element }) {
   let timeoutId = null;
   const {
@@ -805,11 +723,9 @@ function createSlot(slotOptions) {
       (_b = context.events) == null ? void 0 : _b.changeSlots.dispatch(Array.from(((_a = context.getAll) == null ? void 0 : _a.call(context)) ?? []));
     });
     watch(isInViewport, (value) => {
-      runOnViewabilityChanged({
-        name: name2.value,
-        isInViewport: value
-      });
-    }, { immediate: true });
+      var _a;
+      (_a = options.onViewabilityChanged) == null ? void 0 : _a.call(options, value);
+    });
     const [
       isViewabilityTracked,
       disposeViewabilityObserver
@@ -888,7 +804,7 @@ function createSlot(slotOptions) {
       scope.stop();
     }
     return {
-      location: context.location,
+      location: context.location ?? "",
       lazyLoading: options.lazyLoading ?? false,
       slot,
       parameters,
@@ -958,6 +874,10 @@ function createSlotManager({
         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.`);
       }
+      const disposeSlotWatch = watch(slot.name, (newName, previousName) => {
+        slots.set(newName, slot);
+        slots.delete(previousName);
+      });
       function onDispose2() {
         var _a2;
         slots.delete(slot.name.value);
@@ -966,12 +886,9 @@ function createSlotManager({
           slots: Array.from(slots)
         });
         (_a2 = context.events) == null ? void 0 : _a2.removeSlot.dispatch(slot);
+        disposeSlotWatch();
       }
       slots.set(slot.name.value, slot);
-      watch(slot.name, (newName, previousName) => {
-        slots.set(newName, slot);
-        slots.delete(previousName);
-      });
       logger.debug("Slot added", {
         slot,
         slots: Array.from(slots.values())
@@ -1085,7 +1002,14 @@ function createAdhese(options) {
       debug: mergedOptions.debug,
       options: mergedOptions,
       logger,
-      isDisposed: false
+      isDisposed: false,
+      parameters: /* @__PURE__ */ new Map(),
+      events: createEventManager(),
+      dispose,
+      findDomSlots: findDomSlots2,
+      getAll,
+      get,
+      addSlot
     });
     for (const [index, plugin] of mergedOptions.plugins.entries()) {
       plugin(context, {
@@ -1096,8 +1020,7 @@ function createAdhese(options) {
         onRender,
         onRequest,
         onResponse,
-        onSlotCreate,
-        onViewabilityChanged
+        onSlotCreate
       });
     }
     context.events = createEventManager();
@@ -1105,32 +1028,25 @@ function createAdhese(options) {
       renderFile: `${mergedOptions.poolHost}/sf/r.html`,
       context
     }) : void 0;
-    function getLocation() {
-      return context.location;
-    }
-    function setLocation(newLocation) {
+    watch(() => context.location, (newLocation) => {
       var _a;
-      context.location = newLocation;
       (_a = context.events) == null ? void 0 : _a.locationChange.dispatch(newLocation);
-    }
+    });
     const queryDetector = createQueryDetector({
       onChange: onQueryChange,
       queries: mergedOptions.queries
     });
     context.parameters = createParameters(mergedOptions, queryDetector);
     watch(
-      context.parameters,
-      onParametersChange,
+      () => context.parameters,
+      (newParameters) => {
+        var _a;
+        (_a = context.events) == null ? void 0 : _a.parametersChange.dispatch(newParameters);
+      },
       {
-        deep: true,
-        immediate: true
+        deep: true
       }
     );
-    function onParametersChange() {
-      var _a;
-      if (context.parameters)
-        (_a = context.events) == null ? void 0 : _a.parametersChange.dispatch(context.parameters);
-    }
     const debouncedFetchAllUnrenderedSlots = debounce(fetchAllUnrenderedSlots, {
       waitMs: 100,
       timing: "both"
@@ -1142,15 +1058,13 @@ function createAdhese(options) {
       (_b = context.parameters) == null ? void 0 : _b.set("br", query);
       await debouncedFetchAllUnrenderedSlots.call();
     }
-    function getConsent() {
-      return context.consent;
-    }
-    function setConsent(newConsent) {
+    watch(() => context.consent, (newConsent) => {
       var _a, _b;
       (_a = context.parameters) == null ? void 0 : _a.set("tl", newConsent ? "all" : "none");
-      context.consent = newConsent;
       (_b = context.events) == null ? void 0 : _b.consentChange.dispatch(newConsent);
-    }
+    }, {
+      immediate: true
+    });
     const slotManager = createSlotManager({
       initialSlots: mergedOptions.initialSlots,
       context
@@ -1164,9 +1078,7 @@ function createAdhese(options) {
     }
     context.get = get;
     function addSlot(slotOptions) {
-      const newSlot = slotManager.add(slotOptions);
-      debouncedFetchAllUnrenderedSlots.call().catch(logger.error);
-      return newSlot;
+      return slotManager.add(slotOptions);
     }
     context.addSlot = addSlot;
     async function findDomSlots2() {
@@ -1184,10 +1096,10 @@ function createAdhese(options) {
       }
       return domSlots;
     }
-    async function toggleDebug() {
+    context.findDomSlots = findDomSlots2;
+    watch(() => context.debug, async (newDebug) => {
       var _a, _b;
-      context.debug = !context.debug;
-      if (context.debug) {
+      if (newDebug) {
         logger.setMinLogLevelThreshold("debug");
         logger.debug("Debug mode enabled");
         (_a = context.events) == null ? void 0 : _a.debugChange.dispatch(true);
@@ -1196,8 +1108,9 @@ function createAdhese(options) {
         logger.setMinLogLevelThreshold("info");
         (_b = context.events) == null ? void 0 : _b.debugChange.dispatch(false);
       }
-      return context.debug;
-    }
+    }, {
+      immediate: true
+    });
     async function fetchAllUnrenderedSlots() {
       const slots = (slotManager.getAll() ?? []).filter((slot) => !slot.lazyLoading && !slot.ad.value);
       if (slots.length === 0)
@@ -1238,34 +1151,20 @@ function createAdhese(options) {
       clearAllHooks();
       scope.stop();
     }
+    context.dispose = dispose;
     onInit(async () => {
       var _a;
       if ((slotManager.getAll().length ?? 0) > 0)
         await fetchAllUnrenderedSlots().catch(logger.error);
       if (mergedOptions.findDomSlotsOnLoad)
-        await findDomSlots2();
+        await (context == null ? void 0 : context.findDomSlots());
       if (mergedOptions.debug || window.location.search.includes("adhese_debug=true") || isPreviewMode())
         (_a = context.events) == null ? void 0 : _a.debugChange.dispatch(true);
       if (!scope.active)
         dispose();
     });
     runOnInit();
-    return {
-      parameters: context.parameters,
-      events: context.events,
-      getLocation,
-      setLocation,
-      getConsent,
-      setConsent,
-      addSlot,
-      findDomSlots: findDomSlots2,
-      dispose,
-      toggleDebug,
-      get: slotManager.get,
-      getAll: slotManager.getAll,
-      context,
-      options: mergedOptions
-    };
+    return context;
   });
 }
 export {