Tweetirc presentation

A Node Knockout entry TweetIRC[.com] London Ajax User Group: JavaScript MiniConf (18 th September 2010)

London Ajax User Group: JavaScript MiniConf (18 th September 2010)
48H to build a node.js based project from scratch
Teams from 1 to 4 members
Deployment to Heroku or Joyent, using Git
215 teams around the world
My (solo) team was “Celestial Being”, 10 th place “Overall”
About nodeko

Apply the “chatroom” concept to the Twitter network, similar to the I.R.C interfaces (channels, user lists, commands, ...)
User interface built upon Diijit, inheriting its high-quality widgets browser support and flexibility
Will allow the user to “follow” a large number of Twitter “sources” (searches, users, lists, …) in a compact and user friendly interface
About TweetIRC

Have a working project at the end of the contest
Create a solid codebase (don't give in to spaguetti)
Maximum browser compatibility
Lay groundwork for easy extensibility and modularity
Simple straightforward development
Project goals

node.js backend to handle HTTP requests and configuration
Dijit.Layout containers
Dojo.publish / dojo.subscribe
Dojox.dtl /dojo.cache
A core class (“kernel”) to handle features
Plugin framework
How i built it

London Ajax User Group: JavaScript MiniConf (18 th September 2010) The U.I.
Main dijit.layout.BorderContainer
dijit.layout.TabContainer on the “center” region
Chatrooms are a custom TweetIRC.ChatRoom class which extends dijit.layout.BorderContainer

London Ajax User Group: JavaScript MiniConf (18 th September 2010) dijit.layout.BorderContainer

London Ajax User Group: JavaScript MiniConf (18 th September 2010) The kernel class definition dojo.provide('TweetIRC.Kernel'); dojo.declare("TweetIRC.Kernel", null, { registerPlugin: function(plugin); onTimerTick: function(); onGlobalMessage: function(message); onMessage: function(message); onCommand: function(event); startup: function(/* Object */args); }

London Ajax User Group: JavaScript MiniConf (18 th September 2010) The kernel class use dojo.ready(function(){ var kernel = new TweetIRC.Kernel(); // Register plugins kernel.registerPlugin(new TweetIRC.plugins.ChatRoomPlugin()); kernel.registerPlugin(new TweetIRC.plugins.NodeKOPlugin()); kernel.startup(); // Force 1st tick kernel.onTimerTick(); });

London Ajax User Group: JavaScript MiniConf (18 th September 2010) Plugins dojo.declare("TweetIRC.BasePlugin", null, { _features: {}, _commands: [], ...

London Ajax User Group: JavaScript MiniConf (18 th September 2010) ChatRoomPlugin dojo.declare("TweetIRC.plugins.ChatRoomPlugin", [TweetIRC.BasePlugin], { _chatRooms: [], _selectedChatRoom: null, constructor: function(/* Object */args) { this._features = { 'TweetIRC.features.CommandListener': true, 'TweetIRC.features.GlobalMessageListener': true, 'TweetIRC.features.MessageListener': true, 'TweetIRC.features.DataPoller': true }; this._commands = [ 'JOIN', 'J' ];

London Ajax User Group: JavaScript MiniConf (18 th September 2010) Messaging dojo.publish("/commands", [{publisher:this, command:'/JOIN #dojo'}]); Pushing messages is easy, from anywhere on the browser onCommand: function(event) { if (event.command.indexOf('/')===0) { <...> for (var i=0; i<this._registeredPlugins.length; i++) { var plugin = this._registeredPlugins[i]; if (plugin.hasFeature('TweetIRC.features.CommandListener') && plugin.hasCommand(command)) { plugin.onCommand(command, args, event); }}} Goes into kernel …

London Ajax User Group: JavaScript MiniConf (18 th September 2010) Messaging /** * Handler for /commands */ onCommand: function(command, args, event) { //console.debug("got command:"+command); //console.debug(args, event); if(command==='JOIN' || command==='J') { this._JOIN(args[0]); } }, … and ends in a plugin

London Ajax User Group: JavaScript MiniConf (18 th September 2010) The future
U.I. Improvements
Long polling / streaming / Web sockets
HTML5 Storage
Support for additional networks (Facebook, ...)

London Ajax User Group: JavaScript MiniConf (18 th September 2010) The end Q. & A. José Moreira http://zemanel.eu http://twitter.com/zemanel http://pt.linkedin.com/in/josemoreira

http://localhost	39
http://zemanel.eu	17

Tweetirc presentation

by José Moreira

Accessibility

Categories

Upload Details

Usage Rights

2 Embeds 56

Statistics

Tweetirc presentation Presentation Transcript