@parameter1/base-cms-marko-web 3.3.1 → 3.4.0

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.0.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.0.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.0.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.0.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.0.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).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.0.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.0.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.0.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.0.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.0.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.0.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.0.0/components/rss/website-section.marko"
+  };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parameter1/base-cms-marko-web",
-  "version": "3.3.1",
+  "version": "3.4.0",
   "description": "Core Marko+Express components for BaseCMS websites",
   "author": "Jacob Bare <jacob@parameter1.com>",
   "main": "index.js",
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a9bdf4adb57d161694e527e3818e149dc6ed95b0"
+  "gitHead": "28ccd5f7561f59051f43eefc429804866368a1d3"
 }

package/utils/embedded-media/image.js

@@ -6,6 +6,13 @@ const stringifyAttrs = attrs => Object.keys(attrs).reduce((arr, key) => {
   return arr;
 }, []).join(' ');
 
+const buildWrapperClass = ({ caption, credit }) => {
+  const classes = [];
+  if (caption) classes.push('image-with-caption');
+  if (credit) classes.push('image-with-credit');
+  return classes.join(' ');
+};
+
 module.exports = (tag, { config } = {}, { lazyloadImages } = {}) => {
   const lazyload = lazyloadImages == null ? config.lazyloadImages() : lazyloadImages;
   const src = tag.get('src');
@@ -17,10 +24,13 @@ module.exports = (tag, { config } = {}, { lazyloadImages } = {}) => {
   const width = tag.get('width');
   const height = tag.get('height');
 
+  const wrapperClass = buildWrapperClass({ caption, credit });
+
   const attrs = {
     'data-embed-type': tag.type,
     'data-embed-id': tag.id,
     'data-embed-align': align,
+    ...(wrapperClass && { class: wrapperClass }),
   };
 
   const minWidth = 400;