Initial commit for modular FrankerFaceZ rewrite.

src/ember/line.js

@@ -0,0 +1,100 @@
+var FFZ = window.FrankerFaceZ;
+
+
+// ---------------------
+// Initialization
+// ---------------------
+
+FFZ.prototype.setup_line = function() {
+	this.log("Hooking the Ember Line controller.");
+
+	var Line = App.__container__.resolve('controller:line'),
+		f = this;
+
+	Line.reopen({
+		tokenizedMessage: function() {
+			// Add our own step to the tokenization procedure.
+			return f._emoticonize(this, this._super());
+
+		}.property("model.message", "isModeratorOrHigher", "controllers.emoticons.emoticons.[]")
+		// TODO: Copy the new properties from the new Twitch!
+	});
+
+
+	this.log("Hooking the Ember Line view.");
+	var Line = App.__container__.resolve('view:line');
+
+	Line.reopen({
+		didInsertElement: function() {
+			this._super();
+
+			var el = this.get('element');
+			el.setAttribute('data-room', this.get('context.parentController.content.id'));
+			el.setAttribute('data-sender', this.get('context.model.from'));
+
+			f.render_badge(this);
+		}
+	});
+}
+
+
+// ---------------------
+// Emoticon Replacement
+// ---------------------
+
+FFZ.prototype._emoticonize = function(controller, tokens) {
+	var room_id = controller.get("parentController.model.id"),
+		user_id = controller.get("model.from"),
+		user = this.users[user_id],
+		room = this.rooms[room_id],
+		f = this;
+
+	// Get our sets.
+	var sets = _.union(user && user.sets || [], room && room.sets || [], f.global_sets),
+		emotes = [];
+
+	// Build a list of emotes that match.
+	_.each(sets, function(set_id) {
+		var set = f.emote_sets[set_id];
+		if ( ! set )
+			return;
+
+		_.each(set.emotes, function(emote) {
+			_.any(tokens, function(token) {
+				return _.isString(token) && token.match(emote.regex);
+			}) && emotes.push(emote);
+		});
+	});
+
+	// Don't bother proceeding if we have no emotes.
+	if ( ! emotes.length )
+		return tokens;
+
+	// Now that we have all the matching tokens, do crazy stuff.
+	if ( typeof tokens == "string" )
+		tokens = [tokens];
+
+	// This is weird stuff I basically copied from the old Twitch code.
+	// Here, for each emote, we split apart every text token and we
+	// put it back together with the matching bits of text replaced
+	// with an object telling Twitch's line template how to render the
+	// emoticon.
+	_.each(emotes, function(emote) {
+		var eo = {isEmoticon:true, cls: emote.klass};
+
+		tokens = _.compact(_.flatten(_.map(tokens, function(token) {
+			if ( _.isObject(token) )
+				return token;
+
+			var tbits = token.split(emote.regex), bits = [];
+			tbits.forEach(function(val, ind) {
+				bits.push(val);
+				if ( ind !== tbits.length - 1 )
+					bits.push(eo);
+			});
+			return bits;
+		})));
+	});
+
+	return tokens;
+}