mirror of
https://github.com/FrankerFaceZ/FrankerFaceZ.git
synced 2025-06-28 15:27:43 +00:00
Chat input is in now, and a ton of other stuff. Why are my commits to trash?
This commit is contained in:
SirStendec
parent
6a62804ec1
commit
a7e7f7498d
18 changed files with 1416 additions and 165 deletions
333
src/ember/chat-input.js
Normal file
333
src/ember/chat-input.js
Normal file
|
|
@ -0,0 +1,333 @@
|
|||
var FFZ = window.FrankerFaceZ,
|
||||
utils = require("../utils"),
|
||||
constants = require("../constants"),
|
||||
|
||||
KEYCODES = {
|
||||
BACKSPACE: 8,
|
||||
TAB: 9,
|
||||
ENTER: 13,
|
||||
ESC: 27,
|
||||
SPACE: 32,
|
||||
LEFT: 37,
|
||||
UP: 38,
|
||||
RIGHT: 39,
|
||||
DOWN: 40,
|
||||
TWO: 50,
|
||||
COLON: 186
|
||||
},
|
||||
|
||||
selection_start = function(e) {
|
||||
if ( typeof e.selectionStart === "number" )
|
||||
return e.selectionStart;
|
||||
|
||||
if ( ! e.createTextRange )
|
||||
return -1;
|
||||
|
||||
var n = document.selection.createRange(),
|
||||
r = e.createTextRange();
|
||||
|
||||
r.moveToBookmark(n.getBookmark());
|
||||
r.moveStart("character", -e.value.length);
|
||||
return r.text.length;
|
||||
},
|
||||
|
||||
move_selection = function(e, pos) {
|
||||
if ( e.setSelectionRange )
|
||||
e.setSelectionRange(pos, pos);
|
||||
else if ( e.createTextRange ) {
|
||||
var r = e.createTextRange();
|
||||
r.move("character", -e.value.length);
|
||||
r.move("character", pos);
|
||||
r.select();
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
// ---------------------
|
||||
// Settings
|
||||
// ---------------------
|
||||
|
||||
FFZ.settings_info.input_quick_reply = {
|
||||
type: "boolean",
|
||||
value: true,
|
||||
|
||||
category: "Chat Input",
|
||||
no_bttv: true,
|
||||
|
||||
name: "Reply to Whispers with /r",
|
||||
help: "Automatically replace /r at the start of the line with the command to whisper to the person you've whispered with most recently."
|
||||
};
|
||||
|
||||
FFZ.settings_info.input_mru = {
|
||||
type: "boolean",
|
||||
value: true,
|
||||
|
||||
category: "Chat Input",
|
||||
no_bttv: true,
|
||||
|
||||
name: "Chat Input History",
|
||||
help: "Use the Up and Down arrows in chat to select previously sent chat messages."
|
||||
};
|
||||
|
||||
FFZ.settings_info.input_emoji = {
|
||||
type: "boolean",
|
||||
value: false,
|
||||
|
||||
category: "Chat Input",
|
||||
visible: false,
|
||||
no_bttv: true,
|
||||
|
||||
name: "Enter Emoji By Name",
|
||||
help: "Replace emoji that you type by name with the character. :+1: becomes 👍."
|
||||
};
|
||||
|
||||
|
||||
// ---------------------
|
||||
// Initialization
|
||||
// ---------------------
|
||||
|
||||
FFZ.prototype.setup_chat_input = function() {
|
||||
this.log("Hooking the Ember Chat Input controller.");
|
||||
var Input = App.__container__.resolve('component:twitch-chat-input'),
|
||||
f = this;
|
||||
|
||||
if ( ! Input )
|
||||
return;
|
||||
|
||||
this._modify_chat_input(Input);
|
||||
|
||||
if ( this._roomv ) {
|
||||
for(var i=0; i < this._roomv._childViews.length; i++) {
|
||||
var v = this._roomv._childViews[i];
|
||||
if ( v instanceof Input ) {
|
||||
this._modify_chat_input(v);
|
||||
v.ffzInit();
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
FFZ.prototype._modify_chat_input = function(component) {
|
||||
var f = this;
|
||||
|
||||
component.reopen({
|
||||
ffz_mru_index: -1,
|
||||
|
||||
didInsertElement: function() {
|
||||
this._super();
|
||||
|
||||
try {
|
||||
this.ffzInit();
|
||||
} catch(err) { f.error("ChatInput didInsertElement: " + err); }
|
||||
},
|
||||
|
||||
willClearRender: function() {
|
||||
try {
|
||||
this.ffzTeardown();
|
||||
} catch(err) { f.error("ChatInput willClearRender: " + err); }
|
||||
return this._super();
|
||||
},
|
||||
|
||||
ffzInit: function() {
|
||||
f._inputv = this;
|
||||
|
||||
// Redo our key bindings.
|
||||
var t = this.$("textarea");
|
||||
t.off("keydown");
|
||||
//t.off("keyup");
|
||||
|
||||
t.on("keydown", this._ffzKeyDown.bind(this));
|
||||
//t.on("keyup", this._ffzKeyUp.bind(this));
|
||||
|
||||
/*var suggestions = this._parentView.get('context.model.chatSuggestions');
|
||||
this.set('ffz_chatters', suggestions);*/
|
||||
},
|
||||
|
||||
ffzTeardown: function() {
|
||||
if ( f._inputv === this )
|
||||
f._inputv = undefined;
|
||||
|
||||
// Reset normal key bindings.
|
||||
var t = this.$("textarea");
|
||||
t.off("keydown");
|
||||
t.on("keydown", this._onKeyDown.bind(this));
|
||||
//t.on("keyup", this._onKeyUp.bind(this));
|
||||
},
|
||||
|
||||
|
||||
// Input Control
|
||||
|
||||
_ffzKeyDown: function(event) {
|
||||
var e = event || window.event,
|
||||
key = e.charCode || e.keyCode;
|
||||
|
||||
switch(key) {
|
||||
case KEYCODES.UP:
|
||||
case KEYCODES.DOWN:
|
||||
if ( this.get("isShowingSuggestions") )
|
||||
e.preventDefault();
|
||||
else if ( f.settings.input_mru )
|
||||
Ember.run.next(this.ffzCycleMRU.bind(this, key));
|
||||
else
|
||||
return this._onKeyDown(event);
|
||||
break;
|
||||
|
||||
case KEYCODES.SPACE:
|
||||
if ( f.settings.input_quick_reply && selection_start(this.get("chatTextArea")) === 2 && this.get("textareaValue").substring(0,2) === "/r" ) {
|
||||
var t = this;
|
||||
Ember.run.next(function() {
|
||||
var wt = t.get("uniqueWhisperSuggestions.0");
|
||||
if ( wt ) {
|
||||
var text = "/w " + wt + t.get("textareaValue").substr(2);
|
||||
t.set("_currentWhisperTarget", 0);
|
||||
t.set("textareaValue", text);
|
||||
|
||||
Ember.run.next(function() {
|
||||
move_selection(t.get('chatTextArea'), 4 + wt.length);
|
||||
});
|
||||
}
|
||||
});
|
||||
} else
|
||||
return this._onKeyDown(event);
|
||||
break;
|
||||
|
||||
case KEYCODES.COLON:
|
||||
if ( false && f.settings.input_emoji && (e.shiftKey || e.shiftLeft) ) {
|
||||
var t = this,
|
||||
ind = selection_start(this.get("chatTextArea"));
|
||||
|
||||
ind > 0 && Ember.run.next(function() {
|
||||
var text = t.get("textareaValue"),
|
||||
emoji_start = text.lastIndexOf(":", ind - 1);
|
||||
|
||||
if ( emoji_start !== -1 && ind !== -1 && text.charAt(ind) === ":" ) {
|
||||
var match = text.substr(emoji_start + 1, ind-emoji_start - 1),
|
||||
emoji_id = f.emoji_names[match],
|
||||
emoji = f.emoji_data[emoji_id];
|
||||
|
||||
if ( emoji ) {
|
||||
var prefix = text.substr(0, emoji_start) + emoji.raw;
|
||||
t.set('textareaValue', prefix + text.substr(ind + 1));
|
||||
Ember.run.next(function() {
|
||||
move_selection(t.get('chatTextArea'), prefix.length);
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
return;
|
||||
}
|
||||
return this._onKeyDown(event);
|
||||
|
||||
case KEYCODES.ENTER:
|
||||
if ( ! e.shiftKey && ! e.shiftLeft )
|
||||
this.set('ffz_mru_index', -1);
|
||||
|
||||
default:
|
||||
return this._onKeyDown(event);
|
||||
}
|
||||
},
|
||||
|
||||
ffzCycleMRU: function(key) {
|
||||
var ind = this.get('ffz_mru_index'),
|
||||
mru = this._parentView.get('context.model.mru_list') || [];
|
||||
|
||||
if ( key === KEYCODES.UP )
|
||||
ind = (ind + 1) % (mru.length + 1);
|
||||
else
|
||||
ind = (ind + mru.length) % (mru.length + 1);
|
||||
|
||||
var old_val = this.get('ffz_old_mru');
|
||||
if ( old_val === undefined )
|
||||
this.set('ffz_old_mru', this.get('textareaValue'));
|
||||
|
||||
var new_val = mru[ind];
|
||||
if ( new_val === undefined ) {
|
||||
this.set('ffz_old_mru', undefined);
|
||||
new_val = old_val;
|
||||
}
|
||||
|
||||
this.set('ffz_mru_index', ind);
|
||||
this.set('textareaValue', new_val);
|
||||
},
|
||||
|
||||
completeSuggestion: function(e) {
|
||||
var r, n, i = this,
|
||||
o = this.get("textareaValue"),
|
||||
a = this.get("partialNameStartIndex");
|
||||
|
||||
r = o.substring(0, a) + (o.charAt(0) === "/" ? e : FFZ.get_capitalization(e));
|
||||
n = o.substring(a + this.get("partialName").length);
|
||||
if ( ! n )
|
||||
r += " ";
|
||||
|
||||
this.set("textareaValue", r + n);
|
||||
this.set("isShowingSuggestions", false);
|
||||
this.set("partialName", "");
|
||||
this.trackSuggestionsCompleted();
|
||||
Ember.run.next(function() {
|
||||
move_selection(i.get('chatTextArea'), r.length);
|
||||
});
|
||||
}
|
||||
|
||||
/*ffz_emoticons: function() {
|
||||
var output = [],
|
||||
|
||||
room = this._parentView.get('context.model'),
|
||||
room_id = room && room.get('id'),
|
||||
tmi = room && room.tmiSession,
|
||||
|
||||
user = f.get_user(),
|
||||
ffz_sets = f.getEmotes(user && user.login, room_id);
|
||||
|
||||
if ( tmi ) {
|
||||
var es = tmi.getEmotes();
|
||||
if ( es && es.emoticon_sets ) {
|
||||
for(var set_id in es.emoticon_sets) {
|
||||
var emote_set = es.emoticon_sets[set_id];
|
||||
for(var emote_id in emote_set) {
|
||||
if ( emote_set[emote_id] ) {
|
||||
var code = emote_set[emote_id].code;
|
||||
output.push({id: constants.KNOWN_CODES[code] || code});
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
for(var i=0; i < ffz_sets.length; i++) {
|
||||
var emote_set = f.emote_sets[ffz_sets[i]];
|
||||
if ( ! emote_set )
|
||||
continue;
|
||||
|
||||
for(var emote_id in emote_set.emoticons) {
|
||||
var emote = emote_set.emoticons[emote_id];
|
||||
if ( ! emote.hidden )
|
||||
output.push({id:emote.name});
|
||||
}
|
||||
}
|
||||
|
||||
return output;
|
||||
}.property(),
|
||||
|
||||
ffz_chatters: [],
|
||||
|
||||
suggestions: function(key, value, previousValue) {
|
||||
if ( arguments.length > 1 ) {
|
||||
this.set('ffz_chatters', value);
|
||||
}
|
||||
|
||||
var output = [];
|
||||
|
||||
// Chatters
|
||||
output = output.concat(this.get('ffz_chatters'));
|
||||
|
||||
// Emoticons
|
||||
if ( this.get('isSuggestionsTriggeredWithTab') ) {
|
||||
output = output.concat(this.get('ffz_emoticons'));
|
||||
}
|
||||
|
||||
return output;
|
||||
}.property("ffz_emoticons", "ffz_chatters", "isSuggestionsTriggeredWithTab")*/
|
||||
});
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue