sfc-utils 1.3.24 → 1.3.27

package/accountswap.js

@@ -12,9 +12,10 @@ const pollForAccount = function(i){
   if (window && window.treg && window.treg.identity && window.treg.identity.id){
     // We got a valid entitlement! Let's see if the button exists and swap our new one in
     const subButton = document.querySelector('#nav2-sub-box')
+    const subButtonText = subButton.querySelector('div')
     if (subButton){
       subButton.setAttribute("href", accountURL)
-      subButton.innerText = "Account"
+      subButtonText.innerText = "Account"
     }
   } else {
     if (i > 10){
@@ -26,4 +27,4 @@ const pollForAccount = function(i){
   }
 }
 
-module.exports = { pollForAccount }
+module.exports = { pollForAccount }

package/brands.js

@@ -17,7 +17,7 @@ let getBrands = function(market){
 			"@sans-bold": '"Source Sans Pro Bold", Helvetica, sans-serif',
 
 			// Icons
-			"@sub-icon": `url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="currentColor"><path d="M160 416H96c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h64c17.67 0 32-14.33 32-32S177.7 32 160 32H96C42.98 32 0 74.98 0 128v256c0 53.02 42.98 96 96 96h64c17.67 0 32-14.33 32-32S177.7 416 160 416zM502.6 233.4l-128-128c-12.51-12.51-32.76-12.49-45.25 0c-12.5 12.5-12.5 32.75 0 45.25L402.8 224H192C174.3 224 160 238.3 160 256s14.31 32 32 32h210.8l-73.38 73.38c-12.5 12.5-12.5 32.75 0 45.25s32.75 12.5 45.25 0l128-128C515.1 266.1 515.1 245.9 502.6 233.4z"/></svg>')`,
+			"@sub-icon": `url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" fill="white"><path d="M160 416H96c-17.67 0-32-14.33-32-32V128c0-17.67 14.33-32 32-32h64c17.67 0 32-14.33 32-32S177.7 32 160 32H96C42.98 32 0 74.98 0 128v256c0 53.02 42.98 96 96 96h64c17.67 0 32-14.33 32-32S177.7 416 160 416zM502.6 233.4l-128-128c-12.51-12.51-32.76-12.49-45.25 0c-12.5 12.5-12.5 32.75 0 45.25L402.8 224H192C174.3 224 160 238.3 160 256s14.31 32 32 32h210.8l-73.38 73.38c-12.5 12.5-12.5 32.75 0 45.25s32.75 12.5 45.25 0l128-128C515.1 266.1 515.1 245.9 502.6 233.4z"/></svg>')`,
 		},
 		attributes: {
 			"subscribeLink": "https://www.hearst.com/newspapers?projects=true"

package/css/nav2.less

@@ -70,7 +70,7 @@
   }
   #nav2-sub-box {
     border: none;
-    color:white;
+    color: white;
     text-transform: none;
     text-decoration: underline white;
   }
@@ -100,6 +100,7 @@
     &::after {
       content: " ";
       background-image: @sub-icon;
+      filter: invert(1);
     }
   }
 }

package/example/.prettierrc

@@ -0,0 +1,5 @@
+{
+  "semi": false,
+  "singleQuote": true,
+  "trailingComma": "es5"
+}

package/example/README.md

