feature: allow custom result types

adds built-in result types: html, jsx and plain. Default is html.
new example using react.js
Fixes #9

Author: chmontgomery

bin/startExpressApp.sh

@@ -0,0 +1,3 @@
+#!/bin/bash
+__DIRNAME="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
+$__DIRNAME/../examples/express-app-using-result-json/bin/www

bin/startReactTutorial.sh

@@ -0,0 +1,3 @@
+#!/bin/bash
+__DIRNAME="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
+node "$__DIRNAME/../examples/react-tutorial/server.js"

examples/custom-result/bundle.config.js

@@ -0,0 +1,57 @@
+// default result type is "html"
+
+module.exports = {
+  bundle: {
+    base: {
+      scripts: './scripts/base.js',
+      styles: './styles/base.css',
+      options: {
+        rev: false,
+        uglify: false, // this has to be false, otherwise uglify will blow up when trying to parse a .jsx file
+        result: {
+          type: {
+            scripts: 'jsx',
+            styles: 'html'
+          }
+        }
+      }
+    },
+    default: {
+      scripts: './scripts/default.js',
+      styles: './styles/default.css',
+      options: {
+        rev: false,
+        result: {
+          type: 'html' // applies to both scripts and styles
+        }
+      }
+    },
+    plain: {
+      scripts: './scripts/plain.js',
+      styles: './styles/plain.css',
+      options: {
+        rev: false,
+        result: {
+          type: 'plain'
+        }
+      }
+    },
+    custom: {
+      scripts: './scripts/custom.js',
+      styles: './styles/custom.css',
+      options: {
+        rev: false,
+        result: {
+          type: {
+            scripts: function xJavascript(path) {
+              return "<script async src='" + path + "' type='application/javascript'></script>";
+            },
+            styles: function html(path) {
+              return "<link href='" + path + "' type='text/html'/>";
+            }
+          }
+        }
+      }
+    }
+  }
+};

examples/custom-result/bundle.result.json

@@ -0,0 +1,18 @@
+{
+  "base": {
+    "scripts": "<script src='/public/base.js' type='text/jsx'></script>",
+    "styles": "<link href='/public/base.css' media='screen' rel='stylesheet' type='text/css'/>"
+  },
+  "plain": {
+    "scripts": "/public/plain.js",
+    "styles": "/public/plain.css"
+  },
+  "default": {
+    "styles": "<link href='/public/default.css' media='screen' rel='stylesheet' type='text/css'/>",
+    "scripts": "<script src='/public/default.js' type='text/javascript'></script>"
+  },
+  "custom": {
+    "scripts": "<script async src='/public/custom.js' type='application/javascript'></script>",
+    "styles": "<link href='/public/custom.css' type='text/html'/>"
+  }
+}

examples/custom-result/gulpfile.js

@@ -0,0 +1,17 @@
+var gulp = require('gulp'),
+  rimraf = require('gulp-rimraf'),
+  bundle = require('../../');
+
+gulp.task('bundle', ['clean'], function () {
+  return gulp.src('./bundle.config.js')
+    .pipe(bundle())
+    .pipe(bundle.results({
+      pathPrefix: '/public/'
+    }))
+    .pipe(gulp.dest('./public'));
+});
+
+gulp.task('clean', function () {
+  return gulp.src('./public', { read: false })
+    .pipe(rimraf());
+});

examples/custom-result/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "custom-result",
+  "version": "0.0.0",
+  "description": "",
+  "main": "",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "MIT",
+  "devDependencies": {
+    "gulp": "^3.8.7",
+    "gulp-rimraf": "^0.1.0"
+  }
+}