initial commit. got simple router + react working

Author: Michael Williams

.gitignore

@@ -0,0 +1,10 @@
+db.sqlite
+db.test.sqlite
+/static/index.js
+/static/.index.js*
+/static/index.css
+/static/.index.css*
+/node_modules
+npm-debug.log
+*.swp
+/target

.jshintrc

@@ -0,0 +1,25 @@
+{
+  "browser": true,
+  "devel": true,
+  "node": true,
+  "globals": {
+    "describe": false,
+    "it": false,
+    "before": false,
+    "after": false,
+    "beforeEach": false,
+    "afterEach": false
+  },
+  "passfail": false,
+  "curly": true,
+  "eqeqeq": true,
+  "indent": 2,
+  "latedef": true,
+  "newcap": true,
+  "noarg": true,
+  "undef": true,
+  "strict": true,
+  "trailing": true,
+  "multistr": true,
+  "expr": true
+}

.nodemonignore

@@ -0,0 +1,6 @@
+/static/*
+db.sqlite*
+/.git/*
+/README.md
+*.less
+*.swp

.travis.yml

@@ -0,0 +1,6 @@
+language: node_js
+node_js:
+  - "0.10"
+  - "0.8"
+notifications:
+  email: false

index.js

@@ -0,0 +1,3 @@
+#!/usr/bin/env node
+
+module.exports = require('./src');

package.json

@@ -0,0 +1,60 @@
+{
+  "name": "action-delegation",
+  "version": "0.0.0",
+  "description": "a holonic action delegation system",
+  "main": "./index.js",
+  "browser": "./src/client.js",
+  "repository": {
+    "type": "git",
+    "url": "http://github.com/holonomy/action-delegation"
+  },
+  "author": "",
+  "license": "AGPLv3",
+  "bugs": {
+    "url": "https://github.com/holonomy/action-delegation/issues"
+  },
+  "dependencies": {
+    "ecstatic": "~0.4.12",
+    "less": "~1.5.1",
+    "browserify": "~3.14.0",
+    "cssmin": "~0.4.1",
+    "uglify-js": "~2.4.7",
+    "reactify": "~0.7.0",
+    "envify": "~0.2.0",
+    "react": "~0.8.0",
+    "semantic-ui": "git+https://github.com/Semantic-Org/Semantic-UI.git",
+    "underscore": "~1.6.0",
+    "react-router-component": "~0.2.1",
+    "domready": "~0.2.13"
+  },
+  "devDependencies": {
+    "mocha": "~1.16.0",
+    "catw": "~0.2.0",
+    "watchify": "~0.6.1",
+    "nodemon": "~0.7.10",
+    "jshint": "~2.4.0",
+    "testling": "~1.5.3",
+    "npm-release": "~0.0.4",
+    "sinon": "~1.7.3",
+    "chai": "~1.8.1",
+    "chai-as-promised": "~4.1.0",
+    "mocha-as-promised": "~2.0.0"
+  },
+  "browserify": {
+    "transform": [
+      "reactify"
+    ]
+  },
+  "scripts": {
+    "build-js": "browserify src/client.js | uglifyjs -mc > static/index.js",
+    "build-css": "catw -c 'lessc --include-path=src:node_modules/semantic-ui/src -' 'src/index.less' | cssmin > static/index.css",
+    "build": "npm run build-css && npm run build-js",
+    "watch-js": "watchify src/client.js -o static/index.js -dv",
+    "watch-css": "catw -c 'lessc --include-path=src:node_modules/semantic-ui/src -' 'src/index.less' -o static/index.css -v",
+    "watch": "npm run watch-css & npm run watch-js",
+    "lint": "jshint src ;true",
+    "develop": "npm run watch & nodemon index.js",
+    "start": "npm run build && node .",
+    "release": "npm-release patch -m \"version++\""
+  }
+}

src/app.jsx

@@ -0,0 +1,26 @@
+var React = require('react');
+var Router = require('react-router-component');
+
+var Locations = Router.Locations;
+var Location = Router.Location;
+
+var WriteView = require('./write-view.jsx');
+var ReadView = require('./read-view.jsx');
+
+module.exports = React.createClass({
+  render: function () {
+    return (
+      <Locations onClick={this.onClick} ref="router">
+        <Location path="/" handler={WriteView} />
+        <Location path="/write" handler={WriteView} />
+        <Location path="/read" handler={ReadView} />
+      </Locations>
+    );
+  },
+  onClick: function (e) {
+    if (e.target.tagName === 'A' && e.target.attributes.href) {
+      e.preventDefault();
+      this.refs.router.navigate(e.target.attributes.href.value);
+    }
+  },
+});  

src/client.js

@@ -0,0 +1,9 @@
+var React = require('react');
+var domready = require('domready');
+
+var App = require('./app.jsx');
+var app = App(null);
+
+domready(function () {
+  React.renderComponent(app, document.body);
+});

src/index.js

@@ -0,0 +1 @@
+module.exports = require('./server');

src/read-view.jsx

@@ -0,0 +1,16 @@
+var React = require('react');
+
+module.exports = React.createClass({
+  render: function () {
+    return (
+      <div>
+        <nav>
+          <a href="write">write</a>
+        </nav>
+        <main>
+          read
+        </main>
+      </div>
+    );
+  },
+});

src/server.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var http = require('http');
+var ecstatic = require('ecstatic');
+
+var isProd = (process.env.NODE_ENV === "production");
+
+var server = http.createServer(
+  ecstatic({
+    root: __dirname + "/../static",
+    cache: (isProd ? 3600 : 0),
+  })
+).listen(isProd ? 80 : 5000);
+
+module.exports = server;

src/write-view.jsx

@@ -0,0 +1,16 @@
+var React = require('react');
+
+module.exports = React.createClass({
+  render: function () {
+    return (
+      <div>
+        <nav>
+          <a href="read">read</a>
+        </nav>
+        <main>
+          write
+        </main>
+      </div>
+    );
+  },
+});

static/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>workshift</title>
+    <link rel="stylesheet" href="index.css">
+    <script src="index.js"></script>
+  </head>
+  <body>
+  </body>
+</html>