re-organizing layout and updating for npm publish:

before publishing to npm, the jsx-transform needs to be ran.

Author: skratchdot

.gitignore

@@ -0,0 +1,6 @@
+_ignore/
+lib/
+node_modules/
+.DS_Store
+.npm-debug.log
+.project

.gitmodules

@@ -1,4 +1,4 @@
-[submodule "dist"]
-	path = dist
+[submodule "demo/www"]
+	path = demo/www
 	url = [email protected]:skratchdot/react-bootstrap-multiselect.git
 	branch = gh-pages

.npmignore

@@ -1,9 +1,11 @@
 .git*
 _ignore/
 demo/
+src/
 test/
 www/
 .DS_Store
+.gitignore
 .npm-debug.log
 .project
 .travis.yml

demo/AppContent.js

@@ -5,7 +5,7 @@ var Grid = require('react-bootstrap').Grid;
 var Row = require('react-bootstrap').Row;
 var Col = require('react-bootstrap').Col;
 var Header = require('./Header');
-var Multiselect = require('../index.js');
+var Multiselect = require('../../src/index.js');
 var fileContent = require('./AppContent').content;
 
 var App = React.createClass({

demo/less/demo.less

@@ -0,0 +1,2 @@
+@import "../../../node_modules/bootstrap/less/bootstrap.less";
+@import "bootstrap-multiselect.less";

demo/App.js demo/src/App.js

@@ -6,6 +6,7 @@ var less = require('gulp-less');
 var rename = require("gulp-rename");
 var uglify = require('gulp-uglify');
 var connect = require('gulp-connect');
+var react = require('gulp-react');
 var fs = require('fs');
 var wrap = require("gulp-wrap");
 
@@ -15,7 +16,7 @@ gulp.task('bootstrap-dropdown', function () {
 	gulp.src('./node_modules/bootstrap/js/dropdown.js')
 		.pipe(wrap('var jQuery = require("jquery");\nexports.init = function () {\n<%= contents %>};'))
 		.pipe(rename('bootstrap-dropdown.js'))
-		.pipe(gulp.dest('.'))
+		.pipe(gulp.dest('./src'))
 });
 
 gulp.task('lint', function () {
@@ -25,7 +26,7 @@ gulp.task('lint', function () {
 			//'--show-non-errors',
 			'--config',
 			'./.jshint',
-			'./index.js ./demo/*.js'
+			'./index.js ./demo/src/*.js'
 		].join(' '),
 	function (err, stdout, stderr) {
 		if (stdout) {
@@ -34,15 +35,21 @@ gulp.task('lint', function () {
 	});
 });
 
+gulp.task('prepublish', function () {
+	gulp.src('./src/index.js')
+		.pipe(react())
+		.pipe(gulp.dest('./lib'));
+});
+
 gulp.task('fonts', function () {
 	gulp.src('./node_modules/bootstrap/dist/fonts/*')
-		.pipe(gulp.dest('./dist/fonts/'));
+		.pipe(gulp.dest('./demo/www/fonts/'));
 });
 
 gulp.task('app-content', function () {
-	var content = fs.readFileSync('./demo/App.js', 'utf-8');
+	var content = fs.readFileSync('./demo/src/App.js', 'utf-8');
 	fs.writeFileSync(
-		'./demo/AppContent.js',
+		'./demo/src/AppContent.js',
 		[
 			'/* autogenerated by gulpfile.js */',
 			'exports.content = ' + JSON.stringify(content) + ';'
@@ -53,44 +60,44 @@ gulp.task('app-content', function () {
 
 gulp.task('demo', function () {
 	var buildStyles = function (name) {
-		gulp.src('./demo/less/' + name + '.less')
+		gulp.src('./demo/src/less/' + name + '.less')
 			.pipe(less())
 			.pipe(rename(name + '.debug.css'))
-			.pipe(gulp.dest('./dist/css/'))
+			.pipe(gulp.dest('./demo/www/css/'))
 			.pipe(cssmin())
 			.pipe(rename(name + '.min.css'))
-			.pipe(gulp.dest('./dist/css/'));
+			.pipe(gulp.dest('./demo/www/css/'));
 	};
 	// styles
 	buildStyles('demo');
 	buildStyles('bootstrap-multiselect');
 
 	// scripts
-	gulp.src('./demo/App.js')
+	gulp.src('./demo/src/App.js')
 		.pipe(browserify({
 			debug: true,
 			transform: ['reactify']
 		}))
 		.pipe(rename('demo.debug.js'))
-		.pipe(gulp.dest('./dist/js/'))
+		.pipe(gulp.dest('./demo/www/js/'))
 		.pipe(uglify())
 		.pipe(rename('demo.min.js'))
-		.pipe(gulp.dest('./dist/js/'));
+		.pipe(gulp.dest('./demo/www/js/'));
 });
 
 gulp.task('server', function() {
 	connect.server({
-		root: './dist',
+		root: './demo/www',
 		livereload: true,
 		port: 8080
 	});
 });
 
 gulp.task('watch', function () {
-	gulp.watch(['./index.js','./demo/**/*.js'], ['build']);
+	gulp.watch(['./index.js','./demo/src/**/*.js'], ['build']);
 });
 
-gulp.task('build', ['lint', 'fonts', 'app-content', 'demo']);
+gulp.task('build', ['lint', 'fonts', 'app-content', 'demo', 'prepublish']);
 gulp.task('default', ['bootstrap-dropdown', 'build', 'server', 'watch']);
 
 //handle errors

demo/src/AppContent.js

@@ -1,9 +1,10 @@
 {
   "name": "react-bootstrap-multiselect",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "A multiselect component for react (with bootstrap). This is a react port of: https://github.com/davidstutz/bootstrap-multiselect",
-  "main": "index.js",
+  "main": "./lib/index.js",
   "scripts": {
+    "prepublish": "gulp prepublish",
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "author": "skratchdot",
@@ -20,7 +21,7 @@
   ],
   "dependencies": {
     "jquery": "^2.1.1",
-    "react": "^0.11.0"
+    "react": ">=0.10.0"
   },
   "devDependencies": {
     "bootstrap": "^3.2.0",
@@ -30,6 +31,7 @@
     "gulp-cssmin": "^0.1.6",
     "gulp-less": "^1.3.2",
     "gulp-nodemon": "^1.0.4",
+    "gulp-react": "^0.5.0",
     "gulp-rename": "^1.2.0",
     "gulp-uglify": "^0.3.1",
     "gulp-wrap": "^0.3.0",