feat: include browserify example

Author: PatrickJS

example/browserify-example/.jshintrc

@@ -0,0 +1,21 @@
+{
+  "curly": true,
+  "eqeqeq": true,
+  "immed": true,
+  "latedef": true,
+  "newcap": true,
+  "noarg": true,
+  "sub": true,
+  "undef": true,
+  "unused": false,
+  "boss": true,
+  "eqnull": true,
+  "node": true,
+  "globals": {
+    "window": false,
+    "document": false,
+    "_": false,
+    "alert": false,
+    "app": false
+  }
+}

example/browserify-example/app/app.js

@@ -0,0 +1,16 @@
+require('angular');
+require('angular-animate');
+var ngWebSocket = require('angular-websocket');
+
+var filters = require('./filters');
+var services = require('./services');
+var controllers = require('./controllers');
+
+module.exports = angular.module('chat', [
+  'ngAnimate',
+  ngWebSocket.name,
+  filters.name,
+  controllers.name,
+  services.name
+]);
+

example/browserify-example/app/controllers.js

@@ -0,0 +1,20 @@
+require('angular');
+
+function MessengerController($scope, Messages) {
+  $scope.username = 'anonymous';
+
+  $scope.Messages = Messages;
+
+  $scope.submit = function(new_message) {
+    if (!new_message) { return; }
+    Messages.send({
+      username: $scope.username,
+      message: new_message
+    });
+    $scope.new_message = '';
+  };
+
+}
+
+module.exports = angular.module('app.controllers', [])
+.controller('MessengerController', MessengerController);

example/browserify-example/app/filters.js

@@ -0,0 +1,13 @@
+require('angular');
+
+function capitalize() {
+  function capWord(txt) {
+    return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();
+  }
+  return function(input, isEveryWord) {
+     return (!input) ? '' : (!isEveryWord) ? capWord(input) : input.replace(/([^\W_]+[^\s-]*) */g, capWord);
+  };
+}
+
+module.exports = angular.module('app.filters', [])
+.filter('capitalize', capitalize);

example/browserify-example/app/services.js

@@ -0,0 +1,62 @@
+require('angular');
+var ngWebSocket = require('angular-websocket');
+
+function Messages($websocket) {
+  var ws = $websocket('ws://echo.websocket.org/');
+  var collection = [];
+
+  ws.onMessage(function(event) {
+    console.log('message: ', event);
+    var res;
+    try {
+      res = JSON.parse(event.data);
+    } catch(e) {
+      res = {'username': 'anonymous', 'message': event.data};
+    }
+
+    collection.push({
+      username: res.username,
+      content: res.message,
+      timeStamp: event.timeStamp
+    });
+  });
+
+  ws.onError(function(event) {
+    console.log('connection Error', event);
+  });
+
+  ws.onClose(function(event) {
+    console.log('connection closed', event);
+  });
+
+  ws.onOpen(function() {
+    console.log('connection open');
+    ws.send('Hello World');
+    ws.send('again');
+    ws.send('and again');
+  });
+  // setTimeout(function() {
+  //   ws.close();
+  // }, 500)
+
+  return {
+    collection: collection,
+    status: function() {
+      return ws.readyState;
+    },
+    send: function(message) {
+      if (angular.isString(message)) {
+        ws.send(message);
+      }
+      else if (angular.isObject(message)) {
+        ws.send(JSON.stringify(message));
+      }
+    }
+
+  };
+}
+
+
+module.exports = angular.module('app.services', [ngWebSocket.name])
+.factory('Messages', Messages);
+