fix(ci): disable graph3d for netlify builds (#1329)

netlify/mocks/Graph.tsx

@@ -0,0 +1,23 @@
+import React from 'react';
+
+console.log(React.version);
+
+export function GraphMock() {
+  return (
+    <div
+      style={{
+        position: 'absolute',
+        zIndex: 10,
+        color: 'white',
+        top: '50%',
+      }}
+    >
+      graph is disabled for netlify builds
+    </div>
+  );
+}
+
+const Graph = GraphMock;
+
+// eslint-disable-next-line import/no-unused-modules
+export default Graph;

netlify/mocks/ReactForceGraph.tsx

@@ -0,0 +1,9 @@
+import React from 'react';
+import { GraphMock } from './Graph';
+
+console.log(React.version);
+
+// eslint-disable-next-line import/no-unused-modules, import/prefer-default-export
+export function ForceGraph3D() {
+  return <GraphMock />;
+}

webpack.config.common.js

@@ -121,8 +121,7 @@ const config = {
       {
         test: /\.[jt]sx?$/,
         exclude: /node_modules/,
-        include: /src/,
-        // include: [/src/, /node_modules\/typeit-react/],
+        include: [/src/, /netlify\/mocks/],
         use: {
           loader: 'esbuild-loader',
           options: {

webpack.config.prod.js

@@ -4,6 +4,7 @@ const TerserPlugin = require('terser-webpack-plugin');
 // const CompressionWebpackPlugin = require('compression-webpack-plugin');
 const WorkboxPlugin = require('workbox-webpack-plugin');
 // const { BundleAnalyzerPlugin } = require('webpack-bundle-analyzer');
+const webpack = require('webpack');
 const commonConfig = require('./webpack.config.common');
 
 module.exports = merge(commonConfig, {
@@ -44,6 +45,19 @@ module.exports = merge(commonConfig, {
     ],
   },
   plugins: [
+    ...(process.env.NETLIFY
+      ? [
+          new webpack.NormalModuleReplacementPlugin(
+            /react-force-graph/,
+            (resource) => {
+              resource.request = 'src/../netlify/mocks/ReactForceGraph';
+            }
+          ),
+          // new webpack.NormalModuleReplacementPlugin(/\/GraphNew/, (resource) => {
+          //   resource.request = 'src/../netlify/mocks/Graph';
+          // }),
+        ]
+      : []),
     // disabled to speed up builds
     // new BundleAnalyzerPlugin({
     //   analyzerMode: 'static',