@@ -0,0 +1,8 @@
+# {%= app_slug %}
+
+{%= github_desc %}
+
+View the live project: [{%= project_url %}]({%= project_url %})
+
+This project was built with the SFC Newsapp template. For instructions on how to use this template, refer to [the template README](https://github.com/sfchronicle/gatsby-newsapp))
+

package/example/gatsby-config.js

@@ -0,0 +1,131 @@
+// Add SFC utils
+const { getBrands, getNav, getFooter } = require('../index')
+const { getSettings } = require('./tempsettings')
+const { DateTime } = require('luxon');
+
+let settings = getSettings()
+
+let marketKeyArray = [
+  {"markets": ["SFC"], "zone": "America/Los_Angeles"},
+  {"markets": ["Houston","SanAntonio","Texcom"], "zone": "America/Chicago"},
+  {"markets": ["Albany","CT","Midcom"], "zone": "America/New_York"},
+]
+
+let currentZone
+// Find the current market in the array
+for (let region in marketKeyArray){
+  let thisRegion = marketKeyArray[region]
+  if (thisRegion.markets.includes(settings.PROJECT.MARKET_KEY)){
+    currentZone = thisRegion.zone
+  }
+}
+// If we don't have a match, that means we have an invalid market key
+if (!currentZone){
+  console.error("Invalid or undefined MARKET_KEY! See the _key_explainer in project-config to see valid values.")
+  process.exit(1)
+}
+
+// Create computer pub and mod dates
+const dt = DateTime.fromFormat(
+  settings.PROJECT.DATE,
+  'MMMM d, y h:mm a',
+  {zone: currentZone}
+)
+// Convert date to computer-readable time
+const computerPubDate = dt.toISO()
+settings.PROJECT.ISO_PUBDATE = computerPubDate
+
+// If MOD_DATE does not exist, set var to pubdate
+let computerModDate = ""
+if (typeof settings.PROJECT.MOD_DATE !== 'undefined' && settings.PROJECT.MOD_DATE) {
+  const dt2 = DateTime.fromFormat(
+    settings.PROJECT.MOD_DATE,
+    'MMMM d, y h:mm a',
+    {zone: currentZone}
+  )
+    computerModDate = dt2.toISO()
+} else {
+  // Fallback to creation date
+  computerModDate = computerPubDate
+}
+settings.PROJECT.ISO_MODDATE = computerModDate
+
+//Set get the current env var
+const currentEnv = process.env.GATSBY_DEPLOY_ENV
+console.log('Current environment: ' + currentEnv)
+
+// Handle test prefix
+// TODO: Once we embrace the new URL, we can delete this check and hardcode /projects
+let projectsPrefix = ""
+if (settings.PROJECT.SUBFOLDER.toString().indexOf("projects/") === 0){
+  projectsPrefix = "/projects"
+}
+// Set the path prefix for the given deploy (ignored for dev)
+let pathPrefix = '/projects/test-proj/' + settings.PROJECT.SLUG
+if (currentEnv === 'development') {
+  pathPrefix = '/'
+}
+if (currentEnv === 'app') {
+  pathPrefix = projectsPrefix + '/app/' + settings.PROJECT.SLUG
+}
+if (currentEnv === 'production') {
+  pathPrefix =
+    '/' +
+    settings.PROJECT.SUBFOLDER +
+    settings.PROJECT.OPT_SLASH +
+    settings.PROJECT.SLUG
+}
+
+let plugins = [
+  'gatsby-plugin-react-helmet',
+  'gatsby-transformer-json',
+  {
+    resolve: 'gatsby-plugin-less',
+    options: {
+      lessOptions: {
+        modifyVars: getBrands(settings.PROJECT.MARKET_KEY).styles,
+      },
+    },
+  },
+  {
+    resolve: 'gatsby-plugin-html-attributes',
+    options: {
+      lang: 'en',
+    },
+  },
+  {
+    resolve: `gatsby-source-filesystem`,
+    options: {
+      name: `projectData`,
+      path: `${__dirname}/src/data/`,
+    },
+  },
+  {
+    resolve: 'gatsby-plugin-webpack-bundle-analyser-v2',
+    options: {
+      production: true,
+      disable: !process.env.ANALYZE_BUNDLE_SIZE,
+      generateStatsFile: true,
+      analyzerMode: 'static',
+    },
+  },
+  // this (optional) plugin enables Progressive Web App + Offline functionality
+  // To learn more, visit: https://gatsby.app/offline
+  // 'gatsby-plugin-offline',
+]
+
+// Enable preact for the prod build
+if (currentEnv !== "development"){
+  plugins.push("gatsby-plugin-preact")
+}
+
+// TK builds get weird redirect loops with htaccess plugin, so don't use it
+if (settings.PROJECT.MARKET_KEY !== "TK"){
+  plugins.push("gatsby-plugin-htaccess")
+}
+
+module.exports = {
+  siteMetadata: settings,
+  pathPrefix: pathPrefix,
+  plugins: plugins
+}

package/example/gatsby-node.js

@@ -0,0 +1,45 @@
+/**
+ * Implement Gatsby's Node APIs in this file.
+ *
+ * See: https://www.gatsbyjs.org/docs/node-apis/
+ */
+
+ var {requestImage} = require("./tasks/node-helpers");
+
+// Import all the WCM photos you'd like to use in this project
+// NOTE: Leave this as an empty array if you aren't importing any WCM photos, but you won't be able to use the WCMImage component
+const wcmPhotos = [20374215]
+
+// Create nodes so GraphQL can access
+exports.sourceNodes = async ({
+  actions,
+  createNodeId,
+  createContentDigest,
+}) => {
+  const { createNode } = actions
+
+  // Request and push photo data into an array
+  const photoData = [];
+  wcmPhotos.forEach((url) => {
+    photoData.push(requestImage(url))
+  })
+
+  // Take the ratios/ids turn them into graphql nodes
+  await Promise.all(photoData).then((values) => {
+    values.forEach((photo) => {
+      const type = "wcmPhotos";
+      createNode({
+        photo,
+        id: createNodeId(`${type}${photo.wcmid}`),
+        parent: null,
+        children: [],
+        internal: {
+          contentDigest: createContentDigest(photo),
+          type,
+        },
+      })
+    })
+    return
+  })
+  return
+}