first commit

Author: paulbjensen

Diff for: .gitignore

@@ -0,0 +1,6 @@
+.DS_Store
+node_modules
+dump.rdb
+npm-debug.log
+tmp
+client/static/assets

Diff for: .nodemonignore

@@ -0,0 +1,7 @@
+# Ignore file for Nodemon: https://github.com/remy/nodemon
+# Install with 'npm install -g nodemon' then start your app with 'nodemon app.js'
+# From then on, all changes you make to /server will cause your app to automatically restart
+
+/client/*
+./README.md
+.git

Diff for: README.md

@@ -0,0 +1 @@
+# Welcome to your new realtime app

Diff for: app.js

@@ -0,0 +1,30 @@
+// My SocketStream 0.3 app
+
+var http = require('http'),
+    ss = require('socketstream');
+
+// Define a single-page client called 'main'
+ss.client.define('main', {
+  view: 'app.html',
+  css:  ['libs/reset.css', 'app.css'],
+  code: ['libs/jquery.min.js', 'app'],
+  tmpl: '*'
+});
+
+// Serve this client on the root URL
+ss.http.route('/', function(req, res){
+  res.serveClient('main');
+});
+
+// Use server-side compiled Hogan (Mustache) templates. Others engines available
+ss.client.templateEngine.use(require('ss-hogan'));
+
+// Minimize and pack assets if you type: SS_ENV=production node app.js
+if (ss.env === 'production') ss.client.packAssets();
+
+// Start web server
+var server = http.Server(ss.http.middleware);
+server.listen(3000);
+
+// Start SocketStream
+ss.start(server);

Diff for: client/code/app/app.js

@@ -0,0 +1,57 @@
+/* QUICK CHAT DEMO */
+
+// Delete this file once you've seen how the demo works
+
+// Listen out for newMessage events coming from the server
+ss.event.on('newMessage', function(message) {
+
+  // Example of using the Hogan Template in client/templates/chat/message.jade to generate HTML for each message
+  var html = ss.tmpl['chat-message'].render({
+    message: message,
+    time: function() { return timestamp(); }
+  });
+
+  // Append it to the #chatlog div and show effect
+  return $(html).hide().appendTo('#chatlog').slideDown();
+});
+
+// Show the chat form and bind to the submit action
+$('#demo').on('submit', function() {
+
+  // Grab the message from the text box
+  var text = $('#myMessage').val();
+
+  // Call the 'send' funtion (below) to ensure it's valid before sending to the server
+  return exports.send(text, function(success) {
+    if (success) {
+      return $('#myMessage').val('');
+    } else {
+      return alert('Oops! Unable to send message');
+    }
+  });
+});
+
+// Demonstrates sharing code between modules by exporting function
+exports.send = function(text, cb) {
+  if (valid(text)) {
+    return ss.rpc('demo.sendMessage', text, cb);
+  } else {
+    return cb(false);
+  }
+};
+
+
+// Private functions
+
+var timestamp = function() {
+  var d = new Date();
+  return d.getHours() + ':' + pad2(d.getMinutes()) + ':' + pad2(d.getSeconds());
+};
+
+var pad2 = function(number) {
+  return (number < 10 ? '0' : '') + number;
+};
+
+var valid = function(text) {
+  return text && text.length > 0;
+};

Diff for: client/code/app/entry.js

@@ -0,0 +1,24 @@
+// This file automatically gets called first by SocketStream and must always exist
+
+// Make 'ss' available to all modules and the browser console
+window.ss = require('socketstream');
+
+ss.server.on('disconnect', function(){
+  console.log('Connection down :-(');
+});
+
+ss.server.on('reconnect', function(){
+  console.log('Connection back up :-)');
+});
+
+ss.server.on('ready', function(){
+
+  // Wait for the DOM to finish loading
+  jQuery(function(){
+    
+    // Load app
+    require('/app');
+
+  });
+
+});

Diff for: client/code/libs/jquery.min.js

