@adhese/sdk 0.14.0 → 0.15.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @adhese/sdk
 
+## 0.15.0
+
+### Minor Changes
+
+- 467d857: Move SafeFrame code to a seperate plugin instead of including it
+
+## 0.14.1
+
+### Patch Changes
+
+- eca8056: Move all vue-runtime-core exports to @adhese/sdk-shared
+- Updated dependencies [eca8056]
+  - @adhese/sdk-shared@0.4.0
+
 ## 0.14.0
 
 ### Minor Changes

package/dist/index.cjs

@@ -1,62 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const sdkShared = require("@adhese/sdk-shared");
-const runtimeCore = require("@vue/runtime-core");
 const remeda = require("remeda");
-function createSafeFrame({
-  renderFile,
-  context
-}) {
-  const safeFrame = window.$sf;
-  if (!safeFrame)
-    throw new Error("SafeFrame not found");
-  const adhesePositions = /* @__PURE__ */ new Set();
-  const config = new safeFrame.host.Config({
-    auto: false,
-    debug: context.debug,
-    renderFile
-  });
-  function addPosition(ad, element) {
-    var _a;
-    if (!safeFrame)
-      throw new Error("SafeFrame not found");
-    const html = ad.ext === "js" && ad.body ? ad.body : ad.tag;
-    if (typeof html !== "string")
-      throw new Error("Ad tag is not a string");
-    const elementId = element.id || `ad-${ad.id}-${sdkShared.uniqueId()}`;
-    element.id = elementId;
-    const position = new safeFrame.host.Position({
-      id: elementId,
-      html,
-      src: ad.ext === "js" ? (_a = ad.swfSrc) == null ? void 0 : _a.href : void 0,
-      config: new safeFrame.host.PosConfig({
-        id: elementId,
-        w: Number(ad.width),
-        h: Number(ad.height),
-        size: `${Number(ad.width)}x${Number(ad.height)}`,
-        tgt: html.includes('target="_self"') ? "_self" : "_blank",
-        dest: elementId
-      })
-    });
-    adhesePositions.add(position);
-    return position;
-  }
-  async function render(position) {
-    if (!safeFrame)
-      throw new Error("SafeFrame not found");
-    safeFrame.host.render(position);
-  }
-  function dispose() {
-  }
-  return {
-    config,
-    addPosition,
-    render,
-    dispose
-  };
-}
 const name = "@adhese/sdk";
