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

package/components/blocks/more-products.marko.js

@@ -0,0 +1,135 @@
+// 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/blocks/more-products.marko",
+    marko_component = require("./more-products.marko"),
+    marko_renderer = require("marko/dist/runtime/components/renderer"),
+    module_queryFragment = require("../../graphql/fragments/products-block"),
+    queryFragment = module_queryFragment.default || module_queryFragment,
+    module_sectionFragment = require("../../graphql/fragments/section-info"),
+    sectionFragment = module_sectionFragment.default || module_sectionFragment,
+    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_web_link_template = require("@mindful-web/marko-web/components/element/link.marko"),
+    marko_web_link_tag = marko_loadTag(marko_web_link_template),
+    theme_content_node_template = require("../nodes/content.marko"),
+    theme_content_node_tag = marko_loadTag(theme_content_node_template),
+    theme_card_deck_flow_template = require("../flows/card-deck.marko"),
+    theme_card_deck_flow_tag = marko_loadTag(theme_card_deck_flow_template),
+    marko_web_block_template = require("@mindful-web/marko-web/components/element/block.marko"),
+    marko_web_block_tag = marko_loadTag(marko_web_block_template),
+    marko_web_query_template = require("@mindful-web/marko-core/components/queries/index.marko"),
+    marko_web_query_tag = marko_loadTag(marko_web_query_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { i18n } = out.global;
+
+  const queryParams = {
+  requiresImage: true,
+  ...input.params,
+  sectionAlias: input.alias,
+  limit: 6,
+  queryFragment,
+  sectionFragment,
+};
+
+  const blockName = "more-products";
+
+  marko_web_query_tag({
+      collapsible: true,
+      name: "website-scheduled-content",
+      params: queryParams,
+      renderBody: function(out, { nodes, section }) {
+        marko_web_block_tag({
+            name: blockName,
+            tag: "div",
+            renderBody: function(out) {
+              marko_web_element_tag({
+                  name: "header-wrapper",
+                  tag: "div",
+                  blockName: blockName,
+                  renderBody: function(out) {
+                    marko_web_element_tag({
+                        name: "header",
+                        tag: "div",
+                        blockName: blockName,
+                        renderBody: function(out) {
+                          out.w(marko_escapeXml(i18n("More")) +
+                            " " +
+                            marko_escapeXml(section.name));
+                        }
+                      }, out, __component, "3");
+
+                    marko_web_element_tag({
+                        name: "view-more",
+                        tag: "div",
+                        blockName: blockName,
+                        renderBody: function(out) {
+                          marko_web_link_tag({
+                              href: section.canonicalPath,
+                              renderBody: function(out) {
+                                out.w(marko_escapeXml(i18n("View more")) +
+                                  " »");
+                              }
+                            }, out, __component, "5");
+                        }
+                      }, out, __component, "4");
+                  }
+                }, out, __component, "2");
+
+              theme_card_deck_flow_tag({
+                  cols: 2,
+                  nodes: nodes,
+                  modifiers: [
+                      blockName
+                    ],
+                  slots: [
+                      {
+                          renderBody: function(out, { node }) {
+                            theme_content_node_tag({
+                                imagePosition: "right",
+                                card: true,
+                                flush: false,
+                                modifiers: [
+                                    blockName
+                                  ],
+                                node: node,
+                                withTeaser: false,
+                                withDates: false,
+                                image: {
+                                    width: 112,
+                                    ar: "1:1"
+                                  }
+                              }, out, __component, "8");
+                          }
+                        }
+                    ]
+                }, out, __component, "6");
+            }
+          }, 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/blocks/more-products.marko",
+    component: "./more-products.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/index.marko",
+      "@mindful-web/marko-web/components/element/link.marko",
+      "../nodes/content.marko",
+      "../flows/card-deck.marko",
+      "@mindful-web/marko-web/components/element/block.marko",
+      "@mindful-web/marko-core/components/queries/index.marko"
+    ]
+  };

package/components/blocks/most-popular-list.marko

@@ -0,0 +1,75 @@
+import { getAsArray } from "@mindful-web/object-path";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import gql from "graphql-tag";
+import fetch from "node-fetch";
+import { extractFragmentData } from "@mindful-web/web-common/utils";
+import queryFragment from "@mindful-web/marko-web-theme-monorail/graphql/fragments/most-popular-block";
+
+$ const { MOST_POPULAR_API_URI } = process.env;
+$ const { site, config, apollo, i18n } = out.global;
+$ const title = input.title || "Most Popular";
+$ const limit = defaultValue(input.limit, 6);
+
+$ const getMostPopular = async () => {
+  const uri = MOST_POPULAR_API_URI || 'https://most-popular-content.mindful-web.parameter1.com';
+  const tenant = site.get("p1events.tenant");
+  const realm = config.website("id");
+  const contentTypes = getAsArray(input, 'includeContentTypes');
+
+  const defaultUrl = `${uri}/retrieve?tenant=${tenant}&realm=${realm}`;
+  const url = contentTypes.length ? `${defaultUrl}&types=${contentTypes.join(',')}` : defaultUrl;
+  const res = await fetch(url);
+  const json = await res.json();
+  if (!res.ok) {
+    const e = json.message || res.statusText;
+    throw new Error(e || "An unknown fatal error occurred.");
+  }
+  return json.data;
+};
+
+$ const buildContentQuery = () => {
+  const { spreadFragmentName, processedFragment } = extractFragmentData(queryFragment);
+  return gql`
+    query WebsiteMostPopularBlock(
+      $ids: [Int!]!
+      $limit: Int!
+    ) {
+      allContent(input: {
+        ids: $ids,
+        status: any,
+        pagination: { limit: $limit }
+      }) {
+        edges {
+          node {
+            ${spreadFragmentName}
+          }
+        }
+      }
+    }
+
+    ${processedFragment}
+  `;
+};
+
+<marko-web-resolve|{ resolved }| promise=getMostPopular()>
+  $ const ids = resolved.map(({ id }) => id);
+  <if(ids.length)>
+    $ const query = buildContentQuery();
+    $ const variables = { ids, limit };
+    <marko-web-resolve|{ resolved: response }| promise=apollo.query({ query, variables })>
+      $ const nodes = getAsArray(response, "data.allContent.edges").map((edge) => edge.node);
+      $ const map = nodes.reduce((m, r) => m.set(`${r.id}`, r), new Map());
+      $ const ordered = ids.map(id => map.get(`${id}`)).filter(id => id);
+      <if(ordered.length)>
+        <theme-latest-content-list-block nodes=ordered title="Most Popular" class=input.class ...input.block>
+          <@node display-image=false with-dates=false with-section=true ...input.node />
+        </theme-latest-content-list-block>
+      </if>
+    </marko-web-resolve>
+  </if>
+  <else>
+    <theme-latest-content-list-block alias="home" title="Most Popular" class=input.class ...input.block>
+      <@node display-image=false with-dates=false with-section=true ...input.node />
+    </theme-latest-content-list-block>
+  </else>
+</marko-web-resolve>

package/components/blocks/most-popular-list.marko.js

@@ -0,0 +1,146 @@
+// 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/blocks/most-popular-list.marko",
+    marko_component = require("./most-popular-list.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_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    module_gql = require("graphql-tag"),
+    gql = module_gql.default || module_gql,
+    module_fetch = require("node-fetch"),
+    fetch = module_fetch.default || module_fetch,
+    module_utils_module = require("@mindful-web/web-common/utils"),
+    utils_module = module_utils_module.default || module_utils_module,
+    extractFragmentData = module_utils_module.extractFragmentData,
+    module_queryFragment = require("@mindful-web/marko-web-theme-monorail/graphql/fragments/most-popular-block"),
+    queryFragment = module_queryFragment.default || module_queryFragment,
+    marko_assign = require("marko/dist/runtime/helpers/assign"),
+    theme_latest_content_list_block_template = require("./latest-content-list.marko"),
+    marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
+    theme_latest_content_list_block_tag = marko_loadTag(theme_latest_content_list_block_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 { MOST_POPULAR_API_URI } = process.env;
+
+  const { site, config, apollo, i18n } = out.global;
+
+  const title = input.title || "Most Popular";
+
+  const limit = defaultValue(input.limit, 6);
+
+  const getMostPopular = async () => {
+  const uri = MOST_POPULAR_API_URI || 'https://most-popular-content.mindful-web.parameter1.com';
+  const tenant = site.get("p1events.tenant");
+  const realm = config.website("id");
+  const contentTypes = getAsArray(input, 'includeContentTypes');
+
+  const defaultUrl = `${uri}/retrieve?tenant=${tenant}&realm=${realm}`;
+  const url = contentTypes.length ? `${defaultUrl}&types=${contentTypes.join(',')}` : defaultUrl;
+  const res = await fetch(url);
+  const json = await res.json();
+  if (!res.ok) {
+    const e = json.message || res.statusText;
+    throw new Error(e || "An unknown fatal error occurred.");
+  }
+  return json.data;
+};
+
+  const buildContentQuery = () => {
+  const { spreadFragmentName, processedFragment } = extractFragmentData(queryFragment);
+  return gql`
+    query WebsiteMostPopularBlock(
+      $ids: [Int!]!
+      $limit: Int!
+    ) {
+      allContent(input: {
+        ids: $ids,
+        status: any,
+        pagination: { limit: $limit }
+      }) {
+        edges {
+          node {
+            ${spreadFragmentName}
+          }
+        }
+      }
+    }
+
+    ${processedFragment}
+  `;
+};
+
+  marko_web_resolve_tag({
+      promise: getMostPopular(),
+      renderBody: function(out, { resolved }) {
+        const ids = resolved.map(({ id }) => id);
+
+        if (ids.length) {
+          const query = buildContentQuery();
+
+          const variables = { ids, limit };
+
+          marko_web_resolve_tag({
+              promise: apollo.query({
+                  query: query,
+                  variables: variables
+                }),
+              renderBody: function(out, { resolved: response }) {
+                const nodes = getAsArray(response, "data.allContent.edges").map((edge) => edge.node);
+
+                const map = nodes.reduce((m, r) => m.set(`${r.id}`, r), new Map());
+
+                const ordered = ids.map(id => map.get(`${id}`)).filter(id => id);
+
+                if (ordered.length) {
+                  theme_latest_content_list_block_tag(marko_assign({
+                      nodes: ordered,
+                      title: "Most Popular",
+                      class: input.class
+                    }, input.block, {
+                      node: marko_assign({
+                          displayImage: false,
+                          withDates: false,
+                          withSection: true
+                        }, input.node)
+                    }), out, __component, "2");
+                }
+              }
+            }, out, __component, "1");
+        } else {
+          theme_latest_content_list_block_tag(marko_assign({
+              alias: "home",
+              title: "Most Popular",
+              class: input.class
+            }, input.block, {
+              node: marko_assign({
+                  displayImage: false,
+                  withDates: false,
+                  withSection: true
+                }, input.node)
+            }), out, __component, "4");
+        }
+      }
+    }, 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/blocks/most-popular-list.marko",
+    component: "./most-popular-list.marko",
+    tags: [
+      "./latest-content-list.marko",
+      "@mindful-web/marko-core/components/resolve.marko"
+    ]
+  };

package/components/blocks/most-popular.marko

@@ -0,0 +1,97 @@
+import { getAsArray } from "@mindful-web/object-path";
+import defaultValue from "@mindful-web/marko-core/utils/default-value";
+import gql from "graphql-tag";
+import fetch from "node-fetch";
+import { extractFragmentData } from "@mindful-web/web-common/utils";
+import queryFragment from "../../graphql/fragments/most-popular-block";
+
+$ const { MOST_POPULAR_API_URI } = process.env;
+$ const { site, config, apollo, i18n } = out.global;
+
+$ const blockName = "most-popular";
+
+$ const limit = defaultValue(input.limit, 6);
+
+$ const getMostPopular = async () => {
+  const uri = MOST_POPULAR_API_URI || 'https://most-popular-content.mindful-web.parameter1.com';
+  const tenant = site.get("p1events.tenant");
+  const realm = config.website("id");
+  const contentTypes = getAsArray(input, 'includeContentTypes');
+
+  const defaultUrl = `${uri}/retrieve?tenant=${tenant}&realm=${realm}`;
+  const url = contentTypes.length ? `${defaultUrl}&types=${contentTypes.join(',')}` : defaultUrl;
+  const res = await fetch(url);
+  const json = await res.json();
+  if (!res.ok) {
+    const e = json.message || res.statusText;
+    throw new Error(e || "An unknown fatal error occurred.");
+  }
+  return json.data;
+};
+
+$ const buildContentQuery = () => {
+  const { spreadFragmentName, processedFragment } = extractFragmentData(queryFragment);
+  return gql`
+    query WebsiteMostPopularBlock(
+      $ids: [Int!]!
+      $limit: Int!
+    ) {
+      allContent(input: {
+        ids: $ids,
+        status: any,
+        pagination: { limit: $limit }
+      }) {
+        edges {
+          node {
+            ${spreadFragmentName}
+          }
+        }
+      }
+    }
+
+    ${processedFragment}
+  `;
+};
+
+<marko-web-resolve|{ resolved }| promise=getMostPopular()>
+  $ const excludeContentIds = getAsArray(input, 'excludeContentIds');
+  $ const ids = excludeContentIds.length ? resolved.reduce(
+    (arr, { id }) => (!excludeContentIds.includes(id) ? [...arr, id] : arr), []
+  ) : resolved.map(({ id }) => id);
+  <if(ids.length)>
+    $ const query = buildContentQuery();
+    $ const variables = { ids, limit };
+    <marko-web-resolve|{ resolved: response }| promise=apollo.query({ query, variables })>
+      $ const nodes = getAsArray(response, "data.allContent.edges").map((edge) => edge.node);
+      $ const map = nodes.reduce((m, r) => m.set(`${r.id}`, r), new Map());
+      $ const ordered = ids.map(id => map.get(`${id}`)).filter(id => id);
+      <if(ordered.length)>
+        <marko-web-block name=blockName>
+          <marko-web-element block-name=blockName name="header">
+            ${i18n("Most Popular")}
+          </marko-web-element>
+          <theme-card-deck-flow
+            modifiers=[blockName]
+            cols=3
+            nodes=ordered
+          >
+            <@slot|{ node, index }|>
+              <marko-web-element block-name=blockName name="card-wrapper">
+                <marko-web-element block-name=blockName name="position">
+                  ${index + 1}
+                </marko-web-element>
+                <theme-content-node
+                  display-image=false
+                  with-teaser=false
+                  with-dates=false
+                  modifiers=[blockName]
+                  node=node
+                />
+              </marko-web-element>
+            </@slot>
+          </theme-card-deck-flow>
+        </marko-web-block>
+      </if>
+    </marko-web-resolve>
+  </if>
+</marko-web-resolve>

package/components/blocks/most-popular.marko.js

@@ -0,0 +1,190 @@
+// 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/blocks/most-popular.marko",
+    marko_component = require("./most-popular.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_defaultValue = require("@mindful-web/marko-core/utils/default-value"),
+    defaultValue = module_defaultValue.default || module_defaultValue,
+    module_gql = require("graphql-tag"),
+    gql = module_gql.default || module_gql,
+    module_fetch = require("node-fetch"),
+    fetch = module_fetch.default || module_fetch,
+    module_utils_module = require("@mindful-web/web-common/utils"),
+    utils_module = module_utils_module.default || module_utils_module,
+    extractFragmentData = module_utils_module.extractFragmentData,
+    module_queryFragment = require("../../graphql/fragments/most-popular-block"),
+    queryFragment = module_queryFragment.default || module_queryFragment,
+    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),
+    theme_content_node_template = require("../nodes/content.marko"),
+    theme_content_node_tag = marko_loadTag(theme_content_node_template),
+    theme_card_deck_flow_template = require("../flows/card-deck.marko"),
+    theme_card_deck_flow_tag = marko_loadTag(theme_card_deck_flow_template),
+    marko_web_block_template = require("@mindful-web/marko-web/components/element/block.marko"),
+    marko_web_block_tag = marko_loadTag(marko_web_block_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 { MOST_POPULAR_API_URI } = process.env;
+
+  const { site, config, apollo, i18n } = out.global;
+
+  const blockName = "most-popular";
+
+  const limit = defaultValue(input.limit, 6);
+
+  const getMostPopular = async () => {
+  const uri = MOST_POPULAR_API_URI || 'https://most-popular-content.mindful-web.parameter1.com';
+  const tenant = site.get("p1events.tenant");
+  const realm = config.website("id");
+  const contentTypes = getAsArray(input, 'includeContentTypes');
+
+  const defaultUrl = `${uri}/retrieve?tenant=${tenant}&realm=${realm}`;
+  const url = contentTypes.length ? `${defaultUrl}&types=${contentTypes.join(',')}` : defaultUrl;
+  const res = await fetch(url);
+  const json = await res.json();
+  if (!res.ok) {
+    const e = json.message || res.statusText;
+    throw new Error(e || "An unknown fatal error occurred.");
+  }
+  return json.data;
+};
+
+  const buildContentQuery = () => {
+  const { spreadFragmentName, processedFragment } = extractFragmentData(queryFragment);
+  return gql`
+    query WebsiteMostPopularBlock(
+      $ids: [Int!]!
+      $limit: Int!
+    ) {
+      allContent(input: {
+        ids: $ids,
+        status: any,
+        pagination: { limit: $limit }
+      }) {
+        edges {
+          node {
+            ${spreadFragmentName}
+          }
+        }
+      }
+    }
+
+    ${processedFragment}
+  `;
+};
+
+  marko_web_resolve_tag({
+      promise: getMostPopular(),
+      renderBody: function(out, { resolved }) {
+        const excludeContentIds = getAsArray(input, 'excludeContentIds');
+
+        const ids = excludeContentIds.length ? resolved.reduce(
+    (arr, { id }) => (!excludeContentIds.includes(id) ? [...arr, id] : arr), []
+  ) : resolved.map(({ id }) => id);
+
+        if (ids.length) {
+          const query = buildContentQuery();
+
+          const variables = { ids, limit };
+
+          marko_web_resolve_tag({
+              promise: apollo.query({
+                  query: query,
+                  variables: variables
+                }),
+              renderBody: function(out, { resolved: response }) {
+                const nodes = getAsArray(response, "data.allContent.edges").map((edge) => edge.node);
+
+                const map = nodes.reduce((m, r) => m.set(`${r.id}`, r), new Map());
+
+                const ordered = ids.map(id => map.get(`${id}`)).filter(id => id);
+
+                if (ordered.length) {
+                  marko_web_block_tag({
+                      name: blockName,
+                      tag: "div",
+                      renderBody: function(out) {
+                        marko_web_element_tag({
+                            name: "header",
+                            tag: "div",
+                            blockName: blockName,
+                            renderBody: function(out) {
+                              out.w(marko_escapeXml(i18n("Most Popular")));
+                            }
+                          }, out, __component, "3");
+
+                        theme_card_deck_flow_tag({
+                            modifiers: [
+                                blockName
+                              ],
+                            cols: 3,
+                            nodes: ordered,
+                            slots: [
+                                {
+                                    renderBody: function(out, { node, index }) {
+                                      marko_web_element_tag({
+                                          name: "card-wrapper",
+                                          tag: "div",
+                                          blockName: blockName,
+                                          renderBody: function(out) {
+                                            marko_web_element_tag({
+                                                name: "position",
+                                                tag: "div",
+                                                blockName: blockName,
+                                                renderBody: function(out) {
+                                                  out.w(marko_escapeXml(index + 1));
+                                                }
+                                              }, out, __component, "7");
+
+                                            theme_content_node_tag({
+                                                displayImage: false,
+                                                withTeaser: false,
+                                                withDates: false,
+                                                modifiers: [
+                                                    blockName
+                                                  ],
+                                                node: node
+                                              }, out, __component, "8");
+                                          }
+                                        }, out, __component, "6");
+                                    }
+                                  }
+                              ]
+                          }, out, __component, "4");
+                      }
+                    }, out, __component, "2");
+                }
+              }
+            }, 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/blocks/most-popular.marko",
+    component: "./most-popular.marko",
+    tags: [
+      "@mindful-web/marko-web/components/element/index.marko",
+      "../nodes/content.marko",
+      "../flows/card-deck.marko",
+      "@mindful-web/marko-web/components/element/block.marko",
+      "@mindful-web/marko-core/components/resolve.marko"
+    ]
+  };