@adhese/sdk 0.20.0 → 0.21.0

package/dist/index.js

@@ -1,913 +1,4 @@
-import { createLogger, toValue, debounce, ref, computed, waitForDomLoad, watch, round, createAsyncHook, createPassiveHook, effectScope, uniqueId, reactive, generateName, isDeepEqual, addTrackingPixel, doNothing, createSyncHook, createEventManager, omit, awaitTimeout } from "@adhese/sdk-shared";
-const name = "@adhese/sdk";
-const version = "0.20.0";
-const logger = createLogger({
-  scope: `${name}@${version}`
-});
-async function requestPreviews(account) {
-  const previewObjects = getPreviewObjects();
-  const [list, adSchema] = await Promise.all([
-    Promise.allSettled(previewObjects.filter((previewObject) => "adhesePreviewCreativeId" in previewObject).map(async (previewObject) => {
-      const endpoint = new URL(`https://${account}-preview.adhese.org/creatives/preview/json/tag.do`);
-      endpoint.searchParams.set(
-        "id",
-        previewObject.adhesePreviewCreativeId
-      );
-      const response = await fetch(endpoint.href, {
-        method: "GET",
-        headers: {
-          accept: "application/json"
-        }
-      });
-      if (!response.ok)
-        return Promise.reject(new Error(`Failed to request preview ad with ID: ${previewObject.adhesePreviewCreativeId}`));
-      return await response.json();
-    })),
-    import("./requestAds.schema-BsJYUvgz.js").then((module) => module.adSchema)
-  ]);
-  return adSchema.array().parse(list.filter((response) => {
-    if (response.status === "rejected") {
-      logger.error(response.reason);
-      return false;
-    }
-    return response.status === "fulfilled";
-  }).flatMap((response) => response.value.map((item) => ({
-    ...item,
-    preview: true
-  }))));
-}
-function getPreviewObjects() {
-  const currentUrl = new URL(window.location.href);
-  const previewObjects = [];
-  let currentObject = {};
-  for (const [key, value] of currentUrl.searchParams.entries()) {
-    if (key === "adhesePreviewCreativeId" && Object.keys(currentObject).length > 0) {
-      previewObjects.push(currentObject);
-      currentObject = {};
-    }
-    currentObject[key] = value;
-  }
-  if (Object.keys(currentObject).length > 0)
-    previewObjects.push(currentObject);
-  return previewObjects;
-}
-function requestWithPost({
-  context,
-  ...options
-}) {
-  const payload = {
-    ...options,
-    slots: options.slots.map((slot) => ({
-      slotname: toValue(slot.name),
-      parameters: parseParameters(slot.parameters)
-    })),
-    parameters: context.parameters && parseParameters(context.parameters)
-  };
-  return fetch(`${new URL(context.options.host).href}json`, {
-    method: "POST",
-    body: JSON.stringify(payload),
-    headers: {
-      // eslint-disable-next-line ts/naming-convention
-      "Content-Type": "application/json"
-    }
-  });
-}
-async function requestWithGet({ context, slots }) {
-  return fetch(new URL(`${context.options.host}/json/sl${slots.map((slot) => toValue(slot.name)).join("/sl")}`), {
-    method: "GET",
-    headers: {
-      // eslint-disable-next-line ts/naming-convention
-      "Content-Type": "application/json"
-    }
-  });
-}
-function parseParameters(parameters) {
-  return Object.fromEntries(Array.from(parameters.entries()).filter(([key]) => {
-    if (key.length === 2)
-      return true;
-    logger.warn(`Invalid parameter key: ${key}. Key should be exactly 2 characters long. Key will be ignored.`);
-    return false;
-  }).map(([key, value]) => {
-    if (typeof value === "string")
-      return [key, filterSpecialChars(value)];
-    return [key, value.map(filterSpecialChars)];
-  }));
-}
-function filterSpecialChars(value) {
-  const specialRegex = /[^\p{L}\p{N}_]/gu;
-  return value.replaceAll(specialRegex, "_");
-}
-const batch = /* @__PURE__ */ new Map();
-const runRequestAdsBatch = 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 } of batch.values()) {
-    const ad = ads.find(({ slotName }) => toValue(slotName) === toValue(options.slot.name));
-    if (ad)
-      resolve(ad);
-    else
-      resolve(null);
-  }
-  batch.clear();
-  return ads;
-}, {
-  waitMs: 20,
-  timing: "trailing"
-});
-async function requestAd(options) {
-  const promise = new Promise(
-    (resolve) => {
-      batch.set(toValue(options.slot.name), { options, resolve });
-    }
-  );
-  await runRequestAdsBatch.call(options.context);
-  return promise;
-}
-async function requestAds(requestOptions) {
-  var _a, _b, _c, _d, _e;
-  const options = await requestOptions.context.hooks.runOnRequest(requestOptions);
-  const { context } = options;
-  try {
-    (_a = context == null ? void 0 : context.events) == null ? void 0 : _a.requestAd.dispatch({
-      ...options,
-      context
-    });
-    const [response, previews, parseResponse] = await Promise.all([
-      ((_b = context.options.requestType) == null ? void 0 : _b.toUpperCase()) === "POST" ? requestWithPost(options) : requestWithGet(options),
-      requestPreviews(context.options.account),
-      import("./requestAds.schema-BsJYUvgz.js").then((module) => module.parseResponse)
-    ]);
-    logger.debug("Received response", response);
-    if (!response.ok)
-      throw new Error(`Failed to request ad: ${response.status} ${response.statusText}`);
-    const result = parseResponse(await response.json());
-    logger.debug("Parsed ad", result);
-    if (previews.length > 0)
-      logger.info(`Found ${previews.length} ${previews.length === 1 ? "preview" : "previews"}. Replacing ads in response with preview items`, previews);
-    const matchedPreviews = previews.map(({ slotName, ...preview }) => {
-      const partnerAd = result.find((ad) => ad.libId === preview.libId);
-      return {
-        slotName: `${(partnerAd == null ? void 0 : partnerAd.slotName) ?? slotName}`,
-        ...preview
-      };
-    });
-    if (matchedPreviews.length > 0)
-      (_c = context.events) == null ? void 0 : _c.previewReceived.dispatch(matchedPreviews);
-    const mergedResult = await context.hooks.runOnResponse([
-      ...result.filter((ad) => !previews.some((preview) => preview.libId === ad.libId)),
-      ...matchedPreviews
-    ]);
-    (_d = context.events) == null ? void 0 : _d.responseReceived.dispatch(mergedResult);
-    return mergedResult;
-  } catch (error) {
-    logger.error(String(error));
-    (_e = context == null ? void 0 : context.events) == null ? void 0 : _e.requestError.dispatch(error);
-    throw error;
-  }
-}
-function useQueryDetector(context, queries = {
-  mobile: "(max-width: 768px)",
-  tablet: "(min-width: 769px) and (max-width: 1024px)",
-  desktop: "(min-width: 1025px)"
-}) {
-  const entries = Object.entries(queries);
-  const active = ref(getQuery(entries));
-  const queryList = entries.map(([, query]) => window.matchMedia(query));
-  const handleOnChange = debounce(() => {
-    active.value = getQuery(entries);
-  }, {
-    waitMs: 50
-  });
-  context.hooks.onInit(() => {
-    for (const query of queryList)
-      query.addEventListener("change", handleOnChange.call);
-    handleOnChange.call();
-  });
-  function dispose() {
-    for (const query of queryList)
-      query.removeEventListener("change", handleOnChange.call);
-  }
-  context.hooks.onDispose(dispose);
-  return [computed(() => active.value), dispose];
-}
-function getQuery(entries) {
-  for (const [device, query] of entries) {
-    if (window.matchMedia(query).matches)
-      return device;
-  }
-  return "unknown";
-}
-function renderIframe(ad, element) {
-  const iframe = document.createElement("iframe");
-  iframe.srcdoc = `
-      <!DOCTYPE html>
-      <html>
-        <head>
-          <style>
-            body {
-              margin: 0;
-              padding: 0;
-              overflow: hidden;
-            }
-          </style>
-        </head>
-        <body>
-          ${String(ad.tag)}
-        </body>
-      `.replaceAll(/\s+/g, " ").trim();
-  iframe.style.border = "none";
-  iframe.style.width = ad.width ? `${ad.width}px` : "auto";
-  iframe.style.height = ad.height ? `${ad.height}px` : "auto";
-  element.replaceChildren(iframe);
-}
-function renderInline(ad, element) {
-  element.innerHTML = String(ad.tag);
-}
-function useDomLoaded(context) {
-  const isDomLoaded = ref(false);
-  context.hooks.onInit(async () => {
-    await waitForDomLoad();
-    isDomLoaded.value = true;
-  });
-  return isDomLoaded;
-}
-function useRenderIntersectionObserver({ options, element, hooks }) {
-  var _a;
-  const isInViewport = ref(false);
-  const renderIntersectionObserver = new IntersectionObserver((entries) => {
-    isInViewport.value = entries.some((entry) => entry.isIntersecting);
-  }, {
-    rootMargin: ((_a = options.lazyLoadingOptions) == null ? void 0 : _a.rootMargin) ?? "200px",
-    threshold: 0
-  });
-  function observe(newElement, oldElement) {
-    if (oldElement)
-      renderIntersectionObserver.unobserve(oldElement);
-    if (newElement)
-      renderIntersectionObserver.observe(newElement);
-    return () => {
-      if (newElement)
-        renderIntersectionObserver.unobserve(newElement);
-    };
-  }
-  watch(element, observe);
-  observe(element.value);
-  hooks.onDispose(() => {
-    renderIntersectionObserver.disconnect();
-  });
-  return isInViewport;
-}
-function useViewabilityObserver({ context, slotContext, hooks, onTracked }) {
-  let timeoutId = null;
-  const {
-    threshold,
-    duration,
-    rootMargin
-  } = {
-    threshold: 0.2,
-    duration: 1e3,
-    rootMargin: "0px",
-    ...context.options.viewabilityTrackingOptions
-  };
-  const trackingPixel = ref(null);
-  const isTracked = ref(false);
-  const viewabilityObserver = new IntersectionObserver(([entry]) => {
-    if (context.options.viewabilityTracking && !trackingPixel.value) {
-      const ratio = round(entry.intersectionRatio, 1);
-      if (ratio >= threshold && !timeoutId) {
-        timeoutId = setTimeout(() => {
-          timeoutId = null;
-          onTracked == null ? void 0 : onTracked(trackingPixel);
-          isTracked.value = true;
-        }, duration);
-      } else if (ratio < threshold && timeoutId) {
-        clearTimeout(timeoutId);
-        timeoutId = null;
-      }
-    }
-  }, {
-    rootMargin,
-    threshold: Array.from({ length: 11 }, (_, i) => i * 0.1)
-  });
-  function observe(newElement, oldElement) {
-    if (newElement && context.options.viewabilityTracking)
-      viewabilityObserver.observe(newElement);
-    return () => {
-      if (newElement)
-        viewabilityObserver.unobserve(newElement);
-    };
-  }
-  watch(() => {
-    var _a;
-    return (_a = slotContext.value) == null ? void 0 : _a.element;
-  }, (element) => {
-    if (element)
-      observe(element);
-  }, { immediate: true });
-  watch(slotContext, (slot) => {
-    if (slot == null ? void 0 : slot.element)
-      viewabilityObserver.observe(slot.element);
-  }, { once: true });
-  hooks.onDispose(() => {
-    var _a;
-    (_a = trackingPixel.value) == null ? void 0 : _a.remove();
-    viewabilityObserver.disconnect();
-  });
-  return isTracked;
-}
-function useSlotHooks({ setup }, slotContext) {
-  const [runOnBeforeRender, onBeforeRender, disposeOnBeforeRender] = createAsyncHook();
-  const [runOnRender, onRender, disposeOnRender] = createAsyncHook();
-  const [runOnBeforeRequest, onBeforeRequest, disposeOnBeforeRequest] = createAsyncHook();
-  const [runOnRequest, onRequest, disposeOnRequest] = createAsyncHook();
-  const [runOnDispose, onDispose, disposeOnDispose] = createPassiveHook();
-  setup == null ? void 0 : setup(slotContext, {
-    onBeforeRender,
-    onRender,
-    onBeforeRequest,
-    onDispose,
-    onRequest
-  });
-  onDispose(() => {
-    disposeOnBeforeRender();
-    disposeOnRender();
-    disposeOnBeforeRequest();
-    disposeOnRequest();
-    disposeOnDispose();
-  });
-  return { runOnBeforeRender, runOnRender, runOnBeforeRequest, runOnRequest, runOnDispose, onDispose, onBeforeRequest, onRequest, onBeforeRender, onRender };
-}
-const renderFunctions = {
-  iframe: renderIframe,
-  inline: renderInline,
-  none: doNothing
-};
-const defaultOptions = {
-  renderMode: "iframe",
-  type: "normal"
-};
-function createSlot(slotOptions) {
-  const scope = effectScope();
-  return scope.run(() => {
-    const slotContext = ref(null);
-    const options = slotOptions.context.hooks.runOnSlotCreate({
-      ...defaultOptions,
-      ...slotOptions
-    });
-    const {
-      containingElement,
-      slot,
-      context,
-      pluginOptions,
-      renderMode = "iframe",
-      type = "normal"
-    } = options;
-    const id = uniqueId();
-    const {
-      runOnBeforeRender,
-      runOnRender,
-      runOnBeforeRequest,
-      runOnRequest,
-      runOnDispose,
-      ...hooks
-    } = useSlotHooks(options, slotContext);
-    const isDisposed = ref(false);
-    const parameters = reactive(new Map(Object.entries(options.parameters ?? {})));
-    const [device, disposeQueryDetector] = useQueryDetector(context, typeof options.format === "string" ? {
-      [options.format]: "(min-width: 0px)"
-    } : Object.fromEntries(options.format.map((item) => [item.format, item.query])));
-    const format = computed(() => typeof options.format === "string" ? options.format : device.value);
-    const data = ref(null);
-    const originalData = ref(data.value);
-    const name2 = computed(() => generateName(options.context.location, format.value, options.slot));
-    watch(name2, async (newName, oldName) => {
-      var _a, _b;
-      if (newName === oldName)
-        return;
-      const newAd = await ((_a = slotContext.value) == null ? void 0 : _a.request());
-      if (!newAd)
-        return;
-      (_b = slotContext.value) == null ? void 0 : _b.cleanElement();
-      data.value = newAd;
-      originalData.value = newAd;
-    });
-    const isDomLoaded = useDomLoaded(context);
-    const element = computed(
-      () => {
-        var _a;
-        if (!(typeof options.containingElement === "string" || !options.containingElement))
-          return options.containingElement;
-        if (!isDomLoaded.value || ((_a = slotContext.value) == null ? void 0 : _a.isDisposed))
-          return null;
-        return document.querySelector(`.adunit[data-format="${format.value}"]#${options.containingElement}${options.slot ? `[data-slot="${options.slot}"]` : ""}`);
-      }
-    );
-    const isInViewport = useRenderIntersectionObserver({
-      options,
-      element,
-      hooks
-    });
-    const status = ref("initializing");
-    watch([data, isInViewport], async ([newData, newIsInViewport], [oldData]) => {
-      var _a;
-      if ((!newData || oldData && isDeepEqual(newData, oldData)) && status.value === "rendered")
-        return;
-      if (newIsInViewport)
-        await ((_a = slotContext.value) == null ? void 0 : _a.render(newData ?? void 0));
-    });
-    hooks.onDispose(() => {
-      disposeQueryDetector();
-    });
-    context.hooks.onInit(async () => {
-      var _a;
-      status.value = "initialized";
-      if (options.lazyLoading)
-        return;
-      data.value = await ((_a = slotContext.value) == null ? void 0 : _a.request()) ?? null;
-    });
-    const isViewabilityTracked = useViewabilityObserver({
-      context,
-      slotContext,
-      hooks,
-      onTracked(trackingPixel) {
-        var _a, _b, _c, _d, _e;
-        if ((_b = (_a = slotContext.value) == null ? void 0 : _a.data) == null ? void 0 : _b.viewableImpressionCounter) {
-          trackingPixel.value = addTrackingPixel((_d = (_c = slotContext.value) == null ? void 0 : _c.data) == null ? void 0 : _d.viewableImpressionCounter);
-          context.logger.debug(`Viewability tracking pixel fired for ${(_e = slotContext.value) == null ? void 0 : _e.name}`);
-        }
-      }
-    });
-    const impressionTrackingPixelElement = ref(null);
-    const isImpressionTracked = ref(false);
-    hooks.onDispose(() => {
-      if (impressionTrackingPixelElement.value)
-        impressionTrackingPixelElement.value.remove();
-    });
-    async function request() {
-      if (options.lazyLoading && !isInViewport.value)
-        return null;
-      status.value = "loading";
-      let response = await runOnBeforeRequest(null);
-      if (!response) {
-        response = await requestAd({
-          slot: {
-            name: name2.value,
-            parameters
-          },
-          context
-        });
-      }
-      if (response)
-        response = await runOnRequest(response);
-      data.value = response;
-      if (!originalData.value)
-        originalData.value = response;
-      status.value = response ? "loaded" : "empty";
-      if (!response)
-        cleanElement();
-      return response;
-    }
-    async function render(adToRender) {
-      status.value = "rendering";
-      await waitForDomLoad();
-      let renderAd = adToRender ?? data.value ?? originalData.value ?? await request();
-      renderAd = renderAd && await runOnBeforeRender(renderAd);
-      if (!renderAd) {
-        status.value = "empty";
-        logger.debug(`No ad to render for slot ${name2.value}`);
-        return null;
-      }
-      renderAd = await runOnRender(renderAd);
-      if (!element.value) {
-        const error = `Could not create slot for format ${format.value}. No element found.`;
-        logger.error(error, options);
-        throw new Error(error);
-      }
-      if (context.debug)
-        element.value.style.position = "relative";
-      if (typeof (renderAd == null ? void 0 : renderAd.tag) !== "string") {
-        const error = `Could not render slot for slot ${name2.value}. A valid tag doesn't exist or is not HTML string.`;
-        logger.error(error, options);
-        status.value = "error";
-        throw new Error(error);
-      }
-      renderFunctions[renderMode](renderAd, element.value);
-      if (renderAd.impressionCounter && !impressionTrackingPixelElement.value)
-        impressionTrackingPixelElement.value = addTrackingPixel(renderAd.impressionCounter);
-      isImpressionTracked.value = true;
-      logger.debug("Slot rendered", {
-        renderedElement: element,
-        location: context.location,
-        format,
-        containingElement
-      });
-      data.value = renderAd;
-      status.value = "rendered";
-      return element.value;
-    }
-    function cleanElement() {
-      if (!element.value)
-        return;
-      element.value.innerHTML = "";
-      element.value.style.position = "";
-      element.value.style.width = "";
-      element.value.style.height = "";
-      data.value = null;
-      originalData.value = null;
-    }
-    function dispose() {
-      cleanElement();
-      data.value = null;
-      runOnDispose();
-      isDisposed.value = true;
-      scope.stop();
-    }
-    const state = reactive({
-      location: context.location ?? "",
-      lazyLoading: options.lazyLoading ?? false,
-      type,
-      slot,
-      parameters,
-      format,
-      name: name2,
-      data,
-      isViewabilityTracked,
-      isImpressionTracked,
-      status,
-      element,
-      isDisposed,
-      id,
-      pluginOptions,
-      render,
-      request,
-      dispose,
-      cleanElement,
-      ...hooks
-    });
-    watch(state, (newState) => {
-      slotContext.value = newState;
-    }, {
-      deep: true,
-      immediate: true
-    });
-    return state;
-  });
-}
-async function findDomSlots(context) {
-  await waitForDomLoad();
-  return Array.from(document.querySelectorAll(".adunit")).filter((element) => {
-    var _a;
-    if (!element.dataset.format)
-      return false;
-    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 === name2));
-  }).map((element) => createSlot({
-    format: element.dataset.format,
-    containingElement: element,
-    slot: element.dataset.slot,
-    context
-  })).filter((slot) => {
-    var _a;
-    return !((_a = context.getAll) == null ? void 0 : _a.call(context).some((activeSlot) => activeSlot.name === slot.name));
-  });
-}
-function createSlotManager({
-  initialSlots = [],
-  context
-}) {
-  context.slots = /* @__PURE__ */ new Map();
-  function getAll() {
-    return Array.from(context.slots).map(([, slot]) => slot);
-  }
-  function add(options) {
-    var _a;
-    const slot = createSlot({
-      ...options,
-      context,
-      setup(slotContext, slotHooks) {
-        var _a2;
-        (_a2 = options.setup) == null ? void 0 : _a2.call(options, slotContext, slotHooks);
-        slotHooks.onDispose(() => {
-          var _a3;
-          context.slots.delete(slot.id);
-          logger.debug("Slot removed", {
-            slot
-          });
-          (_a3 = context.events) == null ? void 0 : _a3.removeSlot.dispatch(slot);
-        });
-      }
-    });
-    if (get(slot.name)) {
-      slot.dispose();
-      throw new Error(`Slot with the name: ${slot.name} already exists. Create a new slot with a different format, slot, or the location.`);
-    }
-    context.slots.set(slot.id, slot);
-    logger.debug("Slot added", {
-      slot,
-      slots: Array.from(context.slots.values())
-    });
-    (_a = context.events) == null ? void 0 : _a.addSlot.dispatch(slot);
-    return slot;
-  }
-  async function findDomSlots$1() {
-    const domSlots = await findDomSlots(
-      context
-    );
-    for (const slot of domSlots)
-      context.slots.set(slot.id, slot);
-    return domSlots;
-  }
-  function get(name2) {
-    return getAll().find((slot) => slot.name === name2);
-  }
-  function dispose() {
-    for (const slot of context.slots.values())
-      slot.dispose();
-    context.slots.clear();
-  }
-  for (const options of initialSlots) {
-    add({
-      ...options,
-      lazyLoading: false
-    });
-  }
-  return {
-    getAll,
-    add,
-    findDomSlots: findDomSlots$1,
-    get,
-    dispose
-  };
-}
-function useConsent(context) {
-  const consent = ref("none");
-  const consentType = computed(() => consent.value === "none" || consent.value === "all" ? "binary" : "tcf");
-  function onTcfConsentChange(data) {
-    if (data.tcString)
-      consent.value = data.tcString;
-  }
-  context.hooks.onInit(() => {
-    var _a;
-    (_a = window.__tcfapi) == null ? void 0 : _a.call(window, "addEventListener", 2, onTcfConsentChange);
-  });
-  context.hooks.onDispose(() => {
-    var _a;
-    (_a = window.__tcfapi) == null ? void 0 : _a.call(window, "removeEventListener", 2, onTcfConsentChange);
-  });
-  watch(() => context.consent, (newConsent) => {
-    consent.value = newConsent ? "all" : "none";
-  }, { immediate: true });
-  watch([consent, consentType], ([newConsent, newConsentType]) => {
-    if (newConsentType === "binary") {
-      context.parameters.set("tl", newConsent);
-      context.parameters.delete("xt");
-    } else {
-      context.parameters.set("xt", newConsent);
-      context.parameters.delete("tl");
-    }
-  }, { immediate: true });
-  watch(consent, (newConsent) => {
-    context.consentString = newConsent;
-  }, { immediate: true });
-  return [consent, consentType];
-}
-function setupLogging(mergedOptions) {
-  if (mergedOptions.debug || window.location.search.includes("adhese_debug=true")) {
-    logger.setMinLogLevelThreshold("debug");
-    logger.debug("Debug logging enabled");
-  }
-  logger.debug("Created Adhese SDK instance", {
-    mergedOptions
-  });
-}
-function isPreviewMode() {
-  return window.location.search.includes("adhesePreviewCreativeId");
-}
-async function fetchAllUnrenderedSlots(slots) {
-  const filteredSlots = slots.filter((slot) => !slot.lazyLoading && !slot.data);
-  if (filteredSlots.length === 0)
-    return;
-  await Promise.allSettled(filteredSlots.map((slot) => slot.request()));
-}
-function useMainQueryDetector(mergedOptions, context) {
-  const [device] = useQueryDetector(context, mergedOptions.queries);
-  watch(device, async (newDevice) => {
-    var _a, _b;
-    context.device = newDevice;
-    (_a = context.parameters) == null ? void 0 : _a.set("dt", newDevice);
-    (_b = context.parameters) == null ? void 0 : _b.set("br", newDevice);
-    await Promise.allSettled(context.getAll().map((slot) => slot.request()));
-  }, { immediate: true });
-}
-function useMainDebugMode(context) {
-  watch(() => context.debug, async (newDebug) => {
-    var _a, _b;
-    if (newDebug) {
-      context.logger.setMinLogLevelThreshold("debug");
-      context.logger.debug("Debug mode enabled");
-      (_a = context.events) == null ? void 0 : _a.debugChange.dispatch(true);
-    } else {
-      context.logger.debug("Debug mode disabled");
-      context.logger.setMinLogLevelThreshold("info");
-      (_b = context.events) == null ? void 0 : _b.debugChange.dispatch(false);
-    }
-  }, {
-    immediate: true
-  });
-  context.hooks.onDispose(() => {
-    context.logger.resetLogs();
-    context.logger.info("Adhese instance disposed");
-  });
-}
-function useMainParameters(context, options) {
-  const parameters = /* @__PURE__ */ new Map();
-  if (options.logReferrer)
-    parameters.set("re", btoa(document.referrer));
-  if (options.logUrl)
-    parameters.set("ur", btoa(window.location.href));
-  for (const [key, value] of Object.entries({
-    ...options.parameters ?? {},
-    rn: Math.round(Math.random() * 1e4).toString()
-  }))
-    parameters.set(key, value);
-  context.parameters = parameters;
-  watch(
-    () => context.parameters,
-    (newParameters) => {
-      var _a;
-      (_a = context.events) == null ? void 0 : _a.parametersChange.dispatch(newParameters);
-    },
-    {
-      deep: true
-    }
-  );
-}
-function createGlobalHooks() {
-  const disposeFunctions = /* @__PURE__ */ new Set();
-  let isInit = false;
-  const [runOnInit, onInit, disposeOnInit] = createSyncHook({
-    onRun(callbacks) {
-      isInit = true;
-      callbacks == null ? void 0 : callbacks.clear();
-    },
-    onAdd() {
-      if (isInit)
-        runOnInit();
-    }
-  });
-  disposeFunctions.add(disposeOnInit);
-  let isDisposed = false;
-  const [runOnDispose, onDispose, disposeOnDispose] = createSyncHook({
-    onRun(callbacks) {
-      isDisposed = true;
-      callbacks == null ? void 0 : callbacks.clear();
-    },
-    onAdd() {
-      if (isDisposed)
-        runOnDispose();
-    }
-  });
-  disposeFunctions.add(disposeOnDispose);
-  const [runOnRequest, onRequest, disposeOnRequest] = createAsyncHook();
-  disposeFunctions.add(disposeOnRequest);
-  const [runOnResponse, onResponse, disposeOnResponse] = createAsyncHook();
-  disposeFunctions.add(disposeOnResponse);
-  const [runOnSlotCreate, onSlotCreate, disposeOnSlotCreate] = createSyncHook();
-  disposeFunctions.add(disposeOnSlotCreate);
-  function clearAll() {
-    for (const disposeFunction of disposeFunctions)
-      disposeFunction();
-  }
-  return {
-    runOnInit,
-    onInit,
-    runOnDispose,
-    onDispose,
-    runOnRequest,
-    onRequest,
-    runOnResponse,
-    onResponse,
-    runOnSlotCreate,
-    onSlotCreate,
-    clearAll
-  };
-}
-function createAdhese(options) {
-  const scope = effectScope();
-  return scope.run(() => {
-    var _a;
-    const mergedOptions = {
-      host: `https://ads-${options.account}.adhese.com`,
-      poolHost: `https://pool-${options.account}.adhese.com`,
-      location: "homepage",
-      requestType: "POST",
-      debug: false,
-      initialSlots: [],
-      findDomSlotsOnLoad: false,
-      consent: false,
-      logReferrer: true,
-      logUrl: true,
-      eagerRendering: false,
-      viewabilityTracking: true,
-      ...options
-    };
-    setupLogging(mergedOptions);
-    const hooks = createGlobalHooks();
-    const context = reactive({
-      location: mergedOptions.location,
-      consent: mergedOptions.consent,
-      debug: mergedOptions.debug,
-      options: mergedOptions,
-      logger,
-      isDisposed: false,
-      parameters: /* @__PURE__ */ new Map(),
-      events: createEventManager(),
-      slots: /* @__PURE__ */ new Map(),
-      device: "unknown",
-      hooks,
-      plugins: {},
-      dispose,
-      findDomSlots: findDomSlots2,
-      getAll,
-      get,
-      addSlot
-    });
-    for (const [index, plugin] of ((_a = options.plugins) == null ? void 0 : _a.entries()) ?? []) {
-      const data = plugin(context, {
-        index,
-        version,
-        hooks
-      });
-      const name2 = data.name;
-      context.plugins[name2] = omit(data, ["name"]);
-    }
-    watch(() => context.location, (newLocation) => {
-      var _a2;
-      (_a2 = context.events) == null ? void 0 : _a2.locationChange.dispatch(newLocation);
-    });
-    useMainParameters(context, mergedOptions);
-    const slotManager = createSlotManager({
-      initialSlots: mergedOptions.initialSlots,
-      context
-    });
-    function getAll() {
-      return slotManager.getAll() ?? [];
-    }
-    context.getAll = getAll;
-    function get(name2) {
-      return slotManager.get(name2);
-    }
-    context.get = get;
-    function addSlot(slotOptions) {
-      return slotManager.add(slotOptions);
-    }
-    context.addSlot = addSlot;
-    async function findDomSlots2() {
-      const domSlots = (await slotManager.findDomSlots() ?? []).filter((slot) => !slot.lazyLoading);
-      if (domSlots.length <= 0)
-        return [];
-      await fetchAllUnrenderedSlots(context.getAll());
-      return domSlots;
-    }
-    context.findDomSlots = findDomSlots2;
-    useMainDebugMode(context);
-    useMainQueryDetector(mergedOptions, context);
-    useConsent(context);
-    function dispose() {
-      var _a2, _b;
-      context.isDisposed = true;
-      slotManager.dispose();
-      (_a2 = context.parameters) == null ? void 0 : _a2.clear();
-      (_b = context.events) == null ? void 0 : _b.dispose();
-      hooks.runOnDispose();
-      hooks.clearAll();
-      scope.stop();
-    }
-    context.dispose = dispose;
-    hooks.onInit(async () => {
-      var _a2;
-      await awaitTimeout(0);
-      if ((slotManager.getAll().length ?? 0) > 0)
-        await fetchAllUnrenderedSlots(context.getAll()).catch(logger.error);
-      if (mergedOptions.findDomSlotsOnLoad)
-        await (context == null ? void 0 : context.findDomSlots());
-      if (mergedOptions.debug || window.location.search.includes("adhese_debug=true") || isPreviewMode())
-        (_a2 = context.events) == null ? void 0 : _a2.debugChange.dispatch(true);
-      if (!scope.active)
-        dispose();
-    });
-    hooks.runOnInit();
-    return context;
-  });
-}
+import { createAdhese } from "./main.js";
 export {
   createAdhese
 };