Add CORS headers to Webpack Dev Server to allow local serving of assets (#152)

This is for the development environment, so the webpack component can snarf anything from the main react UI app.

Author: patch0

.env.example

@@ -2,4 +2,4 @@ REACT_APP_AUTHENTICATION_CLIENT_ID='editor-dev'
 REACT_APP_AUTHENTICATION_URL='http://localhost:9000'
 REACT_APP_LOGIN_ENABLED='true'
 REACT_APP_API_ENDPOINT='http://localhost:3009'
-REACT_APP_S3_BUCKET='https://editor-images-test.s3.eu-west-2.amazonaws.com'
+REACT_APP_S3_BUCKET='http://localhost:3000'

.env.webcomponent.example

@@ -1 +1 @@
-REACT_APP_S3_BUCKET='https://editor-images-test.s3.eu-west-2.amazonaws.com'
+REACT_APP_S3_BUCKET='http://localhost:3000'

config/webpackDevServer.config.js

@@ -98,6 +98,11 @@ module.exports = function (proxy, allowedHost) {
       // See https://github.com/facebook/create-react-app/issues/387.
       disableDotRule: true,
       index: paths.publicUrlOrPath,
+    },
+     headers: {
+      "Access-Control-Allow-Origin": "*",
+      "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
+      "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
     },
     public: allowedHost,
     // `proxy` is run between `before` and `after` `webpack-dev-server` hooks

public/sense_hat_blob.py

@@ -0,0 +1 @@
+../node_modules/three