@openstack_dev/gatsby-theme-marketing-oif-core 1.0.37 → 1.0.39

package/gatsby-config.js

@@ -1,13 +1,13 @@
 const path = require("path");
 
 require("dotenv").config({
-  path: `.env.${process.env.NODE_ENV}`,
+  path: `.env.${process.env.NODE_ENV}`
 });
 
 const {
   STATIC_CONTENT_DIR_PATH,
   SITE_SETTINGS_FILE_PATH,
-  SITE_SETTINGS_DIR_PATH,
+  SITE_SETTINGS_DIR_PATH
 } = require("./src/utils/filePath");
 
 let siteSettings = require(`./${SITE_SETTINGS_FILE_PATH}`);
@@ -17,98 +17,101 @@ try {
   console.log("Falling back to default site settings.");
 }
 
-const title = siteSettings?.siteMetadata?.title || process.env.GATSBY_METADATA_TITLE;
-const description = siteSettings?.siteMetadata?.description
-  || process.env.GATSBY_METADATA_DESCRIPTION;
-const siteUrl = siteSettings?.siteMetadata?.siteUrl || process.env.GATSBY_METADATA_SITE_URL;
+const title =
+  siteSettings?.siteMetadata?.title || process.env.GATSBY_METADATA_TITLE;
+const description =
+  siteSettings?.siteMetadata?.description ||
+  process.env.GATSBY_METADATA_DESCRIPTION;
+const siteUrl =
+  siteSettings?.siteMetadata?.siteUrl || process.env.GATSBY_METADATA_SITE_URL;
 
 const faviconAsset = siteSettings?.favicon?.asset;
 
 const manifestPlugin = faviconAsset
   ? [
-    {
-      resolve: "gatsby-plugin-manifest",
-      options: {
-        name: title,
-        short_name: title,
-        description,
-        start_url: "/",
-        display: "minimal-ui",
-        icon: path.join(SITE_SETTINGS_DIR_PATH, faviconAsset),
-        include_favicon: true,
-      },
-    },
-  ]
+      {
+        resolve: "gatsby-plugin-manifest",
+        options: {
+          name: title,
+          short_name: title,
+          description,
+          start_url: "/",
+          display: "minimal-ui",
+          icon: path.join(SITE_SETTINGS_DIR_PATH, faviconAsset),
+          include_favicon: true
+        }
+      }
+    ]
   : [];
 
 const googleTagManagerPlugin = process.env.GOOGLE_TAGMANAGER_ID
   ? [
-    {
-      resolve: "gatsby-plugin-google-tagmanager",
-      options: {
-        id: process.env.GOOGLE_TAGMANAGER_ID,
-        includeInDevelopment: false,
-        defaultDataLayer: { platform: "gatsby" },
-      },
-    },
-  ]
+      {
+        resolve: "gatsby-plugin-google-tagmanager",
+        options: {
+          id: process.env.GOOGLE_TAGMANAGER_ID,
+          includeInDevelopment: false,
+          defaultDataLayer: { platform: "gatsby" }
+        }
+      }
+    ]
   : [];
 
 const twitterPixelPlugin = process.env.TWITTER_PIXEL_ID
   ? [
-    {
-      resolve: "gatsby-plugin-twitter-pixel",
-      options: {
-        pixelId: process.env.TWITTER_PIXEL_ID,
-      },
-    },
-  ]
+      {
+        resolve: "gatsby-plugin-twitter-pixel",
+        options: {
+          pixelId: process.env.TWITTER_PIXEL_ID
+        }
+      }
+    ]
   : [];
 
 const linkedInInsightPlugin = process.env.LINKEDIN_INSIGHT_PARTNER_ID
   ? [
-    {
-      resolve: require.resolve("./plugins/gatsby-plugin-linkedin-insight"),
-      options: {
-        partnerId: process.env.LINKEDIN_INSIGHT_PARTNER_ID,
-        includeInDevelopment: false,
-      },
-    },
-  ]
+      {
+        resolve: require.resolve("./plugins/gatsby-plugin-linkedin-insight"),
+        options: {
+          partnerId: process.env.LINKEDIN_INSIGHT_PARTNER_ID,
+          includeInDevelopment: false
+        }
+      }
+    ]
   : [];
 
 const quantcastTagPlugin = process.env.QUANTCAST_TAG_ACCOUNT_ID
   ? [
-    {
-      resolve: "gatsby-plugin-quantcast-tag",
-      options: {
-        acccountId: process.env.QUANTCAST_TAG_ACCOUNT_ID,
-        head: false,
-      },
-    },
-  ]
+      {
+        resolve: "gatsby-plugin-quantcast-tag",
+        options: {
+          acccountId: process.env.QUANTCAST_TAG_ACCOUNT_ID,
+          head: false
+        }
+      }
+    ]
   : [];
 
 const cookiebotPlugin = process.env.COOKIEBOT_ID
   ? [
-    {
-      resolve: "gatsby-plugin-cookiebot",
-      options: {
-        cookiebotId: process.env.COOKIEBOT_ID,
-      },
-    },
-  ]
+      {
+        resolve: "gatsby-plugin-cookiebot",
+        options: {
+          cookiebotId: process.env.COOKIEBOT_ID
+        }
+      }
+    ]
   : [];
 
 const plugins = [
   {
     resolve: require.resolve("./plugins/gatsby-plugin-mui-theme-provider"),
     options: {
-      themePath: `${__dirname}/src/theme.js`,
-    },
+      themePath: `${__dirname}/src/theme.js`
+    }
   },
   {
-    resolve: require.resolve("./plugins/gatsby-plugin-emotion-cache-provider"),
+    resolve: require.resolve("./plugins/gatsby-plugin-emotion-cache-provider")
   },
   ...manifestPlugin,
   {
@@ -117,9 +120,9 @@ const plugins = [
       aliases: {
         "@utils": `${__dirname}/src/utils`,
         "@cms": `${__dirname}/src/cms`,
-        "@content": `${__dirname}/src/content`,
-      },
-    },
+        "@content": `${__dirname}/src/content`
+      }
+    }
   },
   {
     /**
@@ -140,39 +143,42 @@ const plugins = [
       cssLoaderOptions: {
         esModule: false,
         modules: {
-          namedExport: false,
-        },
+          namedExport: false
+        }
       },
-    },
+      sassOptions: {
+        silenceDeprecations: ["legacy-js-api"]
+      }
+    }
   },
   {
     // Add font assets before markdown or json files
     resolve: "gatsby-source-filesystem",
     options: {
       path: `${__dirname}/static/fonts`,
-      name: "fonts",
-    },
+      name: "fonts"
+    }
   },
   {
     resolve: "gatsby-source-filesystem",
     options: {
       path: `${__dirname}/src/pages`,
-      name: "pages",
-    },
+      name: "pages"
+    }
   },
   {
     resolve: "gatsby-source-filesystem",
     options: {
       path: path.resolve(STATIC_CONTENT_DIR_PATH),
-      name: "content",
-    },
+      name: "content"
+    }
   },
   {
     resolve: "gatsby-source-filesystem",
     options: {
       path: `${__dirname}/src/data/`,
-      name: "data",
-    },
+      name: "data"
+    }
   },
   "gatsby-plugin-image",
   "gatsby-plugin-sharp",
@@ -188,11 +194,11 @@ const plugins = [
             // 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,
-          },
-        },
-      ],
-    },
+            maxWidth: 2048
+          }
+        }
+      ]
+    }
   },
   {
     resolve: "gatsby-plugin-decap-cms",
@@ -213,11 +219,11 @@ const plugins = [
           ...config.resolve,
           fallback: {
             ...config.resolve.fallback,
-            path: require.resolve("path-browserify"),
-          },
+            path: require.resolve("path-browserify")
+          }
         };
-      },
-    },
+      }
+    }
   },
   ...googleTagManagerPlugin,
   ...twitterPixelPlugin,
@@ -230,30 +236,30 @@ const plugins = [
       fonts: [
         {
           family: "Open Sans",
-          weights: ["300", "400", "700"],
+          weights: ["300", "400", "700"]
         },
         {
-          family: "Jura:wght@300;400;500;600;700",
+          family: "Jura:wght@300;400;500;600;700"
         },
         {
           family:
-            "Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900",
-        },
+            "Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900"
+        }
       ],
-      display: "swap",
-    },
+      display: "swap"
+    }
   },
-  "gatsby-plugin-netlify", // make sure to keep it last in the array
+  "gatsby-plugin-netlify" // make sure to keep it last in the array
 ];
 
 module.exports = {
   siteMetadata: {
     title,
     description,
-    siteUrl,
+    siteUrl
   },
   plugins,
   flags: {
-    DEV_SSR: true,
-  },
+    DEV_SSR: true
+  }
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openstack_dev/gatsby-theme-marketing-oif-core",
-  "version": "1.0.37",
+  "version": "1.0.39",
   "description": "Base theme for Marketing Sites",
   "author": "smarcet",
   "keywords": [
@@ -136,7 +136,7 @@
     "redux-persist": "^6.0.0",
     "redux-thunk": "^2.4.1",
     "sanitize-html": "^2.7.0",
-    "sass": "^1.49.9",
+    "sass": "1.98.0",
     "simple-oauth2": "^4.1.0",
     "slick-carousel": "^1.8.1",
     "smoothscroll-polyfill": "^0.4.4",