Combining Daniel's PR to fix token-creation

gatsby-config.js

@@ -7,7 +7,7 @@
 module.exports = {
   /* Your site config here */
   plugins: [
-    'fullstack-gatsby-theme-bch-wallet',
+    "fullstack-gatsby-theme-bch-wallet",
     // 'bch-wallet-plugin-postoffice',
     // {
     //   resolve: 'gatsby-plugin-compile-es6-packages',
@@ -16,8 +16,9 @@ module.exports = {
     //   }
     // },
     // require.resolve('/home/trout/work/psf/gatsby-plugin-bch-sweep')
-    'fullstack-gatsby-plugin-bch-sweep',
-    'gatsby-plugin-bch-create-token'
+    "fullstack-gatsby-plugin-bch-sweep",
+    "fullstack-gatsby-plugin-bch-create-token"
+    // 'gatsby-plugin-bch-create-token'
   ],
   // https://www.gatsbyjs.com/docs/reference/release-notes/v2.28/#feature-flags-in-gatsby-configjs
   flags: {

gatsby-node.js

@@ -1,5 +1,6 @@
 const path = require('path')
-// const webpack = require('webpack')
+
+const webpack = require('webpack')
 exports.onCreateWebpackConfig = ({ stage, actions, getConfig, plugins }) => {
   // console.log('stage', stage)
   // console.log('actions', actions)
@@ -8,9 +9,49 @@ exports.onCreateWebpackConfig = ({ stage, actions, getConfig, plugins }) => {
   // https://webpack.js.org/configuration/resolve/
   actions.setWebpackConfig({
     resolve: {
+      fallback: {
+        fs: false,
+        path: require.resolve('path-browserify'),
+        crypto: require.resolve('crypto-browserify'),
+        stream: require.resolve('stream-browserify'),
+        buffer: require.resolve('buffer'),
+        http: require.resolve('stream-http'),
+        zlib: require.resolve('browserify-zlib'),
+        https: require.resolve('https-browserify'),
+        process: require.resolve('process/browser'),
+        assert: require.resolve('assert')
+      },
       alias: {
+        process: 'process/browser',
         'adminlte-2-react': path.resolve('./node_modules/adminlte-2-react')
       }
     }
   })
+
+  // Ignore css order
+  if (stage === 'build-javascript' || stage === 'develop') {
+    const config = getConfig()
+    const miniCssExtractPlugin = config.plugins.find(
+      plugin => plugin.constructor.name === 'MiniCssExtractPlugin'
+    )
+    if (miniCssExtractPlugin) {
+      miniCssExtractPlugin.options.ignoreOrder = true
+    }
+
+    // Create new webpack plugins for resolve 'process/browser'
+    // and buffer/Buffer
+    const processPlugin = new webpack.ProvidePlugin({
+      process: 'process/browser'
+    })
+    const bufferPlugin = new webpack.ProvidePlugin({
+      Buffer: ['buffer', 'Buffer']
+    })
+
+    // Add plugins to webpack plugins array
+    config.plugins.push(processPlugin)
+    config.plugins.push(bufferPlugin)
+
+    // Save the new config
+    actions.replaceWebpackConfig(config)
+  }
 }

package.json

@@ -27,7 +27,8 @@
     "adminlte-2-react": "0.2.0-beta.10",
     "fullstack-gatsby-plugin-bch-sweep": "1.0.0",
     "fullstack-gatsby-theme-bch-wallet": "1.0.4",
-    "gatsby": "4.4.0"
+    "gatsby": "4.4.0",
+    "fullstack-gatsby-plugin-bch-create-token": "1.0.1"
   },
   "repository": {
     "type": "git",

src/fullstack-gatsby-theme-bch-wallet/components/menu-components.js

@@ -6,65 +6,65 @@
   It over-rides he default file in the gatsby-ipfs-web-wallet Theme.
 */
 
-import React from 'react'
-import { Sidebar } from 'adminlte-2-react'
+import React from "react"
+import { Sidebar } from "adminlte-2-react"
 
-import Wallet from 'fullstack-gatsby-theme-bch-wallet/src/components/admin-lte/wallet'
-import Tokens from 'fullstack-gatsby-theme-bch-wallet/src/components/admin-lte/tokens'
-import Configure from 'fullstack-gatsby-theme-bch-wallet/src/components/admin-lte/configure'
-import SendReceive from 'fullstack-gatsby-theme-bch-wallet/src/components/admin-lte/send-receive'
+import Wallet from "fullstack-gatsby-theme-bch-wallet/src/components/admin-lte/wallet"
+import Tokens from "fullstack-gatsby-theme-bch-wallet/src/components/admin-lte/tokens"
+import Configure from "fullstack-gatsby-theme-bch-wallet/src/components/admin-lte/configure"
+import SendReceive from "fullstack-gatsby-theme-bch-wallet/src/components/admin-lte/send-receive"
 
-import About from '../../about'
-import Sweep from 'fullstack-gatsby-plugin-bch-sweep/src/components/sweep/index'
-// import CreateToken from "gatsby-plugin-bch-create-token/src/components/create-token"
+import About from "../../about"
+import Sweep from "fullstack-gatsby-plugin-bch-sweep/src/components/sweep/index"
+import CreateToken from "fullstack-gatsby-plugin-bch-create-token/src/components/create-token"
 
 const { Item } = Sidebar
 
 const MenuComponents = props => {
   return [
     {
-      key: 'Tokens',
-      component: <Tokens key='Tokens' {...props} />,
-      menuItem: <Item icon='fas-coins' key='Tokens' text='Tokens' />
+      key: "Tokens",
+      component: <Tokens key="Tokens" {...props} />,
+      menuItem: <Item icon="fas-coins" key="Tokens" text="Tokens" />
     },
     {
-      key: 'Send/Receive BCH',
-      component: <SendReceive key='Send/Receive BCH' {...props} />,
+      key: "Send/Receive BCH",
+      component: <SendReceive key="Send/Receive BCH" {...props} />,
       menuItem: (
         <Item
-          icon='fa-exchange-alt'
-          key='Send/Receive BCH'
-          text='Send/Receive BCH'
+          icon="fa-exchange-alt"
+          key="Send/Receive BCH"
+          text="Send/Receive BCH"
         />
       )
     },
     {
-      key: 'Sweep',
-      component: <Sweep key='Sweep' {...props} />,
-      menuItem: <Item icon='fas-arrow-circle-up' key='Sweep' text='Sweep' />
+      key: "Sweep",
+      component: <Sweep key="Sweep" {...props} />,
+      menuItem: <Item icon="fas-arrow-circle-up" key="Sweep" text="Sweep" />
     },
     {
-      key: 'Wallet',
-      component: <Wallet key='Wallet' interface='rest-api' {...props} />,
+      key: "Wallet",
+      component: <Wallet key="Wallet" interface="rest-api" {...props} />,
       // component: <Wallet key="Wallet" interface="consumer-api" {...props} />,
-      menuItem: <Item icon='fa-wallet' key='Wallet' text='Wallet' />
-    },
-    // {
-    //   key: 'Create Token',
-    //   component: <CreateToken key='Create Token' {...props} />,
-    //   menuItem: (
-    //     <Item icon='fas-plus-square' key='Create Token' text='Create Token' />
-    //   )
-    // },
-    {
-      key: 'Configure',
-      component: <Configure key='Configure' {...props} />,
-      menuItem: <Item icon='fas-cog' key='Configure' text='Configure' />
+      menuItem: <Item icon="fa-wallet" key="Wallet" text="Wallet" />
     },
     {
-      key: 'About',
-      component: <About key='About' {...props} />,
-      menuItem: <Item icon='fas-question' key='About' text='About' />
+      key: "Create Token",
+      component: <CreateToken key="Create Token" {...props} />,
+      menuItem: (
+        <Item icon="fas-plus-square" key="Create Token" text="Create Token" />
+      )
+    },
+    {
+      key: "Configure",
+      component: <Configure key="Configure" {...props} />,
+      menuItem: <Item icon="fas-cog" key="Configure" text="Configure" />
+    },
+    {
+      key: "About",
+      component: <About key="About" {...props} />,
+      menuItem: <Item icon="fas-question" key="About" text="About" />
     }
   ]
 }

src/html.js

@@ -43,7 +43,7 @@ export default function HTML (props) {
         <script src='https://unpkg.com/minimal-slp-wallet' />
 
         {/* bch-message-lib */}
-        <script src='https://unpkg.com/bch-message-lib' />
+        {/* <script src='https://unpkg.com/bch-message-lib' /> */}
 
         {/* bch-token-sweep */}
         <script src='https://unpkg.com/bch-token-sweep' />