-const version = "0.14.0";
+const version = "0.15.0";
 function renderIframe(ad, element) {
   const iframe = document.createElement("iframe");
   iframe.srcdoc = `
@@ -287,7 +234,7 @@ function requestWithPost({
   const payload = {
     ...options,
     slots: options.slots.map((slot) => ({
-      slotname: runtimeCore.toValue(slot.name),
+      slotname: sdkShared.toValue(slot.name),
       parameters: parseParameters(slot.parameters)
     })),
     parameters: context.parameters && parseParameters(context.parameters)
@@ -302,7 +249,7 @@ function requestWithPost({
   });
 }
 async function requestWithGet({ context, slots }) {
-  return fetch(new URL(`${context.options.host}/json/sl${slots.map((slot) => runtimeCore.toValue(slot.name)).join("/sl")}`), {
+  return fetch(new URL(`${context.options.host}/json/sl${slots.map((slot) => sdkShared.toValue(slot.name)).join("/sl")}`), {
     method: "GET",
     headers: {
       // eslint-disable-next-line ts/naming-convention
@@ -335,7 +282,7 @@ const runRequestAdsBatch = remeda.debounce(async (context) => {
     context
   });
   for (const { options, resolve } of batch.values()) {
-    const ad = ads.find(({ slotName }) => runtimeCore.toValue(slotName) === runtimeCore.toValue(options.slot.name));
+    const ad = ads.find(({ slotName }) => sdkShared.toValue(slotName) === sdkShared.toValue(options.slot.name));
     if (ad)
       resolve(ad);
     else
@@ -350,7 +297,7 @@ const runRequestAdsBatch = remeda.debounce(async (context) => {
 async function requestAd(options) {
   const promise = new Promise(
     (resolve) => {
-      batch.set(runtimeCore.toValue(options.slot.name), { options, resolve });
+      batch.set(sdkShared.toValue(options.slot.name), { options, resolve });
     }
   );
   await runRequestAdsBatch.call(options.context);
@@ -413,8 +360,8 @@ function useViewabilityObserver({ context, ad, name: name2, element }) {
     rootMargin: "0px",
     ...context.options.viewabilityTrackingOptions
   };
-  const trackingPixel = runtimeCore.ref(null);
-  const isTracked = runtimeCore.computed(() => Boolean(trackingPixel.value));
+  const trackingPixel = sdkShared.ref(null);
+  const isTracked = sdkShared.computed(() => Boolean(trackingPixel.value));
   const viewabilityObserver = new IntersectionObserver(([entry]) => {
     if (context.options.viewabilityTracking && !trackingPixel.value && ad) {
       const ratio = remeda.round(entry.intersectionRatio, 1);
@@ -446,7 +393,7 @@ function useViewabilityObserver({ context, ad, name: name2, element }) {
         viewabilityObserver.unobserve(newElement);
     };
   }
-  runtimeCore.watch(element, observe);
+  sdkShared.watch(element, observe);
   observe(element.value);
   return [isTracked, () => {
     var _a;
@@ -456,7 +403,7 @@ function useViewabilityObserver({ context, ad, name: name2, element }) {
 }
 function useRenderIntersectionObserver({ options, element }) {
   var _a;
-  const isInViewport = runtimeCore.ref(false);
+  const isInViewport = sdkShared.ref(false);
   const renderIntersectionObserver = new IntersectionObserver((entries) => {
     isInViewport.value = entries.some((entry) => entry.isIntersecting);
   }, {
@@ -473,7 +420,7 @@ function useRenderIntersectionObserver({ options, element }) {
         renderIntersectionObserver.unobserve(newElement);
     };
   }
-  runtimeCore.watch(element, observe);
+  sdkShared.watch(element, observe);
   observe(element.value);
   return [isInViewport, () => {
     renderIntersectionObserver.disconnect();
@@ -497,22 +444,27 @@ function useSlotHooks({ setup }, slotContext, id) {
 }
 const renderFunctions = {
   iframe: renderIframe,
-  inline: renderInline
+  inline: renderInline,
+  none: remeda.doNothing
 };
 function createSlot(slotOptions) {
-  const scope = runtimeCore.effectScope();
+  const scope = sdkShared.effectScope();
+  const mergedOptions = {
+    renderMode: "iframe",
+    ...slotOptions
+  };
   return scope.run(() => {
-    const slotContext = runtimeCore.ref(null);
-    const options = runOnSlotCreate(slotOptions);
+    const slotContext = sdkShared.ref(null);
+    const options = runOnSlotCreate(mergedOptions);
     const id = sdkShared.uniqueId();
     const { runOnSlotRender, runOnDispose: runOnDispose2, runOnRequest: runOnRequest2 } = useSlotHooks(options, slotContext, id);
     const {
       containingElement,
       slot,
       context,
-      renderMode = "iframe"
-    } = options;
-    const parameters = runtimeCore.reactive(new Map(Object.entries(options.parameters ?? {})));
+      renderMode
+    } = mergedOptions;
+    const parameters = sdkShared.reactive(new Map(Object.entries(options.parameters ?? {})));
     let queryDetector = null;
     if (typeof options.format !== "string") {
       queryDetector = createQueryDetector({
@@ -520,14 +472,14 @@ function createSlot(slotOptions) {
         queries: Object.fromEntries(options.format.map((item) => [item.format, item.query]))
       });
     }
-    const format = runtimeCore.ref(queryDetector ? queryDetector.getQuery() : options.format);
+    const format = sdkShared.ref(queryDetector ? queryDetector.getQuery() : options.format);
     function onQueryChange(newFormat) {
       format.value = newFormat;
     }
-    const ad = runtimeCore.ref(null);
-    const originalAd = runtimeCore.ref(ad.value);
-    const name2 = runtimeCore.computed(() => generateName(context.location, format.value, slot));
-    runtimeCore.watch(name2, async (newName, oldName) => {
+    const ad = sdkShared.ref(null);
+    const originalAd = sdkShared.ref(ad.value);
+    const name2 = sdkShared.computed(() => generateName(context.location, format.value, slot));
+    sdkShared.watch(name2, async (newName, oldName) => {
       if (newName === oldName)
         return;
       const newAd = await requestAd$1();
@@ -536,8 +488,8 @@ function createSlot(slotOptions) {
       originalAd.value = newAd;
     });
     const isDomLoaded = useDomLoaded();
-    const isDisposed2 = runtimeCore.ref(false);
-    const element = runtimeCore.computed(
+    const isDisposed2 = sdkShared.ref(false);
+    const element = sdkShared.computed(
       () => {
         if (!(typeof containingElement === "string" || !containingElement))
           return containingElement;
@@ -550,14 +502,14 @@ function createSlot(slotOptions) {
       options,
       element
     });
-    const status = runtimeCore.ref("initializing");
-    runtimeCore.watch([ad, isInViewport], async ([newAd, newIsInViewport], [oldAd]) => {
+    const status = sdkShared.ref("initializing");
+    sdkShared.watch([ad, isInViewport], async ([newAd, newIsInViewport], [oldAd]) => {
       if ((!newAd || oldAd && remeda.isDeepEqual(newAd, oldAd)) && status.value === "rendered")
         return;
       if (newIsInViewport)
         await render(newAd ?? void 0);
     });
-    runtimeCore.watch(isInViewport, (value) => {
+    sdkShared.watch(isInViewport, (value) => {
       var _a;
       (_a = options.onViewabilityChanged) == null ? void 0 : _a.call(options, value);
     });
@@ -570,8 +522,8 @@ function createSlot(slotOptions) {
       name: name2,
       element
     });
-    const impressionTrackingPixelElement = runtimeCore.ref(null);
-    const isImpressionTracked = runtimeCore.computed(() => Boolean(impressionTrackingPixelElement.value));
+    const impressionTrackingPixelElement = sdkShared.ref(null);
+    const isImpressionTracked = sdkShared.computed(() => Boolean(impressionTrackingPixelElement.value));
     async function requestAd$1() {
       status.value = "loading";
       await runOnRequest2();
@@ -610,12 +562,7 @@ function createSlot(slotOptions) {
       }
       if (context.debug)
         element.value.style.position = "relative";
-      if (context.safeFrame && renderAd && renderMode === "iframe") {
-        const position = context.safeFrame.addPosition(renderAd, element.value);
-        await context.safeFrame.render(position);
-      } else {
-        renderFunctions[renderMode](renderAd, element.value);
-      }
+      renderFunctions[renderMode](renderAd, element.value);
       if (renderAd.impressionCounter && !impressionTrackingPixelElement.value) {
         impressionTrackingPixelElement.value = addTrackingPixel(renderAd.impressionCounter);
         logger.debug(`Impression tracking pixel fired for ${name2.value}`);
@@ -658,7 +605,7 @@ function createSlot(slotOptions) {
         return;
       ad.value = await requestAd$1();
     });
-    const state = runtimeCore.reactive({
+    const state = sdkShared.reactive({
       location: context.location ?? "",
       lazyLoading: options.lazyLoading ?? false,
       slot,
@@ -676,7 +623,7 @@ function createSlot(slotOptions) {
       request: requestAd$1,
       dispose
     });
-    runtimeCore.watch(state, (newState) => {
+    sdkShared.watch(state, (newState) => {
       slotContext.value = newState;
     }, {
       deep: true,
@@ -686,7 +633,7 @@ function createSlot(slotOptions) {
   });
 }
 function useDomLoaded() {
-  const isDomLoaded = runtimeCore.ref(false);
+  const isDomLoaded = sdkShared.ref(false);
   onInit(async () => {
     await sdkShared.waitForDomLoad();
     isDomLoaded.value = true;
@@ -828,7 +775,7 @@ const [runOnDispose, onDispose] = createSyncHook("onDispose", {
   }
 });
 function createAdhese(options) {
-  const scope = runtimeCore.effectScope();
+  const scope = sdkShared.effectScope();
   return scope.run(() => {
     const mergedOptions = {
       host: `https://ads-${options.account}.adhese.com`,
@@ -841,14 +788,13 @@ function createAdhese(options) {
       consent: false,
       logReferrer: true,
       logUrl: true,
-      safeFrame: false,
       eagerRendering: false,
       viewabilityTracking: true,
       plugins: [],
       ...options
     };
     setupLogging(mergedOptions);
-    const context = runtimeCore.reactive({
+    const context = sdkShared.reactive({
       location: mergedOptions.location,
       consent: mergedOptions.consent,
       debug: mergedOptions.debug,
@@ -876,11 +822,7 @@ function createAdhese(options) {
       });
     }
     context.events = sdkShared.createEventManager();
-    context.safeFrame = options.safeFrame ? createSafeFrame({
-      renderFile: `${mergedOptions.poolHost}/sf/r.html`,
-      context
-    }) : void 0;
-    runtimeCore.watch(() => context.location, (newLocation) => {
+    sdkShared.watch(() => context.location, (newLocation) => {
       var _a;
       (_a = context.events) == null ? void 0 : _a.locationChange.dispatch(newLocation);
     });
@@ -889,7 +831,7 @@ function createAdhese(options) {
       queries: mergedOptions.queries
     });
     context.parameters = createParameters(mergedOptions, queryDetector);
-    runtimeCore.watch(
+    sdkShared.watch(
       () => context.parameters,
       (newParameters) => {
         var _a;
@@ -906,7 +848,7 @@ function createAdhese(options) {
       (_b = context.parameters) == null ? void 0 : _b.set("br", query);
       await fetchAllUnrenderedSlots();
     }
-    runtimeCore.watch(() => context.consent, (newConsent) => {
+    sdkShared.watch(() => context.consent, (newConsent) => {
       var _a, _b;
       (_a = context.parameters) == null ? void 0 : _a.set("tl", newConsent ? "all" : "none");
       (_b = context.events) == null ? void 0 : _b.consentChange.dispatch(newConsent);
@@ -937,7 +879,7 @@ function createAdhese(options) {
       return domSlots;
     }
     context.findDomSlots = findDomSlots2;
-    runtimeCore.watch(() => context.debug, async (newDebug) => {
+    sdkShared.watch(() => context.debug, async (newDebug) => {
       var _a, _b;
       if (newDebug) {
         logger.setMinLogLevelThreshold("debug");
@@ -1000,97 +942,5 @@ function createAdhese(options) {
     return context;
   });
 }
-Object.defineProperty(exports, "computed", {
-  enumerable: true,
-  get: () => runtimeCore.computed
-});
-Object.defineProperty(exports, "customRef", {
-  enumerable: true,
-  get: () => runtimeCore.customRef
-});
-Object.defineProperty(exports, "effectScope", {
-  enumerable: true,
-  get: () => runtimeCore.effectScope
-});
-Object.defineProperty(exports, "isProxy", {
-  enumerable: true,
-  get: () => runtimeCore.isProxy
-});
-Object.defineProperty(exports, "isReactive", {
-  enumerable: true,
-  get: () => runtimeCore.isReactive
-});
-Object.defineProperty(exports, "isReadonly", {
-  enumerable: true,
-  get: () => runtimeCore.isReadonly
-});
-Object.defineProperty(exports, "isRef", {
-  enumerable: true,
-  get: () => runtimeCore.isRef
-});
-Object.defineProperty(exports, "isShallow", {
-  enumerable: true,
-  get: () => runtimeCore.isShallow
-});
-Object.defineProperty(exports, "markRaw", {
-  enumerable: true,
-  get: () => runtimeCore.markRaw
-});
-Object.defineProperty(exports, "reactive", {
-  enumerable: true,
-  get: () => runtimeCore.reactive
-});
-Object.defineProperty(exports, "readonly", {
-  enumerable: true,
-  get: () => runtimeCore.readonly
-});
-Object.defineProperty(exports, "ref", {
-  enumerable: true,
-  get: () => runtimeCore.ref
-});
-Object.defineProperty(exports, "shallowReactive", {
-  enumerable: true,
-  get: () => runtimeCore.shallowReactive
-});
-Object.defineProperty(exports, "shallowReadonly", {
-  enumerable: true,
-  get: () => runtimeCore.shallowReadonly
-});
-Object.defineProperty(exports, "shallowRef", {
-  enumerable: true,
-  get: () => runtimeCore.shallowRef
-});
-Object.defineProperty(exports, "toRaw", {
-  enumerable: true,
-  get: () => runtimeCore.toRaw
-});
-Object.defineProperty(exports, "toRefs", {
-  enumerable: true,
-  get: () => runtimeCore.toRefs
-});
-Object.defineProperty(exports, "toValue", {
-  enumerable: true,
-  get: () => runtimeCore.toValue
-});
-Object.defineProperty(exports, "unref", {
-  enumerable: true,
-  get: () => runtimeCore.unref
-});
-Object.defineProperty(exports, "watch", {
-  enumerable: true,
-  get: () => runtimeCore.watch
-});
-Object.defineProperty(exports, "watchEffect", {
-  enumerable: true,
-  get: () => runtimeCore.watchEffect
-});
-Object.defineProperty(exports, "watchPostEffect", {
-  enumerable: true,
-  get: () => runtimeCore.watchPostEffect
-});
-Object.defineProperty(exports, "watchSyncEffect", {
-  enumerable: true,
-  get: () => runtimeCore.watchSyncEffect
-});
 exports.createAdhese = createAdhese;
 //# sourceMappingURL=index.cjs.map