@@ -0,0 +1,84 @@
+/* Example CSS file */
+
+/* Main */
+
+body,
+html {
+  height: 100%;
+}
+body {
+  font: normal 1em sans-serif;
+  background: linear-gradient(top, #eeeeee, #ffffff);
+  text-align: center;
+}
+p {
+  margin-bottom: 1em;
+}
+a {
+  color: #000a68;
+}
+h1 {
+  font-size: 1.5em;
+  font-weight: normal;
+  margin: 1.5em;
+  color: #333;
+  text-shadow: 1px 1px 2px white;
+}
+#content {
+  padding: 50px;
+}
+
+/* Quick Chat Demo */
+
+#demo {
+  border: 1px solid #ccc;
+  width: 700px;
+  text-align: left;
+  margin: 50px auto;
+  padding: 15px;
+  border-radius: 5px;
+}
+#demo h3 {
+  font-size: 1.0em;
+  font-weight: normal;
+}
+#demo h5 {
+  padding: 5px 0;
+  color: #666;
+  font-weight: normal;
+  font-size: 0.8em;
+}
+#demo #myMessage,
+#demo #chatlog {
+  border: none;
+  box-shadow: inset 0 0 2px #777;
+  border-radius: 5px;
+}
+#demo #myMessage {
+  width: 690px;
+  padding: 5px;
+}
+#demo #chatlog {
+  width: 700px;
+  background-color: white;
+  margin: 5px 0;
+}
+#demo #chatlog p {
+  font-size: 0.9em;
+  color: #000a68;
+  padding: 3px 9px;
+  margin: 0;
+}
+#demo #chatlog p:first-child {
+  padding-top: 9px;
+}
+#demo #chatlog p:last-child {
+  padding-bottom: 9px;
+}
+#demo #chatlog span.time {
+  color: #666;
+  float: right;
+  width: 70px;
+  text-align: right;
+  font-size: 0.7em;
+}

Diff for: client/css/app.css

@@ -0,0 +1,48 @@
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed, 
+figure, figcaption, footer, header, hgroup, 
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  font-size: 100%;
+  font: inherit;
+  vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure, 
+footer, header, hgroup, menu, nav, section {
+  display: block;
+}
+body {
+  line-height: 1;
+}
+ol, ul {
+  list-style: none;
+}
+blockquote, q {
+  quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+  content: '';
+  content: none;
+}
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+}

Diff for: client/css/libs/reset.css

@@ -0,0 +1,4 @@
+<p>
+  <span class="time">{{time}}</span>
+  <span class="message">{{message}}</span>
+</p>

Diff for: client/static/favicon.ico

@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8"/>
+    <SocketStream/>
+    <title>Welcome</title>
+  </head>
+  <body>
+    <div id="content">
+      <a href="https://github.com/socketstream/socketstream">
+        <img src="/images/logo.png" alt="SocketStream Logo" width="160" height="160">
+      </a>
+      <h1>Welcome to your new realtime app!</h1>
+
+      <!-- QUICK CHAT DEMO-->
+      <form id="demo" onsubmit="return false">
+        <h3>Quick Chat Demo</h3>
+        <h5>Open this page in multiple tabs or browsers and type a message below</h5>
+        <div id="chatlog"></div>
+        <input id="myMessage" type="text" autocomplete="off">
+      </form>
+    </div>
+  </body>
+</html>

Diff for: client/static/images/logo.png

@@ -0,0 +1,15 @@
+{
+  "name": "test-429",
+  "description": "An awesome real time application",
+  "version": "0.0.1",
+  "author": "Me <[email protected]>",
+  "private": true,
+  "engines": { "node": ">= 0.6.0" },
+  "dependencies": {
+    "socketstream": "0.3.x",
+    "ss-hogan": "0.1.x"
+  },
+  "scripts":{
+    "start":"node app.js"
+  }
+}

Diff for: client/templates/chat/message.html

@@ -0,0 +1,12 @@
+// Example request middleware
+
+// Only let a request through if the session has been authenticated
+exports.authenticated = function() {
+  return function(req, res, next) {
+    if (req.session && (req.session.userId != null)) {
+      return next();
+    } else {
+      return res(false);
+    }
+  };
+};

Diff for: client/views/app.html

@@ -0,0 +1,25 @@
+// Server-side Code
+
+// Define actions which can be called from the client using ss.rpc('demo.ACTIONNAME', param1, param2...)
+exports.actions = function(req, res, ss) {
+
+  // Example of pre-loading sessions into req.session using internal middleware
+  req.use('session');
+
+  // Uncomment line below to use the middleware defined in server/middleware/example
+  //req.use('example.authenticated')
+
+  return {
+
+    sendMessage: function(message) {
+      if (message && message.length > 0) {         // Check for blank messages
+        ss.publish.all('newMessage', message);     // Broadcast the message to everyone
+        return res(true);                          // Confirm it was sent to the originating client
+      } else {
+        return res(false);
+      }
+    }
+
+  };
+
+};