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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@parameter1/base-cms-marko-web",
-  "version": "3.3.0",
+  "version": "3.4.0",
   "description": "Core Marko+Express components for BaseCMS websites",
   "author": "Jacob Bare <jacob@parameter1.com>",
   "main": "index.js",
@@ -25,7 +25,7 @@
     "@parameter1/base-cms-object-path": "^3.0.0",
     "@parameter1/base-cms-tenant-context": "^3.0.0",
     "@parameter1/base-cms-utils": "^3.0.0",
-    "@parameter1/base-cms-web-common": "^3.0.0",
+    "@parameter1/base-cms-web-common": "^3.3.1",
     "cookie-parser": "^1.4.5",
     "express": "^4.17.1",
     "express-http-proxy": "^1.6.2",
@@ -46,5 +46,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ee5705e924b161f9617b1984a95c21f73004e4b5"
+  "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;