@openstack_dev/gatsby-theme-marketing-oif-core 1.0.10 → 1.0.12

package/.nvmrc

@@ -1 +1 @@
-18.15.0
+18.20.2

package/gatsby-config.js

@@ -40,6 +40,13 @@ const manifestPlugin = faviconAsset
   : [];
 
 const plugins = [
+  {
+    resolve: "gatsby-plugin-mui-theme-provider",
+    options: {
+      themePath: `${__dirname}/src/theme.js`,
+    },
+  },
+  "gatsby-plugin-emotion-cache-provider",
   ...manifestPlugin,
   {
     resolve: "gatsby-alias-imports",
@@ -47,6 +54,7 @@ const plugins = [
       aliases: {
         "@utils": `${__dirname}/src/utils`,
         "@cms": `${__dirname}/src/cms`,
+        "@content": `${__dirname}/src/content`,
       },
     },
   },

package/gatsby-node.js

@@ -140,9 +140,6 @@ exports.onCreateWebpackConfig = ({ actions, plugins }) => {
       },
       // allows content and data imports to correctly resolve when theming
       modules: [path.resolve("src")],
-      alias: {
-        "@utils": path.resolve(__dirname, "src/utils/"),
-      },
     },
     // devtool: "source-map",
     plugins: [

package/gatsby-ssr.js

@@ -1,12 +1,7 @@
-import * as React from "react";
 import { JSDOM } from "jsdom";
 import { XMLHttpRequest } from "xmlhttprequest";
-import { renderToString } from "react-dom/server";
-import { CacheProvider } from "@emotion/react";
-import createEmotionServer from "@emotion/server/create-instance";
 import { ReduxWrapper } from "./src/state/ReduxWrapper";
 import { HeadComponents } from "./src/components/head-components";
-import createEmotionCache from "./src/utils/createEmotionCache";
 
 export const onRenderBody = ({ setHeadComponents }) => {
   if (process.env.NODE_ENV === "production") {
@@ -14,32 +9,6 @@ export const onRenderBody = ({ setHeadComponents }) => {
   }
 };
 
-export const replaceRenderer = ({
-  bodyComponent,
-  setHeadComponents,
-  replaceBodyHTMLString,
-}) => {
-  const cache = createEmotionCache();
-  const { extractCriticalToChunks } = createEmotionServer(cache);
-
-  const emotionStyles = extractCriticalToChunks(
-    renderToString(<CacheProvider value={cache}>{bodyComponent}</CacheProvider>),
-  );
-
-  setHeadComponents(
-    emotionStyles.styles.map((style) => (
-      <style
-        data-emotion={`${style.key} ${style.ids.join(" ")}`}
-        key={style.key}
-        dangerouslySetInnerHTML={{ __html: style.css }}
-      />
-    )),
-  );
-
-  // render the result from `extractCritical`
-  replaceBodyHTMLString(emotionStyles.html);
-};
-
 export const wrapRootElement = ReduxWrapper;
 
 // build enabler polyfills

package/netlify-config.yaml

@@ -0,0 +1,75 @@
+headers:
+  - for: /*
+redirects:
+  - from: /marketplace/*
+    to: /marketplace/
+  - from: /themes/*
+    to: /themes/
+  - from: /navbar/*
+    to: /navbar/
+  - from: /framework/*
+    to: /framework/
+  - from: /googlemaps/*
+    to: /googlemaps/
+  - from: /node_modules/*
+    to: /node_modules/
+  - from: /maps_images/*
+    to: /maps_images/
+  - from: /use-cases/*
+    to: /use-cases/
+  - from: /software/*
+    to: /software/
+  - from: /openstack-map/*
+    to: /openstack-map/
+  - from: /surveys/*
+    to: /surveys/
+  - from: /user-survey/*
+    to: /user-survey/
+  - from: /blog/*
+    to: /blog/
+  - from: /marketing/*
+    to: /marketing/
+  - from: /summit/*
+    to: /summit/
+  - from: /brand/*
+    to: /brand/
+  - from: /community/*
+    to: /community/
+  - from: /events/*
+    to: /events/
+  - from: /ptg/*
+    to: /ptg/
+  - from: /videos/*
+    to: /videos/
+  - from: /summit-video-app/*
+    to: /summit-video-app/
+  - from: /news/*
+    to: /summit-video-app/
+  - from: /favicon/*
+    to: /favicon/
+  - from: /errors_pages/*
+    to: /errors_pages/
+  - from: /speaker_bureau/*
+    to: /speaker_bureau/
+  - from: /coa/*
+    to: /coa/
+  - from: /learn/*
+    to: /learn/
+  - from: /Security/*
+    to: /Security/
+  - from: /OpenStackIdAuthenticator/*
+    to: /OpenStackIdAuthenticator/
+  - from: /profile/*
+    to: /profile/
+  - from: /userprofile/*
+    to: /userprofile/
+  - from: /registration/*
+    to: /registration/
+  - from: /legal/*
+    to: /legal/
+  - from: /ICLA/*
+    to: /ICLA/
+  - from: /marketplaceadmin/*
+    to: /marketplaceadmin/
+  - from: /api/*
+    to: /api/

package/netlify.toml

@@ -0,0 +1,258 @@
+
+    [[headers]]
+      # Define which paths this specific [[headers]] block will cover.
+      for = "/*"
+        [headers.values]
+          Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI"
+
+    [[redirects]]
+      from = "/marketplace/*"
+      to = "https://devbranch.openstack.org/marketplace/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/themes/*"
+      to = "https://devbranch.openstack.org/themes/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/navbar/*"
+      to = "https://devbranch.openstack.org/navbar/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/framework/*"
+      to = "https://devbranch.openstack.org/framework/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/googlemaps/*"
+      to = "https://devbranch.openstack.org/googlemaps/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/node_modules/*"
+      to = "https://devbranch.openstack.org/node_modules/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/maps_images/*"
+      to = "https://devbranch.openstack.org/maps_images/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/use-cases/*"
+      to = "https://devbranch.openstack.org/use-cases/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/software/*"
+      to = "https://devbranch.openstack.org/software/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/openstack-map/*"
+      to = "https://devbranch.openstack.org/openstack-map/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/surveys/*"
+      to = "https://devbranch.openstack.org/surveys/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/user-survey/*"
+      to = "https://devbranch.openstack.org/user-survey/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/blog/*"
+      to = "https://devbranch.openstack.org/blog/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/marketing/*"
+      to = "https://devbranch.openstack.org/marketing/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/summit/*"
+      to = "https://devbranch.openstack.org/summit/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/brand/*"
+      to = "https://devbranch.openstack.org/brand/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/community/*"
+      to = "https://devbranch.openstack.org/community/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/events/*"
+      to = "https://devbranch.openstack.org/events/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/ptg/*"
+      to = "https://devbranch.openstack.org/ptg/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/videos/*"
+      to = "https://devbranch.openstack.org/videos/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/summit-video-app/*"
+      to = "https://devbranch.openstack.org/summit-video-app/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/news/*"
+      to = "https://devbranch.openstack.org/summit-video-app/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/favicon/*"
+      to = "https://devbranch.openstack.org/favicon/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/errors_pages/*"
+      to = "https://devbranch.openstack.org/errors_pages/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/speaker_bureau/*"
+      to = "https://devbranch.openstack.org/speaker_bureau/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/coa/*"
+      to = "https://devbranch.openstack.org/coa/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/learn/*"
+      to = "https://devbranch.openstack.org/learn/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/Security/*"
+      to = "https://devbranch.openstack.org/Security/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/OpenStackIdAuthenticator/*"
+      to = "https://devbranch.openstack.org/OpenStackIdAuthenticator/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/profile/*"
+      to = "https://devbranch.openstack.org/profile/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/userprofile/*"
+      to = "https://devbranch.openstack.org/userprofile/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/registration/*"
+      to = "https://devbranch.openstack.org/registration/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/legal/*"
+      to = "https://devbranch.openstack.org/legal/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/ICLA/*"
+      to = "https://devbranch.openstack.org/ICLA/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/marketplaceadmin/*"
+      to = "https://devbranch.openstack.org/marketplaceadmin/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}
+
+    [[redirects]]
+      from = "/api/*"
+      to = "https://devbranch.openstack.org/api/:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic b3BlbnN0YWNrOlF1YWNrZXI", X-From = "netlify", X-Forwarded-Host = "main--oif-marketing-site-dev.netlify.app"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openstack_dev/gatsby-theme-marketing-oif-core",
-  "version": "1.0.10",
+  "version": "1.0.12",
   "description": "Base theme for Marketing Sites",
   "author": "smarcet",
   "keywords": [
@@ -10,8 +10,8 @@
     "clean": "find . -name \"node_modules\" -type d -prune -exec rm -rf '{}' + && yarn && yarn gatsby-clean",
     "gatsby-clean": "gatsby clean",
     "start": "npm run develop",
-    "build": "NODE_ENV=production NODE_OPTIONS=--max-old-space-size=10240 cross-env node --trace-warnings node_modules/.bin/gatsby build --log-pages",
-    "develop": "NODE_OPTIONS=--max-old-space-size=8192 npm run gatsby-clean && node --trace-warnings node_modules/.bin/gatsby develop --S -H 0.0.0.0",
+    "build": "NODE_ENV=production node redirection-rules.js && NODE_ENV=production NODE_OPTIONS=--max-old-space-size=10240 cross-env node redirection-rules.js && node --trace-warnings node_modules/.bin/gatsby build --log-pages",
+    "develop": "NODE_ENV=development node redirection-rules.js && NODE_OPTIONS=--max-old-space-size=8192 npm run gatsby-clean && node --trace-warnings node_modules/.bin/gatsby develop --S -H 0.0.0.0",
     "format": "prettier --trailing-comma es5 --no-semi --single-quote --write \"{gatsby-*.js,src/**/*.js}\"",
     "prepare": "husky",
     "lint": "eslint src",
@@ -87,6 +87,7 @@
     "image-size": "^1.0.1",
     "immutability-helper": "2.9.1",
     "immutable": "^5.0.0-beta.5",
+    "js-yaml": "^4.1.0",
     "jsdom": "^16.2.2",
     "lodash": "^4.17.19",
     "lz-string": "^1.4.4",

package/plugins/gatsby-plugin-emotion-cache-provider/gatsby-browser.js

@@ -0,0 +1,9 @@
+import React from "react";
+import { CacheProvider } from "@emotion/react";
+import getEmotionCache from "./get-emotion-cache";
+
+const cache = getEmotionCache();
+
+export const wrapRootElement = ({ element }) => (
+  <CacheProvider value={cache}>{element}</CacheProvider>
+);

package/plugins/gatsby-plugin-emotion-cache-provider/gatsby-ssr.js

@@ -0,0 +1,36 @@
+import * as React from "react";
+import { CacheProvider } from "@emotion/react";
+import createEmotionServer from "@emotion/server/create-instance";
+import { renderToString } from "react-dom/server";
+
+import getEmotionCache from "./get-emotion-cache";
+
+export const replaceRenderer = ({
+  bodyComponent,
+  setHeadComponents,
+  replaceBodyHTMLString,
+}) => {
+  // see https://mui.com/material-ui/guides/server-rendering/
+  const cache = getEmotionCache();
+  const { extractCritical } = createEmotionServer(cache);
+
+  const initialHTML = renderToString(
+    <CacheProvider value={cache}>{bodyComponent}</CacheProvider>,
+  );
+
+  // see https://emotion.sh/docs/ssr#extractcritical
+  const { html, css, ids } = extractCritical(initialHTML);
+
+  const style = (
+    <style
+      key="theme-styles"
+      data-emotion={`css ${ids.join(" ")}`}
+      dangerouslySetInnerHTML={{ __html: css }}
+    />
+  );
+
+  setHeadComponents([style]);
+
+  // render the result from `extractCritical`
+  replaceBodyHTMLString(html);
+};

package/plugins/gatsby-plugin-emotion-cache-provider/get-emotion-cache.js

@@ -0,0 +1,5 @@
+import createCache from "@emotion/cache";
+
+export default function getEmotionCache(props) {
+  return createCache(props ?? { key: "css" });
+}

package/plugins/gatsby-plugin-emotion-cache-provider/package.json

@@ -0,0 +1,3 @@
+{
+  "name": "gatsby-plugin-emotion-cache-provider"
+}

package/plugins/gatsby-plugin-mui-theme-provider/gatsby-browser.js

@@ -0,0 +1,3 @@
+import wrapThemeProvider from "./wrapThemeProvider";
+// see https://galenwong.github.io/blog/2020-02-27-mui-jss-rendering/
+export const wrapRootElement = wrapThemeProvider;

package/plugins/gatsby-plugin-mui-theme-provider/gatsby-node.js

@@ -0,0 +1,43 @@
+const fs = require("fs");
+const path = require("path");
+
+// Copy and past from https://github.com/gatsbyjs/gatsby/tree/master/packages/gatsby-plugin-typography
+exports.onPreBootstrap = ({ cache }, pluginOptions) => {
+  let data = "";
+  console.log(
+    "gatsby-plugin-mui-theme-provider::onPreBootstrap",
+    pluginOptions,
+  );
+  if (pluginOptions.themePath) {
+    console.log(
+      `gatsby-plugin-mui-theme-provider::onPreBootstrap loading file ${pluginOptions.themePath}`,
+    );
+    data = fs.readFileSync(pluginOptions.themePath, {
+      encoding: "utf8",
+      flag: "r",
+    });
+  }
+
+  const dir = cache.directory;
+
+  if (!fs.existsSync(dir)) {
+    fs.mkdirSync(dir);
+  }
+
+  fs.writeFileSync(path.join(dir, "custom-theme.js"), data);
+};
+
+exports.onCreateWebpackConfig = ({ actions, cache }) => {
+  const themeFile = path.join(cache.directory, "custom-theme.js");
+  console.log(
+    `gatsby-plugin-mui-theme-provider::onCreateWebpackConfig ${themeFile}`,
+  );
+  const { setWebpackConfig } = actions;
+  setWebpackConfig({
+    resolve: {
+      alias: {
+        "custom-theme": themeFile,
+      },
+    },
+  });
+};

package/plugins/gatsby-plugin-mui-theme-provider/gatsby-ssr.js

@@ -0,0 +1,3 @@
+import wrapThemeProvider from "./wrapThemeProvider";
+// see https://galenwong.github.io/blog/2020-02-27-mui-jss-rendering/
+export const wrapRootElement = wrapThemeProvider;

package/plugins/gatsby-plugin-mui-theme-provider/package.json

@@ -0,0 +1,3 @@
+{
+  "name": "gatsby-plugin-mui-theme-provider"
+}

package/plugins/gatsby-plugin-mui-theme-provider/wrapThemeProvider.js

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { ThemeProvider } from "@mui/material/styles";
+import CssBaseline from "@mui/material/CssBaseline";
+import theme from "custom-theme";
+// see https://galenwong.github.io/blog/2020-02-27-mui-jss-rendering/
+const wrapThemeProvider = ({ element }) => (
+  <ThemeProvider theme={theme}>
+    <CssBaseline />
+    {element}
+  </ThemeProvider>
+);
+
+export default wrapThemeProvider;

package/redirection-rules.js

@@ -0,0 +1,86 @@
+const fs = require("fs");
+const yaml = require("js-yaml");
+
+require("dotenv").config({
+  path: `.env.${process.env.NODE_ENV}`,
+});
+
+const NodeType = {
+  Header: "header",
+  Route: "route",
+};
+
+const tomlNodeExists = (formerToml, nodeType, route) => {
+  const key = nodeType === NodeType.Header ? "for" : "from";
+  const escapedRoute = route.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  const regex = new RegExp(`${key}[\\s]*=[\\s]*"${escapedRoute}"`, "g");
+  return regex.test(formerToml);
+};
+
+const buildRedirectionRules = () => {
+  const yamlFilePath = `${__dirname}/netlify-config.yaml`;
+  const tomlFilePath = `${__dirname}/netlify.toml`;
+
+  const authToken = process.env.REDIRECTION_RULE_HEADER_AUTH_TOKEN;
+  const forwardedHost = process.env.REDIRECTION_RULE_HEADER_X_FORWARDED_HOST;
+  const redirectionHost = process.env.REDIRECTION_RULE_HOST;
+
+  const netlifyConfig = yaml.load(fs.readFileSync(yamlFilePath, "utf8"));
+
+  let formerToml = null;
+  let appendMode = false;
+
+  if (fs.existsSync(tomlFilePath)) {
+    formerToml = fs.readFileSync(tomlFilePath, { encoding: "utf8", flag: "r" });
+    appendMode = true;
+  }
+
+  let netlifyToml = "";
+
+  for (let i = 0; i < netlifyConfig.headers.length; i++) {
+    const header = netlifyConfig.headers[i];
+
+    if (formerToml && tomlNodeExists(formerToml, NodeType.Header, header.for)) continue;
+
+    netlifyToml += `
+    [[headers]]
+      # Define which paths this specific [[headers]] block will cover.
+      for = "${header.for}"
+        [headers.values]
+          Authorization = "Basic ${authToken}"\n`;
+  }
+
+  for (let i = 0; i < netlifyConfig.redirects.length; i++) {
+    const redirect = netlifyConfig.redirects[i];
+
+    if (formerToml && tomlNodeExists(formerToml, NodeType.Route, redirect.from)) continue;
+
+    netlifyToml += `
+    [[redirects]]
+      from = "${redirect.from}"
+      to = "${redirectionHost}${redirect.to}:splat"
+      status = 200
+      force = true
+      headers = {Authorization = "Basic ${authToken}", X-From = "netlify", X-Forwarded-Host = "${forwardedHost}"}\n`;
+  }
+
+  if (!appendMode) {
+    console.log("Creating netlify.toml...");
+    fs.writeFileSync(tomlFilePath, netlifyToml, (err) => {
+      if (err) {
+        console.error("Could not write netlify.toml file", err);
+        throw err;
+      }
+    });
+  } else {
+    console.log("Appending data to netlify.toml...");
+    fs.appendFile(tomlFilePath, netlifyToml, (err) => {
+      if (err) {
+        console.error("Could not append data to netlify.toml file", err);
+        throw err;
+      }
+    });
+  }
+};
+
+buildRedirectionRules();

package/src/components/Layout.js

@@ -1,14 +1,11 @@
 import React from "react";
 import PropTypes from "prop-types";
-import CssBaseline from "@mui/material/CssBaseline";
-import { ThemeProvider } from "@mui/material/styles";
 import loadable from "@loadable/component";
 import Footer from "./Footer";
 import SponsoredProjectsNav from "./SponsoredProjectsNav";
 import SubscribeForm from "./SubscribeForm";
 import AnnouncementBanner from "./AnnouncementBanner";
 import Header from "./Header";
-import theme from "../theme";
 import NavBarPlaceholder from "./Navbar/placeholder";
 
 const Navbar = loadable(() => import("./Navbar"), {
@@ -18,22 +15,19 @@ const Navbar = loadable(() => import("./Navbar"), {
 
 function Layout({ children }) {
   return (
-    <ThemeProvider theme={theme}>
-      <CssBaseline />
+    <div>
+      <SponsoredProjectsNav />
+      <Navbar />
       <div>
-        <SponsoredProjectsNav />
-        <Navbar />
-        <div>
-          <Header />
-          <AnnouncementBanner />
-          <main id="content-wrapper">
-            {children}
-            <SubscribeForm />
-          </main>
-          <Footer />
-        </div>
+        <Header />
+        <AnnouncementBanner />
+        <main id="content-wrapper">
+          {children}
+          <SubscribeForm />
+        </main>
+        <Footer />
       </div>
-    </ThemeProvider>
+    </div>
   );
 }
 

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

@@ -1 +1 @@
-{ "staticJsonFilesBuildTime": [], "lastBuild": 1713964554954 }
+{ "staticJsonFilesBuildTime": [], "lastBuild": 1714686144309 }