feat(antdsite): add globalComponent and you can set global compoennts.

packages/antdsite/lib/config.js

@@ -2,7 +2,7 @@ const path = require('path');
 const chalk = require('chalk');
 const fs = require('fs-extra');
 const os = require('os');
-const { configName } = require('./constant');
+const { configPath, cacheDir } = require('./constant');
 const { deepMerge } = require('./util');
 
 let userConfig;
@@ -59,7 +59,7 @@ const defaultConfig = {
 module.exports.defaultConfig = defaultConfig;
 
 const createFinalConfig = config => {
-  const filePath = path.resolve(__dirname, '../.cache/finalConfig.js');
+  const filePath = path.resolve(cacheDir, 'finalConfig.js');
   fs.ensureFileSync(filePath);
   const exportConfig = `module.exports = 
   ${JSON.stringify(config)}
@@ -70,15 +70,15 @@ const createFinalConfig = config => {
 const getUserConfig = () => {
   if (userConfig) return userConfig;
 
-  let configPath;
+  let fullConfigPath;
 
   try {
-    configPath = path.resolve(configName);
-    userConfig = require(configPath);
+    fullConfigPath = path.resolve(configPath);
+    userConfig = require(fullConfigPath);
   } catch (error) {
     console.error(
       chalk.red(
-        `[AntdSite]: Error when parsing ${configName} at ${configPath}, fallback to default config, the detail error is bellow:`
+        `[AntdSite]: Error when parsing ${configPath} at ${fullConfigPath}, fallback to default config, the detail error is bellow:`
       )
     );
     console.error(error);

packages/antdsite/lib/constant.js

@@ -1,2 +1,6 @@
-module.exports.configName = '.antdsite/config.js';
+const path = require('path');
+
+module.exports.configPath = '.antdsite/config.js';
 module.exports.themePath = '.antdsite/theme';
+module.exports.globalCompnentPath = '.antdsite/globalComponent';
+module.exports.cacheDir = path.resolve(__dirname, '../.cache');

packages/antdsite/lib/gatsby/onCreateWebpackConfig.js

@@ -1,4 +1,4 @@
-const { themePath } = require('../constant');
+const { themePath, globalCompnentPath } = require('../constant');
 const { getFinalConfig } = require('../config');
 const path = require('path');
 const fs = require('fs');
@@ -8,6 +8,7 @@ const config = getFinalConfig();
 module.exports = ({ stage, actions, loaders }) => {
   resolveLayouts(actions);
   setThemeColors(actions);
+  setGlobalComponent(actions);
 
   if (stage === 'develop') {
     actions.setWebpackConfig({
@@ -94,3 +95,24 @@ function setThemeColors(actions) {
     });
   }
 }
+
+function getGlobalComponentPath() {
+  const compPath = path.resolve(process.cwd(), globalCompnentPath);
+  if (componentExist(compPath)) {
+    return compPath;
+  } else {
+    return path.resolve(__dirname, `../../src/globalComponent`);
+  }
+}
+
+function setGlobalComponent(actions) {
+  const compPath = getGlobalComponentPath();
+
+  actions.setWebpackConfig({
+    resolve: {
+      alias: {
+        'antdsite-g-component': compPath
+      }
+    }
+  });
+}

packages/antdsite/src/globalComponent.ts

@@ -0,0 +1 @@
+export default {};

packages/antdsite/src/module.d.ts

@@ -4,3 +4,9 @@ declare module 'antdsite';
 declare module '*.jsx';
 declare module '@mdx-js/react';
 declare module 'nprogress';
+declare module 'antdsite-g-component';
+declare module 'antdsite-layout';
+declare module 'antdsite-header';
+declare module 'antdsite-footer';
+declare module 'antdsite-main-content';
+declare module 'antdsite-home';

packages/antdsite/src/templates/index.tsx

@@ -9,6 +9,7 @@ import Layout from 'antdsite-layout';
 import MDXRenderer from 'gatsby-mdx-fix/mdx-renderer';
 import Media from 'react-media';
 import { MDXProvider } from '@mdx-js/react';
+import globalComponent from 'antdsite-g-component';
 
 export interface IGraphqlFrontmatterData {
   title: string;
@@ -91,9 +92,8 @@ export default function Template(props: {
   );
 
   const { body } = props.data.mdx.code;
-
   return (
-    <MDXProvider components={{ ...{ PageCustomer: PageContext.Consumer } }}>
+    <MDXProvider components={{ ...globalComponent, ...{ PageCustomer: PageContext.Consumer } }}>
       <PageContext.Provider
         value={{
           ...pageContext,
@@ -137,9 +137,6 @@ export const pageQuery = graphql`
             important
             disabled
           }
-          code {
-            body
-          }
         }
       }
     }