' +
+ configData.subMonthsMsg.replace("{months}", data.submonths) +
+ "
" + chatMessageBox.innerHTML;
+ }
+ if (data.cheers) {
+ chatMessageBox.innerHTML =
+ '' +
+ configData.cheersMsg.replace("{bits}", data.cheers) +
+ "
" + chatMessageBox.innerHTML;
+ }
+ }
+ if ( chatMessageBox.innerHTML.replace(/(<[^>]*>)|\s/g,"").length == 0) {
+ chatMessageBox.classList.add("image_only");
+ }
+
+
+ // 페이지에 Element 연결
+ chatInnerBox.appendChild(chatNicknameBox);
+ chatInnerBox.appendChild(chatBadgeBox);
+ chatOuterBox.appendChild(chatInnerBox);
+ chatOuterBox.inner = chatInnerBox;
+ chatOuterBox.appendChild(chatMessageBox);
+ chatOuterBox.msg = chatMessageBox;
+ document.getElementById("chat_wrapper").appendChild(chatOuterBox);
+
+
+ // 메세지 타임아웃 설정
+ var fadeoutTime = 0;
+ if (configData.msgExistDuration) { fadeoutTime += configData.msgExistDuration * 1000; }
+ if (configData.msgAniDuration) { fadeoutTime += configData.msgAniDuration * 1000; }
+
+ if (fadeoutTime != 0) {
+ setTimeout( function() {
+ chatOuterBox.remove();
+ --numChat;
+ }, fadeoutTime );
+ }
+
+ // 넘치는 메세지를 삭제
+ if((++numChat > configData.numChatMax)) {
+ var first = document.getElementsByClassName("chat_outer_box")[0];
+ document.getElementById("chat_wrapper").removeChild(first);
+ --numChat;
+ }
+
+ return chatOuterBox;
+}
+
+var concatChatMessage = function(nick, message, data) {
+ var lChild = document.getElementById("chat_wrapper").lastChild;
+ if (lChild && lChild.getElementsByClassName("chat_nickname_box")[0].innerHTML == nick) {
+ if (typeof applyMessage != "undefined") { message = applyMessage(message, data); }
+ with (lChild.getElementsByClassName("chat_msg_box")[0]) {
+ innerHTML += "\n\n" + message;
+ style.maxHeight = "none";
+ }
+ }
+ else { addChatMessage.apply(this, arguments); }
+}
+
+var banChatMessage = function(nick) {
+ var children = document.getElementsByClassName("user_"+nick);
+ if (children && children.length > 0) {
+ console.log(children);
+ for (var index in children) {
+ if(Number(index) == NaN) { continue; }
+ children[index].getElementsByClassName("chat_msg_box")[0].innerHTML =
+ "<message deleted>";
+ }
+ }
+}
+
+var applyReplace = function(message, data){ return message; };
+var applyCheerIcon = function(message, data){ return message; };
+var applyTwitchCon = function(message, data){ return message; };
+var applyDcCon = function(message, data){ return message; };
+var applyMessage = function(message, data) {
+ message = applyReplace(message, data);
+ message = applyCheerIcon(message, data);
+ message = applyTwitchCon(message, data);
+ message = applyDcCon(message, data);
+
+ var twipApply = require("./twip_apply.js");
+ if (twipApply) { message = twipApply.apply(message, data); }
+ return message;
+}
+
+
+
+/* 설정 파일 확인 및 디버그 내용 출력 함수 정의 */
+var completeCount = 0;
+var checkComplete = function() {
+ /* CSS, 디씨콘, 이모티콘+구독콘, 후원아이콘, 설정, 그리고 서버 */
+ var num = 5 + configData.channel.match(/#/g).length;
+ if (++completeCount == num) {
+ var chat = addChatMessage("",
+ '' +
+ "┌────────────┐\n" +
+ "│ Ｂ ｒ ｉ ｄ ｇ ｅ │\n" +
+ "│ ■■□□ □□■■ │\n" +
+ "│ ■ □ □ □ ■ │\n" +
+ "│ ■■□□ □ ■ │\n" +
+ "│ ■ □ □ □ ■ │\n" +
+ "│ ■■□□□ □□■■。│\n" +
+ "└────────────┘
' + amount + "" + line); + } + break; + } + } + else if (line[0] == "@") { + // 트위치 명령어 처리 + var data = {}; + var twitchArgs = {}; + args.shift().split(";").forEach( function(element) { + var keyval = element.split("="); + twitchArgs[keyval[0]] = keyval[1]; + } ); + + switch(args[1]) { + case "ROOMSTATE": // 방 정보 + break; + + + + case "USERNOTICE": + if (twitchArgs.msg-param-months && twitchArgs.msg-param-months!="") { + // 구독 메세지 수신 + data.subMonths = Number(twitchArgs.msg-param-months); + } + else { + if (configData.allMessageHandle) { + debugLog("처리되지 않은 메세지를 수신했습니다.
" + line); + } + break; + } + + case "PRIVMSG": // 채팅 수신 + // 이름 지정 + var nick = args[0].split(/[!@]/g)[1]; + var displayNick = twitchArgs["display-name"]; + var realNick = ""; + if (configData.useDisplayName) { + if (displayNick.replace(/\s/g, "")!="") { realNick = displayNick; } + } + else { realNick = nick; } + + var message = args.slice(3).join(" ").substring(1); + data.badges = twitchArgs.badges; + data.color = twitchArgs.color; + data.emotes = twitchArgs.emotes; + data.nick = nick; + + // muteUser 적용 + if (configData.muteUser) { + var match = configData.muteUser.find( function(element) { + return (element == displayNick) || (element == nick); + } ); + + if (match != undefined) break; + } + + // 클립 링크 파싱 + var clip = message.match(/(https?:\/\/)?clips\.[a-zA-Z./]*/g); + if (clip!=null) { + message = message.replace(clip[0], ""); + + if (configData.loadClipPreview) { + var clipRequest = new window.XMLHttpRequest(); + clipRequest.open("GET", clip[0], true); + clipRequest.responseType = "document"; + + var handler = function(evt) { + if(clipRequest.readyState == 4) { + if(clipRequest.status == 200) { + var src, title, uploader; + var metas = clipRequest.responseXML.getElementsByTagName("meta"); + for(var i=0; i
' + title +
+ '
' + uploader + '
';
+ }
+ else {
+ data["clip"] = 'Invalid Clip
';
+ clipRequest.removeEventListener("readystatechange", handler);
+ }
+ addChatMessage(realNick, message, data);
+ }
+ };
+
+ clipRequest.addEventListener('readystatechange', handler);
+ clipRequest.send(null);
+ break;
+ }
+ else {
+ data["clip"] =
+ '' +
+ configData.clipReplaceMsg + '
';
+ }
+ }
+
+ // 유저 이름색 지정
+ if (!data.color || data.color=="") {
+ var n = nick.charCodeAt(0) + nick.charCodeAt(1)*new Date().getDate();
+ data.color = defaultColors[n % defaultColors.length];
+ }
+
+ // 비트 메세지 파싱
+ if (message.match(cheerRegExp) != null) {
+ var cheers = message.match(
+ new RegExp("(" + cheerRegExp.source + ")\\d+ ", "ig"));
+ var cheer = 0;
+ for(var index in cheers) {
+ cheer += Number(cheers[index].replace(cheerRegExp, ""));
+ }
+ data.cheers = cheer;
+ }
+
+ // 메세지 출력
+ addChatMessage(realNick, message, data);
+ break;
+
+ case "NOTICE": // 공지 메세지
+ switch(twitchArgs["msg-id"]) {
+ case "host_off": // 호스팅을 끊었을 때
+ case "host_target_went_offline":
+ // 호스팅이 끊겼을 때
+ debugLog("호스팅이 종료되었습니다.");
+ break;
+
+ case "host_on": // 호스팅되었을 때
+ debugLog(
+ args[5].slice(0,-1) + " 호스팅 중.\n" +
+ "호스팅중인 채팅의 전송은 지원하지 않습니다.");
+ break;
+
+ }
+ break;
+
+ case "CLEARCHAT": // 매니저가 /clear 했을 때
+ if(args.length == 4) {
+ banChatMessage(args[3].substring(1));
+ }
+ else {
+ document.getElementById("chat_wrapper").innerHTML = "";
+ numChat = 0;
+ }
+ break;
+
+ default: // 미처리 메세지
+ if (configData.allMessageHandle) {
+ debugLog("처리되지 않은 메세지를 수신했습니다." + line); + } + break; + } + } + else { + // 서버 연결상태 확인용 ping-pong + if (args[0] == "PING") { ws.send("PONG :tmi.witch.tv\r\n"); } + else if (configData.allMessageHandle) { + debugLog("처리되지 않은 메세지를 수신했습니다.
" + line); + } + } + } ); + } + ws.onclose = function() { + debugLog( + "채팅 서버와의 연결이 종료되었습니다.
" + + configData.retryInterval + "초 후 재접속을 시도합니다."); + setTimeout( + function() { client(); }, + configData.retryInterval * 1000 ); + } +}) (); +},{"./twip_apply.js":2}],2:[function(require,module,exports){ +var twipMsg = + configData&&configData.twipCheersMsg? + configData.twipCheersMsg: + configData.cheersMsg.replace("{bits}", "{wons}").replace(/\s*비트/, "원"); + +exports.apply = function(message, data) { + if (data.nick == "twipkr") { + if ( (message.indexOf("ACTION")!=-1) && (message.indexOf("후원함!")!=-1) ) { + message = message.replace(/\\u0001/g, ""). + replace("ACTION", "").replace("을 후원함!", "원을 후원함!"); + + var amount = message.match(/ (\d+,)*\d+원을 후원함!/g)[0]. + split(" ")[1].replace(/[^\d]/g, ""); + + message = '
' +
+ twipMsg.replace("{wons}", amount) +
+ "
" + message;
+ }
+ }
+
+ return message;
+}
+},{}]},{},[1]);
diff --git a/lib/config.js b/lib/config.js
new file mode 100644
index 0000000..a0ce1d5
--- /dev/null
+++ b/lib/config.js
@@ -0,0 +1,31 @@
+configData = {
+ numChatMax : 20,
+ personalColor : /*false*/true,
+ badgeVisible : true,
+ theme : "default",
+ themeName : "",
+ msgExistDuration : 0,
+ msgAniDuration : 0,
+ debugLevel : 2,
+ useDisplayName : true,
+ loadCheerImgs : true,
+ loadTwitchCons : true,
+ consRealSubsOnly : true,
+ loadDcCons : true,
+ dcConsURI : "",
+ subMonthsMsg : "☆ {months} 개월 구독! ☆",
+ cheersMsg : "☆ {bits} 비트 후원 ! ☆",
+ loadClipPreview : true,
+ clipReplaceMsg : "[ 클립 ]",
+ webSocket : "wss://irc-ws.chat.twitch.tv:443",
+ nick : "justinfan16831",
+ pass : "foobar",
+ channel : "#mr_watert",
+ retryInterval : 2,
+ allMessageHandle : /*false*/true,
+ muteUser : ["Nightbot"],
+ deleteBanMsg : true,
+ replaceMsgs : [
+ {orig:/^![a-zA-Z]+/, to:"{no_display}"} // 봇 호출 영문 메세지 미표시
+ ]
+};
\ No newline at end of file
diff --git a/lib/dccon_list.js b/lib/dccon_list.js
new file mode 100644
index 0000000..7bbc6b4
--- /dev/null
+++ b/lib/dccon_list.js
@@ -0,0 +1,6 @@
+dcConsData = [
+ {name:"소닉링없찐.gif", keywords:["링없찐"], tags:["소닉", "소닉매니아"]},
+ {name:"소닉결혼반지.png", keywords:["결혼반지"], tags:["소닉", "소닉매니아"]},
+ {name:"주인님.png", keywords:["주인님"], tags:["자살"]},
+ {name:"겉바속촉.gif", keywords:["겉바속촉", "가로쉬"], tags:["와우", "헬스크림"]}
+];
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..cc7ef88
--- /dev/null
+++ b/package.json
@@ -0,0 +1,20 @@
+{
+ "name": "BridgeBBCC",
+ "version": "0.2.0",
+ "description": "Bridge Between BroadCasting and twitch Chat",
+ "keywords": [ "twitch", "chat", "IRC" ],
+ "bugs": {
+ "url": "https://github.com/krynen/BridgeBBCC"
+ },
+ "license": "MIT",
+ "author": "Mr_WaterT",
+ "dependencies": {
+ "irc": "~14.4.0"
+ },
+ "engines": {
+ "node": "~8.3.0"
+ },
+ "scripts": {
+ "start": "browserify source/main.js -o lib/browserified.js"
+ }
+}
diff --git a/readme.txt b/readme.txt
new file mode 100644
index 0000000..035c2eb
--- /dev/null
+++ b/readme.txt
@@ -0,0 +1,141 @@
+************************************************************
+* ┌────────────┐ *
+* │ Ｂ ｒ ｉ ｄ ｇ ｅ │ *
+* │ ■■□□ □□■■ │ *
+* │ ■ □ □ □ ■ │ *
+* │ ■■□□ □ ■ │ *
+* │ ■ □ □ □ ■ │ *
+* │ ■■□□□ □□■■。│ *
+* └────────────┘ *
+* written by. Mr_WaterT *
+* *
+* https://github.com/krynen/BridgeBBCC *
+* *
+************************* 사 용 법 *************************
+* *
+* 1. 아래를 참고해 lib/config.js의 내용을 조정 *
+* *
+* 2. 송출 소프트에어의 Webpage Source에 client.html을 추가 *
+* *
+* 3. 로고 표시로 로딩완료를 확인한 후 방송하기 *
+* *
+* *
+********************** config.js 설정 **********************
+* *
+* ★표기된 설정 : 건드려볼만함 *
+* ☆표기된 설정 : 건드리기 좀 어려울 수 있음 *
+* 표기되지 않은 설정 : 건드릴 이유 없음 *
+* *
+* *
+* numChatMax 한번에 표시될 최대 메세지 수 *
+* *
+* ★personalColor 이름 색을 트위치와 같게 *
+* true, false *
+* *
+* ★badgeVisible 왕관 등 뱃지를 표시할지 *
+* true, false *
+* *
+* ★theme 사용할 테마 *
+* theme 폴더 안의 폴더명 입력 *
+* "테마 이름" *
+* *
+* debugLevel 초기 로딩 메세지를 포함한 *
+* 디버그메세지의 표시 여부 *
+* 0(안함) *
+* 1(개발자도구에 로그만 남김) *
+* 2(메세지로 출력) *
+* *
+* ★loadCheerImgs 비트 도네이션 텍스트를 *
+* gif아이콘으로 표시할지 *
+* true, false *
+* *
+* ★loadTwitchCons 트위치 이모티콘과 구독콘을 *
+* 이미지로 표시할지 *
+* true, false *
+* *
+* ★consRealSubsOnly실제 구독자만 구독콘을 쓸 수 있게할지 *
+* (초기 로딩이 빨라짐) *
+* true, false *
+* *
+* ★loadDcCons 디씨콘을 이미지로 표시할지 *
+* true, false *
+* *
+* ☆dcConsURI 디씨콘을 불러올 주소 *
+* "a.b/"일 경우 a.b/에 dccon_list.js를, *
+* a.b/images/에 이미지를. *
+* 자신의 pc에서 불러올 경우 "" *
+* *
+* ★subMonthsMsg 구독 기념 메세지의 강조 문구 *
+* {months}는 개월수로 대체된다 *
+* *
+* ★cheersMsg 비트 도네이션 메세지의 강조 문구 *
+* {bits}는 후원 금액 수치로 대체된다 *
+* *
+* ★loadClipPreview 클립 미리보기를 표시할 지 *
+* true(이미지, 제목 표시) *
+* false(↓의 메세지만 표시) *
+* *
+* ★clipReplaceMsg 클립 미리보기의 대체 텍스트 *
+* ↑가 true이면 그냥 두면 됨 *
+* *
+* ★★channel 접속할 채널 *
+* "#아이디" *
+* *
+* retryInterval 접속이 끊겼을 때 재접속 시도 시간 간격 *
+* 초 *
+* *
+* ★muteUser 특정 유저의 메세지를 표시하지 않기 *
+* ["아이디", "한글닉도OK", "..."] *
+* *
+* ★deleteBanMsg 밴된 유저의 메세지를 *
+* ' +
+ configData.subMonthsMsg.replace("{months}", data.submonths) +
+ "
" + chatMessageBox.innerHTML;
+ }
+ if (data.cheers) {
+ chatMessageBox.innerHTML =
+ '' +
+ configData.cheersMsg.replace("{bits}", data.cheers) +
+ "
" + chatMessageBox.innerHTML;
+ }
+ }
+ if ( chatMessageBox.innerHTML.replace(/(<[^>]*>)|\s/g,"").length == 0) {
+ chatMessageBox.classList.add("image_only");
+ }
+
+
+ // 페이지에 Element 연결
+ chatInnerBox.appendChild(chatNicknameBox);
+ chatInnerBox.appendChild(chatBadgeBox);
+ chatOuterBox.appendChild(chatInnerBox);
+ chatOuterBox.inner = chatInnerBox;
+ chatOuterBox.appendChild(chatMessageBox);
+ chatOuterBox.msg = chatMessageBox;
+ document.getElementById("chat_wrapper").appendChild(chatOuterBox);
+
+
+ // 메세지 타임아웃 설정
+ var fadeoutTime = 0;
+ if (configData.msgExistDuration) { fadeoutTime += configData.msgExistDuration * 1000; }
+ if (configData.msgAniDuration) { fadeoutTime += configData.msgAniDuration * 1000; }
+
+ if (fadeoutTime != 0) {
+ setTimeout( function() {
+ chatOuterBox.remove();
+ --numChat;
+ }, fadeoutTime );
+ }
+
+ // 넘치는 메세지를 삭제
+ if((++numChat > configData.numChatMax)) {
+ var first = document.getElementsByClassName("chat_outer_box")[0];
+ document.getElementById("chat_wrapper").removeChild(first);
+ --numChat;
+ }
+
+ return chatOuterBox;
+}
+
+var concatChatMessage = function(nick, message, data) {
+ var lChild = document.getElementById("chat_wrapper").lastChild;
+ if (lChild && lChild.getElementsByClassName("chat_nickname_box")[0].innerHTML == nick) {
+ if (typeof applyMessage != "undefined") { message = applyMessage(message, data); }
+ with (lChild.getElementsByClassName("chat_msg_box")[0]) {
+ innerHTML += "\n\n" + message;
+ style.maxHeight = "none";
+ }
+ }
+ else { addChatMessage.apply(this, arguments); }
+}
+
+var banChatMessage = function(nick) {
+ var children = document.getElementsByClassName("user_"+nick);
+ if (children && children.length > 0) {
+ console.log(children);
+ for (var index in children) {
+ if(Number(index) == NaN) { continue; }
+ children[index].getElementsByClassName("chat_msg_box")[0].innerHTML =
+ "<message deleted>";
+ }
+ }
+}
+
+var applyReplace = function(message, data){ return message; };
+var applyCheerIcon = function(message, data){ return message; };
+var applyTwitchCon = function(message, data){ return message; };
+var applyDcCon = function(message, data){ return message; };
+var applyMessage = function(message, data) {
+ message = applyReplace(message, data);
+ message = applyCheerIcon(message, data);
+ message = applyTwitchCon(message, data);
+ message = applyDcCon(message, data);
+
+ var twipApply = require("./twip_apply.js");
+ if (twipApply) { message = twipApply.apply(message, data); }
+ return message;
+}
+
+
+
+/* 설정 파일 확인 및 디버그 내용 출력 함수 정의 */
+var completeCount = 0;
+var checkComplete = function() {
+ /* CSS, 디씨콘, 이모티콘+구독콘, 후원아이콘, 설정, 그리고 서버 */
+ var num = 5 + configData.channel.match(/#/g).length;
+ if (++completeCount == num) {
+ var chat = addChatMessage("",
+ '' +
+ "┌────────────┐\n" +
+ "│ Ｂ ｒ ｉ ｄ ｇ ｅ │\n" +
+ "│ ■■□□ □□■■ │\n" +
+ "│ ■ □ □ □ ■ │\n" +
+ "│ ■■□□ □ ■ │\n" +
+ "│ ■ □ □ □ ■ │\n" +
+ "│ ■■□□□ □□■■。│\n" +
+ "└────────────┘
' + amount + "" + line); + } + break; + } + } + else if (line[0] == "@") { + // 트위치 명령어 처리 + var data = {}; + var twitchArgs = {}; + args.shift().split(";").forEach( function(element) { + var keyval = element.split("="); + twitchArgs[keyval[0]] = keyval[1]; + } ); + + switch(args[1]) { + case "ROOMSTATE": // 방 정보 + break; + + + + case "USERNOTICE": + if (twitchArgs.msg-param-months && twitchArgs.msg-param-months!="") { + // 구독 메세지 수신 + data.subMonths = Number(twitchArgs.msg-param-months); + } + else { + if (configData.allMessageHandle) { + debugLog("처리되지 않은 메세지를 수신했습니다.
" + line); + } + break; + } + + case "PRIVMSG": // 채팅 수신 + // 이름 지정 + var nick = args[0].split(/[!@]/g)[1]; + var displayNick = twitchArgs["display-name"]; + var realNick = ""; + if (configData.useDisplayName) { + if (displayNick.replace(/\s/g, "")!="") { realNick = displayNick; } + } + else { realNick = nick; } + + var message = args.slice(3).join(" ").substring(1); + data.badges = twitchArgs.badges; + data.color = twitchArgs.color; + data.emotes = twitchArgs.emotes; + data.nick = nick; + + // muteUser 적용 + if (configData.muteUser) { + var match = configData.muteUser.find( function(element) { + return (element == displayNick) || (element == nick); + } ); + + if (match != undefined) break; + } + + // 클립 링크 파싱 + var clip = message.match(/(https?:\/\/)?clips\.[a-zA-Z./]*/g); + if (clip!=null) { + message = message.replace(clip[0], ""); + + if (configData.loadClipPreview) { + var clipRequest = new window.XMLHttpRequest(); + clipRequest.open("GET", clip[0], true); + clipRequest.responseType = "document"; + + var handler = function(evt) { + if(clipRequest.readyState == 4) { + if(clipRequest.status == 200) { + var src, title, uploader; + var metas = clipRequest.responseXML.getElementsByTagName("meta"); + for(var i=0; i
' + title +
+ '
' + uploader + '
';
+ }
+ else {
+ data["clip"] = 'Invalid Clip
';
+ clipRequest.removeEventListener("readystatechange", handler);
+ }
+ addChatMessage(realNick, message, data);
+ }
+ };
+
+ clipRequest.addEventListener('readystatechange', handler);
+ clipRequest.send(null);
+ break;
+ }
+ else {
+ data["clip"] =
+ '' +
+ configData.clipReplaceMsg + '
';
+ }
+ }
+
+ // 유저 이름색 지정
+ if (!data.color || data.color=="") {
+ var n = nick.charCodeAt(0) + nick.charCodeAt(1)*new Date().getDate();
+ data.color = defaultColors[n % defaultColors.length];
+ }
+
+ // 비트 메세지 파싱
+ if (message.match(cheerRegExp) != null) {
+ var cheers = message.match(
+ new RegExp("(" + cheerRegExp.source + ")\\d+ ", "ig"));
+ var cheer = 0;
+ for(var index in cheers) {
+ cheer += Number(cheers[index].replace(cheerRegExp, ""));
+ }
+ data.cheers = cheer;
+ }
+
+ // 메세지 출력
+ addChatMessage(realNick, message, data);
+ break;
+
+ case "NOTICE": // 공지 메세지
+ switch(twitchArgs["msg-id"]) {
+ case "host_off": // 호스팅을 끊었을 때
+ case "host_target_went_offline":
+ // 호스팅이 끊겼을 때
+ debugLog("호스팅이 종료되었습니다.");
+ break;
+
+ case "host_on": // 호스팅되었을 때
+ debugLog(
+ args[5].slice(0,-1) + " 호스팅 중.\n" +
+ "호스팅중인 채팅의 전송은 지원하지 않습니다.");
+ break;
+
+ }
+ break;
+
+ case "CLEARCHAT": // 매니저가 /clear 했을 때
+ if(args.length == 4) {
+ banChatMessage(args[3].substring(1));
+ }
+ else {
+ document.getElementById("chat_wrapper").innerHTML = "";
+ numChat = 0;
+ }
+ break;
+
+ default: // 미처리 메세지
+ if (configData.allMessageHandle) {
+ debugLog("처리되지 않은 메세지를 수신했습니다." + line); + } + break; + } + } + else { + // 서버 연결상태 확인용 ping-pong + if (args[0] == "PING") { ws.send("PONG :tmi.witch.tv\r\n"); } + else if (configData.allMessageHandle) { + debugLog("처리되지 않은 메세지를 수신했습니다.
" + line); + } + } + } ); + } + ws.onclose = function() { + debugLog( + "채팅 서버와의 연결이 종료되었습니다.
" + + configData.retryInterval + "초 후 재접속을 시도합니다."); + setTimeout( + function() { client(); }, + configData.retryInterval * 1000 ); + } +}) (); \ No newline at end of file diff --git a/source/twip_apply.js b/source/twip_apply.js new file mode 100644 index 0000000..2e81c6d --- /dev/null +++ b/source/twip_apply.js @@ -0,0 +1,22 @@ +var twipMsg = + configData&&configData.twipCheersMsg? + configData.twipCheersMsg: + configData.cheersMsg.replace("{bits}", "{wons}").replace(/\s*비트/, "원"); + +exports.apply = function(message, data) { + if (data.nick == "twipkr") { + if ( (message.indexOf("ACTION")!=-1) && (message.indexOf("후원함!")!=-1) ) { + message = message.replace(/\\u0001/g, ""). + replace("ACTION", "").replace("을 후원함!", "원을 후원함!"); + + var amount = message.match(/ (\d+,)*\d+원을 후원함!/g)[0]. + split(" ")[1].replace(/[^\d]/g, ""); + + message = '
' +
+ twipMsg.replace("{wons}", amount) +
+ "
" + message;
+ }
+ }
+
+ return message;
+}
\ No newline at end of file
diff --git a/theme/default/theme.css b/theme/default/theme.css
new file mode 100644
index 0000000..10e597c
--- /dev/null
+++ b/theme/default/theme.css
@@ -0,0 +1,167 @@
+/* 폰트 로드 */
+@import url(https://fonts.googleapis.com/earlyaccess/jejugothic.css);
+@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
+@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);
+
+
+/* 위치 기본 설정 */
+html
+{
+ /* 송출 소프트웨어의 disable scrollbar 여부에 상관 없이 스크롤바를 나타나지 않게 함 */
+ overflow:hidden;
+}
+
+body
+{
+ position:absolute;
+
+ /* html의 기본 여백 제거 */
+ margin:0; right:0; left:0;
+ /* 채팅 메세지가 아래에서부터 나타나도록 */
+ bottom:0;
+}
+
+img.twitch_emote
+{
+ /* 최대(기본) 크기는 112px */
+ max-height:50px;
+}
+
+
+/* 구독자 및 후원 메세지 설정 */
+/*
+ 구독 메세지
+
+
(configData.cheersMsg)
+ 우리 스트리머 사랑해!!
+
+ 
+
+*/
+@keyframes SubsAni { 50% { color:red; } }
+.chat_msg_box .chat_subscribe_box,
+.chat_msg_box .chat_cheer_box { text-align:center;
+ animation:SubsAni 6 1s ease; }
+/* 후원 금액 */
+.chat_cheer_text { color:red; display:inline-block; }
+/* 후원 아이콘 */
+.chat_cheer_text img.cheer_icon { max-height:1em; vertical-align: middle; }
+
+
+
+/* 배경 설정. 전체적인 배경이 필요할 때 이용 */
+/*
+
+
+ (configData.subMonthsMsg)
+ 구독인 줄 알았지만 테스트였습니다 Kappa Kappa
+
+ ...
+*/
+#background { position:absolute; left:0; right:0; top:0; bottom:0; }
+
+
+
+/* 폰트 설정 */
+html { font-family:'cwtexyen', 'Jeju Gothic', serif;
+ font-size:20px; color: white;
+ text-shadow:
+ -1px -1px 1px black, -1px 0 1px black,
+ -1px 1px 1px black, 0 1px 1px black,
+ 1px 1px 1px black, 1px 0 1px black,
+ 1px -1px 1px black, 0 -1px 1px black,
+
+ -1px -1px 3px grey, -1px 0 3px grey,
+ -1px 1px 3px grey, 0 1px 3px grey,
+ 1px 1px 3px grey, 1px 0 3px grey,
+ 1px -1px 3px grey, 0 -1px 3px grey; }
+.chat_nickname_box { font-size:0.8em; }
+
+
+.chat_outer_box { position:relative; z-index:0; overflow:hidden;
+ margin-top:8px; border:1px solid grey; padding:4px; }
+.chat_inner_box { margin-bottom:3px; }
+
+.chat_nickname_box,
+.chat_badge_box { display:inline-block; }
+.chat_badge_box { float:right; }
+
+.chat_msg_box { white-space:pre-line; word-break:break-word;
+ max-height:100px; }
+.chat_msg_box.image_only { text-align:center; }
+
+
+
+/* 클립이 포함된 채팅 메세지에 대한 설정 */
+/* 크롬 등 보안설정된 브라우저에선 디버그가 불가능하므로 유의 */
+/*
+
+
+ ...
+
+
+ 
+
+ ...
+ 클립 로드에 실패했을 경우
+
+ 이걸 스트리머가 또
+ Clipped by 맛물
+
+ Invalid Clip
+
+ ...
+ 클립 미리보기를 미표시설정했을 경우(configData.loadClipPreview == false)
+
+ (configData.clipReplaceMsg)
+
+ ...
+*/
+.clip_included .chat_msg_box
+{
+ /* 클립과 일반 텍스트를 같이 보냈을 경우를 위해 높이를 높여준다 */
+ max-height:200px;
+}
+
+.chat_clip_box
+{
+ /* invalid clip은 이미지를 포함하지 않기 때문에 max height로 지정 */
+ /* invalid clip의 경우 .chat_clip_box에 .invalid를 포함하므로 이를 이용할 수도 있음 */
+ max-height:100px;
+
+ /* .chat_clip_by의 absolute position을 위해 설정 */
+ position:relative;
+}
+
+.chat_clip_box img
+{
+ /* 사실상 이 속성으로 .chat_clip_box의 높이를 조절 */
+ height:100px;
+ /* .chat_clip_box의 나머지 DOM을 오른쪽에 배치시키기 위해 float을 이용 */
+ float:left;
+}
+
+.chat_clip_title
+{
+ /* 가로세로로 모두 가운데정렬하기 위해 사용 */
+ line-height:100px;
+ text-align:center;
+}
+
+.chat_clip_by
+{
+ /* .chat_clip_box의 우하단에 배치 */
+ position:absolute; bottom:0; right:0;
+ /* config client로 조절하지 않는 글꼴크기이므로 .chat_msg_box에서 상속받아 조절 */
+ font-size:0.7em;
+}
+
+.chat_clip_box.text_only
+{
+ text-align:center;
+}
\ No newline at end of file