@mindful-web/marko-web-theme-monorail 1.0.0

package/graphql/fragments/section-list-block.js

@@ -0,0 +1,21 @@
+const gql = require('graphql-tag');
+
+module.exports = gql`
+
+fragment SectionListBlockContentFragment on Content {
+  id
+  type
+  shortName
+  labels
+  siteContext {
+    path
+  }
+  primarySection {
+    id
+    name
+    fullName
+    canonicalPath
+  }
+}
+
+`;

package/graphql/fragments/section-list-card-block.js

@@ -0,0 +1,27 @@
+const gql = require('graphql-tag');
+
+module.exports = gql`
+
+fragment SectionListCardBlockContentFragment on Content {
+  id
+  type
+  shortName
+  labels
+  siteContext {
+    path
+  }
+  primarySection {
+    id
+    name
+    fullName
+    canonicalPath
+  }
+  primaryImage {
+    id
+    src(input: { options: { auto: "format,compress" } })
+    alt
+    isLogo
+  }
+}
+
+`;

package/graphql/fragments/sections-search.js

@@ -0,0 +1,46 @@
+const gql = require('graphql-tag');
+
+module.exports = gql`
+fragment WebsiteSectionSearchFragment on WebsiteSection {
+  id
+  alias
+  name
+  children(input: { pagination: { limit: 0 } }) {
+    edges {
+      node {
+        id
+        alias
+        name
+        children(input: { pagination: { limit: 0 } }) {
+          edges {
+            node {
+              id
+              alias
+              name
+              children(input: { pagination: { limit: 0 } }) {
+                edges {
+                  node {
+                    id
+                    alias
+                    name
+                    children(input: { pagination: { limit: 0 } }) {
+                      edges {
+                        node {
+                          id
+                          alias
+                          name
+                        }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+`;

package/graphql/fragments/top-stories-block.js

@@ -0,0 +1,34 @@
+const gql = require('graphql-tag');
+
+module.exports = gql`
+
+fragment TopStoriesBlockFragment on Content {
+  id
+  type
+  shortName
+  labels
+  teaser(input: { useFallback: false, maxLength: null })
+  siteContext {
+    path
+  }
+  primarySection {
+    id
+    name
+    fullName
+    canonicalPath
+  }
+  primaryImage {
+    id
+    src(input: { options: { auto: "format,compress" } })
+    alt
+    isLogo
+  }
+  ... on ContentWebinar {
+    externalContentUrl: linkUrl
+  }
+  ... on ContentEvent {
+    externalContentUrl: website
+  }
+}
+
+`;

package/graphql/fragments/top-stories-menu-block.js

@@ -0,0 +1,21 @@
+const gql = require('graphql-tag');
+
+module.exports = gql`
+
+fragment TopStoriesMenuBlockContentFragment on Content {
+  id
+  type
+  shortName
+  labels
+  siteContext {
+    path
+  }
+  primarySection {
+    id
+    name
+    fullName
+    canonicalPath
+  }
+}
+
+`;

package/graphql/fragments/website-section-page.js

@@ -0,0 +1,16 @@
+const gql = require('graphql-tag');
+
+module.exports = gql`
+fragment WebsiteSectionPageFragment on WebsiteSection {
+  id
+  name
+  alias
+  fullName
+  description
+  hierarchy {
+    id
+    alias
+    name
+  }
+}
+`;

package/graphql/fragments/white-papers-block.js

@@ -0,0 +1,27 @@
+const gql = require('graphql-tag');
+
+module.exports = gql`
+
+fragment WhitePapersBlockFragment on Content {
+  id
+  type
+  shortName
+  teaser(input: { useFallback: false, maxLength: null })
+  siteContext {
+    path
+  }
+  company {
+    id
+    type
+    name
+    siteContext {
+      path
+    }
+  }
+  primarySection {
+    id
+    name
+  }
+}
+
+`;

package/i18n.js

