sfc-utils 1.4.181 → 1.4.183

package/accountswap.js

@@ -13,7 +13,12 @@ const attachSigninHandler = async function () {
     if (signinButton && !signinButton.dataset.realmAttached) {
       signinButton.dataset.realmAttached = "true";
       signinButton.onclick = function (e) {
-        if (window && window.treg && window.treg.realm && window.treg.realm.core) {
+        if (
+          window &&
+          window.treg &&
+          window.treg.realm &&
+          window.treg.realm.core
+        ) {
           window.treg.realm.core.login();
         }
         e.preventDefault();
@@ -34,11 +39,21 @@ const swapSubscribeForAccount = async function () {
   const maxTries = 20; // 20 * 500ms = 10 seconds
   while (!swapped && tries < maxTries) {
     tries++;
-    if (window && window.treg && window.treg.identity && window.treg.identity.id) {
+    if (
+      window &&
+      window.treg &&
+      window.treg.identity &&
+      window.treg.identity.id
+    ) {
       const rightBlock = document.querySelector(".nav2-right");
       if (rightBlock && rightBlock.innerText) {
         rightBlock.innerHTML = `<a id="nav2-sub-box" href="${accountURL}"><div>Account</div></a>`;
-        if (window && window.treg && window.treg.realm && window.treg.realm.iframeProfile) {
+        if (
+          window &&
+          window.treg &&
+          window.treg.realm &&
+          window.treg.realm.iframeProfile
+        ) {
           const subButton = document.querySelector("#nav2-sub-box");
           if (subButton) {
             subButton.onclick = function (e) {

package/components/layout/layouthelmet.mjs

@@ -27,7 +27,7 @@ const LayoutHelmet = ({
       MARKET_KEY,
       CANONICAL_URL,
       ANALYTICS_CREDIT,
-      SECTION,
+      HEARST_CATEGORY,
     },
   } = meta;
 
@@ -128,8 +128,8 @@ const LayoutHelmet = ({
 
   // Set section with fallback
   let articleSection = "Local";
-  if (SECTION) {
-    articleSection = SECTION;
+  if (HEARST_CATEGORY && typeof HEARST_CATEGORY === "string") {
+    articleSection = HEARST_CATEGORY.split(",")[0];
   }
 
   // Set the default schema that will be used as a fallback

package/components/sharebuttons.mjs

@@ -1,8 +1,9 @@
 import React, { useEffect, useState } from "react";
 import * as shareStyles from "../styles/modules/share.module.less";
 import { appCheck } from "../appcheck.js";
+import { trackEvent } from "../components/helpers/utilfunctions.mjs";
 
-const ShareButtons = ({ meta, urlAdd }) => {
+const ShareButtons = ({ meta, urlAdd, location = "Byline" }) => {
   // We need to run appCheck in useEffect because we need to wait for the DOM to be ready
   let [hideSocial, setHideSocial] = useState(false);
   useEffect(() => {
@@ -37,7 +38,10 @@ const ShareButtons = ({ meta, urlAdd }) => {
           <a
             href={`https://www.facebook.com/sharer/sharer.php?u=${meta.MAIN_DOMAIN}%2F${subfolder}${meta.PROJECT.SLUG}%2F${urlAdd}`}
             className={shareStyles.link}
-            onClick={facebookClick}
+            onClick={(e) => {
+              facebookClick(e);
+              trackEvent("Click", "Button", "Share", `Facebook|${location}`);
+            }}
           >
             <svg
               className={shareStyles.svg}
@@ -59,6 +63,9 @@ const ShareButtons = ({ meta, urlAdd }) => {
           <a
             href={`https://x.com/intent/post?url=${meta.MAIN_DOMAIN}%2F${subfolder}${meta.PROJECT.SLUG}%2F${urlAdd}&text=${meta.PROJECT.TWITTER_TEXT}`}
             className={shareStyles.link}
+            onClick={() => {
+              trackEvent("Click", "Button", "Share", `X|${location}`);
+            }}
           >
             {/* <svg
               className={shareStyles.svg}
@@ -95,6 +102,9 @@ const ShareButtons = ({ meta, urlAdd }) => {
           <a
             href={`https://bsky.app/intent/compose?text=${meta.PROJECT.TWITTER_TEXT}&url=${meta.MAIN_DOMAIN}%2F${subfolder}${meta.PROJECT.SLUG}%${urlAdd}`}
             className={shareStyles.link}
+            onClick={() => {
+              trackEvent("Click", "Button", "Share", `Bluesky|${location}`);
+            }}
           >
             <svg
               className={shareStyles.svg}
@@ -107,7 +117,9 @@ const ShareButtons = ({ meta, urlAdd }) => {
             >
               <path
                 data-name="Bluesky Logo"
-                fill="currentColor" d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z"/>
+                fill="currentColor"
+                d="M111.8 62.2C170.2 105.9 233 194.7 256 242.4c23-47.6 85.8-136.4 144.2-180.2c42.1-31.6 110.3-56 110.3 21.8c0 15.5-8.9 130.5-14.1 149.2C478.2 298 412 314.6 353.1 304.5c102.9 17.5 129.1 75.5 72.5 133.5c-107.4 110.2-154.3-27.6-166.3-62.9l0 0c-1.7-4.9-2.6-7.8-3.3-7.8s-1.6 3-3.3 7.8l0 0c-12 35.3-59 173.1-166.3 62.9c-56.5-58-30.4-116 72.5-133.5C100 314.6 33.8 298 15.7 233.1C10.4 214.4 1.5 99.4 1.5 83.9c0-77.8 68.2-53.4 110.3-21.8z"
+              />
             </svg>
           </a>
         </>
@@ -116,6 +128,9 @@ const ShareButtons = ({ meta, urlAdd }) => {
       <a
         href={`mailto:?subject=${meta.PROJECT.TITLE}&body=${meta.PROJECT.DESCRIPTION}%0A%0A${meta.MAIN_DOMAIN}%2F${subfolder}${meta.PROJECT.SLUG}%2F${urlAdd}`}
         className={shareStyles.link}
+        onClick={() => {
+          trackEvent("Click", "Button", "Share", `Email|${location}`);
+        }}
       >
         <svg
           className={shareStyles.svg}

package/package.json

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