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

package/components/social/icons.marko.js

@@ -0,0 +1,62 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.0.0/components/social/icons.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    getAsArray = module_objectPath_module.getAsArray,
+    module_utils_module = require("@mindful-web/utils"),
+    utils_module = module_utils_module.default || module_utils_module,
+    asObject = module_utils_module.asObject,
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    theme_social_icon_link_template = require("./icon-link.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_social_icon_link_tag = marko_loadTag(theme_social_icon_link_template),
+    marko_web_block_template = require("@mindful-web/marko-web/components/element/block.marko"),
+    marko_web_block_tag = marko_loadTag(marko_web_block_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const blockName = input.blockName || "social-icons";
+
+  const items = getAsArray(input, "items");
+
+  if (items.length) {
+    marko_web_block_tag({
+        name: blockName,
+        tag: input.tag,
+        modifiers: input.modifiers,
+        renderBody: function(out) {
+          var $for$0 = 0;
+
+          marko_forOf(items, function(item) {
+            const link = asObject(item);
+
+            var $keyScope$0 = "[" + (($for$0++) + "]");
+
+            theme_social_icon_link_tag({
+                provider: link.provider,
+                href: link.href,
+                modifiers: input.iconModifiers
+              }, out, __component, "1" + $keyScope$0);
+          });
+        }
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/components/social/icons.marko",
+    tags: [
+      "./icon-link.marko",
+      "@mindful-web/marko-web/components/element/block.marko"
+    ]
+  };

package/components/social/marko.json

@@ -0,0 +1,15 @@
+{
+  "<theme-social-icon-link>": {
+    "template": "./icon-link.marko",
+    "@provider": "string",
+    "@label": "string",
+    "@href": "string",
+    "@target": "string",
+    "@modifiers": "array",
+    "@class": "string",
+    "@attrs": "object"
+  },
+  "<theme-social-icons>": {
+    "template": "./icons.marko"
+  }
+}

package/components/social-follow.marko

@@ -0,0 +1,32 @@
+import { asObject, asArray } from "@mindful-web/utils";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+
+$ const { site, config, i18n } = out.global;
+$ const socialLinks = site.getAsArray("socialMediaLinks").map(link => asObject(link));
+$ const blockName = input.blockName || "social-follow";
+$ const dark = defaultValue(input.dark, true);
+$ const color = dark ? "dark" : "light";
+
+<if(socialLinks.length)>
+  <marko-web-block
+    name=blockName
+    tag=input.tag
+    class=input.class
+    modifiers=[color, ...asArray(input.modifiers)]
+    attrs=input.attrs
+  >
+    <marko-web-element block-name=blockName name="header">
+      ${i18n("Follow")} ${config.website('name')}
+    </marko-web-element>
+    <marko-web-element block-name=blockName name="section">
+      <for|link| of=socialLinks>
+        <theme-social-icon-link
+          provider=link.provider
+          href=link.href
+          target=link.target
+          modifiers=[blockName, color]
+        />
+      </for>
+    </marko-web-element>
+  </marko-web-block>
+</if>

package/components/social-follow.marko.js

@@ -0,0 +1,95 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.0.0/components/social-follow.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_utils_module = require("@mindful-web/utils"),
+    utils_module = module_utils_module.default || module_utils_module,
+    asObject = module_utils_module.asObject,
+    asArray = module_utils_module.asArray,
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_web_element_template = require("@mindful-web/marko-web/components/element/index.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_element_tag = marko_loadTag(marko_web_element_template),
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    theme_social_icon_link_template = require("./social/icon-link.marko"),
+    theme_social_icon_link_tag = marko_loadTag(theme_social_icon_link_template),
+    marko_web_block_template = require("@mindful-web/marko-web/components/element/block.marko"),
+    marko_web_block_tag = marko_loadTag(marko_web_block_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { site, config, i18n } = out.global;
+
+  const socialLinks = site.getAsArray("socialMediaLinks").map(link => asObject(link));
+
+  const blockName = input.blockName || "social-follow";
+
+  const dark = defaultValue(input.dark, true);
+
+  const color = dark ? "dark" : "light";
+
+  if (socialLinks.length) {
+    marko_web_block_tag({
+        name: blockName,
+        tag: input.tag,
+        class: input.class,
+        modifiers: [color, ...asArray(input.modifiers)],
+        attrs: input.attrs,
+        renderBody: function(out) {
+          marko_web_element_tag({
+              name: "header",
+              tag: "div",
+              blockName: blockName,
+              renderBody: function(out) {
+                out.w(marko_escapeXml(i18n("Follow")) +
+                  " " +
+                  marko_escapeXml(config.website("name")));
+              }
+            }, out, __component, "1");
+
+          marko_web_element_tag({
+              name: "section",
+              tag: "div",
+              blockName: blockName,
+              renderBody: function(out) {
+                var $for$0 = 0;
+
+                marko_forOf(socialLinks, function(link) {
+                  var $keyScope$0 = "[" + (($for$0++) + "]");
+
+                  theme_social_icon_link_tag({
+                      provider: link.provider,
+                      href: link.href,
+                      target: link.target,
+                      modifiers: [
+                          blockName,
+                          color
+                        ]
+                    }, out, __component, "3" + $keyScope$0);
+                });
+              }
+            }, out, __component, "2");
+        }
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/components/social-follow.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/index.marko",
+      "./social/icon-link.marko",
+      "@mindful-web/marko-web/components/element/block.marko"
+    ]
+  };

package/components/ssr-html-inject.marko

@@ -0,0 +1,102 @@
+import cheerio from "cheerio";
+import { getAsArray } from "@mindful-web/object-path";
+
+$ const { toRender, componentInput } = input;
+$ const html = toRender.renderToString({ ...componentInput, $global: out.global });
+
+$ const inject = getAsArray(input, "inject").filter(o => o && o.at);
+$ const toInject = inject.reduce((o, i) => {
+  return { ...o, [i.at]: { html: i.html, dataPropToPreventDupes: i.dataPropToPreventDupes } };
+}, {});
+
+$ const targetLengths = Object.keys(toInject).map(n => parseInt(n, 10)).filter(n => n && n >= 1);
+
+$ const hasInjectedContent = {};
+$ const canInject = ({
+  targetLength,
+  totalLength,
+  childLength,
+  childIndex,
+  childrenLength,
+} = {}) => {
+  const hasInjected = hasInjectedContent[targetLength];
+  if (hasInjected || !targetLength) return false;
+  return totalLength <= targetLength
+    && totalLength + childLength >= targetLength
+    && childIndex + 1 !== childrenLength;
+};
+
+$ const childSelector = 'p';
+$ let totalLength = 0;
+$ const $ = cheerio.load(html);
+$ const $children = $(`${input.selector} > ${childSelector}`);
+$ $children.each(function injectAds(index) {
+  const $child = $(this);
+  const { length } = $child.text().trim();
+  if (length === 0) return;
+  const $nextChild = $(this).next(childSelector);
+
+  targetLengths.forEach((targetLength) => {
+    if (canInject({
+      targetLength,
+      totalLength,
+      childLength: length,
+      childIndex: index,
+      childrenLength: $children.length,
+    })) {
+      const { html: contents, dataPropToPreventDupes} = toInject[targetLength];
+      if (contents) {
+        const headlineTags = 'h1,h2,h3,h4,h5,h6';
+        if ($nextChild.text().length <= 1) {
+          $child.nextAll(childSelector).each(function handleBefore() {
+            if ($(this).text().length > 1) {
+              const $previous = $(this).prev();
+              if ($previous.text().trim().length === 0) {
+                $(this).after(contents);
+              } else if ($previous.is(headlineTags)) {
+                $previous.before(contents);
+              } else if ($previous.attr('data-embed-type')) {
+                $(this).after(contents);
+              } else {
+                $(this).before(contents);
+              }
+              return false;
+            }
+          });
+        } else {
+          const $next = $(this).next();
+          if ($next.attr('data-embed-type')) {
+            if ($child.prev().is(headlineTags)) {
+              $child.prev().before(contents);
+            } else {
+              $child.before(contents);
+            }
+          } else if ($child.is(headlineTags)) {
+            $child.before(contents);
+          } else if (!$next.hasClass('ad-container')) {
+            $child.after(contents);
+          } else if (dataPropToPreventDupes) {
+            const r = $.parseHTML(contents);
+            const [toInsert] = $.parseHTML(contents);
+            if (!toInsert) return;
+
+            if ($(toInsert).data() && $(toInsert).data(`${dataPropToPreventDupes}`) && $(toInsert).data(`${dataPropToPreventDupes}`) === $next.data(`${dataPropToPreventDupes}`)) return;
+            $child.after(contents);
+          } else {
+            const r = $.parseHTML(contents);
+            const [toInsert] = $.parseHTML(contents);
+            if (!toInsert) return;
+            $child.after(contents);
+          }
+        }
+      }
+      hasInjectedContent[targetLength] = true;
+    }
+  });
+  totalLength += length;
+});
+
+$ const injectedHtml = $('body').html();
+<if(true)>
+  $!{injectedHtml}
+</if>

package/components/ssr-html-inject.marko.js

@@ -0,0 +1,133 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/dist/html").t(__filename),
+    marko_componentType = "/@mindful-web/marko-web-theme-monorail$1.0.0/components/ssr-html-inject.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_cheerio = require("cheerio"),
+    cheerio = module_cheerio.default || module_cheerio,
+    module_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    getAsArray = module_objectPath_module.getAsArray,
+    marko_str = require("marko/dist/runtime/helpers/to-string");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { toRender, componentInput } = input;
+
+  const html = toRender.renderToString({ ...componentInput, $global: out.global });
+
+  const inject = getAsArray(input, "inject").filter(o => o && o.at);
+
+  const toInject = inject.reduce((o, i) => {
+  return { ...o, [i.at]: { html: i.html, dataPropToPreventDupes: i.dataPropToPreventDupes } };
+}, {});
+
+  const targetLengths = Object.keys(toInject).map(n => parseInt(n, 10)).filter(n => n && n >= 1);
+
+  const hasInjectedContent = {};
+
+  const canInject = ({
+  targetLength,
+  totalLength,
+  childLength,
+  childIndex,
+  childrenLength,
+} = {}) => {
+  const hasInjected = hasInjectedContent[targetLength];
+  if (hasInjected || !targetLength) return false;
+  return totalLength <= targetLength
+    && totalLength + childLength >= targetLength
+    && childIndex + 1 !== childrenLength;
+};
+
+  const childSelector = 'p';
+
+  let totalLength = 0;
+
+  const $ = cheerio.load(html);
+
+  const $children = $(`${input.selector} > ${childSelector}`);
+
+  $children.each(function injectAds(index) {
+  const $child = $(this);
+  const { length } = $child.text().trim();
+  if (length === 0) return;
+  const $nextChild = $(this).next(childSelector);
+
+  targetLengths.forEach((targetLength) => {
+    if (canInject({
+      targetLength,
+      totalLength,
+      childLength: length,
+      childIndex: index,
+      childrenLength: $children.length,
+    })) {
+      const { html: contents, dataPropToPreventDupes} = toInject[targetLength];
+      if (contents) {
+        const headlineTags = 'h1,h2,h3,h4,h5,h6';
+        if ($nextChild.text().length <= 1) {
+          $child.nextAll(childSelector).each(function handleBefore() {
+            if ($(this).text().length > 1) {
+              const $previous = $(this).prev();
+              if ($previous.text().trim().length === 0) {
+                $(this).after(contents);
+              } else if ($previous.is(headlineTags)) {
+                $previous.before(contents);
+              } else if ($previous.attr('data-embed-type')) {
+                $(this).after(contents);
+              } else {
+                $(this).before(contents);
+              }
+              return false;
+            }
+          });
+        } else {
+          const $next = $(this).next();
+          if ($next.attr('data-embed-type')) {
+            if ($child.prev().is(headlineTags)) {
+              $child.prev().before(contents);
+            } else {
+              $child.before(contents);
+            }
+          } else if ($child.is(headlineTags)) {
+            $child.before(contents);
+          } else if (!$next.hasClass('ad-container')) {
+            $child.after(contents);
+          } else if (dataPropToPreventDupes) {
+            const r = $.parseHTML(contents);
+            const [toInsert] = $.parseHTML(contents);
+            if (!toInsert) return;
+
+            if ($(toInsert).data() && $(toInsert).data(`${dataPropToPreventDupes}`) && $(toInsert).data(`${dataPropToPreventDupes}`) === $next.data(`${dataPropToPreventDupes}`)) return;
+            $child.after(contents);
+          } else {
+            const r = $.parseHTML(contents);
+            const [toInsert] = $.parseHTML(contents);
+            if (!toInsert) return;
+            $child.after(contents);
+          }
+        }
+      }
+      hasInjectedContent[targetLength] = true;
+    }
+  });
+  totalLength += length;
+});
+
+  const injectedHtml = $('body').html();
+
+  if (true) {
+    out.w(marko_str(injectedHtml));
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    d_: true,
+    e_: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/components/ssr-html-inject.marko"
+  };

package/graphql/fragments/category-sections.js

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

package/graphql/fragments/company-search.js

@@ -0,0 +1,13 @@
+const gql = require('graphql-tag');
+
+module.exports = gql`
+
+fragment CompanySearchFragment on Content {
+  id
+  shortName
+  siteContext {
+    path
+  }
+}
+
+`;

package/graphql/fragments/content-card-deck-block.js

@@ -0,0 +1,27 @@
+const gql = require('graphql-tag');
+
+module.exports = gql`
+
+fragment ContentCardDeckBlockFragment 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/content-list.js

@@ -0,0 +1,45 @@
+const gql = require('graphql-tag');
+
+module.exports = gql`
+
+fragment WebsiteContentListFragment on Content {
+  id
+  type
+  shortName
+  teaser(input: { useFallback: false, maxLength: null })
+  labels
+  siteContext {
+    path
+  }
+  published
+  primarySection {
+    id
+    name
+    fullName
+    canonicalPath
+  }
+  primaryImage {
+    id
+    src(input: { options: { auto: "format,compress" } })
+    alt
+    isLogo
+  }
+  ... on ContentPromotion {
+    linkText
+    linkUrl
+  }
+  ... on ContentContact {
+    title
+    phone
+    publicEmail
+  }
+  ... on ContentWebinar {
+    starts
+  }
+  ... on ContentEvent {
+    starts
+    ends
+  }
+}
+
+`;

package/graphql/fragments/content-meter.js

@@ -0,0 +1,20 @@
+const gql = require('graphql-tag');
+
+module.exports = gql`
+fragment ContentMeterFragment on Content {
+  id
+  name
+  labels
+  siteContext {
+    path
+    canonicalUrl
+  }
+  primarySection {
+    id
+    alias
+  }
+  userRegistration {
+    isCurrentlyRequired
+  }
+}
+`;