initial commit
This commit is contained in:
catarak
commit
5e2a57d9eb
10 changed files with 145 additions and 0 deletions
12
.babelrc
Normal file
12
.babelrc
Normal 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
7
.gitignore
vendored
Normal 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
2
README.md
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
MERN Stack - MongoDB, Express, React/Redux, Node
|
||||
https://github.com/Hashnode/mern-starter
|
||||
7
client/index.js
Normal file
7
client/index.js
Normal 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
11
index.html
Normal 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
3
index.js
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
require('babel-register');
|
||||
require('babel-polyfill');
|
||||
require('./server/server');
|
||||
33
package.json
Normal file
33
package.json
Normal 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
6
server/config.js
Normal 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
33
server/server.js
Normal 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
31
webpack.config.js
Normal 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'],
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
};
|
||||
Loading…
Reference in a new issue