prebid-universal-creative 1.14.2 → 1.16.0

package/src/mobileAndAmpRender.js

@@ -0,0 +1,239 @@
+import { getCreativeCommentMarkup, triggerPixel, createTrackPixelHtml, loadScript, getCreativeComment, writeAdUrl, transformAuctionTargetingData, sendRequest, getUUID } from './utils';
+import { isSafeFrame, isMobileApp } from './environment';
+import { insertElement } from './domHelper';
+import { writeAdHtml } from './postscribeRender';
+
+const DEFAULT_CACHE_HOST = 'prebid.adnxs.com';
+const DEFAULT_CACHE_PATH = '/pbc/v1/cache';
+
+/**
+ * Render mobile or amp ad
+ * @param {string} cacheHost Cache host
+ * @param {string} cachePath Cache path
+ * @param {string} uuid id to render response from cache endpoint
+ * @param {string} size size of the creative
+ * @param {string} hbPb final price of the winning bid
+ * @param {Bool} isMobileApp flag to detect mobile app
+ */
+export function renderAmpOrMobileAd(dataObject) {
+  const targetingData = transformAuctionTargetingData(dataObject);
+  let { cacheHost, cachePath, uuid, size, hbPb } = targetingData;
+  uuid = uuid || '';
+  // For MoPub, creative is stored in localStorage via SDK.
+  let search = 'Prebid_';
+  if (uuid.substr(0, search.length) === search) {
+    loadFromLocalCache(uuid);
+    //register creative right away to not miss initial geom-update
+    updateIframe(size);
+  } else {
+    let adUrl = `${getCacheEndpoint(cacheHost, cachePath)}?uuid=${uuid}`;
+    //register creative right away to not miss initial geom-update
+    updateIframe(size);
+    sendRequest(adUrl, responseCallback(isMobileApp(targetingData.env), hbPb));
+  }
+}
+
+/**
+ * Load response from localStorage. In case of MoPub, sdk caches response
+ * @param {string} cacheId
+ */
+function loadFromLocalCache(cacheId) {
+  let bid = window.localStorage.getItem(cacheId);
+  let displayFn = responseCallback(true);
+  displayFn(bid);
+}
+
+/**
+ * update iframe by using size string to resize
+ * @param {string} size
+ */
+function updateIframe(size) {
+  if (size) {
+    const sizeArr = size.split('x').map(Number);
+    resizeIframe(sizeArr[0], sizeArr[1]);
+  } else {
+    console.log('Targeting key hb_size not found to resize creative');
+  }
+}
+
+/**
+ * Resize container iframe
+ * @param {Number} width width of creative
+ * @param {Number} height height of creative
+ */
+function resizeIframe(width, height) {
+  if (isSafeFrame(window)) {
+    const iframeWidth = window.innerWidth;
+    const iframeHeight = window.innerHeight;
+
+    function resize(status) {
+      let newWidth = width - iframeWidth;
+      let newHeight = height - iframeHeight;
+      window.$sf.ext.expand({ r: newWidth, b: newHeight, push: true });
+    }
+
+    if (iframeWidth !== width || iframeHeight !== height) {
+      window.$sf.ext.register(width, height, resize);
+      // we need to resize the DFP container as well
+      window.parent.postMessage({
+        sentinel: 'amp',
+        type: 'embed-size',
+        width: width,
+        height: height
+      }, '*');
+    }
+  }
+}
+
+/**
+ * Returns cache endpoint concatenated with cache path
+ * @param {string} cacheHost Cache Endpoint host
+ * @param {string} cachePath Cache Endpoint path
+ */
+function getCacheEndpoint(cacheHost, cachePath) {
+  let host = (typeof cacheHost === 'undefined' || cacheHost === "") ? DEFAULT_CACHE_HOST : cacheHost;
+  let path = (typeof cachePath === 'undefined' || cachePath === "") ? DEFAULT_CACHE_PATH : cachePath;
+
+  return `https://${host}${path}`;
+}
+
+
+/**
+ * Cache request Callback to display creative
+ * @param {Bool} isMobileApp
+ * @param {string} hbPb final price of the winning bid
+ * @returns {function} a callback function that parses response
+ */
+function responseCallback(isMobileApp, hbPb) {
+  return function (response) {
+    let bidObject = parseResponse(response);
+    let auctionPrice = bidObject.price || hbPb;
+    let ad = getCreativeCommentMarkup(bidObject);
+    let width = (bidObject.width) ? bidObject.width : bidObject.w;
+    let height = (bidObject.height) ? bidObject.height : bidObject.h;
+
+    // When Prebid Universal Creative reads from Prebid Cache, we need to have it check for the existence of the wurl parameter. If it exists, hit it.
+    if (bidObject.wurl) {
+      triggerPixel(decodeURIComponent(bidObject.wurl));
+    }
+
+    if (bidObject.adm) {
+      if (auctionPrice) { // replace ${AUCTION_PRICE} macro with the bidObject.price or hb_pb.
+        bidObject.adm = bidObject.adm.replace('${AUCTION_PRICE}', auctionPrice);
+      } else {
+        /*
+          From OpenRTB spec 2.5: If the source value is an optional parameter that was not specified, the macro will simply be removed (i.e., replaced with a zero-length string).
+         */
+        bidObject.adm = bidObject.adm.replace('${AUCTION_PRICE}', '');
+      }
+      ad += (isMobileApp) ? constructMarkup(bidObject.adm, width, height) : bidObject.adm;
+      if (bidObject.nurl) {
+        ad += createTrackPixelHtml(decodeURIComponent(bidObject.nurl));
+      }
+      if (bidObject.burl) {
+        let triggerBurl = function () { triggerPixel(bidObject.burl); };
+        if (isMobileApp) {
+          let mraidScript = loadScript(window, 'mraid.js',
+            function () { // Success loading MRAID
+              let result = registerMRAIDViewableEvent(triggerBurl);
+              if (!result) {
+                triggerBurl(); // Error registering event
+              }
+            },
+            triggerBurl // Error loading MRAID
+          );
+        } else {
+          triggerBurl(); // Not a mobile app
+        }
+      }
+      writeAdHtml(ad);
+    } else if (bidObject.nurl) {
+      if (isMobileApp) {
+        let adhtml = loadScript(window, bidObject.nurl);
+        ad += constructMarkup(adhtml.outerHTML, width, height);
+
+        writeAdHtml(ad);
+      } else {
+        let nurl = bidObject.nurl;
+        let commentElm = getCreativeComment(bidObject);
+        insertElement(commentElm, document, 'body');
+        writeAdUrl(nurl, width, height);
+      }
+    }
+  }
+};
+
+/**
+ * Parse response
+ * @param {string} response
+ * @returns {Object} bidObject parsed response
+ */
+function parseResponse(response) {
+  let bidObject;
+  try {
+    bidObject = JSON.parse(response);
+  } catch (error) {
+    console.log(`Error parsing response from cache host: ${error}`);
+  }
+  return bidObject;
+}
+
+/**
+ * Wrap mobile app creative in div
+ * @param {string} ad html for creative
+ * @param {Number} width width of creative
+ * @param {Number} height height of creative
+ * @returns {string} creative markup
+ */
+function constructMarkup(ad, width, height) {
+  let id = getUUID();
+  return `<div id="${id}" style="border-style: none; position: absolute; width:100%; height:100%;">
+      <div id="${id}_inner" style="margin: 0 auto; width:${width}px; height:${height}px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);">${ad}</div>
+      </div>`;
+}
+
+
+function registerMRAIDViewableEvent(callback) {
+
+  function exposureChangeListener(exposure) {
+    if (exposure > 0) {
+      mraid.removeEventListener('exposureChange', exposureChangeListener);
+      callback();
+    }
+  }
+
+  function viewableChangeListener(viewable) {
+    if (viewable) {
+      mraid.removeEventListener('viewableChange', viewableChangeListener);
+      callback();
+    }
+  }
+
+  function registerViewableChecks() {
+    if (window.MRAID_ENV && parseFloat(window.MRAID_ENV.version) >= 3) {
+      mraid.addEventListener('exposureChange', exposureChangeListener);
+    } else if (window.MRAID_ENV && parseFloat(window.MRAID_ENV.version) < 3) {
+      if (mraid.isViewable()) {
+        callback();
+      } else {
+        mraid.addEventListener('viewableChange', viewableChangeListener);
+      }
+    }
+  }
+
+  function readyListener() {
+    mraid.removeEventListener('ready', readyListener);
+    registerViewableChecks();
+  }
+
+  if (window.mraid && window.MRAID_ENV) {
+    if (mraid.getState() == 'loading') {
+      mraid.addEventListener('ready', readyListener);
+    } else {
+      registerViewableChecks();
+    }
+    return true;
+  } else {
+    return false;
+  }
+}

