@openeventkit/event-site 2.0.107 → 2.0.108-beta.9

package/{gatsby-config.js → gatsby-config.mjs}

@@ -1,12 +1,21 @@
-const path = require("path");
+import path, { dirname } from "path";
+import dotenv from "dotenv";
+import { createRequire } from "module";
+import { fileURLToPath } from "url";
+import remarkGfm from "remark-gfm";
 
-require("dotenv").config({
+const require = createRequire(import.meta.url);
+const __dirname = dirname(fileURLToPath(import.meta.url));
+
+dotenv.config({
   path: `.env.${process.env.NODE_ENV}`
 });
 
 const {
   STATIC_CONTENT_DIR_PATH,
+  PAGES_DIR_PATH,
   CONTENT_PAGES_DIR_PATH,
+  CONTENT_PAGES_PATH_NAME,
   SITE_SETTINGS_FILE_PATH,
   SITE_SETTINGS_DIR_PATH,
   MARKETING_SETTINGS_FILE_PATH
@@ -117,24 +126,38 @@ const plugins = [
       name: "marketingSettings"
     }
   },
+  {
+    resolve: "gatsby-plugin-page-creator",
+    options: {
+      path: path.resolve(PAGES_DIR_PATH),
+      ignore: [`**/${CONTENT_PAGES_PATH_NAME}/**`],
+    }
+  },
   "gatsby-plugin-image",
   "gatsby-plugin-sharp",
   "gatsby-transformer-sharp",
   "gatsby-transformer-json",
   {
-    resolve: "gatsby-transformer-remark",
+    resolve: "gatsby-plugin-mdx",
     options: {
-      plugins: [
+      extensions: [".mdx", ".md"],
+      gatsbyRemarkPlugins: [
         {
           resolve: "gatsby-remark-images",
           options: {
-            // It"s important to specify the maxWidth (in pixels) of
+            // It's important to specify the maxWidth (in pixels) of
             // the content container as this plugin uses this as the
             // base for generating different widths of each image.
             maxWidth: 2048
           }
         }
-      ]
+      ],
+      mdxOptions: {
+        remarkPlugins: [
+          // Add GitHub Flavored Markdown (GFM) support
+          remarkGfm
+        ]
+      }
     }
   },
   {
@@ -191,10 +214,9 @@ const plugins = [
   "gatsby-plugin-netlify", // make sure to keep it last in the array
 ];
 
-module.exports = {
-  siteMetadata: {
-    title,
-    description
-  },
-  plugins
+const siteMetadata = {
+  title,
+  description
 };
+
+export { siteMetadata, plugins };

package/gatsby-node.js

@@ -22,7 +22,7 @@ const {
   SPEAKERS_IDX_FILE_PATH,
   VOTEABLE_PRESENTATIONS_FILE_PATH,
   MARKETING_SETTINGS_FILE_PATH,
-  MAINTENANCE_FILE_PATH,
+  CONTENT_PAGES_PATH_NAME,
   SPONSORS_FILE_PATH,
   FONTS_SCSS_FILE_PATH
 } = require("./src/utils/filePath");
@@ -226,7 +226,7 @@ exports.onPreBootstrap = async () => {
   const summitApiBaseUrl = process.env.GATSBY_SUMMIT_API_BASE_URL;
   let   marketingSettings = await SSR_getMarketingSettings(process.env.GATSBY_MARKETING_API_BASE_URL, summitId);
   const colorSettings = fs.existsSync(COLORS_FILE_PATH) ? JSON.parse(fs.readFileSync(COLORS_FILE_PATH)) : require(`./${DEFAULT_COLORS_FILE_PATH}`);
-  const globalSettings = fs.existsSync(SITE_SETTINGS_FILE_PATH) ? JSON.parse(fs.readFileSync(SITE_SETTINGS_FILE_PATH)) : {};
+  const siteSettings = fs.existsSync(SITE_SETTINGS_FILE_PATH) ? JSON.parse(fs.readFileSync(SITE_SETTINGS_FILE_PATH)) : {};
 
   const config = {
     client: {
@@ -328,13 +328,13 @@ exports.onPreBootstrap = async () => {
   fs.writeFileSync(VOTEABLE_PRESENTATIONS_FILE_PATH, JSON.stringify(allVoteablePresentations), "utf8");
 
   // setting build times
-  globalSettings.staticJsonFilesBuildTime = fileBuildTimes;
-  globalSettings.lastBuild = Date.now();
+  siteSettings.staticJsonFilesBuildTime = fileBuildTimes;
+  siteSettings.lastBuild = Date.now();
 
-  fs.writeFileSync(SITE_SETTINGS_FILE_PATH, JSON.stringify(globalSettings), "utf8");
+  fs.writeFileSync(SITE_SETTINGS_FILE_PATH, JSON.stringify(siteSettings), "utf8");
 
   // Read fonts from site settings
-  const siteFonts = globalSettings.siteFont;
+  const siteFonts = siteSettings.siteFont;
 
   if(siteFonts && Object.keys(siteFonts).length > 0) {
     // Generate the SCSS file
@@ -360,85 +360,56 @@ exports.createSchemaCustomization = ({ actions }) => {
 
 exports.onCreateNode = ({ node, actions, getNode }) => {
   const { createNodeField } = actions;
-  if (node.internal.type === "MarkdownRemark") {
+  if (node.internal.type === "Mdx") {
     const value = createFilePath({ node, getNode });
     createNodeField({
       name: "slug",
       node,
-      value,
+      value
     })
   }
 };
 
-exports.createPages = ({ actions, graphql }) => {
+exports.createPages = async ({ actions, graphql }) => {
   const { createPage, createRedirect } = actions;
 
-  const maintenanceMode = fs.existsSync(MAINTENANCE_FILE_PATH) ?
-    JSON.parse(fs.readFileSync(MAINTENANCE_FILE_PATH)) : { enabled: false };
-
-  // create a catch all redirect
-  if (maintenanceMode.enabled) {
-    createRedirect({
-      fromPath: "/*",
-      toPath: "/maintenance/"
-    });
-  }
-
-  return graphql(`
+  const result = await graphql(`
     {
-      allMarkdownRemark(limit: 1000) {
-        edges {
-          node {
-            id
-            fields {
-              slug
-            }
-            frontmatter {
-              templateKey
-            }
+      allMdx {
+        nodes {
+          id
+          fields {
+            slug
+          }
+          frontmatter {
+            templateKey
+          }
+          internal {
+            contentFilePath
           }
         }
       }
     }
-  `).then((result) => {
-    const {
-      errors,
-      data: {
-        allMarkdownRemark: {
-          edges
-        }
-      }
-    } = result;
-
-    if (errors) {
-      errors.forEach((e) => console.error(e.toString()));
-      return Promise.reject(errors);
-    }
+  `);
 
-    edges.forEach((edge) => {
-      const { id, fields, frontmatter: { templateKey } } = edge.node;
-
-      var slug = fields.slug;
-      if (slug.match(/content-pages/)) {
-        slug = slug.replace("/content-pages/", "/");
-      }
+  if (result.errors) {
+    result.errors.forEach((e) => console.error(e.toString()));
+    return Promise.reject(result.errors);
+  }
 
-      const page = {
-        path: slug,
-        component: require.resolve(
-          `./src/templates/${String(templateKey)}.js`
-        ),
-        context: {
-          id,
-        },
-      };
-
-      // dont create pages if maintenance mode enabled
-      // gatsby disregards redirect if pages created for path
-      if (maintenanceMode.enabled && !page.path.match(/maintenance/)) return;
-
-      createPage(page);
-    });
+  const nodes = result.data.allMdx.nodes;
+
+  nodes.forEach((node) => {
+    const { id, fields: { slug }, frontmatter: { templateKey }, internal: { contentFilePath } } = node;
+    const template = require.resolve(`./src/templates/${String(templateKey)}`);
+    // remove content pages namespace from path 
+    const path = slug.replace(`${CONTENT_PAGES_PATH_NAME}`, "/");
+    const page = {
+      path: path,
+      component: `${template}?__contentFilePath=${contentFilePath}`,
+      context: { id }
+    };
+    createPage(page);
   });
 };
 

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@openeventkit/event-site",
   "description": "Event Site",
-  "version": "2.0.107",
+  "version": "2.0.108-beta.9",
   "author": "Tipit LLC",
   "dependencies": {
-    "@mui/base": "^5.0.0-alpha.114",
+    "@mdx-js/react": "^3.0.1",
+    "@mui/base": "^5.0.0-beta.40",
     "@mux/mux-player-react": "^1.14.1",
     "@ncwidgets/file-relation": "^0.8.0",
     "@ncwidgets/id": "^0.8.1",
@@ -44,19 +45,20 @@
     "font-awesome": "^4.7.0",
     "formik": "^2.2.9",
     "full-schedule-widget": "3.0.5",
-    "gatsby": "^5.8.1",
+    "gatsby": "^5.9.1",
     "gatsby-alias-imports": "^1.0.6",
     "gatsby-plugin-google-tagmanager": "^5.13.1",
     "gatsby-plugin-image": "^3.8.0",
     "gatsby-plugin-manifest": "^5.12.3",
+    "gatsby-plugin-mdx": "^5.12.3",
     "gatsby-plugin-netlify": "^5.1.0",
     "gatsby-plugin-netlify-cms": "^7.8.0",
+    "gatsby-plugin-page-creator": "^5.13.1",
     "gatsby-plugin-sass": "^6.8.0",
     "gatsby-plugin-sharp": "^5.12.3",
     "gatsby-remark-images": "^7.8.0",
-    "gatsby-source-filesystem": "^5.8.0",
-    "gatsby-transformer-json": "^5.8.0",
-    "gatsby-transformer-remark": "^6.8.0",
+    "gatsby-source-filesystem": "^5.12.3",
+    "gatsby-transformer-json": "^5.12.3",
     "gatsby-transformer-sharp": "^5.12.3",
     "history": "^4.10.1",
     "i18n-react": "^0.6.4",
@@ -110,7 +112,7 @@
     "redux": "^4.1.2",
     "redux-persist": "^6.0.0",
     "redux-thunk": "^2.4.1",
-    "sanitize-html": "^2.7.0",
+    "remark-gfm": "^4.0.0",
     "sass": "^1.49.9",
     "schedule-filter-widget": "3.0.1",
     "simple-chat-widget": "^1.0.31",
@@ -122,7 +124,7 @@
     "stream-browserify": "^3.0.0",
     "stream-chat": "^2.7.2",
     "stream-chat-react": "3.1.7",
-    "summit-registration-lite": "5.0.29",
+    "summit-registration-lite": "5.0.30",
     "superagent": "8.0.9",
     "sweetalert2": "^9.17.0",
     "upcoming-events-widget": "3.0.5",

package/src/cms/config/collections/contentPagesCollection/typeDefs.js

@@ -1,8 +1,15 @@
 
 module.exports = `
-  type MarkdownRemarkFrontmatter {
+  type MdxFields {
+    slug: String
+  }
+  type MdxFrontmatter {
     templateKey: String
     title: String
     userRequirement: String
   }
+  type Mdx {
+    frontmatter: MdxFrontmatter
+    fields: MdxFields
+  }
 `;

package/src/cms/preview-templates/ContentPagePreview.js

@@ -1,21 +1,18 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { ContentPageTemplate } from '../../templates/content-page'
+import * as React from "react";
+import PropTypes from "prop-types";
+import ContentPageTemplate from "../../templates/content-page/template";
 
-const ContentPagePreview = ({ entry, getAsset, widgetFor }) => {
-  return (
-    <ContentPageTemplate
-      title={entry.getIn(['data', 'title'])}
-      content={widgetFor('body')}
-    />
-  )
-}
+const ContentPagePreview = ({ entry, widgetFor }) =>
+  <ContentPageTemplate
+    title={entry.getIn(["data", "title"])}
+    content={widgetFor("body")}
+  />;
 
 ContentPagePreview.propTypes = {
   entry: PropTypes.shape({
-    getIn: PropTypes.func,
+    getIn: PropTypes.func
   }),
-  getAsset: PropTypes.func,
-}
+  widgetFor: PropTypes.func
+};
 
-export default ContentPagePreview
+export default ContentPagePreview;

package/src/content/site-settings/index.json

@@ -1,50 +1 @@
-{
-  "widgets": {
-    "chat": {
-      "enabled": true,
-      "showQA": false,
-      "showHelp": false,
-      "defaultScope": "page"
-    },
-    "schedule": {
-      "allowClick": true
-    }
-  },
-  "favicon": {
-    "asset": "icon.png"
-  },
-  "idpLogo": {
-    "idpLogoDark": "",
-    "idpLogoLight": "",
-    "idpLogoAlt": ""
-  },
-  "identityProviderButtons": [
-    {
-      "buttonColor": "#082238",
-      "providerLabel": "Continue with FNid",
-      "providerLogo": "logo_fn.svg",
-      "providerLogoSize": 27
-    },
-    {
-      "buttonColor": "#0A66C2",
-      "providerLabel": "Sign in with LinkedIn",
-      "providerParam": "linkedin",
-      "providerLogo": "logo_linkedin.svg",
-      "providerLogoSize": 18
-    },
-    {
-      "buttonColor": "#000000",
-      "providerLabel": "Sign in with Apple",
-      "providerParam": "apple",
-      "providerLogoSize": 17,
-      "providerLogo": "logo_apple.svg"
-    },
-    {
-      "buttonColor": "#1877F2",
-      "providerLabel": "Login with Facebook",
-      "providerParam": "facebook",
-      "providerLogo": "logo_facebook.svg",
-      "providerLogoSize": 20
-    }
-  ]
-}
+{"widgets":{"chat":{"enabled":true,"showQA":false,"showHelp":false,"defaultScope":"page"},"schedule":{"allowClick":true}},"favicon":{"asset":"icon.png"},"idpLogo":{"idpLogoDark":"","idpLogoLight":"","idpLogoAlt":""},"identityProviderButtons":[{"buttonColor":"#082238","providerLabel":"Continue with FNid","providerLogo":"logo_fn.svg","providerLogoSize":27},{"buttonColor":"#0A66C2","providerLabel":"Sign in with LinkedIn","providerParam":"linkedin","providerLogo":"logo_linkedin.svg","providerLogoSize":18},{"buttonColor":"#000000","providerLabel":"Sign in with Apple","providerParam":"apple","providerLogoSize":17,"providerLogo":"logo_apple.svg"},{"buttonColor":"#1877F2","providerLabel":"Login with Facebook","providerParam":"facebook","providerLogo":"logo_facebook.svg","providerLogoSize":20}],"staticJsonFilesBuildTime":[{"file":"src/data/summit.json","build_time":1715959223162},{"file":"src/data/events.json","build_time":1715959234014},{"file":"src/data/events.idx.json","build_time":1715959234024},{"file":"src/data/speakers.json","build_time":1715959236830},{"file":"src/data/speakers.idx.json","build_time":1715959236832},{"file":"src/content/sponsors.json","build_time":1715959237223},{"file":"src/data/voteable-presentations.json","build_time":1715959237604}],"lastBuild":1715959237604}

package/src/templates/content-page/index.js

@@ -0,0 +1,74 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { connect } from "react-redux";
+import { graphql } from "gatsby";
+import { Redirect } from "@gatsbyjs/reach-router";
+import { MDXProvider } from "@mdx-js/react";
+import ContentPageTemplate from "./template";
+import Layout from "../../components/Layout";
+import Seo from "../../components/Seo";
+import { titleFromPathname } from "../../utils/urlFormating";
+
+import { USER_REQUIREMENTS } from "../../cms/config/collections/contentPagesCollection";
+
+const ContentPage = ({
+  data,
+  isAuthorized,
+  isLoggedUser,
+  hasTicket,
+  children
+}) => {
+  const { frontmatter: { title, userRequirement } } = data.mdx;
+  if (!isAuthorized && (
+    (userRequirement === USER_REQUIREMENTS.loggedIn && !isLoggedUser) ||
+    (userRequirement === USER_REQUIREMENTS.hasTicket && !hasTicket)
+  )) {
+    return <Redirect to="/" noThrow />;
+  }
+  return (
+    <Layout>
+      <ContentPageTemplate
+        title={title}
+        content={children}
+      />
+    </Layout>
+  );
+};
+
+ContentPage.propTypes = {
+  data: PropTypes.object.isRequired,
+  isAuthorized: PropTypes.bool.isRequired,
+  isLoggedUser: PropTypes.bool.isRequired,
+  hasTicket: PropTypes.bool.isRequired,
+  children: PropTypes.node.isRequired
+};
+
+const mapStateToProps = ({ loggedUserState, userState }) => ({
+  isLoggedUser: loggedUserState.isLoggedUser,
+  hasTicket: userState.hasTicket,
+  isAuthorized: userState.isAuthorized
+});
+
+const StoreConnectedContentPage = connect(mapStateToProps)(ContentPage);
+
+export default StoreConnectedContentPage;
+
+export const query = graphql`
+  query($id: String!) {
+    mdx(id: { eq: $id }) {
+      frontmatter {
+        title
+        userRequirement
+      }
+    }
+  }
+`;
+
+export const Head = ({
+  location
+}) => (
+  <Seo
+    title={titleFromPathname(location.pathname)}
+    location={location}
+  />
+);

package/src/templates/content-page/shortcodes.js

@@ -0,0 +1,15 @@
+// This file is intended to allow for theme extension with component shadowing.
+// You can add your component imports and map them here to be used as shortcodes in MDX content.
+
+// Import components here when needed
+// import Grid from "../../../../components/Grid";
+// import SpeakerCard from "../../../../components/SpeakerCard";
+
+const shortcodes = {
+  // Map your components here
+  // Example:
+  // Grid,
+  // SpeakerCard
+};
+
+export default shortcodes;

package/src/templates/content-page/template.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import PropTypes from "prop-types";
+import { MDXProvider } from "@mdx-js/react";
+
+import shortcodes from "./shortcodes"; 
+
+const ContentPageTemplate = ({ title, content }) => (
+  <div className="content">
+    <h1>{title}</h1>
+    <MDXProvider components={shortcodes}>
+      {content}
+    </MDXProvider>
+  </div>
+);
+
+export default ContentPageTemplate;
+
+ContentPageTemplate.propTypes = {
+  title: PropTypes.string.isRequired,
+  content: PropTypes.node.isRequired
+};

package/src/utils/filePath.js

@@ -1,7 +1,9 @@
 const DATA_DIR_PATH = "src/data";
 const STATIC_CONTENT_DIR_PATH = "src/content";
 const DEFAULTS_DIR_PATH = "src/defaults";
-const CONTENT_PAGES_DIR_PATH = "src/pages/content-pages";
+const PAGES_DIR_PATH = "src/pages";
+const CONTENT_PAGES_PATH_NAME = `content-pages`;
+const CONTENT_PAGES_DIR_PATH = `${PAGES_DIR_PATH}/${CONTENT_PAGES_PATH_NAME}`;
 const STYLES_DIR_PATH = "src/styles";
 const DEFAULT_COLORS_FILE_PATH = `${DEFAULTS_DIR_PATH}/colors.json`;
 const COLORS_FILE_PATH = `${DATA_DIR_PATH}/colors.json`;
@@ -33,7 +35,6 @@ const VOTEABLE_PRESENTATIONS_FILE_NAME = "voteable-presentations.json";
 const VOTEABLE_PRESENTATIONS_FILE_PATH = `${DATA_DIR_PATH}/${VOTEABLE_PRESENTATIONS_FILE_NAME}`;
 const POSTERS_PAGES_FILE_PATH = `${STATIC_CONTENT_DIR_PATH}/posters-pages.json`;
 const MARKETING_SETTINGS_FILE_PATH = `${DATA_DIR_PATH}/marketing-settings.json`;
-const MAINTENANCE_FILE_PATH = `${STATIC_CONTENT_DIR_PATH}/maintenance.json`;
 const EXPO_HALL_PAGE_FILE_PATH = `${STATIC_CONTENT_DIR_PATH}/expo-hall-page/index.json`;
 const INVITATIONS_REJECT_PAGE_FILE_PATH = `${STATIC_CONTENT_DIR_PATH}/invitations-reject-page/index.json`;
 const SPONSORS_FILE_NAME = "sponsors.json";
@@ -44,25 +45,27 @@ const APPLE_PAY_DOMAIN_FILE_PATH = `/static/.well-known/`
 const APPLE_PAY_DOMAIN_FILE_NAME = `apple-developer-merchantid-domain-association`;
 
 exports.REQUIRED_DIR_PATHS = [
-	DATA_DIR_PATH,
-	STATIC_CONTENT_DIR_PATH,
-	CONTENT_PAGES_DIR_PATH,
-	STYLES_DIR_PATH,
-	SITE_SETTINGS_DIR_PATH,
-	MARKETING_PAGE_DIR_PATH,
-	LOBBY_PAGE_DIR_PATH,
-	INVITATIONS_REJECT_PAGE_FILE_PATH,
-	NAVBAR_DIR_PATH,
-	FOOTER_DIR_PATH	
+  DATA_DIR_PATH,
+  STATIC_CONTENT_DIR_PATH,
+  CONTENT_PAGES_DIR_PATH,
+  STYLES_DIR_PATH,
+  SITE_SETTINGS_DIR_PATH,
+  MARKETING_PAGE_DIR_PATH,
+  LOBBY_PAGE_DIR_PATH,
+  INVITATIONS_REJECT_PAGE_FILE_PATH,
+  NAVBAR_DIR_PATH,
+  FOOTER_DIR_PATH
 ];
 exports.STATIC_CONTENT_DIR_PATH = STATIC_CONTENT_DIR_PATH;
+exports.PAGES_DIR_PATH = PAGES_DIR_PATH;
+exports.CONTENT_PAGES_PATH_NAME = CONTENT_PAGES_PATH_NAME;
+exports.CONTENT_PAGES_DIR_PATH = CONTENT_PAGES_DIR_PATH;
 exports.DEFAULT_COLORS_FILE_PATH = DEFAULT_COLORS_FILE_PATH;
 exports.COLORS_FILE_PATH = COLORS_FILE_PATH;
 exports.COLORS_SASS_FILE_PATH = COLORS_SASS_FILE_PATH;
 exports.FONTS_SCSS_FILE_PATH = FONTS_SCSS_FILE_PATH;
 exports.SITE_SETTINGS_DIR_PATH = SITE_SETTINGS_DIR_PATH;
 exports.SITE_SETTINGS_FILE_PATH = SITE_SETTINGS_FILE_PATH;
-exports.CONTENT_PAGES_DIR_PATH = CONTENT_PAGES_DIR_PATH;
 exports.MARKETING_PAGE_FILE_PATH = MARKETING_PAGE_FILE_PATH;
 exports.LOBBY_PAGE_FILE_PATH = LOBBY_PAGE_FILE_PATH;
 exports.ADS_FILE_PATH = ADS_FILE_PATH;
@@ -83,7 +86,6 @@ exports.VOTEABLE_PRESENTATIONS_FILE_NAME = VOTEABLE_PRESENTATIONS_FILE_NAME;
 exports.VOTEABLE_PRESENTATIONS_FILE_PATH = VOTEABLE_PRESENTATIONS_FILE_PATH;
 exports.POSTERS_PAGES_FILE_PATH = POSTERS_PAGES_FILE_PATH;
 exports.MARKETING_SETTINGS_FILE_PATH = MARKETING_SETTINGS_FILE_PATH;
-exports.MAINTENANCE_FILE_PATH = MAINTENANCE_FILE_PATH;
 exports.EXPO_HALL_PAGE_FILE_PATH = EXPO_HALL_PAGE_FILE_PATH;
 exports.INVITATIONS_REJECT_PAGE_FILE_PATH = INVITATIONS_REJECT_PAGE_FILE_PATH;
 exports.SPONSORS_FILE_PATH = SPONSORS_FILE_PATH;

package/src/components/Content.js

@@ -1,42 +0,0 @@
-import React, { useState, useEffect } from 'react'
-import PropTypes from 'prop-types'
-import sanitizeHtml from 'sanitize-html';
-
-export const HTMLContent = ({ content, className }) => {
-  const [cleanHTML, setCleanHTML] = useState(content);
-
-  useEffect(() => {
-    const clean = sanitizeHtml(content, {
-      // adds custom settings to default settings (https://www.npmjs.com/package/sanitize-html#default-options)
-      allowedTags: sanitizeHtml.defaults.allowedTags.concat(['iframe', 'img']),
-      allowedAttributes: {
-        ...sanitizeHtml.defaults.allowedAttributes,
-        'iframe': ['src', 'width', 'height', 'frameborder', 'allow', 'allowfullscreen'],
-        'a': ['target'],
-        '*': ['href', 'class']
-      },
-      exclusiveFilter: (frame) => {
-        // removing a and p tags with no text or media childrens
-        return (frame.tag === 'a' || frame.tag === 'p') && !frame.text.trim() && !frame.mediaChildren;
-      }
-    });
-    setCleanHTML(clean);
-  }, [content])
-
-  return (
-    <div className={className} dangerouslySetInnerHTML={{ __html: cleanHTML }} />
-  )
-}
-
-const Content = ({ content, className }) => (
-  <div className={className}>{content}</div>
-)
-
-Content.propTypes = {
-  content: PropTypes.node,
-  className: PropTypes.string,
-}
-
-HTMLContent.propTypes = Content.propTypes
-
-export default Content

package/src/content/maintenance.json

@@ -1,5 +0,0 @@
-{
-  "enabled": false,
-  "title": "Site under maintenance",
-  "subtitle": "Please reload page shortly"
-}

package/src/pages/maintenance.md

@@ -1,3 +0,0 @@
----
-templateKey: maintenance-page
----

package/src/templates/content-page.js

@@ -1,92 +0,0 @@
-import * as React from "react";
-import PropTypes from "prop-types";
-import { connect } from "react-redux";
-import { graphql } from "gatsby";
-import { Redirect } from "@gatsbyjs/reach-router";
-import Seo from "../components/Seo";
-import Layout from "../components/Layout";
-import Content, { HTMLContent } from "../components/Content";
-import { titleFromPathname } from "../utils/urlFormating";
-
-
-import { USER_REQUIREMENTS } from "../cms/config/collections/contentPagesCollection"
-
-export const ContentPageTemplate = ({
-  title,
-  content,
-  contentComponent
-}) => {
-  const PageContent = contentComponent || Content
-
-  return (
-    <div className="content">
-      <h1>{title}</h1>
-      <PageContent content={content} />
-    </div>
-  )
-}
-
-ContentPageTemplate.propTypes = {
-  title: PropTypes.string,
-  content: PropTypes.string,
-  contentComponent: PropTypes.func,
-}
-
-const ContentPage = ({ data, isLoggedUser, hasTicket, isAuthorized }) => {
-  const { frontmatter: {title, userRequirement}, html } = data.markdownRemark
-  // if isAuthorized byoass the AUTHZ check
-  if (!isAuthorized && (
-    (userRequirement === USER_REQUIREMENTS.loggedIn && !isLoggedUser) || (userRequirement === USER_REQUIREMENTS.hasTicket && !hasTicket)
-  )) {
-    return <Redirect to='/' noThrow />
-  }
-
-  return (
-    <Layout>
-      <ContentPageTemplate
-        contentComponent={HTMLContent}
-        title={title}
-        content={html}
-      />
-    </Layout>
-  )
-}
-
-ContentPage.propTypes = {
-  data: PropTypes.shape({
-    markdownRemark: PropTypes.shape({
-      frontmatter: PropTypes.object,
-    }),
-  }),
-  isLoggedUser: PropTypes.bool,
-  hasTicket: PropTypes.bool
-};
-
-const mapStateToProps = ({ loggedUserState, userState }) => ({
-  isLoggedUser: loggedUserState.isLoggedUser,
-  hasTicket: userState.hasTicket,
-  isAuthorized: userState.isAuthorized
-});
-
-export default connect(mapStateToProps, null)(ContentPage);
-
-export const contentPageQuery = graphql`
-  query ($id: String!) {    
-    markdownRemark(id: { eq: $id }) {
-      html
-      frontmatter {        
-        title
-        userRequirement
-      }
-    }
-  }
-`;
-
-export const Head = ({
-  location
-}) => (
-  <Seo
-    title={titleFromPathname(location.pathname)}
-    location={location}
-  />
-);

package/src/templates/maintenance-page.js

@@ -1,40 +0,0 @@
-import * as React from "react";
-import PropTypes from "prop-types";
-import maintenanceMode from "content/maintenance.json";
-
-import HeroComponent from "../components/HeroComponent";
-
-import "../styles/bulma.scss";
-
-const MaintenancePageTemplate = ({
-  title,
-  subtitle
-}) => {
-  return (
-    <HeroComponent
-      title={title}
-      subtitle={subtitle}
-    />
-  );
-}
-
-MaintenancePageTemplate.propTypes = {
-  title: PropTypes.string,
-  subtitle: PropTypes.string,
-}
-
-const MaintenancePage = () => {
-  const {
-    title,
-    subtitle
-  } = maintenanceMode;
-
-  return (
-    <MaintenancePageTemplate
-      title={title}
-      subtitle={subtitle}
-    />
-  )
-};
-
-export default MaintenancePage;