@parameter1/base-cms-marko-web 2.38.0 → 2.44.0

package/utils/embedded-media/facebook-oembed.js

@@ -0,0 +1,51 @@
+const { URL } = require('url');
+
+const buildFacebookElement = ({
+  href,
+  lazy = true,
+  width,
+  showText,
+}) => {
+  const params = {
+    href: decodeURIComponent(href),
+    ...(lazy && { lazy: true }),
+    ...(width && { width }),
+    ...(showText && { 'show-text': true }),
+  };
+  const data = Object.keys(params).map(key => `data-${key}="${params[key]}"`);
+  return `<div class="fb-post" ${data.join(' ')}></div><script async defer src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>`;
+};
+
+const facebook = (url) => {
+  const pattern = /facebook\.com/i;
+  if (!pattern.test(url)) return null; // not a facebook URL.
+
+  const { href, host, searchParams } = new URL(url);
+
+  if (/facebook\.com\/plugins\//i.test(url)) {
+    // matches a plugin url, e.g. plugins/video.php plugins/post.php, etc
+    if (!searchParams.has('href')) return '<div></div>'; // no `href` query param found. remove.
+    // return facebook div element
+    return buildFacebookElement({
+      href: searchParams.get('href'),
+      showText: searchParams.get('show_text') === 'true',
+      // @todo determine if the requested width should be preserved
+      // width: searchParams.get('width'),
+    });
+  }
+  // after checking for facebook plugin URLs, treat all other facebook URLs as posts.
+  if (!pattern.test(host)) return null; // facebook.com appears somewhere else in the URL.
+  // return facebook div element
+  return buildFacebookElement({ href, showText: true });
+};
+
+
+/**
+ *
+ */
+module.exports = (url) => {
+  // convert embeds, as they no longer support oembed without auth
+  const fbPost = facebook(url);
+  if (fbPost) return fbPost;
+  return null;
+};

package/utils/embedded-media/instagram-oembed.js

@@ -0,0 +1,57 @@
+const { URL } = require('url');
+
+const buildInstagramElement = ({
+  href,
+  lazy = true,
+  width,
+}) => {
+  const src = `${href.replace(/\/+$/g, '')}/embed/?cr=1`;
+  const params = {
+    src,
+    ...(lazy && { lazy: true }),
+    ...(width && { width }),
+  };
+  const data = Object.keys(params).map(key => `${key}="${params[key]}"`);
+  if (data.lazy) {
+    data.loading = 'lazy';
+  }
+  return `
+  <iframe class="instagram-media instagram-media-rendered"
+    ${data.join(' ')}
+    allowtransparency="true"
+    frameborder="0"
+    height="700px"
+    scrolling="no"
+    style="
+    background: rgb(255, 255, 255);
+    border: 1px solid rgb(219, 219, 219);
+    margin: 0px 0px 0px; max-width: 700px;
+    width: calc(100% - 2px);
+    border-radius: 4px;
+    box-shadow: none;
+    display: block;
+    padding: 0px;">
+    </iframe>
+  <script async="" defer="" src="//platform.instagram.com/en_US/embeds.js"></script>`;
+};
+
+const instagram = (url) => {
+  const pattern = /instagram\.com/i;
+  if (!pattern.test(url)) return null; // not a instagram URL.
+
+  const { href, host } = new URL(url);
+  // after checking for instagram URLs, treat all other instagram URLs as posts.
+  if (!pattern.test(host)) return null; // instagram.com appears somewhere else in the URL.
+  // return instagram div element
+  return buildInstagramElement({ href });
+};
+
+/**
+ *
+ */
+module.exports = (url) => {
+  // convert embeds, as they no longer support oembed without auth
+  const igPost = instagram(url);
+  if (igPost) return igPost;
+  return null;
+};

package/utils/embedded-media/oembed.js

@@ -1,8 +1,18 @@
 const BrowserComponent = require('../../components/browser-component');
+const facebook = require('./facebook-oembed');
+const instagram = require('./instagram-oembed');
 
 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 };
+  if (facebookPost) {
+    return facebookPost;
+  }
+  if (instagramPost) {
+    return instagramPost;
+  }
   return BrowserComponent.renderToString({ $global, name: 'OEmbed', props });
 };

package/components/document/components/assets.marko.js