package/src/nativeAssetManager.js

@@ -6,9 +6,7 @@
 import { addNativeClickTrackers, fireNativeImpressionTrackers } from './nativeORTBTrackerManager';
 import { sendRequest, loadScript } from './utils';
 import {prebidMessenger} from './messaging.js';
-import { newEnvironment } from './environment.js';
-
-const envionment = newEnvironment(window);
+import { isSafeFrame } from './environment.js';
 /*
  * Native asset->key mapping from Prebid.js/src/constants.json
  * https://github.com/prebid/Prebid.js/blob/8635c91942de9df4ec236672c39b19448545a812/src/constants.json#L67
@@ -18,6 +16,7 @@ const NATIVE_KEYS = {
   body: 'hb_native_body',
   body2: 'hb_native_body2',
   privacyLink: 'hb_native_privacy',
+  privacyIcon: 'hb_native_privicon',
   sponsoredBy: 'hb_native_brand',
   image: 'hb_native_image',
   icon: 'hb_native_icon',
@@ -60,9 +59,22 @@ const assetTypeMapping = {
 const DEFAULT_CACHE_HOST = 'prebid.adnxs.com';
 const DEFAULT_CACHE_PATH = '/pbc/v1/cache';
 
-export function newNativeAssetManager(win, pubUrl) {
-  const sendMessage = prebidMessenger(pubUrl, win);
-  let callback;
+const CLICK_URL_UNESC = `%%CLICK_URL_UNESC%%`;
+
+let clickUrlUnesc = '';
+
+export function newNativeAssetManager(win, nativeTag, mkMessenger = prebidMessenger) {
+
+    // clickUrlUnesc contains the url to track clicks in GAM. we check if it
+    // has been transformed, by GAM, in an URL.
+    // if CLICK_URL_UNESC is the string "%%CLICK_URL_UNESC%%", we're not in GAM.
+    if (nativeTag.clickUrlUnesc && nativeTag.clickUrlUnesc !== CLICK_URL_UNESC) {
+      clickUrlUnesc = nativeTag.clickUrlUnesc;
+    }
+  const {pubUrl} = nativeTag;
+
+  const sendMessage = mkMessenger(pubUrl, win);
+  let callback, errCallback;
   let errorCountEscapeHatch = 0;
   let cancelMessageListener;
 
@@ -184,7 +196,8 @@ export function newNativeAssetManager(win, pubUrl) {
    * and requestAllAssets flag is set in the tag, postmessage roundtrip
    * to retrieve native assets that have a value on the corresponding bid
    */
