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

package/components/layouts/ad-preview.marko.js

@@ -0,0 +1,166 @@
+// 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/layouts/ad-preview.marko",
+    marko_component = require("./ad-preview.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_fetch = require("node-fetch"),
+    fetch = module_fetch.default || module_fetch,
+    module_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    get = module_objectPath_module.get,
+    getAsObject = module_objectPath_module.getAsObject,
+    getAsArray = module_objectPath_module.getAsArray,
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_forOf = require("marko/dist/runtime/helpers/for-of"),
+    marko_loadNestedTag = require("marko/dist/runtime/helpers/load-nested-tag"),
+    marko_web_page_wrapper_section_nested_tag = marko_loadNestedTag("sections", 1),
+    marko_mergeNestedTagsHelper = require("marko/dist/runtime/helpers/merge-nested-tags"),
+    marko_web_page_wrapper_template = require("@mindful-web/marko-web/components/page/wrapper.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_page_wrapper_tag = marko_loadTag(marko_web_page_wrapper_template),
+    marko_web_default_page_layout_template = require("@mindful-web/marko-web/components/page/layouts/default.marko"),
+    marko_web_default_page_layout_tag = marko_loadTag(marko_web_default_page_layout_template),
+    marko_web_resolve_template = require("@mindful-web/marko-core/components/resolve.marko"),
+    marko_web_resolve_tag = marko_loadTag(marko_web_resolve_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { site, i18n } = out.global;
+
+  const graphURl = defaultValue("site.mindful.graphURL", "https://graphql.mindfulcms.com/query");
+
+  const sections = getAsArray(input, "sections");
+
+  const { creativeId, namespace = "parameter1/default" } = input;
+
+  async function batchQuery({
+  graphURL,
+  creativeId,
+  namespace
+}) {
+  const query = `
+  query {
+    advertisingCreativeInterfaceById(_id: "${creativeId}") {
+      _id
+      _form {
+        label
+      }
+      url
+      name {
+        default
+      }
+      companyEdge {
+        _id
+        node {
+          name {
+            default
+          }
+        }
+      }
+      ... on NativeWebsiteAdvertisingCreative {
+        teaser
+      }
+      clickUrl
+      imageEdge {
+        node {
+          _id
+          src {
+            url
+          }
+        }
+      }
+    }
+  }
+`;
+  const results = await fetch(graphURL, {
+    body: JSON.stringify({ query }),
+    headers: { 'content-type': 'application/json', 'X-Namespace': namespace },
+    method: 'POST',
+  });
+  const res = await results.json();
+  const { data } = res;
+  return data;
+};
+
+  marko_web_resolve_tag({
+      promise: batchQuery({
+          graphURL: "https://graphql.mindfulcms.com/query",
+          creativeId: creativeId,
+          namespace: namespace
+        }),
+      renderBody: function(out, { resolved }) {
+        const creative = getAsObject(resolved, 'advertisingCreativeInterfaceById');
+
+        const title = `${get(creative, 'companyEdge.node.name.default')}'s ad preview` ;
+
+        marko_web_default_page_layout_tag({
+            type: "Mindful Ad Preview",
+            title: title,
+            head: {
+                renderBody: function(out) {
+                  marko_dynamicTag(out, input.head, null, null, null, null, __component, "3");
+                }
+              },
+            page: {
+                renderBody: function(out) {
+                  marko_web_page_wrapper_tag(marko_mergeNestedTagsHelper({
+                      blockName: "page-wrapper",
+                      tag: "div",
+                      sections: [
+                          {
+                              tag: "div",
+                              renderBody: function(out) {
+                                out.w("<h1>" +
+                                  marko_escapeXml(title) +
+                                  "</h1>");
+                              }
+                            }
+                        ],
+                      renderBody: function(out, $nestedTagmarko_web_page_wrapper$0) {
+                        var $for$0 = 0;
+
+                        marko_forOf(sections, function(s) {
+                          var $keyScope$0 = "[" + (($for$0++) + "]");
+
+                          marko_web_page_wrapper_section_nested_tag({
+                              tag: "div",
+                              modifiers: s.modifiers,
+                              renderBody: function(out, { blockName }) {
+                                marko_dynamicTag(out, s.renderBody, function() {
+                                  return {
+                                      "block-name": blockName,
+                                      creative: creative
+                                    };
+                                }, null, null, null, __component, "9" + $keyScope$0);
+                              }
+                            }, $nestedTagmarko_web_page_wrapper$0);
+                        });
+                      }
+                    }), out, __component, "5");
+                }
+              }
+          }, out, __component, "1");
+      }
+    }, out, __component, "0");
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/components/layouts/ad-preview.marko",
+    component: "./ad-preview.marko",
+    tags: [
+      "@mindful-web/marko-web/components/page/wrapper.marko",
+      "@mindful-web/marko-web/components/page/layouts/default.marko",
+      "@mindful-web/marko-core/components/resolve.marko"
+    ]
+  };

package/components/layouts/marko.json

@@ -0,0 +1,15 @@
+{
+  "<theme-ad-preview-layout>": {
+    "template": "./ad-preview.marko",
+    "<head>": {},
+    "@creative-id" : {
+      "type": "Strin",
+      "required": true
+    },
+    "@namespace" : {
+      "type": "Strin",
+      "required": true
+    },
+    "@sections <section>[]": {}
+  }
+}

package/components/marko.json

@@ -0,0 +1,58 @@
+{
+  "taglib-imports": [
+    "./ads/marko.json",
+    "./breadcrumbs/marko.json",
+    "./blocks/marko.json",
+    "./client-side-blocks/marko.json",
+    "./content/marko.json",
+    "./content-attribution/marko.json",
+    "./directory-facets/marko.json",
+    "./flows/marko.json",
+    "./gam/marko.json",
+    "./identity-x/marko.json",
+    "./layouts/marko.json",
+    "./native-x/marko.json",
+    "./nodes/marko.json",
+    "./page/marko.json",
+    "./site-footer/marko.json",
+    "./site-menu/marko.json",
+    "./site-navbar/marko.json",
+    "./social/marko.json"
+  ],
+  "<theme-client-side-block-loader>": {
+    "template": "./client-side-block-loader.marko"
+  },
+  "<theme-facebook-connect>": {
+    "template": "./facebook-connect.marko",
+    "@ids": {
+      "type":  "array",
+      "required": true
+    }
+  },
+  "<theme-menu-toggle-button>": {
+    "template": "./menu-toggle-button.marko"
+  },
+  "<theme-pagination-controls>": {
+    "template": "./pagination-controls.marko"
+  },
+  "<theme-site-header>": {
+    "template": "./site-header.marko"
+  },
+  "<theme-site-newsletter-menu>": {
+    "template": "./site-newsletter-menu.marko"
+  },
+  "<theme-social-follow>": {
+    "template": "./social-follow.marko"
+  },
+  "<theme-query-total-count>": {
+    "template": "./query-total-count.marko"
+  },
+  "<theme-ssr-html-inject>": {
+    "template": "./ssr-html-inject.marko",
+    "<component-input>": {},
+    "@inject <inject>[]": {},
+    "@selector": "string",
+    "@to-render": "expression",
+    "@ad-inject-config": "array"
+  }
+}

package/components/menu-toggle-button.marko

@@ -0,0 +1,19 @@
+<marko-web-browser-component
+  name="ThemeMenuToggleButton"
+  props={
+    className: input.class,
+    before: input.before,
+    beforeExpanded: input.beforeExpanded,
+    beforeCollapsed: input.beforeCollapsed,
+    after: input.after,
+    afterExpanded: input.afterExpanded,
+    afterCollapsed: input.afterCollapsed,
+    targets: input.targets,
+    toggleClass: input.toggleClass,
+    iconModifiers: input.iconModifiers,
+    iconName: input.iconName,
+    initiallyExpanded: input.initiallyExpanded,
+    expandedIconName: input.expandedIconName,
+  }
+  ssr=true
+/>

package/components/menu-toggle-button.marko.js

@@ -0,0 +1,45 @@
+// 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/menu-toggle-button.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    marko_web_browser_component_template = require("@mindful-web/marko-web/components/browser-component.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_browser_component_tag = marko_loadTag(marko_web_browser_component_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  marko_web_browser_component_tag({
+      name: "ThemeMenuToggleButton",
+      props: {
+          className: input.class,
+          before: input.before,
+          beforeExpanded: input.beforeExpanded,
+          beforeCollapsed: input.beforeCollapsed,
+          after: input.after,
+          afterExpanded: input.afterExpanded,
+          afterCollapsed: input.afterCollapsed,
+          targets: input.targets,
+          toggleClass: input.toggleClass,
+          iconModifiers: input.iconModifiers,
+          iconName: input.iconName,
+          initiallyExpanded: input.initiallyExpanded,
+          expandedIconName: input.expandedIconName
+        },
+      ssr: true
+    }, 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/menu-toggle-button.marko",
+    tags: [
+      "@mindful-web/marko-web/components/browser-component.marko"
+    ]
+  };

