@adhese/sdk 1.0.4 → 1.1.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @adhese/sdk
 
+## 1.1.1
+
+### Patch Changes
+
+- 180e82a: Fix issue where `mobile` would be passed as a param instead of the required `phone`, which would result in that the server would not return any ads
+
+## 1.1.0
+
+### Minor Changes
+
+- 112e224: Add `width` and `height` option to overwrite slot sizing
+
+  **NOTE**: Only applies when `renderMode` is `iframe` or `undefined`
+
+### Patch Changes
+
+- Updated dependencies [112e224]
+  - @adhese/sdk-shared@1.1.0
+
 ## 1.0.4
 
 ### Patch Changes

package/README.md

@@ -65,22 +65,22 @@ Example HTML:
 ## Options
 The `createAdhese` function accepts the following options:
 
-| Option                | Type                                              | Default                                                                                                                                                                               | Description                                                                                                                                                                                                                                                                                |
-|-----------------------|---------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
-| `account`<sup>*</sup> | `string`                                          | -                                                                                                                                                                                     | Your Adhese account ID                                                                                                                                                                                                                                                                     |
-| `host`                | `string`                                          | <code>'https://ads-<span v-pre>{{account}}</span>.adhese.com'</code>                                                                                                                  | The Adhese API host                                                                                                                                                                                                                                                                        |
-| `poolHost`            | `string`                                          | <code>'https://pool-<span v-pre>{{account}}</span>.adhese.com'</code>                                                                                                                 | The Adhese pool host                                                                                                                                                                                                                                                                       |
-| `location`            | `string`                                          | `window.location.pathname`                                                                                                                                                            | The page location. This is used to determine the current page location identifier.                                                                                                                                                                                                         |
-| `requestType`         | `'GET'` or `'POST'`                               | `'POST'`                                                                                                                                                                              | The requestAds type to use for the Adhese API requests. This can be either `GET` or `POST`. `POST` is the default and offers the most options. `GET` is more limited as it needs pass its data as search parameters but can be used in environments where `POST` requests are not allowed. |
-| `debug`               | `boolean`                                         | `false`                                                                                                                                                                               | Enable debug mode                                                                                                                                                                                                                                                                          |
-| `findDomSlotsOnLoad`  | `boolean`                                         | `false`                                                                                                                                                                               | Automatically find slots on the page and load them                                                                                                                                                                                                                                         |
-| `parameters`          | ``Record<string, string, Array<string>>``         | `{}`                                                                                                                                                                                  | Additional parameters to send with each request. Make sure that the keys of a parameter only contain `2` characters.                                                                                                                                                                       |
-| `consent`             | `boolean`                                         | `false`                                                                                                                                                                               | User consent for tracking                                                                                                                                                                                                                                                                  |
-| `initialSlots`        | `Array<Slot>`                                     | `[]`                                                                                                                                                                                  | Slots to fetch before the DOM is ready                                                                                                                                                                                                                                                     |
-| `logReferrer`         | `boolean`                                         | `true`                                                                                                                                                                                | Will log the `document.referrer` to the Adhese API in a `BASE64` string with the `re` parameter.                                                                                                                                                                                           |
-| `logUrl`              | `boolean`                                         | `true`                                                                                                                                                                                | Will log the `location.href` to the Adhese API in a `BASE64` string with the `ur` parameter.                                                                                                                                                                                               |'
-| `eagerRendering`      | `boolean`                                         | `false`                                                                                                                                                                               | Will render the ad as soon as it is fetched. In general it is recommended to keep this `false` for better performance.                                                                                                                                                                     |
-| `queries`             | `Record<string, string>`                          | `{mobile: '(max-width: 768px) and (pointer: coarse)',tablet: '(min-width: 769px) and (max-width: 1024px) and (pointer: coarse)',desktop: '(min-width: 1025px) and (pointer: fine)',}` | Will be used to determine the device type and screen size. The matching query key will be passed in the `dt` and `br` parameter.                                                                                                                                                           |
-| `plugins`             | `ReadonlyArray<(context: AdheseContext) => void>` | `[]`                                                                                                                                                                                  | The plugins that are used for the Adhese instance. These plugins are called with the Adhese context and run during the initialization of the Adhese instance.                                                                                                                              |
+| Option                | Type                                              | Default                                                                                                                                                                              | Description                                                                                                                                                                                                                                                                                |
+|-----------------------|---------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|
+| `account`<sup>*</sup> | `string`                                          | -                                                                                                                                                                                    | Your Adhese account ID                                                                                                                                                                                                                                                                     |
+| `host`                | `string`                                          | <code>'https://ads-<span v-pre>{{account}}</span>.adhese.com'</code>                                                                                                                 | The Adhese API host                                                                                                                                                                                                                                                                        |
+| `poolHost`            | `string`                                          | <code>'https://pool-<span v-pre>{{account}}</span>.adhese.com'</code>                                                                                                                | The Adhese pool host                                                                                                                                                                                                                                                                       |
+| `location`            | `string`                                          | `window.location.pathname`                                                                                                                                                           | The page location. This is used to determine the current page location identifier.                                                                                                                                                                                                         |
+| `requestType`         | `'GET'` or `'POST'`                               | `'POST'`                                                                                                                                                                             | The requestAds type to use for the Adhese API requests. This can be either `GET` or `POST`. `POST` is the default and offers the most options. `GET` is more limited as it needs pass its data as search parameters but can be used in environments where `POST` requests are not allowed. |
+| `debug`               | `boolean`                                         | `false`                                                                                                                                                                              | Enable debug mode                                                                                                                                                                                                                                                                          |
+| `findDomSlotsOnLoad`  | `boolean`                                         | `false`                                                                                                                                                                              | Automatically find slots on the page and load them                                                                                                                                                                                                                                         |
+| `parameters`          | ``Record<string, string, Array<string>>``         | `{}`                                                                                                                                                                                 | Additional parameters to send with each request. Make sure that the keys of a parameter only contain `2` characters.                                                                                                                                                                       |
+| `consent`             | `boolean`                                         | `false`                                                                                                                                                                              | User consent for tracking                                                                                                                                                                                                                                                                  |
+| `initialSlots`        | `Array<Slot>`                                     | `[]`                                                                                                                                                                                 | Slots to fetch before the DOM is ready                                                                                                                                                                                                                                                     |
+| `logReferrer`         | `boolean`                                         | `true`                                                                                                                                                                               | Will log the `document.referrer` to the Adhese API in a `BASE64` string with the `re` parameter.                                                                                                                                                                                           |
+| `logUrl`              | `boolean`                                         | `true`                                                                                                                                                                               | Will log the `location.href` to the Adhese API in a `BASE64` string with the `ur` parameter.                                                                                                                                                                                               |'
+| `eagerRendering`      | `boolean`                                         | `false`                                                                                                                                                                              | Will render the ad as soon as it is fetched. In general it is recommended to keep this `false` for better performance.                                                                                                                                                                     |
+| `queries`             | `Record<string, string>`                          | `{phone: '(max-width: 768px) and (pointer: coarse)',tablet: '(min-width: 769px) and (max-width: 1024px) and (pointer: coarse)',desktop: '(min-width: 1025px) and (pointer: fine)',}` | Will be used to determine the device type and screen size. The matching query key will be passed in the `dt` and `br` parameter.                                                                                                                                                           |
+| `plugins`             | `ReadonlyArray<(context: AdheseContext) => void>` | `[]`                                                                                                                                                                                 | The plugins that are used for the Adhese instance. These plugins are called with the Adhese context and run during the initialization of the Adhese instance.                                                                                                                              |
 
 \* Required

package/dist/adheseSdk.d.ts