-  function loadAssets(adId, cb) {
+  function loadAssets(adId, cb, onError) {
+    errCallback = onError;
     const placeholders = scanDOMForPlaceHolders(adId);
 
     if (hasPbNativeData() && win.pbNativeData.hasOwnProperty('assetsToReplace')) {
@@ -200,6 +213,8 @@ export function newNativeAssetManager(win, pubUrl) {
     } else if (placeholders.length > 0) {
       callback = cb;
       cancelMessageListener = requestAssets(adId, placeholders);
+    } else {
+      onError && onError(new Error('No assets to load: no placeholders found in template'));
     }
   }
 
@@ -274,69 +289,83 @@ export function newNativeAssetManager(win, pubUrl) {
    * Postmessage listener for when Prebid responds with requested native assets.
    */
   function replaceAssets(event) {
-    var data = {};
-
     try {
-      data = JSON.parse(event.data);
-    } catch (e) {
-      if (errorCountEscapeHatch++ > 10) {
-        /*
-         * if for some reason Prebid never responds with the native assets,
-         * get rid of this listener because other messages won't stop coming
-         */
-        stopListening();
+
+      var data = {};
+
+      try {
+        data = JSON.parse(event.data);
+      } catch (e) {
+        if (errorCountEscapeHatch++ > 10) {
+          // TODO: this should be a timeout, not an arbitrary cap on the number of messages received
+          /*
+           * if for some reason Prebid never responds with the native assets,
+           * get rid of this listener because other messages won't stop coming
+           */
+          stopListening();
+          throw e;
+        }
+        return;
       }
-      return;
-    }
 
     if (data.message === 'assetResponse') {
+      // add GAM %%CLICK_URL_UNESC%% to the data object to be eventually used in renderers
+      data.clickUrlUnesc = clickUrlUnesc;
       const body = win.document.body.innerHTML;
       const head = win.document.head.innerHTML;
 
-      if (hasPbNativeData() && data.adId !== win.pbNativeData.adId) return;
+        if (hasPbNativeData() && data.adId !== win.pbNativeData.adId) return;
 
-      if (head) win.document.head.innerHTML = replace(head, data);
+        callback = ((cb) => {
+          return () => {
+            fireNativeImpressionTrackers(data.adId, sendMessage);
+            addNativeClickTrackers(data.adId, sendMessage);
+            cb && cb();
+          }
+        })(callback);
 
-      data.assets = data.assets || [];
-      let renderPayload = data.assets;
-      if (data.ortb) {
-        renderPayload.ortb = data.ortb;
-        callback = () => {
-          fireNativeImpressionTrackers(data.adId, sendMessage);
-          addNativeClickTrackers(data.adId, data.ortb, sendMessage);
-        }
-      }
+        if (head) win.document.head.innerHTML = replace(head, data);
 
-      if ((data.hasOwnProperty('rendererUrl') && data.rendererUrl) || (hasPbNativeData() && win.pbNativeData.hasOwnProperty('rendererUrl'))) {
-        if (win.renderAd) {
-          const newHtml = (win.renderAd && win.renderAd(renderPayload)) || '';
 
-          renderAd(newHtml, data);
-        } else if (document.getElementById('pb-native-renderer')) {
-          document.getElementById('pb-native-renderer').addEventListener('load', function() {
-            const newHtml = (win.renderAd && win.renderAd(renderPayload)) || '';
+        data.assets = data.assets || [];
+        let renderPayload = data.assets;
+        if (data.ortb) {
+          renderPayload.ortb = data.ortb;
+        }
 
-            renderAd(newHtml, data);
-          });
-        } else {
-          loadScript(win, ((hasPbNativeData() && win.pbNativeData.hasOwnProperty('rendererUrl') && win.pbNativeData.rendererUrl) || data.rendererUrl), function() {
+        if ((data.hasOwnProperty('rendererUrl') && data.rendererUrl) || (hasPbNativeData() && win.pbNativeData.hasOwnProperty('rendererUrl'))) {
+          if (win.renderAd) {
             const newHtml = (win.renderAd && win.renderAd(renderPayload)) || '';
 
             renderAd(newHtml, data);
-          })
-        }
-      } else if ((data.hasOwnProperty('adTemplate') && data.adTemplate)||(hasPbNativeData() && win.pbNativeData.hasOwnProperty('adTemplate'))) {
-        const template =  (hasPbNativeData() && win.pbNativeData.hasOwnProperty('adTemplate') && win.pbNativeData.adTemplate) || data.adTemplate;
-        const newHtml = replace(template, data);
+          } else if (document.getElementById('pb-native-renderer')) {
+            document.getElementById('pb-native-renderer').addEventListener('load', function () {
+              const newHtml = (win.renderAd && win.renderAd(renderPayload)) || '';
+
+              renderAd(newHtml, data);
+            });
+          } else {
+            loadScript(win, ((hasPbNativeData() && win.pbNativeData.hasOwnProperty('rendererUrl') && win.pbNativeData.rendererUrl) || data.rendererUrl), function () {
+              const newHtml = (win.renderAd && win.renderAd(renderPayload)) || '';
+
+              renderAd(newHtml, data);
+            });
+          }
+        } else if ((data.hasOwnProperty('adTemplate') && data.adTemplate) || (hasPbNativeData() && win.pbNativeData.hasOwnProperty('adTemplate'))) {
+          const template = (hasPbNativeData() && win.pbNativeData.hasOwnProperty('adTemplate') && win.pbNativeData.adTemplate) || data.adTemplate;
+          const newHtml = replace(template, data);
 
-        renderAd(newHtml, data);
-      } else {
-        const newHtml = replace(body, data);
+          renderAd(newHtml, data);
+        } else {
+          const newHtml = replace(body, data);
 
-        win.document.body.innerHTML = newHtml;
-        callback && callback();
-        stopListening();
+          win.document.body.innerHTML = newHtml;
+          callback && callback();
+          stopListening();
+        }
       }
+    } catch (e) {
+      errCallback && errCallback(e);
     }
   }
 
@@ -366,7 +395,7 @@ export function newNativeAssetManager(win, pubUrl) {
     // current iframe width to the width of the container. This
     // is to handle the case where the native ad is rendered inside
     // a GAM display ad.
-    if (!envionment.isSafeFrame()) {
+    if (!isSafeFrame(window)) {
       let iframeContainer = getCurrentFrameContainer(win);
       if (iframeContainer && iframeContainer.children && iframeContainer.children[0]) {
         const iframe = iframeContainer.children[0];
@@ -376,11 +405,16 @@ export function newNativeAssetManager(win, pubUrl) {
         }
       }
     }
+
+    //substitute CLICK_URL_UNESC with actual value
+    html = html.replaceAll(CLICK_URL_UNESC, bid.clickUrlUnesc || "");
+
     win.document.body.innerHTML += html;
     callback && callback();
     win.removeEventListener('message', replaceAssets);
     stopListening();
-    requestHeightResize(bid.adId, (document.body.clientHeight || document.body.offsetHeight), document.body.clientWidth);
+    const resize = () => requestHeightResize(bid.adId, (document.body.clientHeight || document.body.offsetHeight), document.body.clientWidth);
+    document.readyState === 'complete' ? resize() : window.onload = resize;
 
     if (typeof window.postRenderAd === 'function') {
       window.postRenderAd(bid);
@@ -406,16 +440,16 @@ export function newNativeAssetManager(win, pubUrl) {
     }
 
     ortb.assets.forEach(asset => {
-      html = html.replace(`##hb_native_asset_id_${asset.id}##`, getAssetValue(asset));
+      html = html.replaceAll(`##hb_native_asset_id_${asset.id}##`, getAssetValue(asset));
       if (asset.link && asset.link.url) {
-        html = html.replace(`##hb_native_asset_link_id_${asset.id}##`, asset.link.url);
+        html = html.replaceAll(`##hb_native_asset_link_id_${asset.id}##`, asset.link.url);
       }
     });
 
     html = html.replaceAll(/##hb_native_asset_id_\d+##/gm, '');
 
     if (ortb.privacy) {
-      html = html.replace("##hb_native_privacy##", ortb.privacy);
+      html = html.replaceAll("##hb_native_privacy##", ortb.privacy);
     }
 
     if (ortb.link) {

package/src/nativeORTBTrackerManager.js

@@ -12,11 +12,11 @@ export function fireNativeImpressionTrackers(adId, sendMessage) {
     sendMessage(message);
 }
 
-export function addNativeClickTrackers(adId, ortb, sendMessage) {
+export function addNativeClickTrackers(adId, sendMessage) {
     const message = {
         message: 'Prebid Native',
         action: 'click',
-        adId 
+        adId
       };
     const adElements = document.getElementsByClassName(AD_ANCHOR_CLASS_NAME) || [];
     // get all assets that have 'link' property, map asset.id -> asset.link

package/src/nativeRender.js

@@ -1,7 +1,7 @@
 import { newNativeRenderManager } from './nativeRenderManager';
 
-window.pbNativeTag = (window.pbNativeTag || {});
 const nativeRenderManager = newNativeRenderManager(window);
 
-window.pbNativeTag.renderNativeAd = nativeRenderManager.renderNativeAd;
+window.ucTag = (window.ucTag || {});
 
+window.ucTag.renderAd = nativeRenderManager.renderNativeAd;

package/src/nativeRenderManager.js

@@ -4,73 +4,50 @@
 import {newNativeAssetManager} from './nativeAssetManager';
 import {prebidMessenger} from './messaging.js';
 
-const AD_ANCHOR_CLASS_NAME = 'pb-click';
-const AD_DATA_ADID_ATTRIBUTE = 'pbAdId';
-
-export function newNativeRenderManager(win) {
-  let sendMessage;
-
-
-  function findAdElements(className) {
-    let adElements = win.document.getElementsByClassName(className);
-    return adElements || [];
-  }
-
-  function loadClickTrackers(event, adId) {
-    fireTracker(adId, 'click');
-  }
-
-  function fireTracker(adId, action) {
-    if (adId === '') {
-      console.warn('Prebid tracking event was missing \'adId\'.  Was adId macro set in the HTML attribute ' + AD_DATA_ADID_ATTRIBUTE + 'on the ad\'s anchor element');
-    } else {
-      let message = { message: 'Prebid Native', adId: adId };
-
-      // fires click trackers when called via link
-      if (action === 'click') {
-        message.action = 'click';
-      }
-      sendMessage(message);
-    }
-  }
-
-  function fireNativeImpTracker(adId) {
-    fireTracker(adId, 'impression');
-  }
-
-  function fireNativeCallback() {
-    const adElements = findAdElements(AD_ANCHOR_CLASS_NAME);
-    for (let i = 0; i < adElements.length; i++) {
-      adElements[i].addEventListener('click', function(event) {
-        loadClickTrackers(event, window.pbNativeData.adId);
-      }, true);
-    }
-  }
-
-  // START OF MAIN CODE
-  let renderNativeAd = function(nativeTag) {
-    window.pbNativeData = nativeTag;
-    sendMessage = prebidMessenger(nativeTag.pubUrl, win);
-    const nativeAssetManager = newNativeAssetManager(window, nativeTag.pubUrl);
-
-    if (nativeTag.hasOwnProperty('adId')) {
-
-      if (nativeTag.hasOwnProperty('rendererUrl') && !nativeTag.rendererUrl.match(/##.*##/i)) {
-        const scr = document.createElement('SCRIPT');
-        scr.src = nativeTag.rendererUrl,
-        scr.id = 'pb-native-renderer';
-        document.body.appendChild(scr);
-      }
-      nativeAssetManager.loadAssets(nativeTag.adId, () => {
-        fireNativeImpTracker(nativeTag.adId);
-        fireNativeCallback();
-      });
-    } else {
-      console.warn('Prebid Native Tag object was missing \'adId\'.');
-    }
-  }
-
-  return {
-    renderNativeAd
-  }
+export function newNativeRenderManager(win, mkMessenger = prebidMessenger, assetMgr = newNativeAssetManager) {
+    let sendMessage;
+
+
+    let renderNativeAd = function (doc, nativeTag) {
+        window.pbNativeData = nativeTag;
+        sendMessage = mkMessenger(nativeTag.pubUrl, win);
+
+        function signalResult(adId, success, info) {
+            sendMessage({
+                message: 'Prebid Event',
+                adId,
+                event: success ? 'adRenderSucceeded' : 'adRenderFailed',
+                info
+            });
+        }
+
+        try {
+            const nativeAssetManager = assetMgr(window, nativeTag);
+
+            if (nativeTag.adId != null) {
+
+                if (nativeTag.hasOwnProperty('rendererUrl') && !nativeTag.rendererUrl.match(/##.*##/i)) {
+                    const scr = doc.createElement('SCRIPT');
+                    scr.src = nativeTag.rendererUrl,
+                        scr.id = 'pb-native-renderer';
+                    doc.body.appendChild(scr);
+                }
+                nativeAssetManager.loadAssets(nativeTag.adId, () => {
+                    signalResult(nativeTag.adId, true);
+                }, (e) => {
+                    signalResult(nativeTag.adId, false, {reason: 'exception', message: e.message});
+                });
+            } else {
+                signalResult(null, false, {reason: 'missingDocOrAdid'});
+                console.warn('Prebid Native Tag object was missing \'adId\'.');
+            }
+        } catch (e) {
+            signalResult(nativeTag && nativeTag.adId, false, {reason: 'exception', message: e.message});
+            console.error('Error rendering ad', e);
+        }
+    };
+
+    return {
+        renderNativeAd
+    };
 }

package/src/postscribeRender.js

@@ -0,0 +1,10 @@
+import postscribe from 'postscribe';
+
+export function writeAdHtml(markup, ps = postscribe) {
+    // remove <?xml> and <!doctype> tags
+    // https://github.com/prebid/prebid-universal-creative/issues/134
+    markup = markup.replace(/\<(\?xml|(\!DOCTYPE[^\>\[]+(\[[^\]]+)?))+[^>]+\>/g, '');
+    ps(document.body, markup, {
+        error: console.error
+    });
+}