@@ -0,0 +1,11 @@
+const translations = require('./translations');
+
+module.exports = (lang, fieldLabelKey) => {
+  if (!translations[lang]) {
+    throw new Error(`No translations available for requested language ${lang}!`);
+  }
+  if (!translations[lang][fieldLabelKey]) {
+    throw new Error(`No translations available in ${lang} for requested key ${fieldLabelKey}!`);
+  }
+  return translations[lang][fieldLabelKey];
+};

package/marko.json

@@ -0,0 +1,5 @@
+{
+  "taglib-imports": [
+    "./components/marko.json"
+  ]
+}

package/middleware/content-gating.js

@@ -0,0 +1,13 @@
+const { get, set } = require('@mindful-web/object-path');
+
+const isFn = (f) => typeof f === 'function';
+const defaultFn = ({ content }) => get(content, 'userRegistration.isCurrentlyRequired', false);
+
+/**
+ * Installs the configured content gating handler in the Express app instance.
+ * If not customized, content will only be gated when set as gated in the CMS.
+ */
+module.exports = (app, enabled = true, fn) => { // eslint-disable-line
+  const contentGatingHandler = enabled && isFn(fn) ? fn : defaultFn;
+  set(app.locals, 'contentGatingHandler', contentGatingHandler);
+};

package/middleware/content-metering.js

