661eedc03a
* only consider short-heights when not smallscreen; hide status bar when small screen, but leave shadow; * fix max char counting bugs with paste, yet be still be able to use modifier keys even when max chars reached * rmeove 'chat' button; move into textarea * use image for emoji picker for sizing consitency * cleanup unused things * - totally unecessary emoji picker style improvements - totally necessary doctype added to emoji picker so it shows up more stable-y on mobile views * more stable layout positioning for chat panel without hacky margins, so that the bottom of the message list will always be on top of the form input, and not behind it at any point. * hide header on touch screens when screns are small and screen height is short (possibly when keyboard is up), so that there's more visibliity to see messages. this only works on chrome, not ios safari right now, due to the position: fixed of things. * move char counting to keyup instead * address message text horiz overflow (#157) * dont jumpToBottom if user has scrolled about 200px from the bottom (#101) * scroll to bottom on resize too * cleanup * revert test bool * typo * re-readjust short-wide case again * - add focus to input field after emoji is selected, put cursor at end - instead of smooth scrolling to bottom, just jump there.
54 lines
1.8 KiB
JavaScript
54 lines
1.8 KiB
JavaScript
// misc constants used throughout the app
|
|
|
|
export const URL_STATUS = `/api/status`;
|
|
export const URL_CHAT_HISTORY = `/api/chat`;
|
|
export const URL_CUSTOM_EMOJIS = `/api/emoji`;
|
|
export const URL_CONFIG = `/api/config`;
|
|
|
|
// TODO: This directory is customizable in the config. So we should expose this via the config API.
|
|
export const URL_STREAM = `/hls/stream.m3u8`;
|
|
export const URL_WEBSOCKET = `${location.protocol === 'https:' ? 'wss' : 'ws'}://${location.host}/entry`;
|
|
|
|
export const TIMER_STATUS_UPDATE = 5000; // ms
|
|
export const TIMER_DISABLE_CHAT_AFTER_OFFLINE = 5 * 60 * 1000; // 5 mins
|
|
export const TIMER_STREAM_DURATION_COUNTER = 1000;
|
|
export const TEMP_IMAGE = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7';
|
|
|
|
export const MESSAGE_OFFLINE = 'Stream is offline.';
|
|
export const MESSAGE_ONLINE = 'Stream is online.';
|
|
|
|
export const URL_OWNCAST = 'https://owncast.online'; // used in footer
|
|
|
|
|
|
export const KEY_USERNAME = 'owncast_username';
|
|
export const KEY_AVATAR = 'owncast_avatar';
|
|
export const KEY_CHAT_DISPLAYED = 'owncast_chat';
|
|
export const KEY_CHAT_FIRST_MESSAGE_SENT = 'owncast_first_message_sent';
|
|
export const CHAT_INITIAL_PLACEHOLDER_TEXT = 'Type here to chat, no account necessary.';
|
|
export const CHAT_PLACEHOLDER_TEXT = 'Message';
|
|
export const CHAT_PLACEHOLDER_OFFLINE = 'Chat is offline.';
|
|
export const CHAT_MAX_MESSAGE_LENGTH = 500;
|
|
export const CHAT_CHAR_COUNT_BUFFER = 20;
|
|
export const CHAT_OK_KEYCODES = [
|
|
'ArrowLeft',
|
|
'ArrowUp',
|
|
'ArrowRight',
|
|
'ArrowDown',
|
|
'Shift',
|
|
'Meta',
|
|
'Alt',
|
|
'Delete',
|
|
'Backspace',
|
|
];
|
|
export const CHAT_KEY_MODIFIERS = [
|
|
'Control',
|
|
'Shift',
|
|
'Meta',
|
|
'Alt',
|
|
];
|
|
export const MESSAGE_JUMPTOBOTTOM_BUFFER = 260;
|
|
|
|
// app styling
|
|
export const WIDTH_SINGLE_COL = 730;
|
|
export const HEIGHT_SHORT_WIDE = 500;
|