move jsx to components folder

gulp/tasks/build.js

@@ -16,7 +16,9 @@ gulp.task('build', function(done) {
 		);
 	} else {
 		runSequence(
-			'clean',
+			// 'clean',
+			// 'fetchEnhancements',
+			// 'updates',
 			'watch',
 			'browser-sync',
 			'html',

gulp/tasks/fetchEnhancements.js

@@ -1,7 +1,7 @@
 var gulp      = require('gulp');
 var GitHubApi = require('github');
 var _         = require('lodash');
-var fs        = require('fs');
+var fs        = require('fs-extra');
 var template  = require('gulp-template');
 
 gulp.task('fetchEnhancements', function(done) {
@@ -23,7 +23,8 @@ gulp.task('fetchEnhancements', function(done) {
 			})
 			.value();
 
-		fs.writeFileSync('src/js/enhancements.json', JSON.stringify(enhancements, null, 4));
+		fs.ensureFileSync('.tmp/enhancements.json');
+		fs.writeFileSync('.tmp/enhancements.json', JSON.stringify(enhancements, null, 4));
 
 		done();
 	});

gulp/tasks/readme.js

@@ -7,7 +7,7 @@ gulp.task('readme', function() {
 	return gulp.src('src/_README.md')
 		.pipe(data(function() {
 			return {
-				enhancements: require('../../src/js/enhancements.json')
+				enhancements: require('../../.tmp/enhancements.json')
 			};
 		}))
 		.pipe(template())

gulp/tasks/updates.js

@@ -6,11 +6,11 @@ var template  = require('gulp-template');
 
 gulp.task('updates', function(done) {
 
-	var enhancements = JSON.parse(fs.readFileSync('src/js/enhancements.json', 'utf8'));
+	var enhancements = JSON.parse(fs.readFileSync('.tmp/enhancements.json', 'utf8'));
 
 	var updates = _.filter(enhancements, {'state': 'closed'});
 
-	fs.writeFileSync('src/js/updates.json', JSON.stringify(updates, null, 4));
+	fs.writeFileSync('.tmp/updates.json', JSON.stringify(updates, null, 4));
 
 	done();
 });

gulp/tasks/webpack.js

@@ -36,7 +36,7 @@ gulp.task('webpack', function() {
 		});
 	}
 
-	return gulp.src('src/js/Livecoding.jsx')
+	return gulp.src('src/js/components/Livecoding.jsx')
 		.pipe(webpack(config))
 		.pipe(rename('bundle.js'))
 		.pipe(gulp.dest(util.env.prod ? 'dist' : '.tmp'))

package.json

@@ -21,6 +21,7 @@
     "css-loader": "^0.9.0",
     "del": "^0.1.3",
     "exports-loader": "^0.6.2",
+    "fs-extra": "^0.12.0",
     "github": "^0.2.2",
     "gulp": "^3.8.9",
     "gulp-csso": "^0.2.9",

src/js/Editor.jsx → src/js/components/Editor.jsx

@@ -5,26 +5,26 @@ var React      = require('react');
 
 // Include libraries.
 var PubSub     = require('pubsub-js');
-var util       = require('./util.js');
+var util       = require('../util/util.js');
 
 // We'll use CodeMirror as the code editor.
 var CodeMirror = require('codemirror');
 
 // Load CodeMirror HTML/JS/CSS modes.
-require('../../node_modules/codemirror/mode/htmlmixed/htmlmixed.js');
+require('../../../node_modules/codemirror/mode/htmlmixed/htmlmixed.js');
 
 // Require lint framework.
-require('../../node_modules/codemirror/addon/lint/lint.js');
+require('../../../node_modules/codemirror/addon/lint/lint.js');
 
 // Add CSSLint to window,
 window.CSSLint = require('csslint').CSSLint;
 
 // because this file expects it to be on window.
-require('../../node_modules/codemirror/addon/lint/css-lint.js');
+require('../../../node_modules/codemirror/addon/lint/css-lint.js');
 
 // Require our custom linters.
-require('./html-lint.js');
-require('./javascript-lint.js');
+require('../util/html-lint.js');
+require('../util/javascript-lint.js');
 
 // Create the component.
 var Editor = React.createClass({

src/js/Livecoding.jsx → src/js/components/Livecoding.jsx

@@ -13,7 +13,7 @@ var MenuBar = require('./MenuBar.jsx');
 var Output  = require('./Output.jsx');
 var Editor  = require('./Editor.jsx');
 var Updates = require('./Updates.jsx');
-var updateData = require('./updates.json');
+var updateData = require('../../../.tmp/updates.json');
 
 // Create the React component.
 var Livecoding = React.createClass({

src/js/Menubar.jsx → src/js/components/MenuBar.jsx

@@ -5,7 +5,7 @@ var React = require('react/addons');
 
 // Include libraries.
 var PubSub = require('pubsub-js');
-var util   = require('./util.js');
+var util   = require('../util/util.js');
 
 // Create the component.
 var MenuBar = React.createClass({

src/js/Updates.jsx → src/js/components/Updates.jsx

@@ -1,13 +1,16 @@
-var React = require('react/addons');
-var _ = require('lodash');
-var util = require('./util.js');
-var Moment = require('moment');
-
 // This component gets a list of updates from Livecoding.
 // It then displays only those which the user hasn't dismissed.
 // When the user closes this drawer it is equivalent to dismissing all updates
 // presently visible. We store this information on localStorage.
 
+// Include React.
+var React  = require('react');
+
+// Include libraries.
+var _      = require('lodash');
+var util   = require('../util/util.js');
+var Moment = require('moment');
+
 var Updates = React.createClass({
 
 	statics: {