LogalDeveloper/owncast
0
Fork 0
Code Activity

progress wip. separated out chat input component and its respective methods.

Browse Source
This commit is contained in:
Ginger Wong
2020-08-14 04:19:19 -07:00
parent 3814c24cab
commit 63d7671fed
9 changed files with 392 additions and 115 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
webroot/js/utils/chat.js
View File

@@ -1,3 +1,5 @@
import { addNewlines } from '../utils.js';
export const KEY_USERNAME = 'owncast_username';
export const KEY_AVATAR = 'owncast_avatar';
export const KEY_CHAT_DISPLAYED = 'owncast_chat';
@@ -6,7 +8,7 @@ export const CHAT_INITIAL_PLACEHOLDER_TEXT = 'Type here to chat, no account nece
export const CHAT_PLACEHOLDER_TEXT = 'Message';
export const CHAT_PLACEHOLDER_OFFLINE = 'Chat is offline.';
export function formatMessageText(message) {
export function formatMessageText(message, username) {
showdown.setFlavor('github');
let formattedText = new showdown.Converter({
emoji: true,
@@ -19,13 +21,13 @@ export function formatMessageText(message) {
}).makeHtml(message);
formattedText = linkify(formattedText, message);
formattedText = highlightUsername(formattedText);
formattedText = highlightUsername(formattedText, username);
return addNewlines(formattedText);
}
function highlightUsername(message) {
const username = document.getElementById('self-message-author').value;
function highlightUsername(message, username) {
// const username = document.getElementById('self-message-author').value;
const pattern = new RegExp('@?' + username.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&'), 'gi');
return message.replace(pattern, '<span class="highlighted">$&</span>');
}
@@ -171,3 +173,11 @@ export function setCaretPosition(editableDiv, position) {
sel.removeAllRanges();
sel.addRange(range);
}
export function generatePlaceholderText(isEnabled, hasSentFirstChatMessage) {
if (isEnabled) {
return hasSentFirstChatMessage ? CHAT_PLACEHOLDER_TEXT : CHAT_INITIAL_PLACEHOLDER_TEXT;
}
return CHAT_PLACEHOLDER_OFFLINE;
}