Define basic scripts and dependencies

.gitignore

@@ -0,0 +1 @@
+node_modules/

index.html

@@ -87,9 +87,10 @@
     <!--.auth0-lock -->
 
 
-
+    <div id="lock"></div>
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
     <!-- Include all compiled plugins (below), or include individual files as needed -->
+    <script src="build/build.js"></script>
   </body>
 </html>

package.json

@@ -0,0 +1,44 @@
+{
+  "name": "lock-refactor",
+  "version": "0.0.0",
+  "main": "src/main.js",
+  "license": "MIT",
+  "browserify": {
+    "transform": [
+      [
+        "babelify",
+        {
+          "blacklist": [
+            "regenerator"
+          ]
+        }
+      ]
+    ]
+  },
+  "scripts": {
+    "start": "npm run build && serve .",
+    "build": "browserify --extension=.jsx --extension=.js src/main.js | uglifyjs > build/build.js",
+    "watch": "watchify --extension=.jsx --extension=.js src/main.js -o build/build.js --debug --verbose & serve .",
+    "test": "mochify --recursive --extension=.jsx --extension=.js",
+    "autotest": "mochify --watch --recursive --extension=.jsx --extension=.js"
+  },
+  "devDependencies": {
+    "babelify": "^6.1.2",
+    "browserify": "^10.2.4",
+    "mocha": "^2.2.5",
+    "mochify": "^2.9.0",
+    "packageify": "^0.2.2",
+    "serve": "^1.4.0",
+    "uglify-js": "^2.4.23",
+    "watchify": "^3.2.2"
+  },
+  "dependencies": {
+    "auth0-js": "^6.4.2",
+    "bonzo": "^2.0.0",
+    "domready": "^1.0.8",
+    "flux": "^2.0.3",
+    "react": "^0.13.3",
+    "trim": "0.0.1",
+    "underscore": "^1.8.3"
+  }
+}

src/components/widget.jsx

@@ -0,0 +1,7 @@
+import React from 'react';
+
+export default class Widget extends React.Component {
+  render() {
+    return <h1>Hello world!</h1>;
+  }
+}

src/main.js

@@ -0,0 +1,7 @@
+import React from 'react';
+import Widget from './components/widget';
+
+React.render(
+  <Widget />,
+  document.getElementById('lock')
+);

test/components/widget-test.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import Widget from '../../src/components/widget';
+import assert from 'assert';
+
+describe('Widget', function(){
+
+  var div;
+  var comp;
+
+  function render() {
+    comp = React.render(React.createElement(Widget), div);
+  }
+
+  beforeEach(function () {
+    div = document.createElement("div");
+  });
+
+  afterEach(function () {
+    if (div) {
+      React.unmountComponentAtNode(div);
+      comp = null;
+    }
+  });
+
+  it('renders a h1 that says "Hello world!"', function(){
+    render();
+
+    assert(div.querySelector('h1'));
+    assert.equal(div.querySelector('h1').textContent, 'Hello world!')
+  });
+});