sfc-utils 1.4.33 → 1.4.35

package/components/byline.mjs

@@ -7,7 +7,7 @@ import {
   moddateString,
 } from './helpers/datehelpers.mjs'
 
-const Byline = ({ meta, updateNote }) => {
+const Byline = ({ meta, updateNote, updatePrefix }) => {
   const {
     PROJECT: { AUTHORS, ISO_MODDATE, ISO_PUBDATE },
   } = meta
@@ -61,7 +61,12 @@ const Byline = ({ meta, updateNote }) => {
                 dateTime={ISO_MODDATE}
                 itemProp="dateModified"
               >
-                Updated {moddateString}
+                {updatePrefix ? (
+                  <>{updatePrefix}{' '}</>
+                ) : (
+                  <>Updated{' '}</>
+                )}
+                {moddateString}
               </time>
             </>
           )}

package/components/topper2.mjs

@@ -277,6 +277,7 @@ const Topper2 = ({ settings, wcmData, mods }) => {
             wcm={Image}
             alt={Image_Alt}
             wcmData={wcmData}
+            containerCssList={[imageStyles.cContainerFullscreen]}
             imageCssList={[imageStyles.cImgFullscreen]}
           />
         )

package/copy/docs.js

@@ -19,24 +19,24 @@ var archieml = require("archieml");
 var htmlparser = require("htmlparser2");
 var Entities = require("html-entities").AllHtmlEntities;
 
-let googleAuth = (config, directory = null, filenames = null) => {
+let googleAuth = (config, directory = null, filenames = null, useID = null) => {
   var auth = null;
   authObj
     .authenticate({ fallback: false })
     .then((resp) => {
       auth = resp;
-      grabDocs(auth, config, directory, filenames).catch(() => {
+      grabDocs(auth, config, directory, filenames, useID).catch(() => {
         // If the first attempt failed, then make another req using the fallback
         authObj.authenticate({ fallback: true }).then((resp) => {
           auth = resp;
-          grabDocs(auth, config, directory, filenames);
+          grabDocs(auth, config, directory, filenames, useID);
         });
       });
     })
     .catch(() => {
       // Failure if we fall back but there's no token
       auth = authObj.task();
-      grabDocs(auth, config, directory, filenames);
+      grabDocs(auth, config, directory, filenames, useID);
     });
 };
 
@@ -51,7 +51,7 @@ var camelCase = function (str) {
  * https://console.developers.google.com/apis/api/drive.googleapis.com/quotas?project=<project>
  * where <project> is the project you authenticated with using `grunt google-auth`
  */
-let grabDocs = (auth, config, directory = null, filenames = null) => {
+let grabDocs = (auth, config, directory = null, filenames = null, useID = null) => {
   return new Promise((resolve, reject) => {
     var drive = google.drive({
       auth,
@@ -75,9 +75,11 @@ let grabDocs = (auth, config, directory = null, filenames = null) => {
         }
 
         var filename = meta.data.name.replace(/\s+/g, "_");
-
-        //find the appropriate filename if filenames arr is included in params
-        if (filenames) {
+        if (useID) {
+          // If we want to use the ID as the filename, do it
+          filename = fileId;
+        } else if (filenames) {
+          //find the appropriate filename if filenames arr is included in params
           let match = filenames.find((f) => f.id === fileId);
           filename = match.name;
         }

package/example/package-lock.json

@@ -27,7 +27,7 @@
         "react": "16.14.0",
         "react-dom": "16.14.0",
         "react-headroom": "3.1.1",
-        "react-helmet": "6.1.0",
+        "react-helmet": "^6.1.0",
         "react-lazyload": "3.2.0",
         "require-directory": "2.1.1",
         "swr": "^0.5.6"

package/example/package.json

@@ -22,7 +22,7 @@
     "react": "16.14.0",
     "react-dom": "16.14.0",
     "react-headroom": "3.1.1",
-    "react-helmet": "6.1.0",
+    "react-helmet": "^6.1.0",
     "react-lazyload": "3.2.0",
     "require-directory": "2.1.1",
     "swr": "^0.5.6"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sfc-utils",
-  "version": "1.4.33",
+  "version": "1.4.35",
   "author": "ewagstaff <evanjwagstaff@gmail.com>",
   "dependencies": {
     "archieml": "^0.4.2",
@@ -10,6 +10,7 @@
     "htmlparser2": "4.1.0",
     "opn": "^6.0.0",
     "prop-types": "^15.8.1",
+    "react-helmet": "^6.1.0",
     "react-transition-group": "^4.4.5",
     "write": "^2.0.0"
   }

package/styles/modules/topper2.module.less

@@ -9,7 +9,12 @@
 
 .topperContainerFullScreen {
   max-width: 100%;
+  height: calc(100vh - 37px);
   position: relative;
+
+  @media @tablet {
+    height: auto;
+  }
 }
 
 .topperContainerSlideshowFullScreen {
@@ -25,6 +30,7 @@
 .topperContainerSideBySide {
   display: flex;
   align-items: center;
+  justify-content: center;
   background: var(--container-background-color);
 
   @media (max-width: @lg) {
@@ -57,11 +63,14 @@
 }
 
 .imageFullScreen {
-  top: 0 !important;
+  position: absolute;
   width: 100%;
 
-  @media @mobile {
+  @media @tablet {
+    margin: 0;
+    padding: 0;
     height: 100%;
+    position: static;
   }
 }
 
@@ -314,7 +323,11 @@
 }
 
 .dropshadow {
-  text-shadow: 1px 1px 10px rgba(0, 0, 0, .4)
+  text-shadow: 1px 1px 10px rgba(0, 0, 0, .4);
+
+  @media @tablet {
+    text-shadow: none;
+  }
 }
 
 .hideWhenTablet {

package/styles/modules/topperimage.module.less

@@ -70,6 +70,14 @@
   padding-bottom: var(--img-bottom-padding-ratio);
 }
 
+.c-container-fullscreen {
+  padding-bottom: 100vh;
+
+  @media @tablet {
+    padding-bottom: var(--img-bottom-padding-ratio);
+  }
+}
+
 .c-container-small-visual {
   height: calc(var(--img-bottom-padding-fraction)*var(--small-visual-max-width));
   max-width: var(--small-visual-max-width);
@@ -108,6 +116,11 @@
   height: calc(100vh - 37px);
 
   @media @tablet {
+    display: block;
+    position: absolute;
+    margin: 0;
+    padding: 0;
+    width: 100%;
     height: auto;
   }
 }
@@ -134,7 +147,6 @@
 }
 
 .c-img-side-by-side {
-  object-fit: cover;
   width: 50vw;
   height: var(--img-height-viewport);