diff --git a/.babelrc b/.babelrc index d42d161e..6c4613dc 100644 --- a/.babelrc +++ b/.babelrc @@ -6,7 +6,8 @@ "transform-react-remove-prop-types", "transform-react-constant-elements", "transform-react-inline-elements" - ] + ], + "presets": ["es2015", "react", "react-optimize", "es2015-native-modules", "stage-0"] } } } \ No newline at end of file diff --git a/.gitignore b/.gitignore index 7b4b6695..4d6c5910 100644 --- a/.gitignore +++ b/.gitignore @@ -4,5 +4,5 @@ node_modules/ npm-debug.log dump.rdb public/* -static/dist -static/css/app.min.css \ No newline at end of file +static/dist/ +static/css/app.min.css diff --git a/README.md b/README.md index a7caf3dd..34910999 100644 --- a/README.md +++ b/README.md @@ -8,14 +8,18 @@ This project is currently in the early stages of development! It will definitely 2. `$ npm install` 3. Install MongoDB and make sure it is running 4. Create a file called `.env` in the root of this directory that looks like - ```bash - MONGO_URL=mongodb://localhost:27017/p5js-web-editor - PORT=8000 - SESSION_SECRET=whatever_you_want_this_to_be_it_only_matters_for_production - ``` - Or, if you don't want to do that, just ask me to send you mine. +```bash +MONGO_URL=mongodb://localhost:27017/p5js-web-editor +PORT=8000 +SESSION_SECRET=whatever_you_want_this_to_be_it_only_matters_for_production +AWS_ACCESS_KEY= +AWS_SECRET_KEY= +S3_BUCKET= +``` +Or, if you don't want to do that, just ask me to send you mine. Refer to [this gist](https://gist.github.com/catarak/70c9301f0fd1ac2d6b58de03f61997e3) for creating an S3 bucket for testing, or if you don't want to do that, I will send you my AWS credentials. + 5. `$ npm start` -6. Navigate to [http://localhost:8000](http://localhost:8000) in your browser +6. Navigate to (http://localhost:8000)[http://localhost:8000] in your browser 7. Install the [React Developer Tools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi?hl=en). 8. Open and close the Redux DevTools using `ctrl+h`, and move them with `ctrl+w` @@ -24,12 +28,16 @@ This project is currently in the early stages of development! It will definitely 2. `$ npm install` 3. Install MongoDB and make sure it is running 4. Create a file called `.env` in the root of this directory that looks like - ```bash - MONGO_URL=mongodb://localhost:27017/p5js-web-editor - PORT=8000 - SESSION_SECRET=make_this_a_long-random_string_like_maybe_126_characters_long - ``` - Or, if you don't want to do that, just ask me to send you mine. +```bash +MONGO_URL=mongodb://localhost:27017/p5js-web-editor +PORT=8000 +SESSION_SECRET=make_this_a_long-random_string_like_maybe_126_characters_long +AWS_ACCESS_KEY= +AWS_SECRET_KEY= +S3_BUCKET= +``` +Or, if you don't want to do that, just ask me to send you mine. Refer to [this gist](https://gist.github.com/catarak/70c9301f0fd1ac2d6b58de03f61997e3) for creating an S3 bucket for testing, or if you don't want to do that, I will send you my AWS credentials. + 5. `$ npm run build` 6. `$ npm run start:prod` @@ -52,5 +60,5 @@ I'm new to using ESLint, but I decided on a configuration based on some popular * https://github.com/petehunt/react-howto * https://github.com/jsbin/jsbin (especially look at the console) * Need to figure out how to solve the XSS issue, https://github.com/jsbin/jsbin/wiki/Best-practices-for-building-your-own-live-paste-bin - * https://www.npmjs.com/package/express-subdomain +* https://www.npmjs.com/package/express-subdomain * https://github.com/jsbin/jsbin/blob/master/public/js/render/console.js - the code is a little messy but it might be our only hope for a console diff --git a/client/components/Nav.js b/client/components/Nav.js index ddccbc1a..87ef80ec 100644 --- a/client/components/Nav.js +++ b/client/components/Nav.js @@ -3,23 +3,23 @@ import { Link } from 'react-router'; function Nav(props) { return ( -