@@ -1,43 +0,0 @@
-// 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$2.13.0/components/document/components/assets.marko",
-    marko_renderer = require("marko/src/runtime/components/renderer"),
-    marko_forOf = require("marko/src/runtime/helpers/for-of"),
-    marko_attr = require("marko/src/runtime/html/helpers/attr");
-
-function render(input, out, __component, component, state) {
-  var data = input;
-
-  const { config } = out.global;
-
-  const scripts = config.sources();
-
-  const stylesheets = config.styles();
-
-  marko_forOf(scripts, function(src) {
-    out.w("<script" +
-      marko_attr("src", src) +
-      "></script>");
-  });
-
-  var $for$0 = 0;
-
-  marko_forOf(stylesheets, function(href) {
-    var $keyScope$0 = "[" + (($for$0++) + "]");
-
-    out.w("<link rel=\"stylesheet\"" +
-      marko_attr("href", href) +
-      ">");
-  });
-}
-
-marko_template._ = marko_renderer(render, {
-    ___implicit: true,
-    ___type: marko_componentType
-  });
-
-marko_template.meta = {
-    id: "/@parameter1/base-cms-marko-web$2.13.0/components/document/components/assets.marko"
-  };

package/components/queries/all-author-content.marko.js

@@ -1,38 +0,0 @@
-// Compiled using marko@4.18.13 - DO NOT EDIT
-"use strict";
-
-var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/all-author-content.marko",
-    components_helpers = require("marko/src/runtime/components/helpers"),
-    marko_renderer = components_helpers.r,
-    marko_defineComponent = components_helpers.c,
-    module_blockLoaders_module = require("@base-cms/web-common/block-loaders"),
-    blockLoaders_module = module_blockLoaders_module.default || module_blockLoaders_module,
-    loader = module_blockLoaders_module.allAuthorContent,
-    marko_assign = require("marko/src/runtime/helper-assign"),
-    loader_template = require("./components/loader.marko"),
-    marko_helpers = require("marko/src/runtime/html/helpers"),
-    marko_loadTag = marko_helpers.t,
-    loader_tag = marko_loadTag(loader_template);
-
-function render(input, out, __component, component, state) {
-  var data = input;
-
-  loader_tag(marko_assign({
-      loader: loader
-    }, input), out, __component, "0");
-}
-
-marko_template._ = marko_renderer(render, {
-    ___implicit: true,
-    ___type: marko_componentType
-  });
-
-marko_template.Component = marko_defineComponent({}, marko_template._);
-
-marko_template.meta = {
-    id: "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/all-author-content.marko",
-    tags: [
-      "./components/loader.marko"
-    ]
-  };

package/components/queries/all-company-content.marko.js

@@ -1,38 +0,0 @@
-// Compiled using marko@4.18.13 - DO NOT EDIT
-"use strict";
-
-var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/all-company-content.marko",
-    components_helpers = require("marko/src/runtime/components/helpers"),
-    marko_renderer = components_helpers.r,
-    marko_defineComponent = components_helpers.c,
-    module_blockLoaders_module = require("@base-cms/web-common/block-loaders"),
-    blockLoaders_module = module_blockLoaders_module.default || module_blockLoaders_module,
-    loader = module_blockLoaders_module.allCompanyContent,
-    marko_assign = require("marko/src/runtime/helper-assign"),
-    loader_template = require("./components/loader.marko"),
-    marko_helpers = require("marko/src/runtime/html/helpers"),
-    marko_loadTag = marko_helpers.t,
-    loader_tag = marko_loadTag(loader_template);
-
-function render(input, out, __component, component, state) {
-  var data = input;
-
-  loader_tag(marko_assign({
-      loader: loader
-    }, input), out, __component, "0");
-}
-
-marko_template._ = marko_renderer(render, {
-    ___implicit: true,
-    ___type: marko_componentType
-  });
-
-marko_template.Component = marko_defineComponent({}, marko_template._);
-
-marko_template.meta = {
-    id: "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/all-company-content.marko",
-    tags: [
-      "./components/loader.marko"
-    ]
-  };

package/components/queries/all-published-content.marko.js

@@ -1,38 +0,0 @@
-// Compiled using marko@4.18.13 - DO NOT EDIT
-"use strict";
-
-var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/all-published-content.marko",
-    components_helpers = require("marko/src/runtime/components/helpers"),
-    marko_renderer = components_helpers.r,
-    marko_defineComponent = components_helpers.c,
-    module_blockLoaders_module = require("@base-cms/web-common/block-loaders"),
-    blockLoaders_module = module_blockLoaders_module.default || module_blockLoaders_module,
-    loader = module_blockLoaders_module.allPublishedContent,
-    marko_assign = require("marko/src/runtime/helper-assign"),
-    loader_template = require("./components/loader.marko"),
-    marko_helpers = require("marko/src/runtime/html/helpers"),
-    marko_loadTag = marko_helpers.t,
-    loader_tag = marko_loadTag(loader_template);
-
-function render(input, out, __component, component, state) {
-  var data = input;
-
-  loader_tag(marko_assign({
-      loader: loader
-    }, input), out, __component, "0");
-}
-
-marko_template._ = marko_renderer(render, {
-    ___implicit: true,
-    ___type: marko_componentType
-  });
-
-marko_template.Component = marko_defineComponent({}, marko_template._);
-
-marko_template.meta = {
-    id: "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/all-published-content.marko",
-    tags: [
-      "./components/loader.marko"
-    ]
-  };