@@ -0,0 +1,156 @@
+const debug = require('debug')('content-meter');
+const parser = require('ua-parser-js');
+const Joi = require('@parameter1/joi');
+const { validate } = require('@parameter1/joi/utils');
+const { asyncRoute, isFunction } = require('@mindful-web/utils');
+const { content: loader } = require('@mindful-web/web-common/page-loaders');
+const { get, getAsArray } = require('@mindful-web/object-path');
+const buildContentInput = require('@mindful-web/marko-web/utils/build-content-input');
+const queryFragment = require('../graphql/fragments/content-meter');
+const hasOmedaId = require('../utils/has-omeda-id');
+
+const configSchema = Joi.object({
+  enabled: Joi.boolean().default(false)
+    .description('Should content metering be enabled?'),
+  viewLimit: Joi.number().min(0).default(3)
+    .description('The number of views allowed within the timeframe before restricting access.'),
+  timeframe: Joi.number().min(0).default(30 * 24 * 60 * 60 * 1000) // 30 days
+    .description('Milliseconds to consider content accesses within.'),
+  excludeLabels: Joi.array().items(Joi.string())
+    .description('Content labels that should be excluded from metering.'),
+  excludeContentTypes: Joi.array().items(Joi.string())
+    .description('Content types that should be excluded from metering.'),
+  excludePrimarySectionIds: Joi.array().items(Joi.number())
+    .description('Sections whose primary content should be excluded from metering.'),
+  excludePrimarySectionAlias: Joi.array().items(Joi.string())
+    .description('Sections whose primary content should be excluded from metering.'),
+  displayOverlay: Joi.boolean().default(false)
+    .description('If the metering overlay should be displayed.'),
+  promoCode: Joi.string().default('registration_meter')
+    .description('If present, the Omeda promo code to use with content metering events.'),
+});
+
+const cookieName = 'contentMeter';
+const now = new Date().getTime();
+const { error } = console;
+
+const defaultRegFn = ({ content }) => get(content, 'userRegistration.isCurrentlyRequired', false);
+const shouldMeter = async (req, config) => {
+  const { apollo, params } = req;
+  const { id } = params;
+  const additionalInput = buildContentInput({ req });
+  // @todo error handling!
+  const content = await loader(apollo, { id, additionalInput, queryFragment });
+  if (!content) return false;
+
+  // Check for local contentGatingHandler and use it or use the defaultRegFn
+  const localFn = req.app.locals.contentGatingHandler;
+  // Get the globally avaiable one if set and is function
+  const contentGatingHandler = (localFn && isFunction(localFn)) ? localFn : defaultRegFn;
+  // bypass if content is already gated by reg of some sort
+  if (contentGatingHandler({ content })) {
+    return false;
+  }
+
+  // excludeContentTypes: Excludes content metering on page if type matches exclusions
+  if (getAsArray(config, 'excludeContentTypes').includes(content.type)) {
+    return false;
+  }
+  // excludePrimarySectionIds: Excludes content metering on page that matches primarySection
+  if (getAsArray(config, 'excludePrimarySectionIds').includes(content.primarySection.id)) {
+    return false;
+  }
+  // excludePrimarySectionAliass: Excludes content metering on page that matches primarySection
+  if (getAsArray(config, 'excludePrimarySectionAliass').includes(content.primarySection.alias)) {
+    return false;
+  }
+  // excludeLabels: Excludes content metering on page that matches labels
+  if (getAsArray(config, 'excludeLabels').some((r) => getAsArray(content, 'labels').includes(r))) {
+    return false;
+  }
+  return true;
+};
+
+/**
+ * Installs the configured content metering handler in the Express app instance.
+ * To utilize, chain this middleware on a content route.
+ */
+module.exports = (params = {}) => asyncRoute(async (req, res, next) => {
+  const config = validate(configSchema, params);
+
+  const { identityX, params: { id } } = req;
+  const { enabled, viewLimit, timeframe } = config;
+
+  if (!enabled) return next();
+
+  if (!identityX) {
+    error('IdentityX middleware must be loaded before content metering middleware!');
+    return next();
+  }
+  const idxObj = { isEnabled: true, requiredAccessLevelIds: [] };
+  const { isLoggedIn, requiresUserInput } = await identityX.checkContentAccess(idxObj);
+
+  const bypassOmeda = hasOmedaId(req);
+  const bypassQuery = ['1', 'true'].includes(get(req, 'query.bypassContentMetering'));
+  const bypassFacebook = get(parser(req.headers['user-agent']), 'browser.name') === 'Facebook';
+  const bypassPushdown = Boolean(get(res, 'locals.newsletterState.canBeInitiallyExpanded'));
+
+  debug({
+    config,
+    isLoggedIn,
+    requiresUserInput,
+    bypassOmeda,
+    bypassQuery,
+    bypassFacebook,
+    bypassPushdown,
+  });
+
+  // Facebook UA or query parameter present
+  if (bypassQuery || bypassFacebook) return next();
+  // Logged in and all required fields are present.
+  if (isLoggedIn && !requiresUserInput) return next();
+  // Not logged in, but identified.
+  if (!isLoggedIn && bypassOmeda) return next();
+
+  res.locals.contentMeterState = {
+    ...config,
+    isLoggedIn,
+    requiresUserInput,
+    displayGate: false,
+    displayOverlay: true,
+  };
+
+  // Fall back to inline gate form for user data collection
+  if (isLoggedIn && requiresUserInput) return next();
+
+  const shouldShowMeter = await shouldMeter(req, config);
+
+  debug({ shouldShowMeter });
+
+  if (shouldShowMeter) {
+    const hasCookie = Boolean(get(req, `cookies.${cookieName}`));
+    const value = (hasCookie) ? JSON.parse(get(req, `cookies.${cookieName}`)) : [];
+    let valid = value.filter((pageView) => pageView.viewed > now - timeframe);
+
+    if (valid.find((v) => v.id === id)) {
+      valid = valid.map((pageview) => {
+        const { id: viewId } = pageview;
+        if (viewId === id) return { id, viewed: now };
+        return pageview;
+      });
+    } else if (valid.length < viewLimit) {
+      valid.push({ id, viewed: now });
+    }
+
+    const displayOverlay = (valid.length >= viewLimit && !valid.find((v) => v.id === id));
+
+    res.locals.contentMeterState = {
+      ...res.locals.contentMeterState,
+      views: valid.length,
+      displayGate: !bypassPushdown,
+      displayOverlay,
+    };
+    res.cookie(cookieName, JSON.stringify(valid), { maxAge: timeframe });
+  }
+  return next();
+});

package/middleware/i18n.js

