@openeventkit/event-site 2.1.18-beta.2 → 2.1.18

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@openeventkit/event-site",
   "description": "Event Site",
-  "version": "2.1.18-beta.2",
+  "version": "2.1.18",
   "author": "Tipit LLC",
   "dependencies": {
     "@emotion/server": "^11.11.0",
@@ -9,8 +9,8 @@
     "@fortawesome/free-brands-svg-icons": "^6.5.2",
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@loadable/component": "^5.16.4",
-    "@mdx-js/mdx": "^3",
-    "@mdx-js/react": "^3",
+    "@mdx-js/react": "^3.0.1",
+    "@mdx-js/runtime": "^1.6.22",
     "@mui/base": "^5.0.0-beta.40",
     "@mui/icons-material": "^5.15.20",
     "@mui/material": "^5.15.20",
@@ -123,7 +123,7 @@
     "redux-thunk": "^2.4.1",
     "rehype-external-links": "^3.0.0",
     "rehype-mdx-import-media": "^1.2.0",
-    "remark-gfm": "^4.0.1",
+    "remark-gfm": "^4.0.0",
     "sass": "^1.49.9",
     "schedule-filter-widget": "3.0.4-beta.2",
     "simple-chat-widget": "^1.0.31",

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

@@ -1,47 +1,49 @@
 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";
-import Mdx from "../../components/Mdx";
 
 // 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;
+  // 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
-    });
+  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 shortcodes={shortcodes} content={transformContent(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={title}
-            content={renderContent(body, getAsset)}
-        />
-    );
+  const title = entry.getIn(["data", "title"]);
+  const body = entry.getIn(["data", "body"]);
+  return (
+    <ContentPageTemplate
+      title={title}
+      content={renderContent(body, getAsset)}
+    />
+  );
 };
 
 ContentPagePreview.propTypes = {
-    entry: PropTypes.shape({
-        getIn: PropTypes.func.isRequired
-    }).isRequired,
-    getAsset: PropTypes.func.isRequired
+  entry: PropTypes.shape({
+    getIn: PropTypes.func.isRequired
+  }).isRequired,
+  getAsset: PropTypes.func.isRequired
 };
 
-export default ContentPagePreview;
+export default ContentPagePreview;

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

