r
/
p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull Requests Releases 1 Wiki Activity

initial commit

This commit is contained in:
catarak 2016-05-03 00:09:16 -04:00
commit 5e2a57d9eb
10 changed files with 145 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
.babelrc Normal file
View File

@ -0,0 +1,12 @@
{
"presets": ["react", "es2015"],
"env": {
"production": {
"plugins": [
"transform-react-remove-prop-types",
"transform-react-constant-elements",
"transform-react-inline-elements"
]
}
}
}

7
.gitignore vendored Normal file
View File

@ -0,0 +1,7 @@
.DS_Store
node_modules/
npm-debug.log
dump.rdb
public/*
static/dist
static/css/app.min.css

2
README.md Normal file
View File

@ -0,0 +1,2 @@
MERN Stack - MongoDB, Express, React/Redux, Node
https://github.com/Hashnode/mern-starter

7
client/index.js Normal file
View File

@ -0,0 +1,7 @@
import React from 'react';
import { render } from 'react-dom';
render(
<h1>Hello world!</h1>,
document.getElementById('root')
)

11
index.html Normal file
View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html>
<head>
<title>p5.js Web Editor</title>
</head>
<body>
<div id="root">
</div>
<script src="/dist/bundle.js"></script>
</body>
</html>

3
index.js Normal file
View File

@ -0,0 +1,3 @@
require('babel-register');
require('babel-polyfill');
require('./server/server');

33
package.json Normal file
View File

@ -0,0 +1,33 @@
{
"name": "p5.js-web-editor",
"version": "0.0.1",
"description": "The web editor for p5.js.",
"main": "server.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "Cassie Tarakajian",
"license": "ISC",
"devDependencies": {
"babel-loader": "^6.2.4",
"babel-plugin-transform-react-constant-elements": "^6.8.0",
"babel-plugin-transform-react-inline-elements": "^6.8.0",
"babel-plugin-transform-react-remove-prop-types": "^0.2.6",
"babel-polyfill": "^6.8.0",
"babel-preset-es2015": "^6.6.0",
"babel-preset-react": "^6.5.0",
"babel-preset-react-hmre": "^1.1.1",
"babel-register": "^6.8.0",
"webpack": "^1.13.0",
"webpack-dev-middleware": "^1.6.1",
"webpack-hot-middleware": "^2.10.0"
},
"engines": {
"node": ">=4"
},
"dependencies": {
"babel-core": "^6.8.0",
"react": "^15.0.2",
"react-dom": "^15.0.2"
}
}

6
server/config.js Normal file
View File

@ -0,0 +1,6 @@
const config = {
mongoURL: process.env.MONGO_URL || 'mongodb://localhost:27017/p5js-web-editor',
port: process.env.PORT || 8000,
};
export default config;

33
server/server.js Normal file
View File

@ -0,0 +1,33 @@
import Express from 'express';
import path from 'path';
//Webpack Requirements
import webpack from 'webpack';
import config from '../webpack.config';
import webpackDevMiddleware from 'webpack-dev-middleware';
import webpackHotMiddleware from 'webpack-hot-middleware';
const app = new Express();
//add check if production environment here
const compiler = webpack(config);
app.use(webpackDevMiddleware(compiler, { noInfo: true, publicPath: config.output.publicPath }));
app.use(webpackHotMiddleware(compiler));
//Import all required modules
import serverConfig from './config';
app.use(Express.static(path.resolve(__dirname, '../static')));
app.get("/", function(req, res) {
res.sendFile(path.resolve(__dirname + '/../index.html'));
})
// start app
app.listen(serverConfig.port, (error) => {
if (!error) {
console.log(`p5js web editor is running on port: ${serverConfig.port}!`); // eslint-disable-line
}
});
export default app;

31
webpack.config.js Normal file
View File

@ -0,0 +1,31 @@
var webpack = require('webpack');
module.exports = {
devtool: 'cheap-module-eval-source-map',
entry: ['webpack-hot-middleware/client',
'./client/index.js',
],
output: {
path: __dirname + '/dist/',
filename: 'bundle.js',
publicPath: '/dist/'
},
resolve: {
extensions: ['', '.js', '.jsx'],
},
plugins: [
new webpack.HotModuleReplacementPlugin()
],
module: {
loaders: [
{
test: /\.jsx*$/,
exclude: [/node_modules/, /.+\.config.js/],
loader: 'babel',
query: {
presets: ['react-hmre'],
},
},
],
},
};