sfc-utils 1.2.7 → 1.3.1

package/accountswap.js

@@ -0,0 +1,31 @@
+
+// Detect if there's a valid signin -- if so, swap Subscribe button to Account button
+// Any domain + /realm/ should work for an account link
+const accountURL = "/realm/"
+
+const pollForAccount = function(i){
+  // Start the iterator
+  if (!i){
+    i = 0
+  }
+  // Safecheck for treg since it might not be global yet
+  if (window && window.treg && window.treg.identity && window.treg.identity.isEntitled){
+    // We got a valid entitlement! Let's see if the button exists and swap our new one in
+    const subButton = documment.querySelector('.sub-box')
+    console.log("found and swapped")
+    if (subButton){
+      subButton.setAttribute("href", accountURL)
+      subButton.innerText = "Account"
+    }
+  } else {
+    if (i > 10){
+      // If we've waited 10 seconds and there's still no entitlement, assume we aren't getting one
+      return false
+    }
+    console.log("not found, polling " + i)
+    // Check again after 1 sec
+    setTimeout(() => {pollForAccount(i+1)}, 1000)
+  }
+}
+
+module.exports = { pollForAccount }

package/brands.js

@@ -113,7 +113,7 @@ let getBrands = function(market){
 		/* Connecticut */
 		CT: {
 			styles: {
-				"@brand": "#900900",
+				"@brand": "#1A98FF",
 			},
 			attributes: {
 				"marketPrefix": "in",

package/index.js

@@ -246,9 +246,10 @@ let blendHDN = function(meta){
 let { getBrands } = require('./brands')
 let { getSettings } = require('./settings')
 let { getNav } = require('./nav')
+let { getNav2 } = require('./nav2')
 let { getSpecialNav } = require('./specialnav')
 let { getFooter } = require('./footer')
 let { getTopper } = require('./topper')
 let { getBlueconic } = require('./blueconic')
 
-module.exports = { appCheck, blendHDN, getSettings, getBrands, getNav, getSpecialNav, getFooter, getTopper, getBlueconic }
+module.exports = { appCheck, blendHDN, getSettings, getBrands, getNav, getNav2, getSpecialNav, getFooter, getTopper, getBlueconic }

package/nav2.js

@@ -0,0 +1,182 @@
+let { getBrands } = require("./brands");
+
+// Handle nav for various markets and include nav options for other links
+let getNav2 = function (
+  meta,
+  urlAdd,
+  forceColor,
+  navLink,
+  navArray
+) {
+  // If we aren't passing meta in, we have to call getSettings here
+  if (!meta) {
+    let { getSettings } = require("./settings");
+    meta = getSettings();
+  }
+
+  // If a navArray was provided, create the subnav
+  let subnav = "";
+  let dropdownIcon = "";
+  if (navArray && navArray.length > 0) {
+    subnav = `<ul id="subnav">`;
+    for (let i = 0; i < navArray.length; i++) {
+      subnav += `<li><a class="active" href="${navArray[i].url}" target="${navArray[i].target}"><span class="arrow-bullet">▶</span> ${navArray[i].text}</a></li>`;
+    }
+    subnav += `</ul>`;
+    // Add a dropdown icon
+    dropdownIcon = `<div class="dropdown-icon">▾</div>`;
+  }
+
+  // Extension to URL if passed in
+  if (!urlAdd) {
+    urlAdd = "";
+  }
+
+  let {
+    attributes: { marketPrefix, invert, subscribeLink },
+  } = getBrands(meta.PROJECT.MARKET_KEY);
+  // Handle various CT domains
+  if (typeof window !== "undefined") {
+    switch (window.location.origin) {
+      case "https://www.ctpost.com":
+        marketPrefix = "ct";
+        break;
+      case "https://www.nhregister.com":
+        marketPrefix = "nh";
+        break;
+      case "https://www.greenwichtime.com":
+        marketPrefix = "gt";
+        break;
+      case "https://www.stamfordadvocate.com":
+        marketPrefix = "st";
+        break;
+      case "https://www.thehour.com":
+        marketPrefix = "th";
+        break;
+      case "https://www.newstimes.com":
+        marketPrefix = "nt";
+        break;
+      case "https://www.middletownpress.com":
+        marketPrefix = "mp";
+        break;
+      case "https://www.ctinsider.com":
+        marketPrefix = "in";
+        break;
+
+      case "https://www.beaumontenterprise.com":
+        marketPrefix = "texcom/beau";
+        break;
+      case "https://www.lmtonline.com":
+        marketPrefix = "texcom/laredo";
+        break;
+      case "https://www.mrt.com":
+        marketPrefix = "texcom/mrt";
+        break;
+      case "https://www.myplainview.com":
+        marketPrefix = "texcom/plain";
+        break;
+
+      case "https://www.bigrapidsnews.com":
+        marketPrefix = "midcom/big";
+        break;
+      case "https://www.manisteenews.com":
+        marketPrefix = "midcom/mani";
+        break;
+      case "https://www.ourmidland.com":
+        marketPrefix = "midcom/mid";
+        break;
+      case "https://www.michigansthumb.com":
+        marketPrefix = "midcom/huron";
+        break;
+      case "https://www.recordpatriot.com":
+        marketPrefix = "midcom/benzie";
+        break;
+      case "https://www.theheraldreview.com":
+        marketPrefix = "midcom/hr";
+        break;
+      case "https://www.lakecountystar.com":
+        marketPrefix = "midcom/lc";
+        break;
+      case "https://www.thetelegraph.com":
+        marketPrefix = "midcom/alton";
+        break;
+      case "https://www.theintelligencer.com":
+        marketPrefix = "midcom/ed";
+        break;
+      case "https://www.myjournalcourier.com":
+        marketPrefix = "midcom/jv";
+        break;
+    }
+  }
+
+  // Default is white text on black nav (SFC style)
+  let invertClass = "";
+  let color = "white";
+  // If inverted, do black on white nav
+  // Only change things if color isn't forced to white
+  if (invert || forceColor === "white") {
+    invertClass = "invert";
+    color = "black";
+  }
+
+  let subfolder = "";
+  if (meta.PROJECT.SUBFOLDER) {
+    subfolder = meta.PROJECT.SUBFOLDER + "/";
+  }
+
+  // If a link object was provided, format the insert
+  let navLinkInsert = "";
+  if (navLink) {
+    navLinkInsert = `
+      <a
+        class="topper-nav-title"
+        id="nav-title"
+        href="${navLink.url}"
+        target="${navLink.target || "_blank"}"
+      >
+        ${navLink.text}${dropdownIcon}
+      </a>
+    `
+  }
+
+  let rightBlock = `
+    <a class="sub-box" href="${subscribeLink}" target="_blank">
+      <div>Subscribe</div>
+    </a>
+  `;
+  
+
+  let navHTML = `<nav class="topper-nav-container ${invertClass}">
+    <div class="topper-nav-left">
+      ${navLinkInsert}
+    </div>
+    <div class="topper-nav-center">
+    <a
+      href="/"
+      target="_blank"
+      rel="noopener noreferrer"
+    >
+      <div>
+        <img
+          class="topper-nav-desk-logo"
+          alt="Logo"
+          src="https://files.sfchronicle.com/static-assets/logos/${marketPrefix}-${color}.png"
+        ></img>
+        <img
+          class="topper-nav-mobile-logo"
+          alt="Logo"
+          src="https://files.sfchronicle.com/static-assets/logos/${marketPrefix}-square-${color}.png"
+        ></img>
+      </div>
+    </a>
+    </div>
+    <div class="topper-nav-right">
+      ${rightBlock}
+    </div>
+    ${subnav}
+  </nav>`;
+
+  return navHTML;
+};
+
+module.exports = { getNav2 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sfc-utils",
-  "version": "1.2.7",
+  "version": "1.3.1",
   "author": "ewagstaff <evanjwagstaff@gmail.com>",
   "dependencies": {
     "archieml": "^0.4.2",

package/topper.js

@@ -358,7 +358,7 @@ let getTopper = function(settings){
        }
        .topper-intro-img-sfc-utils, #topper-intro-video-sfc-utils{
            object-fit: contain !important;
-           positon: relative;
+           position: relative;
        }
        #topper-intro-container.full #topper-article-title{
            text-align: left !important;