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

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

@@ -1,12 +1,22 @@
-const path = require("path");
+import path, { dirname } from "path";
+import dotenv from "dotenv";
+import { createRequire } from "module";
+import { fileURLToPath } from "url";
+import webpack from "webpack";
+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,28 +127,42 @@ 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
+        ]
+      }
     }
   },
   {
-    resolve: "gatsby-plugin-netlify-cms",
+    resolve: "gatsby-plugin-decap-cms",
     options: {
       modulePath: `${__dirname}/src/cms/cms.js`,
       manualInit: true,
@@ -181,9 +205,21 @@ const plugins = [
           ...config.resolve,
           fallback: {
             ...config.resolve.fallback,
-            path: require.resolve("path-browserify")
+            fs: false,
+            path: require.resolve("path-browserify"),
+            assert: require.resolve("assert"),
+            "object.assign/polyfill": require.resolve("object.assign/polyfill")
           }
         };
+        config.plugins = [
+          ...config.plugins,
+          new webpack.ProvidePlugin({
+            process: "process/browser"
+          }),
+          new webpack.ProvidePlugin({
+            Buffer: ["buffer", "Buffer"]
+          })
+        ];
       }
     }
   },
@@ -191,10 +227,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,12 @@
 {
   "name": "@openeventkit/event-site",
   "description": "Event Site",
-  "version": "2.0.107",
+  "version": "2.0.108-beta.10",
   "author": "Tipit LLC",
   "dependencies": {
-    "@mui/base": "^5.0.0-alpha.114",
+    "@mdx-js/react": "^3.0.1",
+    "@mdx-js/runtime": "^1.6.22",
+    "@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",
@@ -22,6 +24,7 @@
     "@types/react": "^16.9.42",
     "@vimeo/player": "^2.16.3",
     "ably": "^1.2.34",
+    "assert": "^2.1.0",
     "attendee-to-attendee-widget": "3.0.6",
     "awesome-bootstrap-checkbox": "^1.0.1",
     "axios": "^0.19.2",
@@ -36,6 +39,8 @@
     "core-js": "^2.6.11",
     "cross-env": "^7.0.3",
     "crypto-js": "^4.1.1",
+    "decap-cms-app": "^3.1.10",
+    "decap-cms-lib-widgets": "^3.0.2",
     "disqus-react": "1.0.10",
     "dotenv": "^8.2.0",
     "dropzone": "^5.7.2",
@@ -44,19 +49,21 @@
     "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-decap-cms": "^4.0.4",
     "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",
@@ -76,8 +83,7 @@
     "markdown-to-jsx": "^7.3.2",
     "moment": "^2.27.0",
     "moment-timezone": "^0.5.31",
-    "netlify-cms-app": "^2.15.72",
-    "netlify-cms-lib-widgets": "^1.8.0",
+    "object.assign": "^4.1.5",
     "openstack-uicore-foundation": "4.1.76",
     "path-browserify": "^1.0.1",
     "prop-types": "^15.6.0",
@@ -110,7 +116,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 +128,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/cms-utils.js

@@ -1,8 +1,15 @@
-if (typeof window !== "undefined") {
-  // add admin.css
-  const link = document.createElement("link");
-  link.type = "text/css";
-  link.rel = "stylesheet";
-  link.href = "/admin/admin.css";
-  document.head.appendChild(link);
-}
+/*
+  Workaround for text editor
+  @see https://github.com/decaporg/decap-cms/issues/5092
+*/
+const injectCustomStyle = () => {
+  const style = document.createElement("style");
+  style.innerHTML = `
+    div[data-slate-editor] {
+      -webkit-user-modify: read-write !important;
+    }
+  `;
+  document.head.appendChild(style);
+};
+
+injectCustomStyle();

package/src/cms/cms.js

@@ -1,4 +1,4 @@
-import CMS from "netlify-cms-app";
+import CMS from "decap-cms-app";
 import config from "./config";
 
 import "./cms-utils";

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,49 @@
-import React from 'react'
-import PropTypes from 'prop-types'
-import { ContentPageTemplate } from '../../templates/content-page'
+import React from "react";
+import PropTypes from "prop-types";
+import MDX from "@mdx-js/runtime";
+import ContentPageTemplate from "../../templates/content-page/template";
+import shortcodes from "../../templates/content-page/shortcodes";
 
-const ContentPagePreview = ({ entry, getAsset, widgetFor }) => {
+// function to transform content by replacing relative image URLs with absolute ones
+const transformContent = (mdx, getAsset) => {
+  // regex to identify Markdown image tags ![alt](url)
+  const imageRegex = /!\[([^\]]*)\]\(([^)]+)\)/g;
+
+  return mdx.replace(imageRegex, (match, alt, url) => {
+    // check if the URL is relative (does not start with http:// or https://)
+    if (!url.startsWith("http://") && !url.startsWith("https://")) {
+      const asset = getAsset(url);
+      if (asset && asset.url) {
+        return `![${alt}](${asset.url})`;
+      }
+    }
+    return match; // return the original match if it's already an absolute URL
+  });
+};
+
+// function to render transformed content with MDX
+const renderContent = (mdx, getAsset) => (
+  <MDX components={shortcodes}>
+    {transformContent(mdx, getAsset)}
+  </MDX>
+);
+
+const ContentPagePreview = ({ entry, getAsset }) => {
+  const title = entry.getIn(["data", "title"]);
+  const body = entry.getIn(["data", "body"]);
   return (
     <ContentPageTemplate
-      title={entry.getIn(['data', 'title'])}
-      content={widgetFor('body')}
+      title={title}
+      content={renderContent(body, getAsset)}
     />
-  )
-}
+  );
+};
 
 ContentPagePreview.propTypes = {
   entry: PropTypes.shape({
-    getIn: PropTypes.func,
-  }),
-  getAsset: PropTypes.func,
-}
+    getIn: PropTypes.func.isRequired
+  }).isRequired,
+  getAsset: PropTypes.func.isRequired
+};
 
-export default ContentPagePreview
+export default ContentPagePreview;

package/src/cms/widgets/IdentityProviderParamControl.js

@@ -1,8 +1,8 @@
 import React, { useState, useEffect } from "react";
-import CMS from "netlify-cms-app";
 import PropTypes from "prop-types";
 import ImmutablePropTypes from "react-immutable-proptypes";
 import { List } from "immutable";
+import CMS from "decap-cms-app";
 
 const StringControl = CMS.getWidget("string").control;
 const SelectControl = CMS.getWidget("select").control;

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;

package/static/admin/admin.css

@@ -1,3 +0,0 @@
-[data-slate-editor] { 
-    -webkit-user-modify: read-write !important; 
-}