@openeventkit/event-site 2.0.111 → 2.0.112

package/gatsby-browser.js

@@ -73,4 +73,4 @@ export const onClientEntry = () => {
     });
     window.Sentry = Sentry;
   }
-};
+};

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

@@ -1,12 +1,23 @@
-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";
+import rehypeMdxImportMedia from "rehype-mdx-import-media";
 
-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 +128,45 @@ 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
+        ],
+        rehypePlugins: [
+          rehypeMdxImportMedia 
+        ]
+      }
     }
   },
   {
-    resolve: "gatsby-plugin-netlify-cms",
+    resolve: "gatsby-plugin-decap-cms",
     options: {
       modulePath: `${__dirname}/src/cms/cms.js`,
       manualInit: true,
@@ -170,20 +198,29 @@ const plugins = [
           jsRule
         ];
          /**
-         * Fixes Module not found: Error: Can"t resolve "path" bug.
-         * Webpack 5 doesn"t include browser polyfills for node APIs by default anymore,
-         * so we need to provide them ourselves.
-         * @see https://github.com/postcss/postcss/issues/1509#issuecomment-772097567
-         * @see https://github.com/gatsbyjs/gatsby/issues/31475
-         * @see https://github.com/gatsbyjs/gatsby/issues/31179#issuecomment-844588682
+         * Webpack removed automatic polyfills for these node APIs in v5,
+         * so we need to patch them in the browser.
+         * @see https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v2-to-v3/#webpack-5-node-configuration-changed-nodefs-nodepath-
+         * @see https://viglucci.io/how-to-polyfill-buffer-with-webpack-5
          */
         config.resolve = {
           ...config.resolve,
           fallback: {
             ...config.resolve.fallback,
-            path: require.resolve("path-browserify")
+            fs: false,
+            assert: require.resolve("assert"),
+            buffer: require.resolve("buffer/"),
+            path: require.resolve("path-browserify"),
+            "object.assign/polyfill": require.resolve("object.assign/polyfill")
           }
         };
+        config.plugins = [
+          ...config.plugins,
+          new webpack.ProvidePlugin({
+            process: "process",
+            Buffer: ["buffer", "Buffer"]
+          })
+        ];
       }
     }
   },
@@ -191,10 +228,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

@@ -1,8 +1,10 @@
 const axios = require("axios");
 const path = require("path");
-const fs = require("fs");
+const fs = require("fs-extra");
 const webpack = require("webpack");
-const { createFilePath } = require("gatsby-source-filesystem");
+const {
+  createFilePath
+} = require("gatsby-source-filesystem");
 const SentryWebpackPlugin = require("@sentry/webpack-plugin");
 const { ClientCredentials } = require("simple-oauth2");
 
@@ -22,7 +24,8 @@ const {
   SPEAKERS_IDX_FILE_PATH,
   VOTEABLE_PRESENTATIONS_FILE_PATH,
   MARKETING_SETTINGS_FILE_PATH,
-  MAINTENANCE_FILE_PATH,
+  MAINTENANCE_PATH_NAME,
+  CONTENT_PAGES_PATH_NAME,
   SPONSORS_FILE_PATH,
   FONTS_SCSS_FILE_PATH
 } = require("./src/utils/filePath");
@@ -226,7 +229,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 +331,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
@@ -351,8 +354,52 @@ exports.onPreBootstrap = async () => {
   }
 };
 
