build frontend with parcel and serve with flask

a39bc3b9 · Matt Grau · f1a94460 · a39bc3b9 · a39bc3b9 · a39bc3b9
Commit a39bc3b9 authored 3 years ago by Matt Grau
--- a/.gitignore
+++ b/.gitignore
@@ -9,4 +9,7 @@

 # ignore parcel dist and cache
 *dist
-.cache
\ No newline at end of file
+.cache
+
+# ignore build directory
+frontend/build
\ No newline at end of file
--- a/README.md
+++ b/README.md
@@ -7,11 +7,13 @@ python3 -m venv demo_venv
 ```

 Activate the python environment
+
 ```bash
 source demo_venv/bin/activate
 ```

 Verify that you are in the virtual environment
+
 ```bash
 which pip
 $ ~/tiqi-js-tutorial/demo_venv/bin/pip
@@ -33,6 +35,7 @@ pip install flask
 ```

 ## Create JS Frontend
+
 ```bash
 mkdir frontend
 cd frontend
@@ -41,4 +44,10 @@ npm init

 ```bash
 npm install parcel-bundler
-```
\ No newline at end of file
+```
+
+## Serve frontend from flask
+
+```bash
+npm run-script build
+```
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -10,7 +10,7 @@

 <body>
    <div id="root"></div>
-    <script src='src/index.js'></script>
+    <script src='index.js'></script>
 </body>

 </html>
\ No newline at end of file
--- a/frontend/src/index.js
+++ b/frontend/src/index.js
-import 'regenerator-runtime/runtime'
+import "regenerator-runtime/runtime";
 import React from "react";
 import ReactDOM from "react-dom";
-import 'bootstrap/dist/css/bootstrap.min.css';
+import "bootstrap/dist/css/bootstrap.min.css";

-import Device from './device'
+import Device from "./src/device";

 ReactDOM.render(<Device name="My Device" />, document.getElementById("root"));
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -5,6 +5,7 @@
  "main": "index.js",
  "scripts": {
    "start": "parcel start index.html",
+    "build": "rm -rf build; parcel build index.html --out-dir build --no-source-maps --no-content-hash index.css index.js",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "Matt Grau",
@@ -17,4 +18,4 @@
    "react": "^17.0.2",
    "react-dom": "^17.0.2"
  }
-}
+}
\ No newline at end of file
--- a/server.py
+++ b/server.py
 import flask
-import flask_cors
 from device import Device

 device = Device()
 app = flask.Flask(__name__)
-flask_cors.CORS(app)


-@app.route('/')
-def main():
-    return 'Hello World!'
+@app.route('/<path:path>')
+def main(path):
+    return flask.send_from_directory('frontend/build/', path)


 @app.route('/get_voltage')