package/components/native-x/marko.json

@@ -0,0 +1,5 @@
+{
+  "<theme-native-x-render>": {
+    "template": "./render.marko"
+  }
+}

package/components/native-x/render.marko

@@ -0,0 +1,13 @@
+import { getAsObject } from "@mindful-web/object-path";
+
+$ const { nativeX: nxConfig } = out.global;
+
+<if(nxConfig)>
+  <marko-web-native-x-render|results|
+    name=input.name
+    when=input.when
+    config=nxConfig
+  >
+    <${input.renderBody} ...results />
+  </marko-web-native-x-render>
+</if>

package/components/native-x/render.marko.js

@@ -0,0 +1,45 @@
+// 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/native-x/render.marko",
+    marko_component = require("./render.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,
+    getAsObject = module_objectPath_module.getAsObject,
+    marko_dynamicTag = require("marko/dist/runtime/helpers/dynamic-tag"),
+    marko_web_native_x_render_template = require("@mindful-web/marko-web-native-x/components/render.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_native_x_render_tag = marko_loadTag(marko_web_native_x_render_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { nativeX: nxConfig } = out.global;
+
+  if (nxConfig) {
+    marko_web_native_x_render_tag({
+        name: input.name,
+        when: input.when,
+        config: nxConfig,
+        renderBody: function(out, results) {
+          marko_dynamicTag(out, input.renderBody, function() {
+            return results;
+          }, null, null, null, __component, "1");
+        }
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    e_: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@mindful-web/marko-web-theme-monorail$1.0.0/components/native-x/render.marko",
+    component: "./render.marko",
+    tags: [
+      "@mindful-web/marko-web-native-x/components/render.marko"
+    ]
+  };

package/components/nodes/author-bio.marko

@@ -0,0 +1,39 @@
+import { buildImgixUrl } from "@mindful-web/image";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import { getAsObject } from "@mindful-web/object-path";
+
+$ const node = getAsObject(input, "node");
+$ const blockName = defaultValue(input.blockName, "author-bio-node");
+$ const cta = defaultValue(input.cta, "View Bio");
+
+<marko-web-block name=blockName>
+  $ const { primaryImage } = node;
+  <if(primaryImage && primaryImage.src)>
+    $ const src = buildImgixUrl(primaryImage.src, {
+      w: 96,
+      h: 96,
+      crop: "faces",
+      fit: "crop",
+    });
+    $ const srcset = [`${buildImgixUrl(src, { dpr: 2 })} 2x`];
+    <marko-web-img
+      src=src
+      srcset=srcset
+      alt=primaryImage.alt
+      class="author-bio-node__image"
+      link={ href: node.siteContext.path }
+    />
+  </if>
+  <marko-web-element block-name=blockName name="details">
+    <marko-web-content-name block-name=blockName obj=node link=true />
+    <marko-web-content-title block-name=blockName obj=node />
+    <marko-web-content-teaser block-name=blockName obj=node />
+    <marko-web-link
+      class=`${blockName}__cta btn btn-primary`
+      href=node.siteContext.path
+      title=`View ${node.name}'s Bio`
+    >
+      ${cta}
+    </marko-web-link>
+  </marko-web-element>
+</marko-web-block>

package/components/nodes/author-bio.marko.js

@@ -0,0 +1,121 @@
+// 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/nodes/author-bio.marko",
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_image_module = require("@mindful-web/image"),
+    image_module = module_image_module.default || module_image_module,
+    buildImgixUrl = module_image_module.buildImgixUrl,
+    module_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    module_objectPath_module = require("@mindful-web/object-path"),
+    objectPath_module = module_objectPath_module.default || module_objectPath_module,
+    getAsObject = module_objectPath_module.getAsObject,
+    marko_web_img_template = require("@mindful-web/marko-web/components/element/img.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    marko_web_img_tag = marko_loadTag(marko_web_img_template),
+    marko_web_content_name_template = require("@mindful-web/marko-web/components/element/content/name.marko"),
+    marko_web_content_name_tag = marko_loadTag(marko_web_content_name_template),
+    marko_web_content_title_template = require("@mindful-web/marko-web/components/element/content/title.marko"),
+    marko_web_content_title_tag = marko_loadTag(marko_web_content_title_template),
+    marko_web_content_teaser_template = require("@mindful-web/marko-web/components/element/content/teaser.marko"),
+    marko_web_content_teaser_tag = marko_loadTag(marko_web_content_teaser_template),
+    helpers_escape_xml = require("marko/dist/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_web_link_template = require("@mindful-web/marko-web/components/element/link.marko"),
+    marko_web_link_tag = marko_loadTag(marko_web_link_template),
+    marko_web_element_template = require("@mindful-web/marko-web/components/element/index.marko"),
+    marko_web_element_tag = marko_loadTag(marko_web_element_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 node = getAsObject(input, "node");
+
+  const blockName = defaultValue(input.blockName, "author-bio-node");
+
+  const cta = defaultValue(input.cta, "View Bio");
+
+  marko_web_block_tag({
+      name: blockName,
+      tag: "div",
+      renderBody: function(out) {
+        const { primaryImage } = node;
+
+        if (primaryImage && primaryImage.src) {
+          const src = buildImgixUrl(primaryImage.src, {
+      w: 96,
+      h: 96,
+      crop: "faces",
+      fit: "crop",
+    });
+
+          const srcset = [`${buildImgixUrl(src, { dpr: 2 })} 2x`];
+
+          marko_web_img_tag({
+              lazyload: true,
+              src: src,
+              srcset: srcset,
+              alt: primaryImage.alt,
+              class: "author-bio-node__image",
+              link: {
+                  href: node.siteContext.path
+                }
+            }, out, __component, "1");
+        }
+
+        marko_web_element_tag({
+            name: "details",
+            tag: "div",
+            blockName: blockName,
+            renderBody: function(out) {
+              marko_web_content_name_tag({
+                  blockName: blockName,
+                  obj: node,
+                  link: true
+                }, out, __component, "3");
+
+              marko_web_content_title_tag({
+                  blockName: blockName,
+                  obj: node
+                }, out, __component, "4");
+
+              marko_web_content_teaser_tag({
+                  blockName: blockName,
+                  obj: node
+                }, out, __component, "5");
+
+              marko_web_link_tag({
+                  class: blockName + "__cta btn btn-primary",
+                  href: node.siteContext.path,
+                  title: ("View " + node.name) + "'s Bio",
+                  renderBody: function(out) {
+                    out.w(marko_escapeXml(cta));
+                  }
+                }, out, __component, "6");
+            }
+          }, 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/nodes/author-bio.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/img.marko",
+      "@mindful-web/marko-web/components/element/content/name.marko",
+      "@mindful-web/marko-web/components/element/content/title.marko",
+      "@mindful-web/marko-web/components/element/content/teaser.marko",
+      "@mindful-web/marko-web/components/element/link.marko",
+      "@mindful-web/marko-web/components/element/index.marko",
+      "@mindful-web/marko-web/components/element/block.marko"
+    ]
+  };

package/components/nodes/author-card.marko

@@ -0,0 +1,42 @@
+import { getAsObject, get } from "@mindful-web/object-path";
+
+$ const { i18n } = out.global;
+
+$ const content = getAsObject(input, "node");
+$ const primaryImage = getAsObject(content, "primaryImage");
+$ const withTitle = input.withTitle != null ? input.withTitle : true;
+
+<marko-web-node
+  image-position="left"
+  card=false
+  full-height=false
+  attrs=input.attrs
+  modifiers=["image-headshot"]
+>
+  <@image
+    src=primaryImage.src
+    alt=primaryImage.alt
+    options={ fit: "facearea", facepad: 2 }
+    width=100
+    ar="1:1"
+    link=false
+    use-placeholder=false
+  />
+  <@body>
+    <@title tag="h5" modifiers=input.titleModifiers>
+      <marko-web-content-name tag=null obj=content link=false />
+    </@title>
+    <@text modifiers=["teaser"] show=(withTitle && content.title)>
+      <marko-web-content-title tag=null obj=content />
+    </@text>
+    <@footer>
+      <@right>
+        <if(input.withEmail && content.publicEmail)>
+          <marko-web-content-public-email obj=content link={ href: `mailto:${content.publicEmail}`, class:"btn btn-sm btn-primary" }>
+            ${i18n("Email")}
+          </marko-web-content-public-email>
+        </if>
+      </@right>
+    </@footer>
+  </@body>
+</marko-web-node>