-exports.createSchemaCustomization = ({ actions }) => {
-  const { createTypes } = actions;
+exports.createSchemaCustomization = async ({ actions, reporter, getNodeAndSavePathDependency }) => {
+  const { createFieldExtension, createTypes } = actions;
+  createFieldExtension({
+    name: "resolveImages",
+    extend: () => ({
+      async resolve(source, args, context, info) {
+        const content = source[info.fieldName];
+        const imageRegex = /!\[([^\]]*)\]\(([^)]+)\)/g;
+        let match;
+        let transformedContent = content;
+        while ((match = imageRegex.exec(content)) !== null) {
+          const [, alt, url] = match;
+          if (url.startsWith("http://") || url.startsWith("https://")) {
+            continue;
+          }
+          const node = await context.nodeModel.findOne({
+            type: "File",
+            query: { filter: { base: { eq: url } } }
+          });
+          if (!node) {
+            reporter.warn(`File node not found for ${url}`);
+            continue;
+          }
+          const absolutePath = path.resolve(node.dir, url);
+          if (!fs.existsSync(absolutePath)) {
+            reporter.warn(`File not found at path ${absolutePath}`);
+            continue;
+          }
+          const details = getNodeAndSavePathDependency(node.id, context.path);
+          const fileName = `${node.internal.contentDigest}/${details.base}`;
+          const publicStaticDir = path.join(process.cwd(), "public", "static");
+          const publicPath = path.join(publicStaticDir, fileName);
+          if (!fs.existsSync(publicPath)) {
+            try {
+              await fs.copy(details.absolutePath, publicPath, { dereference: true });
+            } catch (err) {
+              reporter.panic(`Error copying file from ${details.absolutePath} to ${publicPath}: ${err.message}`);
+              continue;
+            }
+          }
+          transformedContent = transformedContent.replace(url, `/static/${fileName}`);
+        }
+        return transformedContent;
+      }
+    })
+  });
   // TODO: improve typeDefs to allow theme override
   const typeDefs = require("./src/cms/config/collections/typeDefs");
   createTypes(typeDefs);
@@ -360,91 +407,99 @@ 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 };
+  const siteSettings = fs.existsSync(SITE_SETTINGS_FILE_PATH) ? JSON.parse(fs.readFileSync(SITE_SETTINGS_FILE_PATH)) : {};
+  const maintenanceMode = siteSettings.maintenanceMode ?? { enabled: false };
+  const maintenancePath = `/${MAINTENANCE_PATH_NAME}/`;
 
-  // create a catch all redirect
   if (maintenanceMode.enabled) {
+    // create a catch all redirect
     createRedirect({
       fromPath: "/*",
-      toPath: "/maintenance/"
+      toPath: maintenancePath,
+      isPermanent: false,
+      statusCode: 302
+    });
+    // end execution, dont create any page from md/mdx
+    return;
+  } else {
+    createRedirect({
+      fromPath: maintenancePath,
+      toPath: "/",
+      isPermanent: false,
+      statusCode: 302
     });
   }
 
-  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);
-    }
+  if (result.errors) {
+    result.errors.forEach((e) => console.error(e.toString()));
+    return Promise.reject(result.errors);
+  }
 
-    edges.forEach((edge) => {
-      const { id, fields, frontmatter: { templateKey } } = edge.node;
+  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);
+  });
+};
 
