first commit

Author: paulbjensen

.gitignore

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

.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

README.md

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

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);

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;
+};

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');
+
+  });
+
+});

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;
+}

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;
+}