@@ -70,6 +70,18 @@ type AdheseSlotOptions = {
      * @default 'iframe'
      */
     renderMode?: RenderMode;
+    /**
+     * Overwrite the width of the slot. If not provided, the width will be determined by the ad response
+     *
+     * Will be ignored if `renderMode` is set to `inline` or `none`
+     */
+    width?: number | string;
+    /**
+     * Overwrite the height of the slot. If not provided, the height will be determined by the ad response
+     *
+     * Will be ignored if `renderMode` is set to `inline` or `none`
+     */
+    height?: number | string;
     /**
      * Specific options for the slot that may be used my plugins
      */

package/dist/cjs/package.json.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const name = "@adhese/sdk";
-const version = "1.0.4";
+const version = "1.1.1";
 exports.name = name;
 exports.version = version;
 //# sourceMappingURL=package.json.cjs.map

package/dist/cjs/queryDetector/queryDetector.cjs

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const sdkShared = require("@adhese/sdk-shared");
 function useQueryDetector(context, queries = {
-  mobile: "(max-width: 768px)",
+  phone: "(max-width: 768px)",
   tablet: "(min-width: 769px) and (max-width: 1024px)",
   desktop: "(min-width: 1025px)"
 }) {

package/dist/cjs/queryDetector/queryDetector.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"queryDetector.cjs","sources":["../../../src/queryDetector/queryDetector.ts"],"sourcesContent":["import { type ComputedRef, computed, debounce, ref } from '@adhese/sdk-shared';\nimport type { AdheseContext } from '@adhese/sdk';\n\n/**\n * Create a query detector that will match a list of media queries and keeps track of the current matching query\n */\nexport function useQueryDetector(context: AdheseContext, queries: Record<string, string> = {\n  mobile: '(max-width: 768px)',\n  tablet: '(min-width: 769px) and (max-width: 1024px)',\n  desktop: '(min-width: 1025px)',\n}): [ComputedRef<string>, () => void] {\n  const entries = Object.entries(queries);\n\n  const active = ref(getQuery(entries));\n  const queryList = entries.map(([, query]) => window.matchMedia(query));\n\n  const handleOnChange = debounce((): void => {\n    active.value = getQuery(entries);\n  }, {\n    waitMs: 50,\n  });\n\n  context.hooks.onInit(() => {\n    for (const query of queryList)\n      query.addEventListener('change', handleOnChange.call);\n\n    handleOnChange.call();\n  });\n\n  function dispose(): void {\n    for (const query of queryList)\n      query.removeEventListener('change', handleOnChange.call);\n  }\n\n  context.hooks.onDispose(dispose);\n\n  return [computed(() => active.value), dispose];\n}\n\nfunction getQuery(entries: ReadonlyArray<[string, string]>): string {\n  for (const [device, query] of entries) {\n    if (window.matchMedia(query).matches)\n      return device;\n  }\n\n  return 'unknown';\n}\n"],"names":["ref","debounce","computed"],"mappings":";;;AAMgB,SAAA,iBAAiB,SAAwB,UAAkC;AAAA,EACzF,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX,GAAsC;AAC9B,QAAA,UAAU,OAAO,QAAQ,OAAO;AAEtC,QAAM,SAASA,UAAA,IAAI,SAAS,OAAO,CAAC;AAC9B,QAAA,YAAY,QAAQ,IAAI,CAAC,CAAA,EAAG,KAAK,MAAM,OAAO,WAAW,KAAK,CAAC;AAE/D,QAAA,iBAAiBC,UAAAA,SAAS,MAAY;AACnC,WAAA,QAAQ,SAAS,OAAO;AAAA,EAAA,GAC9B;AAAA,IACD,QAAQ;AAAA,EAAA,CACT;AAEO,UAAA,MAAM,OAAO,MAAM;AACzB,eAAW,SAAS;AACZ,YAAA,iBAAiB,UAAU,eAAe,IAAI;AAEtD,mBAAe,KAAK;AAAA,EAAA,CACrB;AAED,WAAS,UAAgB;AACvB,eAAW,SAAS;AACZ,YAAA,oBAAoB,UAAU,eAAe,IAAI;AAAA,EAC3D;AAEQ,UAAA,MAAM,UAAU,OAAO;AAE/B,SAAO,CAACC,UAAS,SAAA,MAAM,OAAO,KAAK,GAAG,OAAO;AAC/C;AAEA,SAAS,SAAS,SAAkD;AAClE,aAAW,CAAC,QAAQ,KAAK,KAAK,SAAS;AACjC,QAAA,OAAO,WAAW,KAAK,EAAE;AACpB,aAAA;AAAA,EACX;AAEO,SAAA;AACT;;"}
+{"version":3,"file":"queryDetector.cjs","sources":["../../../src/queryDetector/queryDetector.ts"],"sourcesContent":["import { type ComputedRef, computed, debounce, ref } from '@adhese/sdk-shared';\nimport type { AdheseContext } from '@adhese/sdk';\n\n/**\n * Create a query detector that will match a list of media queries and keeps track of the current matching query\n */\nexport function useQueryDetector(context: AdheseContext, queries: Record<string, string> = {\n  phone: '(max-width: 768px)',\n  tablet: '(min-width: 769px) and (max-width: 1024px)',\n  desktop: '(min-width: 1025px)',\n}): [ComputedRef<string>, () => void] {\n  const entries = Object.entries(queries);\n\n  const active = ref(getQuery(entries));\n  const queryList = entries.map(([, query]) => window.matchMedia(query));\n\n  const handleOnChange = debounce((): void => {\n    active.value = getQuery(entries);\n  }, {\n    waitMs: 50,\n  });\n\n  context.hooks.onInit(() => {\n    for (const query of queryList)\n      query.addEventListener('change', handleOnChange.call);\n\n    handleOnChange.call();\n  });\n\n  function dispose(): void {\n    for (const query of queryList)\n      query.removeEventListener('change', handleOnChange.call);\n  }\n\n  context.hooks.onDispose(dispose);\n\n  return [computed(() => active.value), dispose];\n}\n\nfunction getQuery(entries: ReadonlyArray<[string, string]>): string {\n  for (const [device, query] of entries) {\n    if (window.matchMedia(query).matches)\n      return device;\n  }\n\n  return 'unknown';\n}\n"],"names":["ref","debounce","computed"],"mappings":";;;AAMgB,SAAA,iBAAiB,SAAwB,UAAkC;AAAA,EACzF,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AACX,GAAsC;AAC9B,QAAA,UAAU,OAAO,QAAQ,OAAO;AAEtC,QAAM,SAASA,UAAA,IAAI,SAAS,OAAO,CAAC;AAC9B,QAAA,YAAY,QAAQ,IAAI,CAAC,CAAA,EAAG,KAAK,MAAM,OAAO,WAAW,KAAK,CAAC;AAE/D,QAAA,iBAAiBC,UAAAA,SAAS,MAAY;AACnC,WAAA,QAAQ,SAAS,OAAO;AAAA,EAAA,GAC9B;AAAA,IACD,QAAQ;AAAA,EAAA,CACT;AAEO,UAAA,MAAM,OAAO,MAAM;AACzB,eAAW,SAAS;AACZ,YAAA,iBAAiB,UAAU,eAAe,IAAI;AAEtD,mBAAe,KAAK;AAAA,EAAA,CACrB;AAED,WAAS,UAAgB;AACvB,eAAW,SAAS;AACZ,YAAA,oBAAoB,UAAU,eAAe,IAAI;AAAA,EAC3D;AAEQ,UAAA,MAAM,UAAU,OAAO;AAE/B,SAAO,CAACC,UAAS,SAAA,MAAM,OAAO,KAAK,GAAG,OAAO;AAC/C;AAEA,SAAS,SAAS,SAAkD;AAClE,aAAW,CAAC,QAAQ,KAAK,KAAK,SAAS;AACjC,QAAA,OAAO,WAAW,KAAK,EAAE;AACpB,aAAA;AAAA,EACX;AAEO,SAAA;AACT;;"}

package/dist/cjs/slot/slot.cjs

@@ -152,7 +152,10 @@ function createSlot(slotOptions) {
         status.value = "error";
         throw new Error(error);
       }
-      renderFunctions[renderMode](renderAd, element.value);
+      renderFunctions[renderMode]({
+        ...renderAd,
+        ...sdkShared.pick(options, ["width", "height"])
+      }, element.value);
       if (renderAd.impressionCounter && !impressionTrackingPixelElement.value)
         impressionTrackingPixelElement.value = sdkShared.addTrackingPixel(renderAd.impressionCounter);
       isImpressionTracked.value = true;

package/dist/cjs/slot/slot.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"slot.cjs","sources":["../../../src/slot/slot.ts"],"sourcesContent":["import {\n  type Ref,\n  type RenderOptions,\n  type UnwrapRef,\n  addTrackingPixel,\n  computed,\n  doNothing,\n  effectScope,\n  generateName,\n  isDeepEqual,\n  omit,\n  reactive,\n  ref,\n  renderIframe,\n  renderInline,\n  uniqueId,\n  waitForDomLoad,\n  watch,\n} from '@adhese/sdk-shared';\nimport type { AdheseAd } from '@adhese/sdk';\nimport { requestAd as extRequestAd } from '../requestAds/requestAds';\nimport { logger } from '../logger/logger';\nimport { useQueryDetector } from '../queryDetector/queryDetector';\nimport type { AdheseSlot, AdheseSlotContext, AdheseSlotOptions, RenderMode } from './slot.types';\nimport {\n  useDomLoaded,\n  useRenderIntersectionObserver,\n  useSlotHooks,\n  useViewabilityObserver,\n} from './slot.composables';\n\nconst renderFunctions: Record<RenderMode, (ad: RenderOptions, element: HTMLElement) => void> = {\n  iframe: renderIframe,\n  inline: renderInline,\n  none: doNothing,\n};\n\nconst defaultOptions = {\n  renderMode: 'iframe',\n  type: 'normal',\n} satisfies Partial<AdheseSlotOptions>;\n\n/**\n * Create a new slot instance. This slot instance can be used to request and render ads.\n *\n * @param slotOptions {AdheseSlotOptions} The options to create the slot with.\n *\n * @return AdheseSlot The created slot instance.\n */\nexport function createSlot(slotOptions: AdheseSlotOptions): AdheseSlot {\n  const scope = effectScope();\n\n  return scope.run(() => {\n    const slotContext = ref<AdheseSlotContext | null>(null);\n    const options = slotOptions.context.hooks.runOnSlotCreate({\n      ...defaultOptions,\n      ...slotOptions,\n    });\n\n    const {\n      containingElement,\n      slot,\n      context,\n      pluginOptions,\n      renderMode = 'iframe',\n      type = 'normal',\n    } = options;\n\n    const id = uniqueId();\n    const {\n      runOnBeforeRender,\n      runOnRender,\n      runOnBeforeRequest,\n      runOnRequest,\n      runOnInit,\n      runOnDispose,\n      ...hooks\n    } = useSlotHooks(options, slotContext);\n\n    const isDisposed = ref(false);\n    const parameters = reactive(new Map(Object.entries(options.parameters ?? {})));\n\n    const [device, disposeQueryDetector] = useQueryDetector(context, typeof options.format === 'string'\n      ? {\n          [options.format]: '(min-width: 0px)',\n        }\n      : Object.fromEntries(options.format.map(item => [item.format, item.query])));\n\n    const format = computed(() => typeof options.format === 'string' ? options.format : device.value);\n\n    const data = ref<AdheseAd | null>(null) as Ref<AdheseAd | null>;\n    const originalData = ref(data.value) as Ref<AdheseAd | null>;\n    const name = computed(() => generateName(options.context.location, format.value, options.slot));\n\n    watch(name, async (newName, oldName) => {\n      if (newName === oldName)\n        return;\n\n      const newAd = await slotContext.value?.request();\n\n      if (!newAd)\n        return;\n\n      slotContext.value?.cleanElement();\n\n      data.value = newAd;\n      originalData.value = newAd;\n    });\n\n    const isDomLoaded = useDomLoaded(context);\n\n    const element = computed(() => {\n      if (!(typeof options.containingElement === 'string' || !options.containingElement))\n        return options.containingElement;\n\n      if (!isDomLoaded.value || slotContext.value?.isDisposed)\n        return null;\n\n      return document.querySelector<HTMLElement>(`.adunit[data-format=\"${format.value}\"]#${options.containingElement}${options.slot ? `[data-slot=\"${options.slot}\"]` : ''}`);\n    },\n    );\n\n    const isInViewport = useRenderIntersectionObserver({\n      options,\n      element,\n      hooks,\n    });\n\n    const status = ref<UnwrapRef<AdheseSlot>['status']>('initializing');\n\n    watch([data, isInViewport], async ([newData, newIsInViewport], [oldData]) => {\n      if ((!newData || (oldData && isDeepEqual(newData, oldData))) && status.value === 'rendered')\n        return;\n\n      if (newIsInViewport)\n        await slotContext.value?.render(newData ?? undefined);\n    });\n\n    hooks.onDispose(() => {\n      disposeQueryDetector();\n    });\n\n    const isViewabilityTracked = useViewabilityObserver({\n      context,\n      slotContext,\n      hooks,\n      onTracked(trackingPixel) {\n        if (slotContext.value?.data?.viewableImpressionCounter) {\n          trackingPixel.value = addTrackingPixel(slotContext.value?.data?.viewableImpressionCounter);\n\n          context.logger.debug(`Viewability tracking pixel fired for ${slotContext.value?.name}`);\n        }\n      },\n    });\n\n    const impressionTrackingPixelElement = ref<HTMLImageElement | null>(null);\n    const isImpressionTracked = ref(false);\n    hooks.onDispose(() => {\n      if (impressionTrackingPixelElement.value)\n        impressionTrackingPixelElement.value.remove();\n    });\n\n    async function request(): Promise<AdheseAd | null> {\n      if (options.lazyLoading && !isInViewport.value)\n        return null;\n\n      status.value = 'loading';\n\n      let response = await runOnBeforeRequest(null);\n\n      if (!response) {\n        response = await extRequestAd({\n          slot: {\n            name: name.value,\n            parameters,\n          },\n          context,\n        });\n      }\n\n      if (response)\n        response = await runOnRequest(response);\n\n      data.value = response;\n\n      if (!originalData.value)\n        originalData.value = response;\n\n      status.value = response ? 'loaded' : 'empty';\n\n      if (!response)\n        cleanElement();\n\n      return response;\n    }\n\n    async function render(adToRender?: AdheseAd): Promise<HTMLElement | null> {\n      status.value = 'rendering';\n\n      await waitForDomLoad();\n\n      let renderAd = adToRender ?? data.value ?? originalData.value ?? await request();\n\n      renderAd = renderAd && await runOnBeforeRender(renderAd);\n\n      if (!renderAd) {\n        status.value = 'empty';\n        logger.debug(`No ad to render for slot ${name.value}`);\n\n        return null;\n      }\n\n      if (!element.value) {\n        const error = `Could not create slot for format ${format.value}. No element found.`;\n        logger.error(error, options);\n        throw new Error(error);\n      }\n\n      if (context.debug)\n        element.value.style.position = 'relative';\n\n      if (typeof renderAd?.tag !== 'string') {\n        const error = `Could not render slot for slot ${name.value}. A valid tag doesn't exist or is not HTML string.`;\n        logger.error(error, options);\n\n        status.value = 'error';\n        throw new Error(error);\n      }\n\n      renderFunctions[renderMode](renderAd as RenderOptions, element.value);\n\n      if (renderAd.impressionCounter && !impressionTrackingPixelElement.value)\n        impressionTrackingPixelElement.value = addTrackingPixel(renderAd.impressionCounter);\n\n      isImpressionTracked.value = true;\n\n      logger.debug(`Slot rendered ${name.value}`, {\n        renderedElement: element,\n        location: context.location,\n        format,\n        containingElement,\n      });\n\n      status.value = 'rendered';\n\n      runOnRender(renderAd);\n\n      return element.value;\n    }\n\n    function cleanElement(): void {\n      if (!element.value)\n        return;\n\n      element.value.innerHTML = '';\n      element.value.style.position = '';\n      element.value.style.width = '';\n      element.value.style.height = '';\n\n      data.value = null;\n      originalData.value = null;\n    }\n\n    function dispose(): void {\n      cleanElement();\n\n      data.value = null;\n\n      runOnDispose();\n\n      isDisposed.value = true;\n\n      scope.stop();\n    }\n\n    const state = reactive({\n      location: context.location ?? '',\n      lazyLoading: options.lazyLoading ?? false,\n      type,\n      slot,\n      parameters,\n      format,\n      name,\n      data,\n      isViewabilityTracked,\n      isImpressionTracked,\n      status,\n      element,\n      isDisposed,\n      id,\n      pluginOptions,\n      isVisible: isInViewport,\n      render,\n      request,\n      dispose,\n      cleanElement,\n      options: omit(options, ['context']),\n      ...hooks,\n    });\n\n    watch(state, (newState) => {\n      slotContext.value = newState;\n    }, {\n      deep: true,\n      immediate: true,\n    });\n\n    context.hooks.onInit(async () => {\n      status.value = 'initialized';\n\n      runOnInit();\n\n      if (options.lazyLoading)\n        return;\n\n      data.value = await slotContext.value?.request() ?? null;\n    });\n\n    return state;\n  })!;\n}\n"],"names":["renderIframe","renderInline","doNothing","effectScope","ref","uniqueId","useSlotHooks","reactive","useQueryDetector","computed","generateName","watch","useDomLoaded","useRenderIntersectionObserver","isDeepEqual","useViewabilityObserver","addTrackingPixel","extRequestAd","waitForDomLoad","logger","omit"],"mappings":"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"}
+{"version":3,"file":"slot.cjs","sources":["../../../src/slot/slot.ts"],"sourcesContent":["import {\n  type Ref,\n  type RenderOptions,\n  type UnwrapRef,\n  addTrackingPixel,\n  computed,\n  doNothing,\n  effectScope,\n  generateName,\n  isDeepEqual,\n  omit,\n  pick,\n  reactive,\n  ref,\n  renderIframe,\n  renderInline,\n  uniqueId,\n  waitForDomLoad,\n  watch,\n} from '@adhese/sdk-shared';\nimport type { AdheseAd } from '@adhese/sdk';\nimport { requestAd as extRequestAd } from '../requestAds/requestAds';\nimport { logger } from '../logger/logger';\nimport { useQueryDetector } from '../queryDetector/queryDetector';\nimport type { AdheseSlot, AdheseSlotContext, AdheseSlotOptions, RenderMode } from './slot.types';\nimport {\n  useDomLoaded,\n  useRenderIntersectionObserver,\n  useSlotHooks,\n  useViewabilityObserver,\n} from './slot.composables';\n\nconst renderFunctions: Record<RenderMode, (ad: RenderOptions, element: HTMLElement) => void> = {\n  iframe: renderIframe,\n  inline: renderInline,\n  none: doNothing,\n};\n\nconst defaultOptions = {\n  renderMode: 'iframe',\n  type: 'normal',\n} satisfies Partial<AdheseSlotOptions>;\n\n/**\n * Create a new slot instance. This slot instance can be used to request and render ads.\n *\n * @param slotOptions {AdheseSlotOptions} The options to create the slot with.\n *\n * @return AdheseSlot The created slot instance.\n */\nexport function createSlot(slotOptions: AdheseSlotOptions): AdheseSlot {\n  const scope = effectScope();\n\n  return scope.run(() => {\n    const slotContext = ref<AdheseSlotContext | null>(null);\n    const options = slotOptions.context.hooks.runOnSlotCreate({\n      ...defaultOptions,\n      ...slotOptions,\n    });\n\n    const {\n      containingElement,\n      slot,\n      context,\n      pluginOptions,\n      renderMode = 'iframe',\n      type = 'normal',\n    } = options;\n\n    const id = uniqueId();\n    const {\n      runOnBeforeRender,\n      runOnRender,\n      runOnBeforeRequest,\n      runOnRequest,\n      runOnInit,\n      runOnDispose,\n      ...hooks\n    } = useSlotHooks(options, slotContext);\n\n    const isDisposed = ref(false);\n    const parameters = reactive(new Map(Object.entries(options.parameters ?? {})));\n\n    const [device, disposeQueryDetector] = useQueryDetector(context, typeof options.format === 'string'\n      ? {\n          [options.format]: '(min-width: 0px)',\n        }\n      : Object.fromEntries(options.format.map(item => [item.format, item.query])));\n\n    const format = computed(() => typeof options.format === 'string' ? options.format : device.value);\n\n    const data = ref<AdheseAd | null>(null) as Ref<AdheseAd | null>;\n    const originalData = ref(data.value) as Ref<AdheseAd | null>;\n    const name = computed(() => generateName(options.context.location, format.value, options.slot));\n\n    watch(name, async (newName, oldName) => {\n      if (newName === oldName)\n        return;\n\n      const newAd = await slotContext.value?.request();\n\n      if (!newAd)\n        return;\n\n      slotContext.value?.cleanElement();\n\n      data.value = newAd;\n      originalData.value = newAd;\n    });\n\n    const isDomLoaded = useDomLoaded(context);\n\n    const element = computed(() => {\n      if (!(typeof options.containingElement === 'string' || !options.containingElement))\n        return options.containingElement;\n\n      if (!isDomLoaded.value || slotContext.value?.isDisposed)\n        return null;\n\n      return document.querySelector<HTMLElement>(`.adunit[data-format=\"${format.value}\"]#${options.containingElement}${options.slot ? `[data-slot=\"${options.slot}\"]` : ''}`);\n    },\n    );\n\n    const isInViewport = useRenderIntersectionObserver({\n      options,\n      element,\n      hooks,\n    });\n\n    const status = ref<UnwrapRef<AdheseSlot>['status']>('initializing');\n\n    watch([data, isInViewport], async ([newData, newIsInViewport], [oldData]) => {\n      if ((!newData || (oldData && isDeepEqual(newData, oldData))) && status.value === 'rendered')\n        return;\n\n      if (newIsInViewport)\n        await slotContext.value?.render(newData ?? undefined);\n    });\n\n    hooks.onDispose(() => {\n      disposeQueryDetector();\n    });\n\n    const isViewabilityTracked = useViewabilityObserver({\n      context,\n      slotContext,\n      hooks,\n      onTracked(trackingPixel) {\n        if (slotContext.value?.data?.viewableImpressionCounter) {\n          trackingPixel.value = addTrackingPixel(slotContext.value?.data?.viewableImpressionCounter);\n\n          context.logger.debug(`Viewability tracking pixel fired for ${slotContext.value?.name}`);\n        }\n      },\n    });\n\n    const impressionTrackingPixelElement = ref<HTMLImageElement | null>(null);\n    const isImpressionTracked = ref(false);\n    hooks.onDispose(() => {\n      if (impressionTrackingPixelElement.value)\n        impressionTrackingPixelElement.value.remove();\n    });\n\n    async function request(): Promise<AdheseAd | null> {\n      if (options.lazyLoading && !isInViewport.value)\n        return null;\n\n      status.value = 'loading';\n\n      let response = await runOnBeforeRequest(null);\n\n      if (!response) {\n        response = await extRequestAd({\n          slot: {\n            name: name.value,\n            parameters,\n          },\n          context,\n        });\n      }\n\n      if (response)\n        response = await runOnRequest(response);\n\n      data.value = response;\n\n      if (!originalData.value)\n        originalData.value = response;\n\n      status.value = response ? 'loaded' : 'empty';\n\n      if (!response)\n        cleanElement();\n\n      return response;\n    }\n\n    async function render(adToRender?: AdheseAd): Promise<HTMLElement | null> {\n      status.value = 'rendering';\n\n      await waitForDomLoad();\n\n      let renderAd = adToRender ?? data.value ?? originalData.value ?? await request();\n\n      renderAd = renderAd && await runOnBeforeRender(renderAd);\n\n      if (!renderAd) {\n        status.value = 'empty';\n        logger.debug(`No ad to render for slot ${name.value}`);\n\n        return null;\n      }\n\n      if (!element.value) {\n        const error = `Could not create slot for format ${format.value}. No element found.`;\n        logger.error(error, options);\n        throw new Error(error);\n      }\n\n      if (context.debug)\n        element.value.style.position = 'relative';\n\n      if (typeof renderAd?.tag !== 'string') {\n        const error = `Could not render slot for slot ${name.value}. A valid tag doesn't exist or is not HTML string.`;\n        logger.error(error, options);\n\n        status.value = 'error';\n        throw new Error(error);\n      }\n\n      renderFunctions[renderMode]({\n        ...renderAd,\n        ...pick(options, ['width', 'height']),\n      } as RenderOptions, element.value);\n\n      if (renderAd.impressionCounter && !impressionTrackingPixelElement.value)\n        impressionTrackingPixelElement.value = addTrackingPixel(renderAd.impressionCounter);\n\n      isImpressionTracked.value = true;\n\n      logger.debug(`Slot rendered ${name.value}`, {\n        renderedElement: element,\n        location: context.location,\n        format,\n        containingElement,\n      });\n\n      status.value = 'rendered';\n\n      runOnRender(renderAd);\n\n      return element.value;\n    }\n\n    function cleanElement(): void {\n      if (!element.value)\n        return;\n\n      element.value.innerHTML = '';\n      element.value.style.position = '';\n      element.value.style.width = '';\n      element.value.style.height = '';\n\n      data.value = null;\n      originalData.value = null;\n    }\n\n    function dispose(): void {\n      cleanElement();\n\n      data.value = null;\n\n      runOnDispose();\n\n      isDisposed.value = true;\n\n      scope.stop();\n    }\n\n    const state = reactive({\n      location: context.location ?? '',\n      lazyLoading: options.lazyLoading ?? false,\n      type,\n      slot,\n      parameters,\n      format,\n      name,\n      data,\n      isViewabilityTracked,\n      isImpressionTracked,\n      status,\n      element,\n      isDisposed,\n      id,\n      pluginOptions,\n      isVisible: isInViewport,\n      render,\n      request,\n      dispose,\n      cleanElement,\n      options: omit(options, ['context']),\n      ...hooks,\n    });\n\n    watch(state, (newState) => {\n      slotContext.value = newState;\n    }, {\n      deep: true,\n      immediate: true,\n    });\n\n    context.hooks.onInit(async () => {\n      status.value = 'initialized';\n\n      runOnInit();\n\n      if (options.lazyLoading)\n        return;\n\n      data.value = await slotContext.value?.request() ?? null;\n    });\n\n    return state;\n  })!;\n}\n"],"names":["renderIframe","renderInline","doNothing","effectScope","ref","uniqueId","useSlotHooks","reactive","useQueryDetector","computed","generateName","watch","useDomLoaded","useRenderIntersectionObserver","isDeepEqual","useViewabilityObserver","addTrackingPixel","extRequestAd","waitForDomLoad","logger","pick","omit"],"mappings":"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"}