@@ -0,0 +1,12 @@
+const { set } = require('@mindful-web/object-path');
+
+const isFn = (f) => typeof f === 'function';
+
+/**
+ * Installs the configured translation function in the Express app instance
+ */
+module.exports = (app, fn) => {
+  const defaultFn = (v) => v;
+  const i18n = isFn(fn) ? fn : defaultFn;
+  set(app.locals, 'i18n', i18n);
+};

package/middleware/newsletter-modal-state.js

@@ -0,0 +1,11 @@
+const { get } = require('@mindful-web/object-path');
+
+const cookieName = 'identity-x-newsletter-modal-viewed';
+
+module.exports = () => (req, res, next) => {
+  const hasCookie = Boolean(get(req, `cookies.${cookieName}`));
+  const cookieValue = get(req, `cookies.${cookieName}`);
+
+  res.locals.newsletterModalState = { cookieName, cookieValue, hasCookie };
+  next();
+};

package/middleware/newsletter-state.js

@@ -0,0 +1,22 @@
+const { get } = require('@mindful-web/object-path');
+
+const cookieName = 'enlPrompted';
+
+module.exports = () => (req, res, next) => {
+  const hasCookie = Boolean(get(req, `cookies.${cookieName}`));
+  const utmMedium = get(req, 'query.utm_medium');
+  const olyEncId = get(req, 'query.oly_enc_id');
+  const disabled = get(req, 'query.newsletterDisabled');
+  const fromEmail = utmMedium === 'email' || olyEncId || false;
+  const initiallyExpanded = !(hasCookie || fromEmail || disabled);
+
+  if (!hasCookie) {
+    // Expire in 14 days (2yr if already signed up)
+    const days = fromEmail ? 365 * 2 : 14;
+    const maxAge = days * 24 * 60 * 60 * 1000;
+    res.cookie(cookieName, true, { maxAge });
+  }
+
+  res.locals.newsletterState = { hasCookie, fromEmail, initiallyExpanded };
+  next();
+};

package/middleware/pagination.js

@@ -0,0 +1,24 @@
+module.exports = ({ param = 'page' } = {}) => (req, res, next) => {
+  const page = parseInt(req.query[param], 10) || 1;
+
+  const totalPages = ({ perPage, totalCount }) => Math.ceil(totalCount / perPage);
+
+  res.locals.pagination = {
+    page,
+    skip: ({ skip = 0, perPage } = {}) => {
+      if (page < 1) return skip;
+      return (perPage * (page - 1)) + skip;
+    },
+    totalPages,
+    nextPage: ({ perPage, totalCount }) => {
+      const total = totalPages({ perPage, totalCount });
+      if (page < total) return page + 1;
+      return null;
+    },
+    prevPage: () => {
+      if (page > 1) return page - 1;
+      return null;
+    },
+  };
+  next();
+};

package/package.json

