7 роки тому · 748422dd24
--- a/frontend-blank/.babelrc
+++ b/frontend-blank/.babelrc
@@ -0,0 +1,9 @@
 
				+{
			
 
				+  "presets": ["latest", "react"],
			
 
				+  "plugins": ["transform-runtime", "transform-object-rest-spread"],
			
 
				+  "env": {
			
 
				+    "production": {
			
 
				+      "plugins": ["transform-remove-console"]
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/frontend-blank/.gitignore
+++ b/frontend-blank/.gitignore
@@ -0,0 +1,8 @@
 
				+.idea
			
 
				+node_modules
			
 
				+build
			
 
				+test-build
			
 
				+npm-debug*
			
 
				+*.swp
			
 
				+public/assets/*
			
 
				+!public/assets/.gitkeep
			
--- a/frontend-blank/package.json
+++ b/frontend-blank/package.json
@@ -0,0 +1,37 @@
 
				+{
			
 
				+  "name": "@brwong/$foldername",
			
 
				+  "author": "Brandon Wong",
			
 
				+  "version": "0.1.0",
			
 
				+  "main": "index.js",
			
 
				+  "scripts": {
			
 
				+    "test": "node test/index.js",
			
 
				+    "watch": "webpack -d --display-error-details --progress --watch",
			
 
				+    "serve": "http-server -a 127.0.0.1",
			
 
				+    "testwatch": "nodemon --watch src --watch test --exec \"npm test\""
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "babel-core": "^6.23.1",
			
 
				+    "babel-loader": "^6.3.2",
			
 
				+    "babel-plugin-transform-object-rest-spread": "^6.23.0",
			
 
				+    "babel-plugin-transform-remove-console": "^6.8.0",
			
 
				+    "babel-plugin-transform-runtime": "^6.23.0",
			
 
				+    "babel-polyfill": "^6.20.0",
			
 
				+    "babel-preset-latest": "^6.22.0",
			
 
				+    "babel-preset-react": "^6.23.0",
			
 
				+    "babel-register": "^6.18.0",
			
 
				+    "css-loader": "^0.26.1",
			
 
				+    "extract-text-webpack-plugin": "^2.0.0-rc.3",
			
 
				+    "file-loader": "^0.10.0",
			
 
				+    "http-server": "^0.9.0",
			
 
				+    "node-sass": "^4.5.0",
			
 
				+    "nodemon": "^1.11.0",
			
 
				+    "sass-loader": "^6.0.0",
			
 
				+    "style-loader": "^0.13.1",
			
 
				+    "tape-promise": "^2.0.1",
			
 
				+    "tape": "^4.6.3",
			
 
				+    "url-loader": "^0.5.7",
			
 
				+    "webpack": "^2.2.1"
			
 
				+  },
			
 
				+  "description": "",
			
 
				+  "private": true
			
 
				+}
			
--- a/frontend-blank/public/assets/.gitkeep
+++ b/frontend-blank/public/assets/.gitkeep
--- a/frontend-blank/public/index.html
+++ b/frontend-blank/public/index.html
@@ -0,0 +1,11 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <title>$foldername</title>
			
 
				+    <link rel="stylesheet" href="/assets/style.css">
			
 
				+</head>
			
 
				+<body>
			
 
				+<script src="/assets/script.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/frontend-blank/src/index.js
+++ b/frontend-blank/src/index.js
@@ -0,0 +1,6 @@
 
				+
			
 
				+import _styles from './style/index.scss';
			
 
				+
			
 
				+console.log('hello');
			
 
				+
			
 
				+
			
--- a/frontend-blank/src/style/index.scss
+++ b/frontend-blank/src/style/index.scss
@@ -0,0 +1,4 @@
 
				+
			
 
				+/* styles go here */
			
 
				+
			
 
				+
			
--- a/frontend-blank/test/main.js
+++ b/frontend-blank/test/main.js
@@ -0,0 +1,8 @@
 
				+
			
 
				+require('babel-register')({
			
 
				+    "presets": ["latest", "react"],
			
 
				+    "plugins": ["transform-runtime", "transform-object-rest-spread"],
			
 
				+});
			
 
				+require('babel-polyfill');
			
 
				+require('./suite.js');
			
 
				+
			
--- a/frontend-blank/test/suite.js
+++ b/frontend-blank/test/suite.js
@@ -0,0 +1,16 @@
 
				+
			
 
				+import tape from 'tape';
			
 
				+import _test from 'tape-promise';
			
 
				+
			
 
				+const tapetest = _test(tape);
			
 
				+
			
 
				+import * as reducers from '../src/reducers/index.js';
			
 
				+import * as actions from '../src/actions.js';
			
 
				+
			
 
				+
			
 
				+tapetest('test', async function testProgram(t) {
			
 
				+    t.pass('empty test file');
			
 
				+    t.end();
			
 
				+});
			
 
				+
			
 
				+
			
--- a/frontend-blank/webpack.config.js
+++ b/frontend-blank/webpack.config.js
@@ -0,0 +1,33 @@
 
				+const webpack = require("webpack");
			
 
				+const path = require('path');
			
 
				+
			
 
				+const ExtractTextPlugin = require('extract-text-webpack-plugin');
			
 
				+
			
 
				+module.exports = {
			
 
				+    entry: {
			
 
				+        script: path.resolve(__dirname, 'src', 'index.js'),
			
 
				+    },
			
 
				+    output: {
			
 
				+        path: path.resolve(__dirname, 'public', 'assets'),
			
 
				+        filename: '[name].js',
			
 
				+        chunkFilename: '[name].js',
			
 
				+        publicPath: '/assets/'
			
 
				+    },
			
 
				+    module: {
			
 
				+        rules: [
			
 
				+            { test: /\.scss$/, use: ExtractTextPlugin.extract({ fallback: "style-loader", use: ["css-loader", "sass-loader"], publicPath: "/assets" }), exclude: /node_modules/ },
			
 
				+            { test: /\.js$/, use: "babel-loader", exclude: /node_modules/ },
			
 
				+            { test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, loader: 'url-loader?limit=10000&mimetype=application/font-woff' },
			
 
				+            { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: 'url-loader?limit=10000&mimetype=application/octet-stream' },
			
 
				+            { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: 'url-loader?limit=10000&mimetype=application/octet-stream' },
			
 
				+            { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: 'file-loader' },
			
 
				+        ],
			
 
				+    },
			
 
				+    plugins: [
			
 
				+        new ExtractTextPlugin({
			
 
				+            filename: "style.css",
			
 
				+            disable: false,
			
 
				+            allChunks: true
			
 
				+        }),
			
 
				+    ],
			
 
				+};
			
--- a/frontend-blank/yarn.lock
+++ b/frontend-blank/yarn.lock
--- a/frontend/.babelrc
+++ b/frontend/.babelrc
@@ -0,0 +1,9 @@
 
				+{
			
 
				+  "presets": ["latest", "react"],
			
 
				+  "plugins": ["transform-runtime", "transform-object-rest-spread"],
			
 
				+  "env": {
			
 
				+    "production": {
			
 
				+      "plugins": ["transform-remove-console"]
			
 
				+    }
			
 
				+  }
			
 
				+}
			
--- a/frontend/.gitignore
+++ b/frontend/.gitignore
@@ -0,0 +1,8 @@
 
				+.idea
			
 
				+node_modules
			
 
				+build
			
 
				+test-build
			
 
				+npm-debug*
			
 
				+*.swp
			
 
				+public/assets/*
			
 
				+!public/assets/.gitkeep
			
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -0,0 +1,46 @@
 
				+{
			
 
				+  "name": "@brwong/$foldername",
			
 
				+  "author": "Brandon Wong",
			
 
				+  "version": "0.1.0",
			
 
				+  "main": "index.js",
			
 
				+  "scripts": {
			
 
				+    "test": "node test/index.js",
			
 
				+    "watch": "webpack -d --display-error-details --progress --watch",
			
 
				+    "serve": "http-server -a 127.0.0.1",
			
 
				+    "testwatch": "nodemon --watch src --watch test --exec \"npm test\""
			
 
				+  },
			
 
				+  "devDependencies": {
			
 
				+    "babel-core": "^6.23.1",
			
 
				+    "babel-loader": "^6.3.2",
			
 
				+    "babel-plugin-transform-object-rest-spread": "^6.23.0",
			
 
				+    "babel-plugin-transform-remove-console": "^6.8.0",
			
 
				+    "babel-plugin-transform-runtime": "^6.23.0",
			
 
				+    "babel-polyfill": "^6.20.0",
			
 
				+    "babel-preset-latest": "^6.22.0",
			
 
				+    "babel-preset-react": "^6.23.0",
			
 
				+    "babel-register": "^6.18.0",
			
 
				+    "css-loader": "^0.26.1",
			
 
				+    "extract-text-webpack-plugin": "^2.0.0-rc.3",
			
 
				+    "file-loader": "^0.10.0",
			
 
				+    "http-server": "^0.9.0",
			
 
				+    "node-sass": "^4.5.0",
			
 
				+    "nodemon": "^1.11.0",
			
 
				+    "react": "^15.4.2",
			
 
				+    "react-dom": "^15.4.2",
			
 
				+    "react-redux": "^5.0.3",
			
 
				+    "redux": "^3.6.0",
			
 
				+    "redux-thunk": "^2.2.0",
			
 
				+    "sass-loader": "^6.0.0",
			
 
				+    "style-loader": "^0.13.1",
			
 
				+    "tape-promise": "^2.0.1",
			
 
				+    "tape": "^4.6.3",
			
 
				+    "url-loader": "^0.5.7",
			
 
				+    "webpack": "^2.2.1"
			
 
				+  },
			
 
				+  "dependencies": {
			
 
				+    "css-loader": "^0.26.2",
			
 
				+    "style-loader": "^0.13.2",
			
 
				+    "url-loader": "^0.5.8"
			
 
				+  },
			
 
				+  "private": true
			
 
				+}
			
--- a/frontend/public/assets/.gitkeep
+++ b/frontend/public/assets/.gitkeep
--- a/frontend/public/index.html
+++ b/frontend/public/index.html
@@ -0,0 +1,12 @@
 
				+<!DOCTYPE html>
			
 
				+<html lang="en">
			
 
				+<head>
			
 
				+    <meta charset="UTF-8">
			
 
				+    <title>$foldername</title>
			
 
				+    <link rel="stylesheet" href="/assets/style.css">
			
 
				+</head>
			
 
				+<body>
			
 
				+    <div id="container"></div>
			
 
				+    <script src="/assets/script.js"></script>
			
 
				+</body>
			
 
				+</html>
			
--- a/frontend/src/actions.js
+++ b/frontend/src/actions.js
@@ -0,0 +1,8 @@
 
				+
			
 
				+
			
 
				+export function action() {
			
 
				+    return {
			
 
				+        type: 'ACTION',
			
 
				+    };
			
 
				+}
			
 
				+
			
--- a/frontend/src/components/App.js
+++ b/frontend/src/components/App.js
@@ -0,0 +1,9 @@
 
				+
			
 
				+import React from 'react';
			
 
				+
			
 
				+
			
 
				+export default function App() {
			
 
				+    return <div>application</div>;
			
 
				+}
			
 
				+
			
 
				+
			
--- a/frontend/src/components/ExampleContainer.js
+++ b/frontend/src/components/ExampleContainer.js
@@ -0,0 +1,23 @@
 
				+
			
 
				+import React from 'react';
			
 
				+import { connect } from 'react-redux';
			
 
				+import ExampleComponent from './ExampleComponent.js';
			
 
				+
			
 
				+
			
 
				+function ExampleContainer(props) {
			
 
				+    return <div>
			
 
				+            <ExampleComponent />
			
 
				+        </div>;
			
 
				+}
			
 
				+
			
 
				+
			
 
				+function stateToProps(state) {
			
 
				+    return {};
			
 
				+}
			
 
				+function dispatchToProps(dispatch) {
			
 
				+    return {};
			
 
				+}
			
 
				+
			
 
				+export default connect(stateToProps, dispatchToProps)(ExampleContainer);
			
 
				+
			
 
				+
			
--- a/frontend/src/index.js
+++ b/frontend/src/index.js
@@ -0,0 +1,27 @@
 
				+
			
 
				+import _styles from './style/index.scss';
			
 
				+import React from 'react';
			
 
				+import ReactDOM from 'react-dom';
			
 
				+import { Provider } from 'react-redux';
			
 
				+import { createStore, applyMiddleware } from 'redux';
			
 
				+//import thunkMiddleware from 'redux-thunk';
			
 
				+
			
 
				+import reducers from './reducers/index.js';
			
 
				+import App from './components/App.js';
			
 
				+
			
 
				+/*
			
 
				+ex:
			
 
				+createStore(reducer, applyMiddleware(thunkMiddleware))
			
 
				+*/
			
 
				+
			
 
				+const store = createStore(reducers, /*initialState,*/ window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__());
			
 
				+
			
 
				+ReactDOM.render(
			
 
				+    <Provider store={store}>
			
 
				+        <App />
			
 
				+    </Provider>,
			
 
				+    document.getElementById('container')
			
 
				+);
			
 
				+
			
 
				+
			
 
				+
			
--- a/frontend/src/reducers/exampleReducer.js
+++ b/frontend/src/reducers/exampleReducer.js
@@ -0,0 +1,12 @@
 
				+
			
 
				+
			
 
				+const defaultState = Object.freeze({});
			
 
				+
			
 
				+export default function example(state = defaultState, action = {type:'NO-OP'}) {
			
 
				+    switch( action.type ) {
			
 
				+        default:
			
 
				+            return state;
			
 
				+    }
			
 
				+}
			
 
				+
			
 
				+
			
--- a/frontend/src/reducers/index.js
+++ b/frontend/src/reducers/index.js
@@ -0,0 +1,11 @@
 
				+
			
 
				+import { combineReducers } from 'redux';
			
 
				+//import reducer from './reducer.js';
			
 
				+
			
 
				+const mainReducer = combineReducers({
			
 
				+    
			
 
				+});
			
 
				+
			
 
				+export { mainReducer as default };
			
 
				+
			
 
				+
			
--- a/frontend/src/style/index.scss
+++ b/frontend/src/style/index.scss
@@ -0,0 +1,4 @@
 
				+
			
 
				+/* styles go here */
			
 
				+
			
 
				+
			
--- a/frontend/test/main.js
+++ b/frontend/test/main.js
@@ -0,0 +1,8 @@
 
				+
			
 
				+require('babel-register')({
			
 
				+    "presets": ["latest", "react"],
			
 
				+    "plugins": ["transform-runtime", "transform-object-rest-spread"],
			
 
				+});
			
 
				+require('babel-polyfill');
			
 
				+require('./suite.js');
			
 
				+
			
--- a/frontend/test/suite.js
+++ b/frontend/test/suite.js
@@ -0,0 +1,16 @@
 
				+
			
 
				+import tape from 'tape';
			
 
				+import _test from 'tape-promise';
			
 
				+
			
 
				+const tapetest = _test(tape);
			
 
				+
			
 
				+import * as reducers from '../src/reducers/index.js';
			
 
				+import * as actions from '../src/actions.js';
			
 
				+
			
 
				+
			
 
				+tapetest('test', async function testProgram(t) {
			
 
				+    t.pass('empty test file');
			
 
				+    t.end();
			
 
				+});
			
 
				+
			
 
				+
			
--- a/frontend/webpack.config.js
+++ b/frontend/webpack.config.js
@@ -0,0 +1,33 @@
 
				+const webpack = require("webpack");
			
 
				+const path = require('path');
			
 
				+
			
 
				+const ExtractTextPlugin = require('extract-text-webpack-plugin');
			
 
				+
			
 
				+module.exports = {
			
 
				+    entry: {
			
 
				+        script: path.resolve(__dirname, 'src', 'index.js'),
			
 
				+    },
			
 
				+    output: {
			
 
				+        path: path.resolve(__dirname, 'public', 'assets'),
			
 
				+        filename: '[name].js',
			
 
				+        chunkFilename: '[name].js',
			
 
				+        publicPath: '/assets/'
			
 
				+    },
			
 
				+    module: {
			
 
				+        rules: [
			
 
				+            { test: /\.scss$/, use: ExtractTextPlugin.extract({ fallback: "style-loader", use: ["css-loader", "sass-loader"], publicPath: "/assets" }), exclude: /node_modules/ },
			
 
				+            { test: /\.js$/, use: "babel-loader", exclude: /node_modules/ },
			
 
				+            { test: /\.(woff|woff2)(\?v=\d+\.\d+\.\d+)?$/, loader: 'url-loader?limit=10000&mimetype=application/font-woff' },
			
 
				+            { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: 'url-loader?limit=10000&mimetype=application/octet-stream' },
			
 
				+            { test: /\.svg(\?v=\d+\.\d+\.\d+)?$/, loader: 'url-loader?limit=10000&mimetype=application/octet-stream' },
			
 
				+            { test: /\.eot(\?v=\d+\.\d+\.\d+)?$/, loader: 'file-loader' },
			
 
				+        ],
			
 
				+    },
			
 
				+    plugins: [
			
 
				+        new ExtractTextPlugin({
			
 
				+            filename: "style.css",
			
 
				+            disable: false,
			
 
				+            allChunks: true
			
 
				+        }),
			
 
				+    ],
			
 
				+};
			
--- a/frontend/yarn.lock
+++ b/frontend/yarn.lock