package/dist/package.json.js

@@ -1,5 +1,5 @@
 const name = "@adhese/sdk";
-const version = "1.0.4";
+const version = "1.1.1";
 export {
   name,
   version

package/dist/queryDetector/queryDetector.js

@@ -1,6 +1,6 @@
 import { ref, debounce, computed } from "@adhese/sdk-shared";
 function useQueryDetector(context, queries = {
-  mobile: "(max-width: 768px)",
+  phone: "(max-width: 768px)",
   tablet: "(min-width: 769px) and (max-width: 1024px)",
   desktop: "(min-width: 1025px)"
 }) {

package/dist/queryDetector/queryDetector.js.map

@@ -1 +1 @@
-{"version":3,"file":"queryDetector.js","sources":["../../src/queryDetector/queryDetector.ts"],"sourcesContent":["import { type ComputedRef, computed, debounce, ref } from '@adhese/sdk-shared';\nimport type { AdheseContext } from '@adhese/sdk';\n\n/**\n * Create a query detector that will match a list of media queries and keeps track of the current matching query\n */\nexport function useQueryDetector(context: AdheseContext, queries: Record<string, string> = {\n  mobile: '(max-width: 768px)',\n  tablet: '(min-width: 769px) and (max-width: 1024px)',\n  desktop: '(min-width: 1025px)',\n}): [ComputedRef<string>, () => void] {\n  const entries = Object.entries(queries);\n\n  const active = ref(getQuery(entries));\n  const queryList = entries.map(([, query]) => window.matchMedia(query));\n\n  const handleOnChange = debounce((): void => {\n    active.value = getQuery(entries);\n  }, {\n    waitMs: 50,\n  });\n\n  context.hooks.onInit(() => {\n    for (const query of queryList)\n      query.addEventListener('change', handleOnChange.call);\n\n    handleOnChange.call();\n  });\n\n  function dispose(): void {\n    for (const query of queryList)\n      query.removeEventListener('change', handleOnChange.call);\n  }\n\n  context.hooks.onDispose(dispose);\n\n  return [computed(() => active.value), dispose];\n}\n\nfunction getQuery(entries: ReadonlyArray<[string, string]>): string {\n  for (const [device, query] of entries) {\n    if (window.matchMedia(query).matches)\n      return device;\n  }\n\n  return 'unknown';\n}\n"],"names":[],"mappings":";AAMgB,SAAA,iBAAiB,SAAwB,UAAkC;AAAA,EACzF,QAAQ;AAAA,EACR,QAAQ;AAAA,EACR,SAAS;AACX,GAAsC;AAC9B,QAAA,UAAU,OAAO,QAAQ,OAAO;AAEtC,QAAM,SAAS,IAAI,SAAS,OAAO,CAAC;AAC9B,QAAA,YAAY,QAAQ,IAAI,CAAC,CAAA,EAAG,KAAK,MAAM,OAAO,WAAW,KAAK,CAAC;AAE/D,QAAA,iBAAiB,SAAS,MAAY;AACnC,WAAA,QAAQ,SAAS,OAAO;AAAA,EAAA,GAC9B;AAAA,IACD,QAAQ;AAAA,EAAA,CACT;AAEO,UAAA,MAAM,OAAO,MAAM;AACzB,eAAW,SAAS;AACZ,YAAA,iBAAiB,UAAU,eAAe,IAAI;AAEtD,mBAAe,KAAK;AAAA,EAAA,CACrB;AAED,WAAS,UAAgB;AACvB,eAAW,SAAS;AACZ,YAAA,oBAAoB,UAAU,eAAe,IAAI;AAAA,EAC3D;AAEQ,UAAA,MAAM,UAAU,OAAO;AAE/B,SAAO,CAAC,SAAS,MAAM,OAAO,KAAK,GAAG,OAAO;AAC/C;AAEA,SAAS,SAAS,SAAkD;AAClE,aAAW,CAAC,QAAQ,KAAK,KAAK,SAAS;AACjC,QAAA,OAAO,WAAW,KAAK,EAAE;AACpB,aAAA;AAAA,EACX;AAEO,SAAA;AACT;"}
+{"version":3,"file":"queryDetector.js","sources":["../../src/queryDetector/queryDetector.ts"],"sourcesContent":["import { type ComputedRef, computed, debounce, ref } from '@adhese/sdk-shared';\nimport type { AdheseContext } from '@adhese/sdk';\n\n/**\n * Create a query detector that will match a list of media queries and keeps track of the current matching query\n */\nexport function useQueryDetector(context: AdheseContext, queries: Record<string, string> = {\n  phone: '(max-width: 768px)',\n  tablet: '(min-width: 769px) and (max-width: 1024px)',\n  desktop: '(min-width: 1025px)',\n}): [ComputedRef<string>, () => void] {\n  const entries = Object.entries(queries);\n\n  const active = ref(getQuery(entries));\n  const queryList = entries.map(([, query]) => window.matchMedia(query));\n\n  const handleOnChange = debounce((): void => {\n    active.value = getQuery(entries);\n  }, {\n    waitMs: 50,\n  });\n\n  context.hooks.onInit(() => {\n    for (const query of queryList)\n      query.addEventListener('change', handleOnChange.call);\n\n    handleOnChange.call();\n  });\n\n  function dispose(): void {\n    for (const query of queryList)\n      query.removeEventListener('change', handleOnChange.call);\n  }\n\n  context.hooks.onDispose(dispose);\n\n  return [computed(() => active.value), dispose];\n}\n\nfunction getQuery(entries: ReadonlyArray<[string, string]>): string {\n  for (const [device, query] of entries) {\n    if (window.matchMedia(query).matches)\n      return device;\n  }\n\n  return 'unknown';\n}\n"],"names":[],"mappings":";AAMgB,SAAA,iBAAiB,SAAwB,UAAkC;AAAA,EACzF,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,SAAS;AACX,GAAsC;AAC9B,QAAA,UAAU,OAAO,QAAQ,OAAO;AAEtC,QAAM,SAAS,IAAI,SAAS,OAAO,CAAC;AAC9B,QAAA,YAAY,QAAQ,IAAI,CAAC,CAAA,EAAG,KAAK,MAAM,OAAO,WAAW,KAAK,CAAC;AAE/D,QAAA,iBAAiB,SAAS,MAAY;AACnC,WAAA,QAAQ,SAAS,OAAO;AAAA,EAAA,GAC9B;AAAA,IACD,QAAQ;AAAA,EAAA,CACT;AAEO,UAAA,MAAM,OAAO,MAAM;AACzB,eAAW,SAAS;AACZ,YAAA,iBAAiB,UAAU,eAAe,IAAI;AAEtD,mBAAe,KAAK;AAAA,EAAA,CACrB;AAED,WAAS,UAAgB;AACvB,eAAW,SAAS;AACZ,YAAA,oBAAoB,UAAU,eAAe,IAAI;AAAA,EAC3D;AAEQ,UAAA,MAAM,UAAU,OAAO;AAE/B,SAAO,CAAC,SAAS,MAAM,OAAO,KAAK,GAAG,OAAO;AAC/C;AAEA,SAAS,SAAS,SAAkD;AAClE,aAAW,CAAC,QAAQ,KAAK,KAAK,SAAS;AACjC,QAAA,OAAO,WAAW,KAAK,EAAE;AACpB,aAAA;AAAA,EACX;AAEO,SAAA;AACT;"}

package/dist/slot/slot.js

@@ -1,4 +1,4 @@
-import { effectScope, ref, uniqueId, reactive, computed, generateName, watch, isDeepEqual, omit, addTrackingPixel, waitForDomLoad, renderIframe, renderInline, doNothing } from "@adhese/sdk-shared";
+import { effectScope, ref, uniqueId, reactive, computed, generateName, watch, isDeepEqual, omit, addTrackingPixel, waitForDomLoad, pick, renderIframe, renderInline, doNothing } from "@adhese/sdk-shared";
 import { requestAd } from "../requestAds/requestAds.js";
 import { logger } from "../logger/logger.js";
 import { useQueryDetector } from "../queryDetector/queryDetector.js";
@@ -150,7 +150,10 @@ function createSlot(slotOptions) {
         status.value = "error";
         throw new Error(error);
       }
-      renderFunctions[renderMode](renderAd, element.value);
+      renderFunctions[renderMode]({
+        ...renderAd,
+        ...pick(options, ["width", "height"])
+      }, element.value);
       if (renderAd.impressionCounter && !impressionTrackingPixelElement.value)
         impressionTrackingPixelElement.value = addTrackingPixel(renderAd.impressionCounter);
       isImpressionTracked.value = true;

package/dist/slot/slot.js.map

@@ -1 +1 @@
-{"version":3,"file":"slot.js","sources":["../../src/slot/slot.ts"],"sourcesContent":["import {\n  type Ref,\n  type RenderOptions,\n  type UnwrapRef,\n  addTrackingPixel,\n  computed,\n  doNothing,\n  effectScope,\n  generateName,\n  isDeepEqual,\n  omit,\n  reactive,\n  ref,\n  renderIframe,\n  renderInline,\n  uniqueId,\n  waitForDomLoad,\n  watch,\n} from '@adhese/sdk-shared';\nimport type { AdheseAd } from '@adhese/sdk';\nimport { requestAd as extRequestAd } from '../requestAds/requestAds';\nimport { logger } from '../logger/logger';\nimport { useQueryDetector } from '../queryDetector/queryDetector';\nimport type { AdheseSlot, AdheseSlotContext, AdheseSlotOptions, RenderMode } from './slot.types';\nimport {\n  useDomLoaded,\n  useRenderIntersectionObserver,\n  useSlotHooks,\n  useViewabilityObserver,\n} from './slot.composables';\n\nconst renderFunctions: Record<RenderMode, (ad: RenderOptions, element: HTMLElement) => void> = {\n  iframe: renderIframe,\n  inline: renderInline,\n  none: doNothing,\n};\n\nconst defaultOptions = {\n  renderMode: 'iframe',\n  type: 'normal',\n} satisfies Partial<AdheseSlotOptions>;\n\n/**\n * Create a new slot instance. This slot instance can be used to request and render ads.\n *\n * @param slotOptions {AdheseSlotOptions} The options to create the slot with.\n *\n * @return AdheseSlot The created slot instance.\n */\nexport function createSlot(slotOptions: AdheseSlotOptions): AdheseSlot {\n  const scope = effectScope();\n\n  return scope.run(() => {\n    const slotContext = ref<AdheseSlotContext | null>(null);\n    const options = slotOptions.context.hooks.runOnSlotCreate({\n      ...defaultOptions,\n      ...slotOptions,\n    });\n\n    const {\n      containingElement,\n      slot,\n      context,\n      pluginOptions,\n      renderMode = 'iframe',\n      type = 'normal',\n    } = options;\n\n    const id = uniqueId();\n    const {\n      runOnBeforeRender,\n      runOnRender,\n      runOnBeforeRequest,\n      runOnRequest,\n      runOnInit,\n      runOnDispose,\n      ...hooks\n    } = useSlotHooks(options, slotContext);\n\n    const isDisposed = ref(false);\n    const parameters = reactive(new Map(Object.entries(options.parameters ?? {})));\n\n    const [device, disposeQueryDetector] = useQueryDetector(context, typeof options.format === 'string'\n      ? {\n          [options.format]: '(min-width: 0px)',\n        }\n      : Object.fromEntries(options.format.map(item => [item.format, item.query])));\n\n    const format = computed(() => typeof options.format === 'string' ? options.format : device.value);\n\n    const data = ref<AdheseAd | null>(null) as Ref<AdheseAd | null>;\n    const originalData = ref(data.value) as Ref<AdheseAd | null>;\n    const name = computed(() => generateName(options.context.location, format.value, options.slot));\n\n    watch(name, async (newName, oldName) => {\n      if (newName === oldName)\n        return;\n\n      const newAd = await slotContext.value?.request();\n\n      if (!newAd)\n        return;\n\n      slotContext.value?.cleanElement();\n\n      data.value = newAd;\n      originalData.value = newAd;\n    });\n\n    const isDomLoaded = useDomLoaded(context);\n\n    const element = computed(() => {\n      if (!(typeof options.containingElement === 'string' || !options.containingElement))\n        return options.containingElement;\n\n      if (!isDomLoaded.value || slotContext.value?.isDisposed)\n        return null;\n\n      return document.querySelector<HTMLElement>(`.adunit[data-format=\"${format.value}\"]#${options.containingElement}${options.slot ? `[data-slot=\"${options.slot}\"]` : ''}`);\n    },\n    );\n\n    const isInViewport = useRenderIntersectionObserver({\n      options,\n      element,\n      hooks,\n    });\n\n    const status = ref<UnwrapRef<AdheseSlot>['status']>('initializing');\n\n    watch([data, isInViewport], async ([newData, newIsInViewport], [oldData]) => {\n      if ((!newData || (oldData && isDeepEqual(newData, oldData))) && status.value === 'rendered')\n        return;\n\n      if (newIsInViewport)\n        await slotContext.value?.render(newData ?? undefined);\n    });\n\n    hooks.onDispose(() => {\n      disposeQueryDetector();\n    });\n\n    const isViewabilityTracked = useViewabilityObserver({\n      context,\n      slotContext,\n      hooks,\n      onTracked(trackingPixel) {\n        if (slotContext.value?.data?.viewableImpressionCounter) {\n          trackingPixel.value = addTrackingPixel(slotContext.value?.data?.viewableImpressionCounter);\n\n          context.logger.debug(`Viewability tracking pixel fired for ${slotContext.value?.name}`);\n        }\n      },\n    });\n\n    const impressionTrackingPixelElement = ref<HTMLImageElement | null>(null);\n    const isImpressionTracked = ref(false);\n    hooks.onDispose(() => {\n      if (impressionTrackingPixelElement.value)\n        impressionTrackingPixelElement.value.remove();\n    });\n\n    async function request(): Promise<AdheseAd | null> {\n      if (options.lazyLoading && !isInViewport.value)\n        return null;\n\n      status.value = 'loading';\n\n      let response = await runOnBeforeRequest(null);\n\n      if (!response) {\n        response = await extRequestAd({\n          slot: {\n            name: name.value,\n            parameters,\n          },\n          context,\n        });\n      }\n\n      if (response)\n        response = await runOnRequest(response);\n\n      data.value = response;\n\n      if (!originalData.value)\n        originalData.value = response;\n\n      status.value = response ? 'loaded' : 'empty';\n\n      if (!response)\n        cleanElement();\n\n      return response;\n    }\n\n    async function render(adToRender?: AdheseAd): Promise<HTMLElement | null> {\n      status.value = 'rendering';\n\n      await waitForDomLoad();\n\n      let renderAd = adToRender ?? data.value ?? originalData.value ?? await request();\n\n      renderAd = renderAd && await runOnBeforeRender(renderAd);\n\n      if (!renderAd) {\n        status.value = 'empty';\n        logger.debug(`No ad to render for slot ${name.value}`);\n\n        return null;\n      }\n\n      if (!element.value) {\n        const error = `Could not create slot for format ${format.value}. No element found.`;\n        logger.error(error, options);\n        throw new Error(error);\n      }\n\n      if (context.debug)\n        element.value.style.position = 'relative';\n\n      if (typeof renderAd?.tag !== 'string') {\n        const error = `Could not render slot for slot ${name.value}. A valid tag doesn't exist or is not HTML string.`;\n        logger.error(error, options);\n\n        status.value = 'error';\n        throw new Error(error);\n      }\n\n      renderFunctions[renderMode](renderAd as RenderOptions, element.value);\n\n      if (renderAd.impressionCounter && !impressionTrackingPixelElement.value)\n        impressionTrackingPixelElement.value = addTrackingPixel(renderAd.impressionCounter);\n\n      isImpressionTracked.value = true;\n\n      logger.debug(`Slot rendered ${name.value}`, {\n        renderedElement: element,\n        location: context.location,\n        format,\n        containingElement,\n      });\n\n      status.value = 'rendered';\n\n      runOnRender(renderAd);\n\n      return element.value;\n    }\n\n    function cleanElement(): void {\n      if (!element.value)\n        return;\n\n      element.value.innerHTML = '';\n      element.value.style.position = '';\n      element.value.style.width = '';\n      element.value.style.height = '';\n\n      data.value = null;\n      originalData.value = null;\n    }\n\n    function dispose(): void {\n      cleanElement();\n\n      data.value = null;\n\n      runOnDispose();\n\n      isDisposed.value = true;\n\n      scope.stop();\n    }\n\n    const state = reactive({\n      location: context.location ?? '',\n      lazyLoading: options.lazyLoading ?? false,\n      type,\n      slot,\n      parameters,\n      format,\n      name,\n      data,\n      isViewabilityTracked,\n      isImpressionTracked,\n      status,\n      element,\n      isDisposed,\n      id,\n      pluginOptions,\n      isVisible: isInViewport,\n      render,\n      request,\n      dispose,\n      cleanElement,\n      options: omit(options, ['context']),\n      ...hooks,\n    });\n\n    watch(state, (newState) => {\n      slotContext.value = newState;\n    }, {\n      deep: true,\n      immediate: true,\n    });\n\n    context.hooks.onInit(async () => {\n      status.value = 'initialized';\n\n      runOnInit();\n\n      if (options.lazyLoading)\n        return;\n\n      data.value = await slotContext.value?.request() ?? null;\n    });\n\n    return state;\n  })!;\n}\n"],"names":["extRequestAd"],"mappings":"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"}
+{"version":3,"file":"slot.js","sources":["../../src/slot/slot.ts"],"sourcesContent":["import {\n  type Ref,\n  type RenderOptions,\n  type UnwrapRef,\n  addTrackingPixel,\n  computed,\n  doNothing,\n  effectScope,\n  generateName,\n  isDeepEqual,\n  omit,\n  pick,\n  reactive,\n  ref,\n  renderIframe,\n  renderInline,\n  uniqueId,\n  waitForDomLoad,\n  watch,\n} from '@adhese/sdk-shared';\nimport type { AdheseAd } from '@adhese/sdk';\nimport { requestAd as extRequestAd } from '../requestAds/requestAds';\nimport { logger } from '../logger/logger';\nimport { useQueryDetector } from '../queryDetector/queryDetector';\nimport type { AdheseSlot, AdheseSlotContext, AdheseSlotOptions, RenderMode } from './slot.types';\nimport {\n  useDomLoaded,\n  useRenderIntersectionObserver,\n  useSlotHooks,\n  useViewabilityObserver,\n} from './slot.composables';\n\nconst renderFunctions: Record<RenderMode, (ad: RenderOptions, element: HTMLElement) => void> = {\n  iframe: renderIframe,\n  inline: renderInline,\n  none: doNothing,\n};\n\nconst defaultOptions = {\n  renderMode: 'iframe',\n  type: 'normal',\n} satisfies Partial<AdheseSlotOptions>;\n\n/**\n * Create a new slot instance. This slot instance can be used to request and render ads.\n *\n * @param slotOptions {AdheseSlotOptions} The options to create the slot with.\n *\n * @return AdheseSlot The created slot instance.\n */\nexport function createSlot(slotOptions: AdheseSlotOptions): AdheseSlot {\n  const scope = effectScope();\n\n  return scope.run(() => {\n    const slotContext = ref<AdheseSlotContext | null>(null);\n    const options = slotOptions.context.hooks.runOnSlotCreate({\n      ...defaultOptions,\n      ...slotOptions,\n    });\n\n    const {\n      containingElement,\n      slot,\n      context,\n      pluginOptions,\n      renderMode = 'iframe',\n      type = 'normal',\n    } = options;\n\n    const id = uniqueId();\n    const {\n      runOnBeforeRender,\n      runOnRender,\n      runOnBeforeRequest,\n      runOnRequest,\n      runOnInit,\n      runOnDispose,\n      ...hooks\n    } = useSlotHooks(options, slotContext);\n\n    const isDisposed = ref(false);\n    const parameters = reactive(new Map(Object.entries(options.parameters ?? {})));\n\n    const [device, disposeQueryDetector] = useQueryDetector(context, typeof options.format === 'string'\n      ? {\n          [options.format]: '(min-width: 0px)',\n        }\n      : Object.fromEntries(options.format.map(item => [item.format, item.query])));\n\n    const format = computed(() => typeof options.format === 'string' ? options.format : device.value);\n\n    const data = ref<AdheseAd | null>(null) as Ref<AdheseAd | null>;\n    const originalData = ref(data.value) as Ref<AdheseAd | null>;\n    const name = computed(() => generateName(options.context.location, format.value, options.slot));\n\n    watch(name, async (newName, oldName) => {\n      if (newName === oldName)\n        return;\n\n      const newAd = await slotContext.value?.request();\n\n      if (!newAd)\n        return;\n\n      slotContext.value?.cleanElement();\n\n      data.value = newAd;\n      originalData.value = newAd;\n    });\n\n    const isDomLoaded = useDomLoaded(context);\n\n    const element = computed(() => {\n      if (!(typeof options.containingElement === 'string' || !options.containingElement))\n        return options.containingElement;\n\n      if (!isDomLoaded.value || slotContext.value?.isDisposed)\n        return null;\n\n      return document.querySelector<HTMLElement>(`.adunit[data-format=\"${format.value}\"]#${options.containingElement}${options.slot ? `[data-slot=\"${options.slot}\"]` : ''}`);\n    },\n    );\n\n    const isInViewport = useRenderIntersectionObserver({\n      options,\n      element,\n      hooks,\n    });\n\n    const status = ref<UnwrapRef<AdheseSlot>['status']>('initializing');\n\n    watch([data, isInViewport], async ([newData, newIsInViewport], [oldData]) => {\n      if ((!newData || (oldData && isDeepEqual(newData, oldData))) && status.value === 'rendered')\n        return;\n\n      if (newIsInViewport)\n        await slotContext.value?.render(newData ?? undefined);\n    });\n\n    hooks.onDispose(() => {\n      disposeQueryDetector();\n    });\n\n    const isViewabilityTracked = useViewabilityObserver({\n      context,\n      slotContext,\n      hooks,\n      onTracked(trackingPixel) {\n        if (slotContext.value?.data?.viewableImpressionCounter) {\n          trackingPixel.value = addTrackingPixel(slotContext.value?.data?.viewableImpressionCounter);\n\n          context.logger.debug(`Viewability tracking pixel fired for ${slotContext.value?.name}`);\n        }\n      },\n    });\n\n    const impressionTrackingPixelElement = ref<HTMLImageElement | null>(null);\n    const isImpressionTracked = ref(false);\n    hooks.onDispose(() => {\n      if (impressionTrackingPixelElement.value)\n        impressionTrackingPixelElement.value.remove();\n    });\n\n    async function request(): Promise<AdheseAd | null> {\n      if (options.lazyLoading && !isInViewport.value)\n        return null;\n\n      status.value = 'loading';\n\n      let response = await runOnBeforeRequest(null);\n\n      if (!response) {\n        response = await extRequestAd({\n          slot: {\n            name: name.value,\n            parameters,\n          },\n          context,\n        });\n      }\n\n      if (response)\n        response = await runOnRequest(response);\n\n      data.value = response;\n\n      if (!originalData.value)\n        originalData.value = response;\n\n      status.value = response ? 'loaded' : 'empty';\n\n      if (!response)\n        cleanElement();\n\n      return response;\n    }\n\n    async function render(adToRender?: AdheseAd): Promise<HTMLElement | null> {\n      status.value = 'rendering';\n\n      await waitForDomLoad();\n\n      let renderAd = adToRender ?? data.value ?? originalData.value ?? await request();\n\n      renderAd = renderAd && await runOnBeforeRender(renderAd);\n\n      if (!renderAd) {\n        status.value = 'empty';\n        logger.debug(`No ad to render for slot ${name.value}`);\n\n        return null;\n      }\n\n      if (!element.value) {\n        const error = `Could not create slot for format ${format.value}. No element found.`;\n        logger.error(error, options);\n        throw new Error(error);\n      }\n\n      if (context.debug)\n        element.value.style.position = 'relative';\n\n      if (typeof renderAd?.tag !== 'string') {\n        const error = `Could not render slot for slot ${name.value}. A valid tag doesn't exist or is not HTML string.`;\n        logger.error(error, options);\n\n        status.value = 'error';\n        throw new Error(error);\n      }\n\n      renderFunctions[renderMode]({\n        ...renderAd,\n        ...pick(options, ['width', 'height']),\n      } as RenderOptions, element.value);\n\n      if (renderAd.impressionCounter && !impressionTrackingPixelElement.value)\n        impressionTrackingPixelElement.value = addTrackingPixel(renderAd.impressionCounter);\n\n      isImpressionTracked.value = true;\n\n      logger.debug(`Slot rendered ${name.value}`, {\n        renderedElement: element,\n        location: context.location,\n        format,\n        containingElement,\n      });\n\n      status.value = 'rendered';\n\n      runOnRender(renderAd);\n\n      return element.value;\n    }\n\n    function cleanElement(): void {\n      if (!element.value)\n        return;\n\n      element.value.innerHTML = '';\n      element.value.style.position = '';\n      element.value.style.width = '';\n      element.value.style.height = '';\n\n      data.value = null;\n      originalData.value = null;\n    }\n\n    function dispose(): void {\n      cleanElement();\n\n      data.value = null;\n\n      runOnDispose();\n\n      isDisposed.value = true;\n\n      scope.stop();\n    }\n\n    const state = reactive({\n      location: context.location ?? '',\n      lazyLoading: options.lazyLoading ?? false,\n      type,\n      slot,\n      parameters,\n      format,\n      name,\n      data,\n      isViewabilityTracked,\n      isImpressionTracked,\n      status,\n      element,\n      isDisposed,\n      id,\n      pluginOptions,\n      isVisible: isInViewport,\n      render,\n      request,\n      dispose,\n      cleanElement,\n      options: omit(options, ['context']),\n      ...hooks,\n    });\n\n    watch(state, (newState) => {\n      slotContext.value = newState;\n    }, {\n      deep: true,\n      immediate: true,\n    });\n\n    context.hooks.onInit(async () => {\n      status.value = 'initialized';\n\n      runOnInit();\n\n      if (options.lazyLoading)\n        return;\n\n      data.value = await slotContext.value?.request() ?? null;\n    });\n\n    return state;\n  })!;\n}\n"],"names":["extRequestAd"],"mappings":"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"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@adhese/sdk",
   "type": "module",
-  "version": "1.0.4",
+  "version": "1.1.1",
   "description": "Adhese SDK",
   "license": "GPL-3.0",
   "repository": {
@@ -47,6 +47,6 @@
     "prepareRelease": "npm run build"
   },
   "dependencies": {
-    "@adhese/sdk-shared": "^1.0.0"
+    "@adhese/sdk-shared": "^1.1.0"
   }
 }