package/components/queries/components/loader.marko.js

@@ -1,45 +0,0 @@
-// Compiled using marko@4.18.13 - DO NOT EDIT
-"use strict";
-
-var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/components/loader.marko",
-    marko_component = require("./loader.marko"),
-    components_helpers = require("marko/src/runtime/components/helpers"),
-    marko_renderer = components_helpers.r,
-    marko_defineComponent = components_helpers.c,
-    marko_helpers = require("marko/src/runtime/html/helpers"),
-    marko_dynamicTag = marko_helpers.d,
-    marko_web_resolve_template = require("../../resolve"),
-    marko_loadTag = marko_helpers.t,
-    marko_web_resolve_tag = marko_loadTag(marko_web_resolve_template);
-
-function render(input, out, __component, component, state) {
-  var data = input;
-
-  const { apollo } = out.global;
-
-  const promise = input.loader(apollo, input);
-
-  marko_web_resolve_tag({
-      promise: promise,
-      renderBody: function(out, { resolved }) {
-        marko_dynamicTag(out, input.renderBody, function() {
-          return resolved;
-        }, null, null, null, __component, "1");
-      }
-    }, out, __component, "0");
-}
-
-marko_template._ = marko_renderer(render, {
-    ___type: marko_componentType
-  }, marko_component);
-
-marko_template.Component = marko_defineComponent(marko_component, marko_template._);
-
-marko_template.meta = {
-    id: "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/components/loader.marko",
-    component: "./loader.marko",
-    tags: [
-      "../../resolve"
-    ]
-  };

package/components/queries/content.marko.js

@@ -1,38 +0,0 @@
-// Compiled using marko@4.18.13 - DO NOT EDIT
-"use strict";
-
-var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/content.marko",
-    components_helpers = require("marko/src/runtime/components/helpers"),
-    marko_renderer = components_helpers.r,
-    marko_defineComponent = components_helpers.c,
-    module_blockLoaders_module = require("@base-cms/web-common/block-loaders"),
-    blockLoaders_module = module_blockLoaders_module.default || module_blockLoaders_module,
-    loader = module_blockLoaders_module.content,
-    marko_assign = require("marko/src/runtime/helper-assign"),
-    loader_template = require("./components/loader.marko"),
-    marko_helpers = require("marko/src/runtime/html/helpers"),
-    marko_loadTag = marko_helpers.t,
-    loader_tag = marko_loadTag(loader_template);
-
-function render(input, out, __component, component, state) {
-  var data = input;
-
-  loader_tag(marko_assign({
-      loader: loader
-    }, input), out, __component, "0");
-}
-
-marko_template._ = marko_renderer(render, {
-    ___implicit: true,
-    ___type: marko_componentType
-  });
-
-marko_template.Component = marko_defineComponent({}, marko_template._);
-
-marko_template.meta = {
-    id: "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/content.marko",
-    tags: [
-      "./components/loader.marko"
-    ]
-  };

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

@@ -1,38 +0,0 @@
-// Compiled using marko@4.18.13 - DO NOT EDIT
-"use strict";
-
-var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/dynamic-page.marko",
-    components_helpers = require("marko/src/runtime/components/helpers"),
-    marko_renderer = components_helpers.r,
-    marko_defineComponent = components_helpers.c,
-    module_blockLoaders_module = require("@base-cms/web-common/block-loaders"),
-    blockLoaders_module = module_blockLoaders_module.default || module_blockLoaders_module,
-    loader = module_blockLoaders_module.dynamicPage,
-    marko_assign = require("marko/src/runtime/helper-assign"),
-    loader_template = require("./components/loader.marko"),
-    marko_helpers = require("marko/src/runtime/html/helpers"),
-    marko_loadTag = marko_helpers.t,
-    loader_tag = marko_loadTag(loader_template);
-
-function render(input, out, __component, component, state) {
-  var data = input;
-
-  loader_tag(marko_assign({
-      loader: loader
-    }, input), out, __component, "0");
-}
-
-marko_template._ = marko_renderer(render, {
-    ___implicit: true,
-    ___type: marko_componentType
-  });
-
-marko_template.Component = marko_defineComponent({}, marko_template._);
-
-marko_template.meta = {
-    id: "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/dynamic-page.marko",
-    tags: [
-      "./components/loader.marko"
-    ]
-  };

