Move to ES6 modules

Export as CommonJS and AMD
Build with Grunt

Author: stevoland

Diff for: .gitignore

@@ -4,4 +4,5 @@ node_modules
 npm-debug.log
 test_bundle.js
 test-built/*
-.idea/
+.idea
+transpiled/*

Diff for: .jshintrc

@@ -10,5 +10,6 @@
   "unused": true,
   "boss": true,
   "eqnull": true,
-  "node": true
+  "node": true,
+  "esnext": true
 }

Diff for: Gruntfile.js

@@ -0,0 +1,141 @@
+module.exports = function (grunt) {
+
+  grunt.initConfig({
+    pkg: grunt.file.readJSON('package.json'),
+    // uglify: {
+    //   options: {
+    //     banner: '/*! <%= pkg.name %> <%= grunt.template.today("yyyy-mm-dd") %> */\n'
+    //   },
+    //   build: {
+    //     src: 'src/<%= pkg.name %>.js',
+    //     dest: 'build/<%= pkg.name %>.min.js'
+    //   }
+    // }
+    //
+    transpile: {
+      cjs: {
+        type: 'cjs',
+        files: [{
+          expand: true,
+          cwd: '.',
+          src: ['transpiled/*.js'],
+          dest: 'cjs/'
+        }]
+      },
+      amd: {
+        type: 'amd',
+        anonymous: true,
+        files: [{
+          expand: true,
+          cwd: '.',
+          src: ['transpiled/*.js'],
+          dest: 'amd/'
+        }]
+      }
+    },
+
+    es6_module_wrap_default: {
+      cjs: {
+        options: {
+          type: 'cjs'
+        },
+        files: [{
+          expand: true,
+          cwd: 'cjs/transpiled',
+          src: ['**/*.js'],
+          dest: 'cjs'
+        }]
+      },
+      amd: {
+        options: {
+          type: 'amd'
+        },
+        files: [{
+          expand: true,
+          cwd: 'amd/transpiled',
+          src: ['**/*.js'],
+          dest: 'amd'
+        }]
+      }
+    },
+
+    react: {
+      src: {
+        files: [
+          {
+            expand: true,
+            cwd: 'src',
+            src: ['**/*.*'],
+            dest: 'transpiled',
+            ext: '.js'
+          }
+        ]
+      },
+      test: {
+        files: [
+          {
+            expand: true,
+            cwd: 'test',
+            src: ['**/*.*'],
+            dest: 'test-built',
+            ext: '.js'
+          }
+        ]
+      }
+    },
+
+    clean: {
+      transpiled: ['transpiled'],
+      cjs: ['cjs'],
+      amd: ['amd']
+    },
+
+    watch: {
+      all: {
+        files: [
+          'src/**/*.jsx',
+          'src/**/*.js',
+          'test/**/*.jsx',
+          'test/**/*.js'
+        ],
+        tasks: ['build'],
+        options: {
+          spawn: false,
+        },
+      },
+    },
+
+    browserify: {
+      test: {
+        files: {
+          'test_bundle.js': ['test-built/**/*.js'],
+        },
+        options: {
+          transform: ['envify']
+        }
+      }
+    }
+  });
+
+  grunt.loadNpmTasks('grunt-contrib-uglify');
+  grunt.loadNpmTasks('grunt-es6-module-transpiler');
+  grunt.loadNpmTasks('grunt-es6-module-wrap-default');
+  grunt.loadNpmTasks('grunt-react');
+  grunt.loadNpmTasks('grunt-contrib-clean');
+  grunt.loadNpmTasks('grunt-contrib-watch');
+  grunt.loadNpmTasks('grunt-es6-module-wrap-default');
+  grunt.loadNpmTasks('grunt-browserify');
+
+  grunt.registerTask('build', [
+    'clean:amd',
+    'clean:cjs',
+    'react',
+    'transpile',
+    'es6_module_wrap_default',
+    'browserify',
+    'clean:transpiled'
+  ]);
+
+  grunt.registerTask('default', ['build']);
+
+};

Diff for: README.md

@@ -22,16 +22,16 @@
 ### <a name="Button"></a>Button
 
 ```
-var Button = require('react-bootstrap/lib/Button');
+var Button = require('react-bootstrap/cjs/Button');
 
 <Button onClick={handleClick}>Title</Button>
 ```
 
 ### <a name="DropdownButton"></a>DropdownButton
 
 ```
-var DropdownButton = require('react-bootstrap/lib/DropdownButton');
-var MenuItem       = require('react-bootstrap/lib/MenuItem');
+var DropdownButton = require('react-bootstrap/cjs/DropdownButton');
+var MenuItem       = require('react-bootstrap/cjs/MenuItem');
 
 function handleSelect (selectedIndex) {
 }
@@ -46,8 +46,8 @@ function handleSelect (selectedIndex) {
 
 #### Controlled
 ```
-var TabbedArea = require('react-bootstrap/lib/TabbedArea');
-var TabPane    = require('react-bootstrap/lib/TabPane');
+var TabbedArea = require('react-bootstrap/cjs/TabbedArea');
+var TabPane    = require('react-bootstrap/cjs/TabPane');
 
 var key = 1;
 
