@mindful-web/marko-web 1.49.2 → 1.55.5

package/components/node-list/node.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/node-list/node.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/node-list/node.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,
@@ -42,7 +42,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/node-list/node.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/node-list/node.marko",
     tags: [
       "./element.marko"
     ]

package/components/node-list/nodes.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/node-list/nodes.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/node-list/nodes.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,
@@ -118,7 +118,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/node-list/nodes.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/node-list/nodes.marko",
     tags: [
       "./node.marko",
       "./element.marko"

package/components/page/container.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/container.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/container.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,
@@ -42,5 +42,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/container.marko"
+    id: "/@mindful-web/marko-web$1.55.5/components/page/container.marko"
   };

package/components/page/description.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/description.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/description.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_attr = require("marko/dist/runtime/html/helpers/attr");
 
@@ -22,5 +22,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/description.marko"
+    id: "/@mindful-web/marko-web$1.55.5/components/page/description.marko"
   };

package/components/page/image.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/image.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/image.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,
@@ -111,7 +111,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/image.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/page/image.marko",
     tags: [
       "../element/image/display-name.marko",
       "../element/img.marko",

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

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/layouts/content.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/layouts/content.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_web_content_page_metadata_template = require("../metadata/content.marko"),
     marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
@@ -56,7 +56,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/layouts/content.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/page/layouts/content.marko",
     tags: [
       "../metadata/content.marko"
     ]

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

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/layouts/default.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/layouts/default.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_web_default_page_metadata_template = require("../metadata/default.marko"),
     marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
@@ -54,7 +54,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/layouts/default.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/page/layouts/default.marko",
     tags: [
       "../metadata/default.marko"
     ]

package/components/page/layouts/dynamic-page.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/layouts/dynamic-page.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/layouts/dynamic-page.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_web_dynamic_page_metadata_template = require("../metadata/dynamic-page.marko"),
     marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
@@ -52,7 +52,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/layouts/dynamic-page.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/page/layouts/dynamic-page.marko",
     tags: [
       "../metadata/dynamic-page.marko"
     ]

package/components/page/layouts/magazine-issue.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/layouts/magazine-issue.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/layouts/magazine-issue.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_web_magazine_issue_page_metadata_template = require("../metadata/magazine-issue.marko"),
     marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
@@ -52,7 +52,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/layouts/magazine-issue.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/page/layouts/magazine-issue.marko",
     tags: [
       "../metadata/magazine-issue.marko"
     ]

package/components/page/layouts/magazine-publication.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/layouts/magazine-publication.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/layouts/magazine-publication.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_web_magazine_publication_page_metadata_template = require("../metadata/magazine-publication.marko"),
     marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
@@ -52,7 +52,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/layouts/magazine-publication.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/page/layouts/magazine-publication.marko",
     tags: [
       "../metadata/magazine-publication.marko"
     ]

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

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/layouts/website-section.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/layouts/website-section.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,
@@ -70,7 +70,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/layouts/website-section.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/page/layouts/website-section.marko",
     tags: [
       "../metadata/website-section.marko",
       "../../rss/website-section.marko"

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

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/metadata/components/common.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/metadata/components/common.marko",
     marko_component = require("./common.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     marko_web_page_title_template = require("../../title.marko"),
@@ -107,7 +107,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/metadata/components/common.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/page/metadata/components/common.marko",
     component: "./common.marko",
     tags: [
       "../../title.marko",

package/components/page/metadata/content.marko

@@ -29,7 +29,7 @@ fragment ContentPageMetadataFragment on Content {
     expiresDate
     image {
       id
-      src(input: { options: { auto: "format,compress", w: "1200", fit: "max", q: 70 } })
+      src(input: { useCropRectangle: true, options: { auto: "format,compress", h: "630",  q: "70", w: "1200" } })
     }
   }
   userRegistration {
@@ -97,6 +97,7 @@ $ const contentGatingHandler = isFunction(globalContentGatingHandler) ? globalCo
 
 <if(id)>
   <marko-web-query|{ node }| name="content" params={ id, queryFragment }>
+    $ const urlParams = new URLSearchParams(get(node, "metadata.image.src"));
     $ const metadata = {
       type: node.type,
       title: get(node, "metadata.title"),
@@ -105,6 +106,10 @@ $ const contentGatingHandler = isFunction(globalContentGatingHandler) ? globalCo
       canonicalUrl: get(node, "siteContext.canonicalUrl"),
       noIndex: get(node, "siteContext.noIndex") || config.website("id") !== get(node, "primarySite.id"),
       imageSrc: get(node, "metadata.image.src"),
+      imageDimensions: {
+        height: urlParams.get('h'),
+        width: urlParams.get('w'),
+      }
     };
     $ const publishedDate = get(node, "metadata.publishedDate");
     $ const updatedDate = get(node, "metadata.updatedDate");

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

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/metadata/content.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/metadata/content.marko",
     marko_component = require("./content.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_gql = require("graphql-tag"),
@@ -57,7 +57,7 @@ fragment ContentPageMetadataFragment on Content {
     expiresDate
     image {
       id
-      src(input: { options: { auto: "format,compress", w: "1200", fit: "max", q: 70 } })
+      src(input: { useCropRectangle: true, options: { auto: "format,compress", h: "630",  q: "70", w: "1200" } })
     }
   }
   userRegistration {
@@ -140,6 +140,8 @@ ${processedFragment}
             }
           },
         renderBody: function(out, { node }) {
+          const urlParams = new URLSearchParams(get(node, "metadata.image.src"));
+
           const metadata = {
       type: node.type,
       title: get(node, "metadata.title"),
@@ -148,6 +150,10 @@ ${processedFragment}
       canonicalUrl: get(node, "siteContext.canonicalUrl"),
       noIndex: get(node, "siteContext.noIndex") || config.website("id") !== get(node, "primarySite.id"),
       imageSrc: get(node, "metadata.image.src"),
+      imageDimensions: {
+        height: urlParams.get('h'),
+        width: urlParams.get('w'),
+      }
     };
 
           const publishedDate = get(node, "metadata.publishedDate");
@@ -207,7 +213,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/metadata/content.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/page/metadata/content.marko",
     component: "./content.marko",
     tags: [
       "./components/common.marko",

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

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/metadata/default.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/metadata/default.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     common_template = require("./components/common.marko"),
     marko_loadTag = require("marko/dist/runtime/helpers/load-tag"),
@@ -22,7 +22,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/metadata/default.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/page/metadata/default.marko",
     tags: [
       "./components/common.marko"
     ]

package/components/page/metadata/dynamic-page.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/metadata/dynamic-page.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/metadata/dynamic-page.marko",
     marko_component = require("./dynamic-page.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_gql = require("graphql-tag"),
@@ -75,7 +75,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/metadata/dynamic-page.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/page/metadata/dynamic-page.marko",
     component: "./dynamic-page.marko",
     tags: [
       "./components/common.marko",

package/components/page/metadata/magazine-issue.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/metadata/magazine-issue.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/metadata/magazine-issue.marko",
     marko_component = require("./magazine-issue.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_gql = require("graphql-tag"),
@@ -74,7 +74,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/metadata/magazine-issue.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/page/metadata/magazine-issue.marko",
     component: "./magazine-issue.marko",
     tags: [
       "./components/common.marko",

package/components/page/metadata/magazine-publication.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/metadata/magazine-publication.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/metadata/magazine-publication.marko",
     marko_component = require("./magazine-publication.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_gql = require("graphql-tag"),
@@ -70,7 +70,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/metadata/magazine-publication.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/page/metadata/magazine-publication.marko",
     component: "./magazine-publication.marko",
     tags: [
       "./components/common.marko",

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

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/metadata/website-section.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/metadata/website-section.marko",
     marko_component = require("./website-section.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_gql = require("graphql-tag"),
@@ -83,7 +83,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/metadata/website-section.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/page/metadata/website-section.marko",
     component: "./website-section.marko",
     tags: [
       "./components/common.marko",

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

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/rel-canonical.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/rel-canonical.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_utils_module = require("@mindful-web/utils"),
     utils_module = module_utils_module.default || module_utils_module,
@@ -38,5 +38,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/rel-canonical.marko"
+    id: "/@mindful-web/marko-web$1.55.5/components/page/rel-canonical.marko"
   };

package/components/page/title.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/title.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/title.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_utils_module = require("@mindful-web/utils"),
     utils_module = module_utils_module.default || module_utils_module,
@@ -42,5 +42,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/title.marko"
+    id: "/@mindful-web/marko-web$1.55.5/components/page/title.marko"
   };

package/components/page/wrapper.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/page/wrapper.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/page/wrapper.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,
@@ -56,7 +56,7 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/page/wrapper.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/page/wrapper.marko",
     tags: [
       "../element/index.marko"
     ]

package/components/resolve/page.marko.js

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/resolve/page.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/resolve/page.marko",
     marko_component = require("./page.marko"),
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_utils_module = require("@mindful-web/utils"),
@@ -41,7 +41,7 @@ marko_template._ = marko_renderer(render, {
   }, marko_component);
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/resolve/page.marko",
+    id: "/@mindful-web/marko-web$1.55.5/components/resolve/page.marko",
     component: "./page.marko",
     tags: [
       "@mindful-web/marko-core/components/resolve.marko"

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

@@ -2,7 +2,7 @@
 "use strict";
 
 var marko_template = module.exports = require("marko/dist/html").t(__filename),
-    marko_componentType = "/@mindful-web/marko-web$1.49.2/components/rss/website-section.marko",
+    marko_componentType = "/@mindful-web/marko-web$1.55.5/components/rss/website-section.marko",
     marko_renderer = require("marko/dist/runtime/components/renderer"),
     module_url_module = require("url"),
     url_module = module_url_module.default || module_url_module,
@@ -42,5 +42,5 @@ marko_template._ = marko_renderer(render, {
   });
 
 marko_template.meta = {
-    id: "/@mindful-web/marko-web$1.49.2/components/rss/website-section.marko"
+    id: "/@mindful-web/marko-web$1.55.5/components/rss/website-section.marko"
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindful-web/marko-web",
-  "version": "1.49.2",
+  "version": "1.55.5",
   "description": "Core Marko+Express components for Mindful Web websites",
   "author": "Jacob Bare <jacob@parameter1.com>",
   "main": "index.js",
@@ -60,5 +60,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "afeae661f7f2bc949a0aee2ad1be84ad2230d125"
+  "gitHead": "07109d24ec7c3e5c3e03f0c568bca032da57a112"
 }

package/utils/embedded-media/oembed.js

@@ -1,13 +1,20 @@
 const BrowserComponent = require('../../components/browser-component');
 const facebook = require('./facebook-oembed');
 const instagram = require('./instagram-oembed');
+const youtube = require('./youtube-url');
 
 module.exports = (tag, $global) => {
   const { config } = $global;
   const url = tag.id;
   const facebookPost = facebook(url);
   const instagramPost = instagram(url);
-  const props = { mountPoint: config.oembedMountPoint(), url, attrs: tag.attrs };
+  const youtubeUrl = youtube(url);
+  const props = {
+    mountPoint: config.oembedMountPoint(),
+    url,
+    ...(youtubeUrl && { url: youtubeUrl }),
+    attrs: tag.attrs,
+  };
   if (facebookPost) {
     return facebookPost;
   }

package/utils/embedded-media/youtube-url.js

@@ -0,0 +1,15 @@
+/**
+* If this is a youtube url & is formatted as https://www.youtube.com
+* Instead of youtube.com or https://youtube.com
+ */
+module.exports = (url) => {
+  if (url.startsWith('https://www.youtube')) {
+    return url;
+  }
+  if (url.startsWith('https://youtube')) {
+    return url.replace('https://youtube', 'https://www.youtube');
+  } if (url.startsWith('youtube.com/')) {
+    return url.replace('youtube.com/', 'https://www.youtube.com/');
+  }
+  return null;
+};