@parameter1/base-cms-marko-web 3.8.0 → 3.13.0

package/components/page/metadata/content.marko.js

@@ -0,0 +1,201 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.11.0/components/page/metadata/content.marko",
+    marko_component = require("./content.marko"),
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    module_gql = require("graphql-tag"),
+    gql = module_gql.default || module_gql,
+    module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
+    baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
+    get = module_baseCmsObjectPath_module.get,
+    module_baseCmsUtils_module = require("@parameter1/base-cms-utils"),
+    baseCmsUtils_module = module_baseCmsUtils_module.default || module_baseCmsUtils_module,
+    warn = module_baseCmsUtils_module.warn,
+    isFunction = module_baseCmsUtils_module.isFunction,
+    module_utils_module = require("@parameter1/base-cms-web-common/src/utils"),
+    utils_module = module_utils_module.default || module_utils_module,
+    extractFragmentData = module_utils_module.extractFragmentData,
+    module_defaultBuildStructuredData = require("./google-structured-data/content"),
+    defaultBuildStructuredData = module_defaultBuildStructuredData.default || module_defaultBuildStructuredData,
+    common_template = require("./components/common.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    common_tag = marko_loadTag(common_template),
+    marko_attr = require("marko/src/runtime/html/helpers/attr"),
+    helpers_escape_xml = require("marko/src/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x,
+    marko_escapeScript = require("marko/src/runtime/html/helpers/escape-script-placeholder"),
+    marko_web_query_template = require("@parameter1/base-cms-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 { id, structuredDataQueryFragment } = input;
+
+  const { spreadFragmentName, processedFragment } = extractFragmentData(structuredDataQueryFragment);
+
+  const queryFragment = gql`
+fragment ContentPageMetadataFragment on Content {
+  id
+  type
+  siteContext {
+    url
+    path
+    canonicalUrl
+    noIndex
+  }
+  published
+  updated
+  metadata {
+    title
+    description
+    publishedDate
+    updatedDate
+    expiresDate
+    image {
+      id
+      src(input: { options: { auto: "format,compress", w: "1200", fit: "max", q: 70 } })
+    }
+  }
+  ... on ContentVideo {
+    embedSrc
+  }
+  ... on ContentPodcast {
+    fileSrc
+    fileName
+  }
+  ... on Authorable {
+    authors {
+      edges {
+        node {
+          id
+          name
+        }
+      }
+    }
+  }
+  ... on Addressable {
+    address1
+    address2
+    city
+    state
+    zip
+    country
+  }
+  ... on Contactable {
+    phone
+    tollfree
+    fax
+    website
+    title
+    mobile
+    publicEmail
+  }
+  ... on ContentCompany {
+    email
+  }
+  images(input:{ pagination: { limit: 0 }, sort: { order: values } }) {
+    edges {
+      node {
+        id
+        src(input: { options: { auto: "format,compress", w: "1200", fit: "max", q: 70 } })
+      }
+    }
+  }
+  ${spreadFragmentName}
+}
+${processedFragment}
+`;
+
+  const buildStructuredData = isFunction(input.buildStructuredData) ? input.buildStructuredData : defaultBuildStructuredData;
+
+  if (id) {
+    marko_web_query_tag({
+        collapsible: true,
+        name: "content",
+        params: {
+            id: id,
+            queryFragment: queryFragment
+          },
+        whenEmpty: {
+            renderBody: function(out) {
+              warn(`Unable to create content metadata: no content found for ${id}.`);
+            }
+          },
+        renderBody: function(out, { node }) {
+          const metadata = {
+      type: node.type,
+      title: get(node, "metadata.title"),
+      description: get(node, "metadata.description"),
+      canonicalPath: get(node, "siteContext.path"),
+      canonicalUrl: get(node, "siteContext.canonicalUrl"),
+      noIndex: get(node, "siteContext.noIndex"),
+      imageSrc: get(node, "metadata.image.src"),
+    };
+
+          const publishedDate = get(node, "metadata.publishedDate");
+
+          const updatedDate = get(node, "metadata.updatedDate");
+
+          const expiresDate = get(node, "metadata.expiresDate");
+
+          common_tag(metadata, out, __component, "1");
+
+          if (node.type === "video") {
+            out.w("<meta property=\"og:type\" content=\"video.other\">");
+
+            if (publishedDate) {
+              out.w("<meta property=\"video:release_date\"" +
+                marko_attr("content", publishedDate) +
+                ">");
+            }
+          } else {
+            out.w("<meta property=\"og:type\" content=\"article\">");
+
+            if (publishedDate) {
+              out.w("<meta property=\"article:published_time\"" +
+                marko_attr("content", publishedDate) +
+                ">");
+            }
+
+            if (updatedDate) {
+              out.w("<meta property=\"article:modified_time\"" +
+                marko_attr("content", updatedDate) +
+                ">");
+            }
+
+            if (expiresDate) {
+              out.w("<meta property=\"article:expiration_time\"" +
+                marko_attr("content", expiresDate) +
+                ">");
+            }
+          }
+
+          const structuredData = buildStructuredData(node);
+
+          if (structuredData) {
+            out.w("<script type=\"application/ld+json\">" +
+              marko_escapeScript(("\n        " + structuredData) + "\n      ") +
+              "</script>");
+          }
+        }
+      }, out, __component, "0");
+  } else {
+    warn('Unable to create content metadata: no content id was provided.');
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___type: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/page/metadata/content.marko",
+    component: "./content.marko",
+    tags: [
+      "./components/common.marko",
+      "@parameter1/base-cms-marko-core/components/queries/index.marko"
+    ]
+  };

package/components/page/metadata/default.marko.js

@@ -0,0 +1,29 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.11.0/components/page/metadata/default.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    common_template = require("./components/common.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    common_tag = marko_loadTag(common_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  common_tag(input, out, __component, "0");
+
+  out.w("<meta property=\"og:type\" content=\"website\">");
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/page/metadata/default.marko",
+    tags: [
+      "./components/common.marko"
+    ]
+  };

package/components/page/metadata/website-section.marko.js

@@ -0,0 +1,79 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.11.0/components/page/metadata/website-section.marko",
+    marko_component = require("./website-section.marko"),
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    module_gql = require("graphql-tag"),
+    gql = module_gql.default || module_gql,
+    module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
+    baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
+    get = module_baseCmsObjectPath_module.get,
+    module_baseCmsUtils_module = require("@parameter1/base-cms-utils"),
+    baseCmsUtils_module = module_baseCmsUtils_module.default || module_baseCmsUtils_module,
+    warn = module_baseCmsUtils_module.warn,
+    common_template = require("./components/common.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    common_tag = marko_loadTag(common_template),
+    marko_web_query_template = require("@parameter1/base-cms-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 { alias } = input;
+
+  const queryFragment = gql`
+fragment WebsiteSectionPageMetadataFragment on WebsiteSection {
+  id
+  canonicalPath
+  metadata {
+    title
+    description
+  }
+}
+`;
+
+  if (alias) {
+    marko_web_query_tag({
+        collapsible: true,
+        name: "website-section",
+        params: {
+            alias: alias,
+            queryFragment: queryFragment
+          },
+        whenEmpty: {
+            renderBody: function(out) {
+              warn(`Unable to create website section metadata: no section found for ${alias}.`);
+            }
+          },
+        renderBody: function(out, { node }) {
+          const metadata = {
+      title: get(node, "metadata.title"),
+      description: get(node, "metadata.description"),
+      canonicalPath: node.canonicalPath,
+    };
+
+          common_tag(metadata, out, __component, "1");
+
+          out.w("<meta property=\"og:type\" content=\"website\">");
+        }
+      }, out, __component, "0");
+  } else {
+    warn('Unable to create website section metadata: no section alias was provided.');
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___type: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/page/metadata/website-section.marko",
+    component: "./website-section.marko",
+    tags: [
+      "./components/common.marko",
+      "@parameter1/base-cms-marko-core/components/queries/index.marko"
+    ]
+  };

package/components/page/rel-canonical.marko.js

@@ -0,0 +1,42 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.11.0/components/page/rel-canonical.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    module_baseCmsUtils_module = require("@parameter1/base-cms-utils"),
+    baseCmsUtils_module = module_baseCmsUtils_module.default || module_baseCmsUtils_module,
+    cleanPath = module_baseCmsUtils_module.cleanPath,
+    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
+    marko_attr = require("marko/src/runtime/html/helpers/attr");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { req, requestOrigin } = out.global;
+
+  const path = input.path || req.path;
+
+  const href = input.url || `${out.global.requestOrigin}/${cleanPath(path)}`;
+
+  if (input.renderBody) {
+    marko_dynamicTag(out, input.renderBody, function() {
+      return {
+          href: href
+        };
+    }, null, null, null, __component, "0");
+  } else {
+    out.w("<link rel=\"canonical\"" +
+      marko_attr("href", href) +
+      ">");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/page/rel-canonical.marko"
+  };

package/components/page/title.marko.js

@@ -0,0 +1,46 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.11.0/components/page/title.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    module_baseCmsUtils_module = require("@parameter1/base-cms-utils"),
+    baseCmsUtils_module = module_baseCmsUtils_module.default || module_baseCmsUtils_module,
+    cleanPath = module_baseCmsUtils_module.cleanPath,
+    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
+    helpers_escape_xml = require("marko/src/runtime/html/helpers/escape-xml"),
+    marko_escapeXml = helpers_escape_xml.x;
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { config } = out.global;
+
+  const parts = [
+  input.value,
+  config.website("name"),
+];
+
+  const concatWith = input.concatWith || "|";
+
+  const title = parts.filter(v => v && v !== 'Home').join(` ${concatWith} `);
+
+  out.w("<title>");
+
+  if (input.renderBody) {
+    marko_dynamicTag(out, input.renderBody, null, null, null, null, __component, "1");
+  } else {
+    out.w(marko_escapeXml(title));
+  }
+
+  out.w("</title>");
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/page/title.marko"
+  };

package/components/page/wrapper.marko.js

@@ -0,0 +1,63 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.11.0/components/page/wrapper.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
+    baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
+    getAsArray = module_baseCmsObjectPath_module.getAsArray,
+    marko_forOf = require("marko/src/runtime/helpers/for-of"),
+    marko_assign = require("marko/src/runtime/helpers/assign"),
+    marko_web_element_template = require("../element"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_element_tag = marko_loadTag(marko_web_element_template),
+    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const blockName = input.blockName || "page-wrapper";
+
+  const tag = input.tag || "div";
+
+  const sections = getAsArray(input.sections);
+
+  const modifiers = [...getAsArray(input.modifiers)];
+
+  const classNames = [blockName, ...modifiers.map(mod => `${blockName}--${mod}`), input.class];
+
+  if (sections.length) {
+    marko_dynamicTag(out, tag, function() {
+      return marko_assign({}, input.attrs, {
+          class: classNames
+        });
+    }, function(out) {
+      var $for$0 = 0;
+
+      marko_forOf(sections, function(section) {
+        var $keyScope$0 = "[" + (($for$0++) + "]");
+
+        marko_web_element_tag(marko_assign({
+            name: "default",
+            tag: "div"
+          }, section, {
+            blockName: blockName,
+            name: "section"
+          }), out, __component, "1" + $keyScope$0);
+      });
+    }, null, null, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/page/wrapper.marko",
+    tags: [
+      "../element"
+    ]
+  };

package/components/resolve/page.marko.js

@@ -0,0 +1,49 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.11.0/components/resolve/page.marko",
+    marko_component = require("./page.marko"),
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    module_baseCmsUtils_module = require("@parameter1/base-cms-utils"),
+    baseCmsUtils_module = module_baseCmsUtils_module.default || module_baseCmsUtils_module,
+    isFunction = module_baseCmsUtils_module.isFunction,
+    module_baseCmsObjectPath_module = require("@parameter1/base-cms-object-path"),
+    baseCmsObjectPath_module = module_baseCmsObjectPath_module.default || module_baseCmsObjectPath_module,
+    getAsObject = module_baseCmsObjectPath_module.getAsObject,
+    marko_dynamicTag = require("marko/src/runtime/helpers/dynamic-tag"),
+    marko_web_resolve_template = require("@parameter1/base-cms-marko-core/components/resolve.marko"),
+    marko_loadTag = require("marko/src/runtime/helpers/load-tag"),
+    marko_web_resolve_tag = marko_loadTag(marko_web_resolve_template);
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const node = getAsObject(input, "node");
+
+  if (isFunction(node.load)) {
+    marko_web_resolve_tag({
+        promise: node.load(),
+        renderBody: function(out, { resolved }) {
+          marko_dynamicTag(out, input.renderBody, function() {
+            return {
+                resolved: resolved,
+                data: resolved.data
+              };
+          }, null, null, null, __component, "1");
+        }
+      }, out, __component, "0");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___type: marko_componentType
+  }, marko_component);
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/resolve/page.marko",
+    component: "./page.marko",
+    tags: [
+      "@parameter1/base-cms-marko-core/components/resolve.marko"
+    ]
+  };

package/components/rss/website-section.marko.js

@@ -0,0 +1,46 @@
+// Compiled using marko@4.20.2 - DO NOT EDIT
+"use strict";
+
+var marko_template = module.exports = require("marko/src/html").t(__filename),
+    marko_componentType = "/@parameter1/base-cms-marko-web$3.11.0/components/rss/website-section.marko",
+    marko_renderer = require("marko/src/runtime/components/renderer"),
+    module_url_module = require("url"),
+    url_module = module_url_module.default || module_url_module,
+    URLSearchParams = module_url_module.URLSearchParams,
+    marko_attr = require("marko/src/runtime/html/helpers/attr");
+
+function render(input, out, __component, component, state) {
+  var data = input;
+
+  const { config } = out.global;
+
+  const { queryName, queryParams, channelParams } = input;
+
+  const defaultTitle = input.name ? `RSS Feed for ${input.name}` : "RSS Feed";
+
+  const title = input.title || defaultTitle;
+
+  const query = new URLSearchParams();
+
+  query.append("input", JSON.stringify(queryParams));
+
+  if (channelParams) query.append("channel", JSON.stringify(channelParams));
+
+  const href = `${config.rssMountPoint()}/${queryName}.xml?${query}`;
+
+  if (queryName) {
+    out.w("<link rel=\"alternate\" type=\"application/rss+xml\"" +
+      marko_attr("title", title) +
+      marko_attr("href", href) +
+      ">");
+  }
+}
+
+marko_template._ = marko_renderer(render, {
+    ___implicit: true,
+    ___type: marko_componentType
+  });
+
+marko_template.meta = {
+    id: "/@parameter1/base-cms-marko-web$3.11.0/components/rss/website-section.marko"
+  };

package/middleware/page-node/index.js

@@ -1,3 +1,4 @@
+const { isFunction: isFn } = require('@parameter1/base-cms-utils');
 const { getAsObject } = require('@parameter1/base-cms-object-path');
 const ResolvedNode = require('./resolved');
 
@@ -9,12 +10,14 @@ class PageNode {
     queryFragment,
     variables,
     resultField,
+    sideloadDataFn,
   }) {
     this.apolloClient = apolloClient;
     this.queryFactory = queryFactory;
     this.queryFragment = queryFragment;
     this.variables = variables;
     this.resultField = resultField;
+    this.sideloadDataFn = sideloadDataFn;
   }
 
   async load() {
@@ -22,8 +25,18 @@ class PageNode {
       const { queryFragment, variables, resultField } = this;
       const path = `data.${resultField}`;
       const query = this.queryFactory({ queryFragment, queryName: 'PageNode' });
-      this.promise = this.apolloClient.query({ query, variables })
-        .then(r => createNode(getAsObject(r, path)));
+      const [r, sideloadedData] = await Promise.all([
+        this.apolloClient.query({ query, variables }),
+        (async () => {
+          if (isFn(this.sideloadDataFn)) {
+            this.sideloadDataFn.bind(this);
+            return this.sideloadDataFn();
+          }
+          return undefined;
+        })(),
+      ]);
+      this.promise = createNode(getAsObject(r, path));
+      this.sideloadedData = sideloadedData;
     }
     return this.promise;
   }

package/middleware/with-content.js

@@ -15,6 +15,7 @@ module.exports = ({
   redirectToFn,
   pathFn,
   formatResponse,
+  sideloadDataFn,
 } = {}) => asyncRoute(async (req, res) => {
   const id = isFn(idResolver) ? await idResolver(req, res) : req.params.id;
   const { apollo, query } = req;
@@ -36,6 +37,7 @@ module.exports = ({
     queryFragment,
     variables: { input: { id: Number(id), ...additionalInput } },
     resultField: 'content',
+    sideloadDataFn,
   });
   if (isFn(formatResponse)) await formatResponse({ res, content, pageNode });
   return res.marko(template, { ...content, pageNode });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parameter1/base-cms-marko-web",
-  "version": "3.8.0",
+  "version": "3.13.0",
   "description": "Core Marko+Express components for BaseCMS websites",
   "author": "Jacob Bare <jacob@parameter1.com>",
   "main": "index.js",
@@ -16,10 +16,10 @@
   "dependencies": {
     "@godaddy/terminus": "^4.9.0",
     "@parameter1/base-cms-apollo-ssr": "^3.0.0",
-    "@parameter1/base-cms-embedded-media": "^3.8.0",
+    "@parameter1/base-cms-embedded-media": "^3.13.0",
     "@parameter1/base-cms-express-apollo": "^3.0.0",
     "@parameter1/base-cms-graphql-fragment-types": "^3.0.0",
-    "@parameter1/base-cms-image": "^3.8.0",
+    "@parameter1/base-cms-image": "^3.13.0",
     "@parameter1/base-cms-inflector": "^3.0.0",
     "@parameter1/base-cms-marko-node-require": "^3.0.0",
     "@parameter1/base-cms-object-path": "^3.0.0",
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "de7ed3f6665b430872553b8f5b51e4cf51db4066"
+  "gitHead": "2b9579aef02949a06b27119afdd4046ee891eb24"
 }