refactor: refactoring gatsby node utils

www/utils/createPages.js → www/gatsby-node-functions/createPages.js

@@ -1,9 +1,8 @@
 const path = require('path');
 const fs = require('fs');
-const { getThemesSCSSVariables, processComponentSCSSVariables } = require('../theme-utils');
+const { getThemesSCSSVariables, processComponentSCSSVariables, retrieveRootFiles } = require('./utils');
 const { INSIGHTS_PAGES } = require('../src/config');
 const componentsUsage = require('../src/utils/componentsUsage');
-const { retrieveRootFiles } = require('./tabs-utils');
 
 async function createPages(graphql, actions, reporter) {
   // Destructure the createPage function from the actions object

www/gatsby-node-functions/index.js

@@ -0,0 +1,9 @@
+const createPages = require('./createPages');
+const onCreateNode = require('./onCreateNode');
+const onCreateWebpackConfig = require('./onCreateWebpackConfig');
+const createCssUtilityClassNodes = require('./createCssUtilityClassNodes');
+const onCreatePage = require('./onCreatePage');
+
+module.exports = {
+  createPages, onCreateNode, onCreateWebpackConfig, createCssUtilityClassNodes, onCreatePage,
+};

www/gatsby-node-functions/utils/index.js

@@ -0,0 +1,6 @@
+const { retrieveRootFiles } = require('./component-page-tabs');
+const { getThemesSCSSVariables, processComponentSCSSVariables } = require('./theme-variables');
+
+module.exports = {
+  retrieveRootFiles, getThemesSCSSVariables, processComponentSCSSVariables,
+};

www/theme-utils.js → www/gatsby-node-functions/utils/theme-variables.js

@@ -1,3 +1,4 @@
+/* eslint-disable no-restricted-syntax */
 /**
  * This module contains utilities functions
  * which deal with displaying multiple themes on docs site.
@@ -6,7 +7,7 @@
 const path = require('path');
 const fs = require('fs');
 const readline = require('readline');
-const { THEMES } = require('./theme-config');
+const { THEMES } = require('../../theme-config');
 
 /**
  * Parses SCSS variables stylesheet into JS object of the form {variable: value}
@@ -30,7 +31,6 @@ async function parseSCSSIntoObject(pathToVariables) {
   let currentVariable = '';
   let currentValue = '';
 
-  // eslint-disable-next-line no-restricted-syntax
   for await (const line of rl) {
     // we encountered new variable
     if (line.startsWith('$')) {
@@ -64,11 +64,10 @@ async function parseSCSSIntoObject(pathToVariables) {
 async function getThemesSCSSVariables() {
   const themeSCSSVariables = {};
 
-  // eslint-disable-next-line no-restricted-syntax
   for (const { id, pathToVariables } of THEMES) {
     if (pathToVariables) {
       // eslint-disable-next-line no-await-in-loop
-      themeSCSSVariables[id] = await parseSCSSIntoObject(path.resolve(__dirname, '../node_modules', pathToVariables));
+      themeSCSSVariables[id] = await parseSCSSIntoObject(path.resolve(__dirname, '../../../node_modules', pathToVariables));
     } else {
       themeSCSSVariables[id] = {};
     }
@@ -110,7 +109,6 @@ async function processComponentSCSSVariables(pathToStylesheet, themesData) {
     });
   }
 
-  // eslint-disable-next-line no-restricted-syntax
   for await (const line of rl) {
     if (line.startsWith('$')) {
       if (currentVar && currentValue) {

www/gatsby-node.js

@@ -4,11 +4,13 @@
  * See: https://www.gatsbyjs.com/docs/node-apis/
  */
 
-const createPages = require('./utils/createPages');
-const onCreateNode = require('./utils/onCreateNode');
-const onCreateWebpackConfig = require('./utils/onCreateWebpackConfig');
-const createCssUtilityClassNodes = require('./utils/createCssUtilityClassNodes');
-const onCreatePage = require('./utils/onCreatePage');
+const {
+  createPages,
+  onCreateNode,
+  onCreateWebpackConfig,
+  createCssUtilityClassNodes,
+  onCreatePage,
+} = require('./gatsby-node-functions');
 
 exports.onCreateWebpackConfig = ({ actions }) => onCreateWebpackConfig(actions);