powered-ad-config 0.0.1

package/README.md

@@ -0,0 +1,16 @@
+# powered-ad-config
+npm package for dynamic powered ad config
+
+# instructions
+1. add `<header class="masthead"></header>`
+
+# example
+```javascript
+import poweredAdConfig from 'powered-ad-config'
+
+ //setup ad integration on Nine
+if (window.frameElement) {
+    poweredAdConfig('fireplace');
+}
+
+```

package/dist/powered-ad-config.es.js

@@ -0,0 +1,160 @@
+const L = (d) => {
+  const u = window.frameElement ? window.frameElement : null, r = {
+    siteBackgroundColor: "#ffffff",
+    fireplaceLeftMargin: 0,
+    adNodeMarginTop: -24,
+    adNodeMarginBottom: 0,
+    responsiveScroll: -124,
+    xPosHalfpage: function() {
+      return 695;
+    },
+    yPosHalfpage: function() {
+      return 72;
+    },
+    stickyMargin: { offset: 72, isSticky: !0 },
+    zIndex: function() {
+      var i, o, n, s, a, l, c, w, m, v, S;
+      const t = window.parent.document, e = (x, q) => x.forEach((A) => q.forEach(([k, H]) => A.style[k] = H));
+      (i = t.querySelector(".nk-demographics")) == null || i.setAttribute("style", "max-width:1190px;left:50%;transform:translate(-50%,0);"), (o = t.querySelector(".nk-footer")) == null || o.setAttribute("style", "position:relative;max-width:1190px;left:50%;transform:translate(-50%,0);"), (n = t.querySelector("article")) == null || n.setAttribute("style", "position:relative"), (s = t.querySelector("#article")) == null || s.setAttribute("style", "position:relative"), (a = t.querySelector("#VideoIndex")) == null || a.setAttribute("style", "position:relative"), (l = t.querySelector("#Index")) == null || l.setAttribute("style", "position:relative"), (c = t.querySelector(".show")) == null || c.setAttribute("style", "position:relative"), (w = t.querySelector("#adspot-desktop-banner-7-below")) == null || w.setAttribute("style", "position:relative"), e(t.querySelectorAll(".column"), [["position", "relative"]]), e(t.querySelectorAll(".advert"), [["position", "relative"]]), e(t.querySelectorAll("blockquote"), [["zIndex", "1"]]), (m = t.querySelector('div[class*="article__MyContainer"]')) == null || m.setAttribute("style", "max-width:1190px;margin-top:-24px"), (v = t.querySelector('div[type="BANNER"]')) == null || v.setAttribute("style", "display:none"), (S = t.querySelector('div[type="MBANNER"]')) == null || S.setAttribute("style", "display:none");
+    }
+  }, p = {
+    siteBackgroundColor: "#ffffff",
+    fireplaceLeftMargin: 0,
+    adNodeMarginTop: -24,
+    adNodeMarginBottom: 0,
+    responsiveScroll: -124,
+    xPosHalfpage: function() {
+      return 695;
+    },
+    yPosHalfpage: function() {
+      return 32;
+    },
+    stickyMargin: { offset: 32, isSticky: !0 },
+    zIndex: function() {
+      var i, o, n, s, a, l, c, w, m, v;
+      const t = window.parent.document, e = (S, x) => S.forEach((q) => x.forEach(([A, k]) => q.style[A] = k));
+      (i = t.querySelector(".nk-demographics")) == null || i.setAttribute("style", "max-width:1190px;left:50%;transform:translate(-50%,0);"), (o = t.querySelector(".nk-footer")) == null || o.setAttribute("style", "position:relative;max-width:1190px;left:50%;transform:translate(-50%,0);"), (n = t.querySelector("article")) == null || n.setAttribute("style", "position:relative"), (s = t.querySelector("#article")) == null || s.setAttribute("style", "position:relative"), (a = t.querySelector("#VideoIndex")) == null || a.setAttribute("style", "position:relative"), (l = t.querySelector("#Index")) == null || l.setAttribute("style", "position:relative"), (c = t.querySelector(".show")) == null || c.setAttribute("style", "position:relative"), e(t.querySelectorAll(".column"), [["position", "relative"]]), e(t.querySelectorAll(".advert"), [["position", "relative"]]), e(t.querySelectorAll("blockquote"), [["zIndex", "1"]]), (w = t.querySelector('div[class^="component__StrapContainer"]')) == null || w.setAttribute("style", "position:relative"), (m = t.querySelector('section[class^="WatchNow__Container"]')) == null || m.setAttribute("style", "margin-left:calc(50% - 49vw);margin-right:calc(50% - 49vw + 10px);"), (v = t.querySelector('div[class*="ArticleContainer"]')) == null || v.setAttribute("style", "max-width:1190px;margin-top:0px");
+    }
+  }, y = {
+    siteBackgroundColor: "#ffffff",
+    fireplaceLeftMargin: 0,
+    adNodeMarginTop: -24,
+    adNodeMarginBottom: -10,
+    responsiveScroll: -120,
+    xPosHalfpage: 722,
+    yPosHalfpage: 32,
+    stickyMargin: { offset: 8, isSticky: !0 },
+    zIndex: function() {
+      var i, o, n, s, a, l;
+      const t = window.parent.document;
+      if ((i = t.querySelector('section[data-section="marketing-banner"]')) == null || i.setAttribute("style", "position:relative"), (n = (o = t.querySelector('div[data-testid="live-tv"]')) == null ? void 0 : o.parentNode) == null || n.setAttribute("style", "position:relative"), (a = (s = t.querySelector('div[data-contentunit-id="stan"]')) == null ? void 0 : s.parentNode) == null || a.setAttribute("style", "position:relative"), (l = t.querySelector("small")) == null || l.setAttribute("style", "position:inherit"), t.querySelector('div[id*="tablet"][id*="takeover"]')) {
+        let c = t.createElement("style");
+        c.innerHTML = `
+          div:has(#adspot-tablet-takeover-2-above) {
+              position: static;
+          }
+        `, t.head.appendChild(c);
+      }
+    }
+  }, h = {
+    siteBackgroundColor: "#ffffff",
+    fireplaceLeftMargin: 0,
+    adNodeMarginTop: -24,
+    adNodeMarginBottom: 0,
+    responsiveScroll: -124,
+    xPosHalfpage: 720,
+    yPosHalfpage: 32,
+    stickyMargin: { offset: 104, isSticky: !0 },
+    zIndex: function() {
+      const t = window.parent.document;
+      if (t.querySelector('div[id*="tablet"][id*="takeover"]')) {
+        let n = t.createElement("style");
+        n.innerHTML = `
+          #app header + div{
+            position: static;
+          }
+        `, t.head.appendChild(n);
+      }
+      const o = t.querySelector("footer").previousElementSibling;
+      o && o.tagName.toLowerCase() === "div" && (o.style.position = "relative");
+    }
+  }, M = {
+    siteBackgroundColor: "#ffffff",
+    fireplaceLeftMargin: 0,
+    adNodeMarginTop: -32,
+    adNodeMarginBottom: 16,
+    responsiveScroll: -124,
+    xPosHalfpage: function() {
+      return 720;
+    },
+    yPosHalfpage: function() {
+      return 16;
+    },
+    stickyMargin: { offset: 16, isSticky: !0 },
+    zIndex: function() {
+      var e, i, o, n, s, a;
+      const t = window.parent.document;
+      (e = t.querySelector(".header-wrapper")) == null || e.setAttribute("style", "height:124px"), (i = t.querySelector(".weather-widget-wrapper")) == null || i.setAttribute("style", "bottom:0px"), (o = t.querySelector(".content")) == null || o.setAttribute("style", "padding-top:32px"), (n = t.querySelector(".layout")) == null || n.setAttribute("style", "position:relative;background-color:transparent;"), (s = t.querySelector(".footer-ad")) == null || s.setAttribute("style", "position:relative"), (a = t.querySelector(".footer-netkit")) == null || a.setAttribute("style", "position:relative;max-width:1190px;left:50%;transform:translate(-50%,0);");
+    }
+  }, b = [
+    { site: "https://www.nine.com.au/sport", config: h },
+    { site: "https://www.nine.com.au/product-reviews", config: p },
+    { site: "https://www.nine.com.au/property", config: p },
+    { site: "https://www.nine.com.au/entertainment", config: p },
+    { site: "https://staging.nine.com.au/sport", config: h },
+    { site: "https://staging.nine.com.au/product-reviews", config: p },
+    { site: "https://staging.nine.com.au/property", config: p },
+    { site: "https://staging.nine.com.au/entertainment", config: p },
+    { site: "https://render-web-nine-staging-v1.ffxblue.com.au", config: y },
+    { site: "https://render-web-nine-production-v1.ffxblue.com.au", config: y },
+    { site: "https://preview.nine.com.au/", config: y },
+    { site: "https://www.nine", config: y },
+    { site: "https://staging.nine", config: y },
+    { site: "https://entertainment", config: r },
+    { site: "https://celebrity", config: r },
+    { site: "https://homes", config: r },
+    { site: "https://travel", config: r },
+    { site: "https://honey", config: r },
+    { site: "https://style", config: r },
+    { site: "https://coach", config: r },
+    { site: "https://kitchen", config: r },
+    { site: "https://finance", config: r },
+    { site: "https://wwos", config: h },
+    { site: "https://staging.wwos", config: h },
+    { site: "https://www.9news", config: M },
+    { site: "https://staging.9news", config: M },
+    { site: "https://www.yourtv", config: r },
+    { site: "https://staging.yourtv", config: r },
+    { site: "https://9now", config: p },
+    { site: "https://creative-preview-an.com", config: r }
+  ], E = () => {
+    const t = window.document.getElementById("nineContent");
+    t && (t.style.backgroundColor = f.siteBackgroundColor), D(), T(), window.parent.window.addEventListener("scroll", C), setTimeout(C, 50);
+  }, I = () => {
+    let t = null;
+    return window.parent && (t = window.parent.document.querySelector('div[id*="billboard"][id*="above"]')), t;
+  }, P = () => {
+    const t = window.parent.location.href;
+    for (let e = 0; e < b.length; e += 1)
+      if (t.indexOf(b[e].site) >= 0)
+        return b[e].config;
+  }, T = () => {
+    if (!u) return;
+    const t = u.style;
+    t.width = "100%", t.height = "1000px", t.position = "fixed", t.left = "50%", t.transform = "translate(-50%, 0)";
+  }, D = () => {
+    if (!N) return;
+    const t = N.style;
+    t.minHeight = "250px", t.marginTop = f.adNodeMarginTop + "px", t.marginBottom = f.adNodeMarginBottom + "px", t.position = "static", t.display = "block", window.parent && f.zIndex && f.zIndex();
+  }, C = (t) => {
+    const e = window.parent.scrollY, i = u.style, o = document.getElementById("siteContent") ? document.getElementById("siteContent").style : {};
+    e >= 0 && e <= g ? (i.transform = `translate(-50%, ${-e}px)`, o.transform = "translateY(0)") : e > g && e <= B ? (i.transform = `translate(-50%, ${-g}px)`, o.transform = `translateY(${g - e}px)`) : e > B && (i.transform = `translate(-50%, ${-(void 0).mastheadTop}px)`, o.transform = "translateY(-250px)");
+  }, N = I(), f = P(), g = -f.responsiveScroll + (d || 0), B = g + 250;
+  E();
+};
+function z({ adFormat: d = "", stickyOffset: u = 0 } = {}) {
+  console.log(d), d === "fireplace" && (console.log("54545455"), L(u));
+}
+export {
+  z as default
+};