-      var slug = fields.slug;
-      if (slug.match(/content-pages/)) {
-        slug = slug.replace("/content-pages/", "/");
-      }
+exports.onCreatePage = async ({ page, actions }) => {
+  const { deletePage } = actions;
 
-      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 siteSettings = fs.existsSync(SITE_SETTINGS_FILE_PATH) ? JSON.parse(fs.readFileSync(SITE_SETTINGS_FILE_PATH)) : {};
+  const maintenanceMode = siteSettings.maintenanceMode ?? { enabled: false };
+  const maintenancePath = `/${MAINTENANCE_PATH_NAME}/`;
+
+  const shouldDeletePage = (maintenanceMode.enabled && page.path !== maintenancePath) ||
+                           (!maintenanceMode.enabled && page.path === maintenancePath);
+
+  if (shouldDeletePage) {
+    deletePage(page);
+  }
 };
 
 exports.onCreateWebpackConfig = ({
   actions,
-  plugins,
   loaders,
   getConfig
 }) => {
@@ -482,35 +537,32 @@ exports.onCreateWebpackConfig = ({
        * @see https://viglucci.io/how-to-polyfill-buffer-with-webpack-5
        */
       fallback: {
+        fs: false,
+        assert: require.resolve("assert"),
+        buffer: require.resolve("buffer/"),
         path: require.resolve("path-browserify"),
         stream: require.resolve("stream-browserify"),
-        buffer: require.resolve("buffer/")
+        "object.assign/polyfill": require.resolve("object.assign/polyfill")
       },
       // allows content and data imports to correctly resolve when theming
-      modules: [path.resolve("src")]
+      modules: [
+        path.resolve("src")
+      ]
     },
     // devtool: "source-map",
     plugins: [
-      plugins.define({
-        "global.GENTLY": false,
-        "global.BLOB": false
-      }),
       new webpack.ProvidePlugin({
-        Buffer: ["buffer", "Buffer"],
-      }),
-      // ignore unused jsdom dependency
-      new webpack.IgnorePlugin({
-        resourceRegExp: /canvas/,
-        contextRegExp: /jsdom$/
+        process: "process",
+        Buffer: ["buffer", "Buffer"]
       }),
       // upload source maps only if we have an sentry auth token and we are at production
-      ...("GATSBY_SENTRY_AUTH_TOKEN" in process.env && process.env.NODE_ENV === "production") ?[
-          new SentryWebpackPlugin({
-        org: process.env.GATSBY_SENTRY_ORG,
-        project: process.env.GATSBY_SENTRY_PROJECT,
-        ignore: ["app-*", "polyfill-*", "framework-*", "webpack-runtime-*", "~partytown"],
-        // Specify the directory containing build artifacts
-        include: [
+      ...("GATSBY_SENTRY_AUTH_TOKEN" in process.env && process.env.NODE_ENV === "production") ? [
+        new SentryWebpackPlugin({
+          org: process.env.GATSBY_SENTRY_ORG,
+          project: process.env.GATSBY_SENTRY_PROJECT,
+          ignore: ["app-*", "polyfill-*", "framework-*", "webpack-runtime-*", "~partytown"],
+          // Specify the directory containing build artifacts
+          include: [
             {
               paths: ["src","public",".cache"],
               urlPrefix: "~/",
@@ -550,14 +602,15 @@ exports.onCreateWebpackConfig = ({
             {
               paths: ["node_modules/speakers-widget/dist"],
               urlPrefix: "~/node_modules/speakers-widget/dist",
-            },
-        ],
-        // Auth tokens can be obtained from https://sentry.io/settings/account/api/auth-tokens/
-        // and needs the `project:releases` and `org:read` scopes
-        authToken: process.env.GATSBY_SENTRY_AUTH_TOKEN,
-        // Optionally uncomment the line below to override automatic release name detection
-        release: process.env.GATSBY_SENTRY_RELEASE,
-      })]:[],
+            }
+          ],
+          // Auth tokens can be obtained from https://sentry.io/settings/account/api/auth-tokens/
+          // and needs the `project:releases` and `org:read` scopes
+          authToken: process.env.GATSBY_SENTRY_AUTH_TOKEN,
+          // Optionally uncomment the line below to override automatic release name detection
+          release: process.env.GATSBY_SENTRY_RELEASE,
+        })
+      ] : []
     ]
   });
 };

package/gatsby-ssr.js

@@ -5,8 +5,8 @@ import {
   PreBodyComponents
 } from "./src/components/HeadComponents";
 
-import { JSDOM } from "jsdom";
-import { XMLHttpRequest } from "xmlhttprequest";
+// build enabler polyfills
+import "./src/utils/buildPolyfills";
 
 export const wrapRootElement = ReduxWrapper;
 
@@ -19,15 +19,3 @@ export const onRenderBody = ({
   setHeadComponents(HeadComponents);
   setPreBodyComponents(PreBodyComponents);
 };
-
-// build enabler polyfills
-global.dom = new JSDOM("...");
-global.window = dom.window;
-global.document = dom.window.document;
-global.navigator = global.window.navigator;
-global.window.matchMedia = () => ({
-  matches: false,
-  addListener: () => {},
-  removeListener: () => {}
-});
-global.XMLHttpRequest = XMLHttpRequest;

package/package.json

@@ -1,10 +1,12 @@
 {
   "name": "@openeventkit/event-site",
   "description": "Event Site",
-  "version": "2.0.111",
+  "version": "2.0.112",
   "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",
@@ -25,17 +27,15 @@
     "attendee-to-attendee-widget": "3.0.6",
     "awesome-bootstrap-checkbox": "^1.0.1",
     "axios": "^0.19.2",
-    "babel-preset-gatsby": "^3.9.0",
     "browser-tabs-lock": "^1.2.15",
-    "buffer": "^6.0.3",
     "bulma": "^0.9.0",
     "chain-function": "^1.0.1",
     "classnames": "^2.3.1",
-    "clean-html": "^1.5.0",
-    "codemirror": "^5.55.0",
     "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,40 +44,36 @@
     "font-awesome": "^4.7.0",
     "formik": "^2.2.9",
     "full-schedule-widget": "3.0.5",
-    "gatsby": "^5.8.1",
+    "gatsby": "^5.13.5",
     "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-netlify": "^5.1.0",
-    "gatsby-plugin-netlify-cms": "^7.8.0",
-    "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-transformer-sharp": "^5.12.3",
+    "gatsby-plugin-image": "^3.13.1",
+    "gatsby-plugin-manifest": "^5.13.1",
+    "gatsby-plugin-mdx": "^5.12.3",
+    "gatsby-plugin-netlify": "^5.1.1",
+    "gatsby-plugin-page-creator": "^5.13.1",
+    "gatsby-plugin-sass": "^6.13.1",
+    "gatsby-plugin-sharp": "^5.13.1",
+    "gatsby-remark-images": "^7.13.1",
+    "gatsby-source-filesystem": "^5.12.3",
+    "gatsby-transformer-json": "^5.12.3",
+    "gatsby-transformer-sharp": "^5.13.1",
     "history": "^4.10.1",
     "i18n-react": "^0.6.4",
     "i18next": "^21.8.3",
     "i18next-browser-languagedetector": "^6.1.4",
     "i18next-http-backend": "^1.4.0",
     "idtoken-verifier": "^2.2.2",
-    "image-size": "^1.0.1",
     "immutability-helper": "2.9.1",
     "immutable": "^5.0.0-beta.5",
-    "jsdom": "^16.2.2",
     "lite-schedule-widget": "3.0.3",
     "live-event-widget": "4.0.2",
     "lodash": "^4.17.19",
     "lz-string": "^1.4.4",
     "markdown-it": "^12.0.0",
-    "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",
     "openstack-uicore-foundation": "4.1.76",
     "path-browserify": "^1.0.1",
     "prop-types": "^15.6.0",
@@ -110,7 +106,8 @@
     "redux": "^4.1.2",
     "redux-persist": "^6.0.0",
     "redux-thunk": "^2.4.1",
-    "sanitize-html": "^2.7.0",
+    "rehype-mdx-import-media": "^1.2.0",
+    "remark-gfm": "^4.0.0",
     "sass": "^1.49.9",
     "schedule-filter-widget": "3.0.1",
     "simple-chat-widget": "^1.0.31",
@@ -119,7 +116,6 @@
     "smoothscroll-polyfill": "^0.4.4",
     "socket.io-client": "^4.5.2",
     "speakers-widget": "4.0.1",
-    "stream-browserify": "^3.0.0",
     "stream-chat": "^2.7.2",
     "stream-chat-react": "3.1.7",
     "summit-registration-lite": "5.0.35",
@@ -134,7 +130,6 @@
     "videojs-mux": "^3.1.0",
     "videojs-youtube": "^2.6.1",
     "what-input": "^5.2.10",
-    "xmlhttprequest": "^1.8.0",
     "yup": "^0.32.11"
   },
   "keywords": [
@@ -157,7 +152,10 @@
     "@testing-library/jest-dom": "^6.4.2",
     "@testing-library/react": "^15.0.2",
     "@testing-library/user-event": "^14.5.2",
+    "assert": "^2.1.0",
     "babel-jest": "^29.7.0",
+    "babel-preset-gatsby": "^3.13.2",
+    "buffer": "^6.0.3",
     "devcert": "1.1.0",
     "gatsby-plugin-webpack-speed-measure": "^0.1.1",
     "identity-obj-proxy": "^3.0.0",
@@ -166,7 +164,11 @@
     "jest-transform-stub": "^2.0.0",
     "js-yaml": "^4.1.0",
     "js-yaml-loader": "^1.2.2",
-    "prettier": "^2.0.5"
+    "jsdom": "^24.1.0",
+    "object.assign": "^4.1.5",
+    "prettier": "^2.0.5",
+    "stream-browserify": "^3.0.0",
+    "xmlhttprequest": "^1.8.0"
   },
   "jest": {
     "collectCoverageFrom": [

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";