@@ -1 +1 @@
-{"favicon":{"asset":"icon.png"},"widgets":{"chat":{"enabled":true,"showQA":false,"showHelp":false,"defaultScope":"page"},"schedule":{"allowClick":true}},"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}],"maintenanceMode":{"enabled":false,"title":"Site under maintenance","subtitle":"Please reload page shortly"},"staticJsonFilesBuildTime":[{"file":"src/data/summit.json","build_time":1755200450530},{"file":"src/data/events.json","build_time":1755200471128},{"file":"src/data/events.idx.json","build_time":1755200471179},{"file":"src/data/speakers.json","build_time":1755200476104},{"file":"src/data/speakers.idx.json","build_time":1755200476112},{"file":"src/content/sponsors.json","build_time":1755200476553},{"file":"src/data/voteable-presentations.json","build_time":1755200476925}],"lastBuild":1755200476925}
+{"favicon":{"asset":"icon.png"},"widgets":{"chat":{"enabled":true,"showQA":false,"showHelp":false,"defaultScope":"page"},"schedule":{"allowClick":true}},"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}],"maintenanceMode":{"enabled":false,"title":"Site under maintenance","subtitle":"Please reload page shortly"},"staticJsonFilesBuildTime":[{"file":"src/data/summit.json","build_time":1755202866239},{"file":"src/data/events.json","build_time":1755202885829},{"file":"src/data/events.idx.json","build_time":1755202885863},{"file":"src/data/speakers.json","build_time":1755202892384},{"file":"src/data/speakers.idx.json","build_time":1755202892387},{"file":"src/content/sponsors.json","build_time":1755202892817},{"file":"src/data/voteable-presentations.json","build_time":1755202893268}],"lastBuild":1755202893268}

package/src/templates/marketing-page-template/MainColumn.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import { navigate } from "gatsby";
 import PropTypes from "prop-types";
 import { GatsbyImage, getImage } from "gatsby-plugin-image";
-import Mdx from "../../components/Mdx";
+import Mdx from "@mdx-js/runtime";
 import Container from "./Container";
 import LiteScheduleComponent from "../../components/LiteScheduleComponent";
 import DisqusComponent from "../../components/DisqusComponent";
@@ -22,47 +22,49 @@ const onEventClick = (ev) => navigate(`/a/event/${ev.id}`);
 
 const MainColumn = ({ widgets, summitPhase, isLoggedUser, onEventClick, lastDataSync, fullWidth, maxHeight }) => {
   const { content, schedule, disqus, image } = widgets || {};
-
+  
   const scheduleProps = schedule && isLoggedUser && summitPhase !== PHASES.BEFORE ? { onEventClick } : {};
 
   return (
-      <div
-          className={`column pt-6 pb-5 px-6 ${!fullWidth ? "is-half" : ""} ${styles.mainColumn || ""}`}
-          style={{ maxHeight: !fullWidth && maxHeight ? maxHeight : "none", overflowY: "auto" }}
-      >
-        <Container>
-          {content?.display && content?.body && (
-              <Mdx shortcodes={shortcodes} content={content.body}/>
-          )}
-          {schedule?.display && (
-              <>
-                <h2><b>{schedule.title}</b></h2>
-                <LiteScheduleComponent
-                    {...scheduleProps}
-                    lastDataSync={lastDataSync}
-                    id={`marketing_lite_schedule_${lastDataSync}`}
-                    page="marketing-site"
-                    showAllEvents={true}
-                    showSearch={false}
-                    showNav={true}
-                />
-              </>
-          )}
-          {disqus?.display && (
-              <>
-                <h2><b>{disqus.title}</b></h2>
-                <DisqusComponent page="marketing-site" />
-              </>
-          )}
-          {image?.display && image?.image?.src && (
-              <>
-                <h2><b>{image.title}</b></h2>
-                <br/>
-                <GatsbyImage image={getImage(image.image.src)} alt={image.image.alt ?? ""} />
-              </>
-          )}
-        </Container>
-      </div>
+    <div
+      className={`column pt-6 pb-5 px-6 ${!fullWidth ? "is-half" : ""} ${styles.mainColumn || ""}`}
+      style={{ maxHeight: !fullWidth && maxHeight ? maxHeight : "none", overflowY: "auto" }}
+    >
+      <Container>
+        {content?.display && content?.body && (
+          <Mdx components={shortcodes}>
+            {content.body}
+          </Mdx>
+        )}
+        {schedule?.display && (
+          <>
+            <h2><b>{schedule.title}</b></h2>
+            <LiteScheduleComponent
+              {...scheduleProps}
+              lastDataSync={lastDataSync}
+              id={`marketing_lite_schedule_${lastDataSync}`}
+              page="marketing-site"
+              showAllEvents={true}
+              showSearch={false}
+              showNav={true}
+            />
+          </>
+        )}
+        {disqus?.display && (
+          <>
+            <h2><b>{disqus.title}</b></h2>
+            <DisqusComponent page="marketing-site" />
+          </>
+        )}
+        {image?.display && image?.image?.src && (
+          <>
+            <h2><b>{image.title}</b></h2>
+            <br/>
+            <GatsbyImage image={getImage(image.image.src)} alt={image.image.alt ?? ""} />
+          </>
+        )}
+      </Container>
+    </div>
   );
 };
 
@@ -75,4 +77,4 @@ MainColumn.propTypes = {
   maxHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
 };
 
-export default MainColumn;
+export default MainColumn;

package/src/components/Mdx.js

@@ -1,29 +0,0 @@
-import React, { useMemo } from "react";
-import { evaluateSync } from "@mdx-js/mdx";
-import * as jsxRuntime from "react/jsx-runtime";
-import remarkGfm from "remark-gfm";
-import rehypeExternalLinks from "rehype-external-links";
-import { MDXProvider } from "@mdx-js/react";
-
-
-const Mdx = ({ content, shortcodes }) => {
-    const mdxContent = useMemo(() => {
-        if ( !content) return null;
-        try {
-            const { default: Comp } = evaluateSync(content, {
-                ...jsxRuntime,
-                remarkPlugins: [remarkGfm],
-                rehypePlugins: [[rehypeExternalLinks, { target: "_blank", rel: ["nofollow","noopener","noreferrer"] }]],
-                useDynamicImport: false, // ensure no async imports in runtime content
-            });
-            return Comp;
-        } catch (err) {
-            console.error("MDX evaluate error:", err);
-            return null;
-        }
-    }, [content]);
-
-    return <MDXProvider components={shortcodes}>{mdxContent}</MDXProvider>;
-}
-
-export default Mdx;