package/dist/powered-ad-config.umd.js

@@ -0,0 +1,9 @@
+(function(d,u){typeof exports=="object"&&typeof module<"u"?module.exports=u():typeof define=="function"&&define.amd?define(u):(d=typeof globalThis<"u"?globalThis:d||self,d.poweredAdConfig=u())})(this,function(){"use strict";const d=y=>{const g=window.frameElement?window.frameElement:null,r={siteBackgroundColor:"#ffffff",fireplaceLeftMargin:0,adNodeMarginTop:-24,adNodeMarginBottom:0,responsiveScroll:-124,xPosHalfpage:function(){return 695},yPosHalfpage:function(){return 72},stickyMargin:{offset:72,isSticky:!0},zIndex:function(){var i,o,n,s,a,l,c,h,v,S,x;const t=window.parent.document,e=(q,k)=>q.forEach(M=>k.forEach(([C,z])=>M.style[C]=z));(i=t.querySelector(".nk-demographics"))==null||i.setAttribute("style","max-width:1190px;left:50%;transform:translate(-50%,0);"),(o=t.querySelector(".nk-footer"))==null||o.setAttribute("style","position:relative;max-width:1190px;left:50%;transform:translate(-50%,0);"),(n=t.querySelector("article"))==null||n.setAttribute("style","position:relative"),(s=t.querySelector("#article"))==null||s.setAttribute("style","position:relative"),(a=t.querySelector("#VideoIndex"))==null||a.setAttribute("style","position:relative"),(l=t.querySelector("#Index"))==null||l.setAttribute("style","position:relative"),(c=t.querySelector(".show"))==null||c.setAttribute("style","position:relative"),(h=t.querySelector("#adspot-desktop-banner-7-below"))==null||h.setAttribute("style","position:relative"),e(t.querySelectorAll(".column"),[["position","relative"]]),e(t.querySelectorAll(".advert"),[["position","relative"]]),e(t.querySelectorAll("blockquote"),[["zIndex","1"]]),(v=t.querySelector('div[class*="article__MyContainer"]'))==null||v.setAttribute("style","max-width:1190px;margin-top:-24px"),(S=t.querySelector('div[type="BANNER"]'))==null||S.setAttribute("style","display:none"),(x=t.querySelector('div[type="MBANNER"]'))==null||x.setAttribute("style","display:none")}},p={siteBackgroundColor:"#ffffff",fireplaceLeftMargin:0,adNodeMarginTop:-24,adNodeMarginBottom:0,responsiveScroll:-124,xPosHalfpage:function(){return 695},yPosHalfpage:function(){return 32},stickyMargin:{offset:32,isSticky:!0},zIndex:function(){var i,o,n,s,a,l,c,h,v,S;const t=window.parent.document,e=(x,q)=>x.forEach(k=>q.forEach(([M,C])=>k.style[M]=C));(i=t.querySelector(".nk-demographics"))==null||i.setAttribute("style","max-width:1190px;left:50%;transform:translate(-50%,0);"),(o=t.querySelector(".nk-footer"))==null||o.setAttribute("style","position:relative;max-width:1190px;left:50%;transform:translate(-50%,0);"),(n=t.querySelector("article"))==null||n.setAttribute("style","position:relative"),(s=t.querySelector("#article"))==null||s.setAttribute("style","position:relative"),(a=t.querySelector("#VideoIndex"))==null||a.setAttribute("style","position:relative"),(l=t.querySelector("#Index"))==null||l.setAttribute("style","position:relative"),(c=t.querySelector(".show"))==null||c.setAttribute("style","position:relative"),e(t.querySelectorAll(".column"),[["position","relative"]]),e(t.querySelectorAll(".advert"),[["position","relative"]]),e(t.querySelectorAll("blockquote"),[["zIndex","1"]]),(h=t.querySelector('div[class^="component__StrapContainer"]'))==null||h.setAttribute("style","position:relative"),(v=t.querySelector('section[class^="WatchNow__Container"]'))==null||v.setAttribute("style","margin-left:calc(50% - 49vw);margin-right:calc(50% - 49vw + 10px);"),(S=t.querySelector('div[class*="ArticleContainer"]'))==null||S.setAttribute("style","max-width:1190px;margin-top:0px")}},m={siteBackgroundColor:"#ffffff",fireplaceLeftMargin:0,adNodeMarginTop:-24,adNodeMarginBottom:-10,responsiveScroll:-120,xPosHalfpage:722,yPosHalfpage:32,stickyMargin:{offset:8,isSticky:!0},zIndex:function(){var i,o,n,s,a,l;const t=window.parent.document;if((i=t.querySelector('section[data-section="marketing-banner"]'))==null||i.setAttribute("style","position:relative"),(n=(o=t.querySelector('div[data-testid="live-tv"]'))==null?void 0:o.parentNode)==null||n.setAttribute("style","position:relative"),(a=(s=t.querySelector('div[data-contentunit-id="stan"]'))==null?void 0:s.parentNode)==null||a.setAttribute("style","position:relative"),(l=t.querySelector("small"))==null||l.setAttribute("style","position:inherit"),t.querySelector('div[id*="tablet"][id*="takeover"]')){let c=t.createElement("style");c.innerHTML=`
+          div:has(#adspot-tablet-takeover-2-above) {
+              position: static;
+          }
+        `,t.head.appendChild(c)}}},b={siteBackgroundColor:"#ffffff",fireplaceLeftMargin:0,adNodeMarginTop:-24,adNodeMarginBottom:0,responsiveScroll:-124,xPosHalfpage:720,yPosHalfpage:32,stickyMargin:{offset:104,isSticky:!0},zIndex:function(){const t=window.parent.document;if(t.querySelector('div[id*="tablet"][id*="takeover"]')){let n=t.createElement("style");n.innerHTML=`
+          #app header + div{
+            position: static;
+          }
+        `,t.head.appendChild(n)}const o=t.querySelector("footer").previousElementSibling;o&&o.tagName.toLowerCase()==="div"&&(o.style.position="relative")}},N={siteBackgroundColor:"#ffffff",fireplaceLeftMargin:0,adNodeMarginTop:-32,adNodeMarginBottom:16,responsiveScroll:-124,xPosHalfpage:function(){return 720},yPosHalfpage:function(){return 16},stickyMargin:{offset:16,isSticky:!0},zIndex:function(){var e,i,o,n,s,a;const t=window.parent.document;(e=t.querySelector(".header-wrapper"))==null||e.setAttribute("style","height:124px"),(i=t.querySelector(".weather-widget-wrapper"))==null||i.setAttribute("style","bottom:0px"),(o=t.querySelector(".content"))==null||o.setAttribute("style","padding-top:32px"),(n=t.querySelector(".layout"))==null||n.setAttribute("style","position:relative;background-color:transparent;"),(s=t.querySelector(".footer-ad"))==null||s.setAttribute("style","position:relative"),(a=t.querySelector(".footer-netkit"))==null||a.setAttribute("style","position:relative;max-width:1190px;left:50%;transform:translate(-50%,0);")}},A=[{site:"https://www.nine.com.au/sport",config:b},{site:"https://www.nine.com.au/product-reviews",config:p},{site:"https://www.nine.com.au/property",config:p},{site:"https://www.nine.com.au/entertainment",config:p},{site:"https://staging.nine.com.au/sport",config:b},{site:"https://staging.nine.com.au/product-reviews",config:p},{site:"https://staging.nine.com.au/property",config:p},{site:"https://staging.nine.com.au/entertainment",config:p},{site:"https://render-web-nine-staging-v1.ffxblue.com.au",config:m},{site:"https://render-web-nine-production-v1.ffxblue.com.au",config:m},{site:"https://preview.nine.com.au/",config:m},{site:"https://www.nine",config:m},{site:"https://staging.nine",config:m},{site:"https://entertainment",config:r},{site:"https://celebrity",config:r},{site:"https://homes",config:r},{site:"https://travel",config:r},{site:"https://honey",config:r},{site:"https://style",config:r},{site:"https://coach",config:r},{site:"https://kitchen",config:r},{site:"https://finance",config:r},{site:"https://wwos",config:b},{site:"https://staging.wwos",config:b},{site:"https://www.9news",config:N},{site:"https://staging.9news",config:N},{site:"https://www.yourtv",config:r},{site:"https://staging.yourtv",config:r},{site:"https://9now",config:p},{site:"https://creative-preview-an.com",config:r}],P=()=>{const t=window.document.getElementById("nineContent");t&&(t.style.backgroundColor=f.siteBackgroundColor),L(),H(),window.parent.window.addEventListener("scroll",B),setTimeout(B,50)},T=()=>{let t=null;return window.parent&&(t=window.parent.document.querySelector('div[id*="billboard"][id*="above"]')),t},D=()=>{const t=window.parent.location.href;for(let e=0;e<A.length;e+=1)if(t.indexOf(A[e].site)>=0)return A[e].config},H=()=>{if(!g)return;const t=g.style;t.width="100%",t.height="1000px",t.position="fixed",t.left="50%",t.transform="translate(-50%, 0)"},L=()=>{if(!E)return;const t=E.style;t.minHeight="250px",t.marginTop=f.adNodeMarginTop+"px",t.marginBottom=f.adNodeMarginBottom+"px",t.position="static",t.display="block",window.parent&&f.zIndex&&f.zIndex()},B=t=>{const e=window.parent.scrollY,i=g.style,o=document.getElementById("siteContent")?document.getElementById("siteContent").style:{};e>=0&&e<=w?(i.transform=`translate(-50%, ${-e}px)`,o.transform="translateY(0)"):e>w&&e<=I?(i.transform=`translate(-50%, ${-w}px)`,o.transform=`translateY(${w-e}px)`):e>I&&(i.transform=`translate(-50%, ${-(void 0).mastheadTop}px)`,o.transform="translateY(-250px)")},E=T(),f=D(),w=-f.responsiveScroll+(y||0),I=w+250;P()};function u({adFormat:y="",stickyOffset:g=0}={}){console.log(y),y==="fireplace"&&(console.log("54545455"),d(g))}return u});

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "powered-ad-config",
+  "version": "0.0.1",
+  "description": "Configure Ads to load smoothly and at the right position on All Nine's websites",
+  "main": "dist/powered-ad-config.umd.js",
+  "module": "dist/powered-ad-config.es.js",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "devDependencies": {
+    "vite": "^5.4.2"
+  },
+  "dependencies": {
+  },
+  "author": "Joffrey Lyon",
+  "license": "MIT"
+}