@@ -63,8 +63,8 @@ function handleSelect (selectedKey) {
 
 #### Uncontrolled
 ```
-var TabbedArea = require('react-bootstrap/lib/TabbedArea');
-var TabPane    = require('react-bootstrap/lib/TabPane');
+var TabbedArea = require('react-bootstrap/cjs/TabbedArea');
+var TabPane    = require('react-bootstrap/cjs/TabPane');
 
 <TabbedArea title="Title" initialActiveKey={1}>
   <TabPane tab="Tab 1" key={1}>TabPane 1 content</TabPane>
@@ -75,7 +75,7 @@ var TabPane    = require('react-bootstrap/lib/TabPane');
 ### <a name="Alert"></a>Alert
 
 ```
-var Alert = require('react-bootstrap/lib/Alert');
+var Alert = require('react-bootstrap/cjs/Alert');
 
 function handleDismiss () {
 }
@@ -87,14 +87,14 @@ function handleDismiss () {
 
 ### <a name="CollapsePanel"></a>CollapsePanel
 
-`var CollapsePanel = require('react-bootstrap/lib/CollapsePanel')`
+`var CollapsePanel = require('react-bootstrap/cjs/CollapsePanel')`
 
 TODO docs
 
 ### <a name="MenuItem"></a>MenuItem
 
 ```
-var MenuItem = require('react-bootstrap/lib/MenuItem');
+var MenuItem = require('react-bootstrap/cjs/MenuItem');
 
 function handleSelect (key) {
 }

Diff for: amd/Alert.js

@@ -0,0 +1,3 @@
+define(['./transpiled/Alert'], function (Alert) {
+  return Alert.default;
+})

Diff for: amd/BootstrapMixin.js

@@ -0,0 +1,3 @@
+define(['./transpiled/BootstrapMixin'], function (BootstrapMixin) {
+  return BootstrapMixin.default;
+})

Diff for: amd/Button.js

@@ -0,0 +1,3 @@
+define(['./transpiled/Button'], function (Button) {
+  return Button.default;
+})

Diff for: amd/CollapsePanel.js

@@ -0,0 +1,3 @@
+define(['./transpiled/CollapsePanel'], function (CollapsePanel) {
+  return CollapsePanel.default;
+})

Diff for: amd/DangerMixin.js

@@ -0,0 +1,3 @@
+define(['./transpiled/DangerMixin'], function (DangerMixin) {
+  return DangerMixin.default;
+})

Diff for: amd/DefaultMixin.js

@@ -0,0 +1,3 @@
+define(['./transpiled/DefaultMixin'], function (DefaultMixin) {
+  return DefaultMixin.default;
+})

Diff for: amd/DropdownButton.js

@@ -0,0 +1,3 @@
+define(['./transpiled/DropdownButton'], function (DropdownButton) {
+  return DropdownButton.default;
+})

Diff for: amd/InfoMixin.js

@@ -0,0 +1,3 @@
+define(['./transpiled/InfoMixin'], function (InfoMixin) {
+  return InfoMixin.default;
+})

Diff for: amd/InlineMixin.js

@@ -0,0 +1,3 @@
+define(['./transpiled/InlineMixin'], function (InlineMixin) {
+  return InlineMixin.default;
+})

Diff for: amd/Input.js

@@ -0,0 +1,3 @@
+define(['./transpiled/Input'], function (Input) {
+  return Input.default;
+})

Diff for: amd/LargeMixin.js

@@ -0,0 +1,3 @@
+define(['./transpiled/LargeMixin'], function (LargeMixin) {
+  return LargeMixin.default;
+})

Diff for: amd/LinkMixin.js

@@ -0,0 +1,3 @@
+define(['./transpiled/LinkMixin'], function (LinkMixin) {
+  return LinkMixin.default;
+})

Diff for: amd/MediumMixin.js

@@ -0,0 +1,3 @@
+define(['./transpiled/MediumMixin'], function (MediumMixin) {
+  return MediumMixin.default;
+})

Diff for: amd/MenuItem.js

@@ -0,0 +1,3 @@
+define(['./transpiled/MenuItem'], function (MenuItem) {
+  return MenuItem.default;
+})

Diff for: amd/PrimaryMixin.js

@@ -0,0 +1,3 @@
+define(['./transpiled/PrimaryMixin'], function (PrimaryMixin) {
+  return PrimaryMixin.default;
+})

Diff for: amd/SmallMixin.js

@@ -0,0 +1,3 @@
+define(['./transpiled/SmallMixin'], function (SmallMixin) {
+  return SmallMixin.default;
+})

Diff for: amd/SplitButton.js

@@ -0,0 +1,3 @@
+define(['./transpiled/SplitButton'], function (SplitButton) {
+  return SplitButton.default;
+})

Diff for: amd/SuccessMixin.js

@@ -0,0 +1,3 @@
+define(['./transpiled/SuccessMixin'], function (SuccessMixin) {
+  return SuccessMixin.default;
+})

Diff for: amd/Tab.js

@@ -0,0 +1,3 @@
+define(['./transpiled/Tab'], function (Tab) {
+  return Tab.default;
+})

Diff for: amd/TabPane.js

@@ -0,0 +1,3 @@
+define(['./transpiled/TabPane'], function (TabPane) {
+  return TabPane.default;
+})

Diff for: amd/TabbedArea.js

@@ -0,0 +1,3 @@
+define(['./transpiled/TabbedArea'], function (TabbedArea) {
+  return TabbedArea.default;
+})

Diff for: amd/WarningMixin.js

@@ -0,0 +1,3 @@
+define(['./transpiled/WarningMixin'], function (WarningMixin) {
+  return WarningMixin.default;
+})

Diff for: amd/XSmallMixin.js

@@ -0,0 +1,3 @@
+define(['./transpiled/XSmallMixin'], function (XSmallMixin) {
+  return XSmallMixin.default;
+})

Diff for: amd/constants.js

@@ -0,0 +1,3 @@
+define(['./transpiled/constants'], function (constants) {
+  return constants.default;
+})