package/components/queries/index.marko.js

@@ -1,108 +0,0 @@
-// Compiled using marko@4.18.13 - DO NOT EDIT
-"use strict";
-
-var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/index.marko",
-    marko_component = require("./index.marko"),
-    components_helpers = require("marko/src/runtime/components/helpers"),
-    marko_renderer = components_helpers.r,
-    marko_defineComponent = components_helpers.c,
-    AllAuthorContent = require("./all-author-content"),
-    AllCompanyContent = require("./all-company-content"),
-    AllPublishedContent = require("./all-published-content"),
-    Content = require("./content"),
-    DynamicPage = require("./dynamic-page"),
-    MagazineActiveIssues = require("./magazine-active-issues"),
-    MagazineIssue = require("./magazine-issue"),
-    MagazineLatestIssue = require("./magazine-latest-issue"),
-    MagazinePublication = require("./magazine-publication"),
-    MagazinePublications = require("./magazine-publications"),
-    MagazineScheduledContent = require("./magazine-scheduled-content"),
-    RelatedPublishedContent = require("./related-published-content"),
-    WebsiteOptionedContent = require("./website-optioned-content"),
-    WebsiteScheduledContent = require("./website-scheduled-content"),
-    WebsiteSection = require("./website-section"),
-    module_shouldCollapse = require("../../utils/should-collapse"),
-    shouldCollapse = module_shouldCollapse.default || module_shouldCollapse,
-    marko_helpers = require("marko/src/runtime/html/helpers"),
-    marko_dynamicTag = marko_helpers.d;
-
-function render(input, out, __component, component, state) {
-  var data = input;
-
-  const map = {
-  "all-author-content": AllAuthorContent,
-  "all-company-content": AllCompanyContent,
-  "all-published-content": AllPublishedContent,
-  "content": Content,
-  "dynamic-page": DynamicPage,
-  "magazine-active-issues": MagazineActiveIssues,
-  "magazine-issue": MagazineIssue,
-  "magazine-latest-issue": MagazineLatestIssue,
-  "magazine-publication": MagazinePublication,
-  "magazine-publications": MagazinePublications,
-  "magazine-scheduled-content": MagazineScheduledContent,
-  "related-published-content": RelatedPublishedContent,
-  "website-optioned-content": WebsiteOptionedContent,
-  "website-scheduled-content": WebsiteScheduledContent,
-  "website-section": WebsiteSection,
-};
-
-  const name = input.name;
-
-  const collapsible = shouldCollapse(input.collapsible);
-
-  const Component = map[input.name];
-
-  if (Component) {
-    marko_dynamicTag(out, Component, function() {
-      return input.params;
-    }, function(out, data) {
-      const { nodes, node } = data;
-
-      if (nodes) {
-        if (nodes.length || (!collapsible)) {
-          marko_dynamicTag(out, input.renderBody, function() {
-            return data;
-          }, null, null, null, __component, "1");
-        } else {
-          marko_dynamicTag(out, input.whenEmpty, null, null, null, null, __component, "2");
-        }
-      } else if (node || (!collapsible)) {
-        marko_dynamicTag(out, input.renderBody, function() {
-          return data;
-        }, null, null, null, __component, "3");
-      } else {
-        marko_dynamicTag(out, input.whenEmpty, null, null, null, null, __component, "4");
-      }
-    }, null, null, __component, "0");
-  }
-}
-
-marko_template._ = marko_renderer(render, {
-    ___type: marko_componentType
-  }, marko_component);
-
-marko_template.Component = marko_defineComponent(marko_component, marko_template._);
-
-marko_template.meta = {
-    id: "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/index.marko",
-    component: "./",
-    tags: [
-      "./all-author-content",
-      "./all-company-content",
-      "./all-published-content",
-      "./content",
-      "./dynamic-page",
-      "./magazine-active-issues",
-      "./magazine-issue",
-      "./magazine-latest-issue",
-      "./magazine-publication",
-      "./magazine-publications",
-      "./magazine-scheduled-content",
-      "./related-published-content",
-      "./website-optioned-content",
-      "./website-scheduled-content",
-      "./website-section"
-    ]
-  };

