fix(config): watching changes in config files with reload in develop …

…mode

config/config-reader.js

@@ -164,7 +164,9 @@ class EnvReader extends ConfigReader {
 const read = () => {
     const fileConfig = new FileReader().read()
     const envConfig = new EnvReader().read()
-    let config = _.merge(defaults, fileConfig);
+    const def = _.cloneDeep(defaults)
+
+    let config = _.merge(def, fileConfig);
     config = _.merge(config, envConfig);
     postProcessConfig(config);
     return config;

config/config.yml

@@ -6,7 +6,7 @@ metadata:
   pathPrefix: "/"
   ogImage: 
   docsLocation: https://github.com/filipowm/gatsby-gitbook-starter
-  docsLocationType: git
+  docsLocationType: github
   editable: true
   favicon: "/assets/favicon.png"
   themeColor: "#ff0000"

gatsby-node.js

@@ -1,6 +1,8 @@
 const componentWithMDXScope = require("gatsby-plugin-mdx/component-with-mdx-scope");
 const path = require("path");
 const startCase = require("lodash.startcase");
+const chokidar = require(`chokidar`)
+const touch = require("./src/utils/fileUtils")
 
 exports.createSchemaCustomization = ({ actions, schema }) => {
   const { createTypes } = actions;
@@ -133,3 +135,12 @@ exports.onCreateNode = ({ node, getNode, actions }) => {
     });
   }
 };
+
+exports.onPreBootstrap = () => {
+  const watcher = chokidar.watch("./config", {
+    ignored: ["jargon*"],
+  })
+  watcher.on(`change`, path => {
+    touch("./gatsby-config.js")
+  })
+}

src/utils/algolia.js

@@ -1,4 +1,4 @@
-const config = require("../../config/config.js");
+const config = require("../../.generated.config.js");
 
 const pageQuery = `{
   pages: allMdx {

src/utils/fileUtils.js

@@ -0,0 +1,18 @@
+const { close, open, utimes } = require('fs');
+
+const touch = path => {
+  return new Promise((resolve, reject) => {
+    const time = new Date();
+    utimes(path, time, time, err => {
+      if (err) {
+        return open(path, 'w', (err, fd) => {
+          if (err) return reject(err);
+          close(fd, err => (err ? reject(err) : resolve(fd)));
+        });
+      }
+      resolve();
+    });
+  });
+};
+
+module.exports = touch;