[Bug] Fix build (#19)

* add babel plugin to render correct package.json version
* --max_old_space_size=4096 to biuld script

Signed-off-by: Shan He <[email protected]>

Author: heshan0131

.babelrc

@@ -0,0 +1,16 @@
+const {addBabelPlugin, override} = require('customize-cra');
+const packageJSON = require('./package');
+
+module.exports = override(
+  addBabelPlugin([
+    'search-and-replace',
+    {
+      rules: [
+        {
+          search: '__PACKAGE_VERSION__',
+          replace: packageJSON.version
+        }
+      ]
+    }
+  ])
+);

config-overrides.js

@@ -51,19 +51,22 @@
     "url-parse": "^1.4.3"
   },
   "devDependencies": {
+    "babel-plugin-search-and-replace": "^1.0.0",
+    "customize-cra": "^0.9.1",
     "eslint-config-prettier": "^3.6.0",
     "eslint-config-uber-es2015": "^3.1.2",
     "eslint-config-uber-jsx": "^3.3.3",
     "eslint-plugin-babel": "^5.3.0",
     "eslint-plugin-prettier": "^3.0.1",
-    "eslint-plugin-react": "~7.12.4"
+    "eslint-plugin-react": "~7.12.4",
+    "react-app-rewired": "^2.1.5"
   },
   "scripts": {
     "predeploy": "npm run build",
     "deploy": "gh-pages -d build",
-    "start": "react-scripts start",
-    "build": "react-scripts build",
-    "test": "react-scripts test --env=jsdom",
+    "start": "react-app-rewired start",
+    "build": "react-app-rewired --max_old_space_size=4096 build",
+    "test": "react-app-rewired test --env=jsdom",
     "eject": "react-scripts eject"
   },
   "browserslist": [

package.json

@@ -38,6 +38,9 @@ import CustomSidebarFactory from './components/side-bar';
 // Kepler.gl Schema APIs
 import KeplerGlSchema from 'kepler.gl/schemas';
 
+// READ version from package.json
+const KEPLER_GL_VERSION = '__PACKAGE_VERSION__';
+
 const CustomAddDataButtonFactory = () => {
   const NoButton = () => <div />;
   return NoButton;
@@ -194,7 +197,7 @@ class KeplerGlComponent extends Component {
           mapboxApiAccessToken={this.props.mapboxAPIKey}
           id={MAP_ID}
           appName="Kepler.gl in Tableau"
-          version="0.1.0"
+          version={KEPLER_GL_VERSION}
           theme={this.props.theme === 'light' ? 'base' : undefined}
           width={this.props.width}
           height={this.props.height}