package/components/queries/magazine-active-issues.marko.js

@@ -1,38 +0,0 @@
-// Compiled using marko@4.18.13 - DO NOT EDIT
-"use strict";
-
-var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/magazine-active-issues.marko",
-    components_helpers = require("marko/src/runtime/components/helpers"),
-    marko_renderer = components_helpers.r,
-    marko_defineComponent = components_helpers.c,
-    module_blockLoaders_module = require("@base-cms/web-common/block-loaders"),
-    blockLoaders_module = module_blockLoaders_module.default || module_blockLoaders_module,
-    loader = module_blockLoaders_module.magazineActiveIssues,
-    marko_assign = require("marko/src/runtime/helper-assign"),
-    loader_template = require("./components/loader.marko"),
-    marko_helpers = require("marko/src/runtime/html/helpers"),
-    marko_loadTag = marko_helpers.t,
-    loader_tag = marko_loadTag(loader_template);
-
-function render(input, out, __component, component, state) {
-  var data = input;
-
-  loader_tag(marko_assign({
-      loader: loader
-    }, input), out, __component, "0");
-}
-
-marko_template._ = marko_renderer(render, {
-    ___implicit: true,
-    ___type: marko_componentType
-  });
-
-marko_template.Component = marko_defineComponent({}, marko_template._);
-
-marko_template.meta = {
-    id: "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/magazine-active-issues.marko",
-    tags: [
-      "./components/loader.marko"
-    ]
-  };

package/components/queries/magazine-issue.marko.js

@@ -1,38 +0,0 @@
-// Compiled using marko@4.18.13 - DO NOT EDIT
-"use strict";
-
-var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/magazine-issue.marko",
-    components_helpers = require("marko/src/runtime/components/helpers"),
-    marko_renderer = components_helpers.r,
-    marko_defineComponent = components_helpers.c,
-    module_blockLoaders_module = require("@base-cms/web-common/block-loaders"),
-    blockLoaders_module = module_blockLoaders_module.default || module_blockLoaders_module,
-    loader = module_blockLoaders_module.magazineIssue,
-    marko_assign = require("marko/src/runtime/helper-assign"),
-    loader_template = require("./components/loader.marko"),
-    marko_helpers = require("marko/src/runtime/html/helpers"),
-    marko_loadTag = marko_helpers.t,
-    loader_tag = marko_loadTag(loader_template);
-
-function render(input, out, __component, component, state) {
-  var data = input;
-
-  loader_tag(marko_assign({
-      loader: loader
-    }, input), out, __component, "0");
-}
-
-marko_template._ = marko_renderer(render, {
-    ___implicit: true,
-    ___type: marko_componentType
-  });
-
-marko_template.Component = marko_defineComponent({}, marko_template._);
-
-marko_template.meta = {
-    id: "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/magazine-issue.marko",
-    tags: [
-      "./components/loader.marko"
-    ]
-  };

package/components/queries/magazine-latest-issue.marko.js

@@ -1,38 +0,0 @@
-// Compiled using marko@4.18.13 - DO NOT EDIT
-"use strict";
-
-var marko_template = module.exports = require("marko/src/html").t(__filename),
-    marko_componentType = "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/magazine-latest-issue.marko",
-    components_helpers = require("marko/src/runtime/components/helpers"),
-    marko_renderer = components_helpers.r,
-    marko_defineComponent = components_helpers.c,
-    module_blockLoaders_module = require("@base-cms/web-common/block-loaders"),
-    blockLoaders_module = module_blockLoaders_module.default || module_blockLoaders_module,
-    loader = module_blockLoaders_module.magazineLatestIssue,
-    marko_assign = require("marko/src/runtime/helper-assign"),
-    loader_template = require("./components/loader.marko"),
-    marko_helpers = require("marko/src/runtime/html/helpers"),
-    marko_loadTag = marko_helpers.t,
-    loader_tag = marko_loadTag(loader_template);
-
-function render(input, out, __component, component, state) {
-  var data = input;
-
-  loader_tag(marko_assign({
-      loader: loader
-    }, input), out, __component, "0");
-}
-
-marko_template._ = marko_renderer(render, {
-    ___implicit: true,
-    ___type: marko_componentType
-  });
-
-marko_template.Component = marko_defineComponent({}, marko_template._);
-
-marko_template.meta = {
-    id: "/@base-cms/marko-web$1.0.0-alpha.1/components/queries/magazine-latest-issue.marko",
-    tags: [
-      "./components/loader.marko"
-    ]
-  };