@@ -0,0 +1,56 @@
+{
+  "name": "@mindful-web/marko-web-theme-monorail",
+  "version": "1.0.0",
+  "author": "Brian Miller <brian@parameter1.com>",
+  "repository": "https://github.com/parameter1/mindful-web/tree/main/packages/marko-web-theme-monorail",
+  "license": "MIT",
+  "scripts": {
+    "lint:fix": "yarn lint --fix",
+    "lint": "eslint --ext .js --ext .vue --max-warnings 5 --ignore-path ../../.eslintignore ./",
+    "compile": "mindful-web-marko-compile compile",
+    "prepublish": "yarn compile --silent",
+    "test": "yarn compile --no-clean && yarn lint"
+  },
+  "dependencies": {
+    "@mindful-web/dayjs": "^1.0.0",
+    "@mindful-web/image": "^1.0.0",
+    "@mindful-web/inflector": "^1.0.0",
+    "@mindful-web/marko-web-deferred-script-loader": "^1.0.0",
+    "@mindful-web/marko-web-gam": "^1.0.0",
+    "@mindful-web/marko-web-gtm": "^1.0.0",
+    "@mindful-web/marko-web-html-sitemap": "^1.0.0",
+    "@mindful-web/marko-web-icons": "^1.0.0",
+    "@mindful-web/marko-web-identity-x": "^1.0.0",
+    "@mindful-web/marko-web-inquiry": "^1.0.0",
+    "@mindful-web/marko-web-native-x": "^1.0.0",
+    "@mindful-web/marko-web-omeda": "^1.0.0",
+    "@mindful-web/marko-web-omeda-identity-x": "^1.0.0",
+    "@mindful-web/marko-web-p1-events": "^1.0.0",
+    "@mindful-web/marko-web-recaptcha": "^1.0.0",
+    "@mindful-web/marko-web-reveal-ad": "^1.0.0",
+    "@mindful-web/marko-web-search": "^1.0.0",
+    "@mindful-web/marko-web-social-sharing": "^1.0.0",
+    "@mindful-web/object-path": "^1.0.0",
+    "@mindful-web/utils": "^1.0.0",
+    "@mindful-web/web-common": "^1.0.0",
+    "@parameter1/joi": "^1.2.10",
+    "@trevoreyre/autocomplete-vue": "^2.4.1",
+    "bootstrap": "^4.6.2",
+    "cheerio": "^1.0.0-rc.12",
+    "debug": "^4.3.4",
+    "graphql-tag": "^2.12.6",
+    "http-errors": "^1.8.1",
+    "js-cookie": "^2.2.1",
+    "moment": "^2.29.1",
+    "node-fetch": "^2.6.9",
+    "ua-parser-js": "^1.0.33"
+  },
+  "peerDependencies": {
+    "@mindful-web/marko-core": "^0.0.0",
+    "@mindful-web/marko-web": "^0.0.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "0b77cab713eb5841202bb86c7119949866bc68b5"
+}

package/routes/ad-preview.js

@@ -0,0 +1,11 @@
+const adPreview = require('../templates/ad-preview');
+
+module.exports = (app, namespace) => {
+  if (namespace) {
+    app.get('/ad-preview/:creativeId([a-z0-9-/_]+)', (req, res) => {
+      const { creativeId } = req.params;
+      // @todo: Look into API to get title & description to send to template as well
+      return res.marko(adPreview, { creativeId, namespace });
+    });
+  }
+};

package/routes/advertising-post.js

@@ -0,0 +1,25 @@
+const { asyncRoute } = require('@mindful-web/utils');
+const { get } = require('@mindful-web/object-path');
+const advertisingPostById = require('../graphql/fragments/mindful-advertising-post-by-id');
+// const template = require('../templates/content/advertising-post');
+
+module.exports = (app, { path = 'sponsored', template }) => {
+  app.get(`/${path}/:section/:slug/:id`, asyncRoute(async (req, res) => {
+    const { service } = req.mindful;
+    const { path: p, url } = req;
+    if (p.substr(-1) === '/' && p.length > 1) {
+      const queryParams = url.slice(p.length);
+      const safe = p.slice(0, -1).replace(/\/+/g, '/');
+      res.redirect(301, `${safe}${queryParams}`);
+      return;
+    }
+
+    const { id: _id } = req.params;
+    const result = await service.getAdvertisingPostById({ _id }, advertisingPostById);
+    const story = service.convertAdvertisingPostToNativeStory({
+      advertisingPost: get(result, 'data.advertisingPostById'),
+      preview: Boolean(req.query.preview),
+    });
+    res.marko(template, { story });
+  }));
+};

package/routes/company-search.js

@@ -0,0 +1,27 @@
+const loader = require('@mindful-web/marko-web-search/loaders/search');
+const jsonErrorHandler = require('@mindful-web/marko-web/express/json-error-handler');
+const { asyncRoute } = require('@mindful-web/utils');
+
+const queryFragment = require('../graphql/fragments/company-search');
+
+module.exports = (app) => {
+  app.get('/__company-search', asyncRoute(async (req, res) => {
+    const { searchQuery } = req.query;
+    const { apollo, $baseBrowse } = res.locals;
+
+    const response = await loader(
+      {
+        apolloMindfulWebCMS: apollo,
+        apolloBaseBrowse: $baseBrowse,
+      },
+      {
+        status: 1,
+        contentTypes: ['COMPANY'],
+        assignedToWebsiteSiteIds: [req.app.locals.config.websiteContext.id],
+        searchQuery,
+        queryFragment,
+      },
+    );
+    res.json(response);
+  }), jsonErrorHandler());
+};

package/routes/native-x.js

@@ -0,0 +1,9 @@
+const withNativeXStory = require('@mindful-web/marko-web-native-x/middleware/with-story');
+const { getAsObject } = require('@mindful-web/object-path');
+const queryFragment = require('../graphql/fragments/native-x-story');
+const template = require('../templates/content/native-x-story');
+
+module.exports = (app) => {
+  const config = getAsObject(app, 'locals.nativeX');
+  app.get('/sponsored/:section/:slug/:id', withNativeXStory({ config, template, queryFragment }));
+};

package/routes/print.js

@@ -0,0 +1,11 @@
+const { withContent } = require('@mindful-web/marko-web/middleware');
+const template = require('../templates/content/print');
+
+module.exports = (app, queryFragment) => {
+  if (!queryFragment) throw new Error('Missing queryFragment for the print content route!');
+  app.get('/print/content/:id(\\d{8})', withContent({
+    template,
+    queryFragment,
+    redirectOnPathMismatch: false,
+  }));
+};

package/routes/render-block.js

@@ -0,0 +1,32 @@
+const createError = require('http-errors');
+const MostPopular = require('../components/blocks/most-popular');
+const MostPopularList = require('../components/blocks/most-popular-list');
+const TopStoriesMenu = require('../components/blocks/top-stories-menu');
+
+const blocks = {
+  'most-popular': MostPopular,
+  'most-popular-list': MostPopularList,
+  'top-stories-menu': TopStoriesMenu,
+};
+
+const parseJSON = (value) => {
+  try {
+    return JSON.parse(value);
+  } catch (e) {
+    return {};
+  }
+};
+
+module.exports = (app) => {
+  app.get('/__render-block/:name', (req, res) => {
+    const { name } = req.params;
+    const input = parseJSON(req.query.input);
+    const Component = blocks[name];
+    if (!Component) throw createError(404, `No block component found for '${name}'`);
+    return res.marko(Component, input);
+  }, (err, req, res, next) => { // eslint-disable-line
+    res.set({ 'content-type': 'text/html; charset=utf-8' });
+    res.status(err.status || err.statusCode || 500);
+    res.send(`Unable to render marko component. ${err.message}`);
+  });
+};

package/routes/search.js

@@ -0,0 +1,28 @@
+const { get, getAsObject } = require('@mindful-web/object-path');
+const MarkoWebSearchConfig = require('@mindful-web/marko-web-search/config');
+const middleware = require('@mindful-web/marko-web-search/middleware');
+const template = require('../templates/search');
+
+module.exports = (app, siteConfig) => {
+  const {
+    contentTypes = ['Article', 'Blog', 'Company', 'Podcast', 'Product', 'Video', 'Whitepaper'],
+    assignedToWebsiteSectionIds,
+    defaultSortField,
+  } = getAsObject(siteConfig, 'search');
+  const config = new MarkoWebSearchConfig({
+    resultsPerPage: { default: 18 },
+    contentTypes,
+    assignedToWebsiteSectionIds,
+    defaultSortField,
+  });
+  app.get('/search', (req, res, next) => {
+    if (!get(req, 'query.searchQuery') && get(req, 'query.sortField')) {
+      const params = new URLSearchParams(get(req, 'query'));
+      params.delete('sortField');
+      params.delete('searchQuery');
+      if (`${params}`) res.redirect(301, `${get(req, 'route.path')}?${params}`);
+      else res.redirect(301, '/search');
+    }
+    next();
+  }, middleware({ config, template }));
+};