mirrors/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2024-10-24 05:25:58 +03:00
Code Issues Projects Releases Packages Wiki Activity

Prettified Code!

Browse source
This commit is contained in:
gabek 2021-07-31 23:22:00 +00:00 committed by GitHub Action
parent 7e6f53c846
commit a791d9c910
1 changed files with 37 additions and 48 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

85
webroot/js/app-standalone-chat.js
View file

@ -8,10 +8,7 @@ import Websocket, {
SOCKET_MESSAGE_TYPES,
} from './utils/websocket.js';
import { registerChat } from './chat/register.js';
import {
getLocalStorage,
setLocalStorage,
} from './utils/helpers.js';
import { getLocalStorage, setLocalStorage } from './utils/helpers.js';
import {
CHAT_MAX_MESSAGE_LENGTH,
EST_SOCKET_PAYLOAD_BUFFER,
@ -24,7 +21,6 @@ import {
TIMER_STATUS_UPDATE,
} from './utils/constants.js';
export default class StandaloneChat extends Component {
constructor(props, context) {
super(props, context);
@ -128,10 +124,7 @@ export default class StandaloneChat extends Component {
if (!status) {
return;
}
const {
online,
lastDisconnectTime,
} = status;
const { online, lastDisconnectTime } = status;
if (status.online && !curStreamOnline) {
// stream has just come online.
@ -157,7 +150,6 @@ export default class StandaloneChat extends Component {
this.setState({
streamOnline: false,
});
}
handleOnlineMode() {
@ -177,7 +169,6 @@ export default class StandaloneChat extends Component {
this.sendUsernameChange(newName);
}
disableChatInput() {
this.setState({
chatInputEnabled: false,
@ -241,10 +232,14 @@ export default class StandaloneChat extends Component {
async setupChatAuth(force) {
const { readonly } = this.props;
var accessToken = readonly ? getLocalStorage(KEY_EMBED_CHAT_ACCESS_TOKEN) : getLocalStorage(KEY_ACCESS_TOKEN);
var accessToken = readonly
? getLocalStorage(KEY_EMBED_CHAT_ACCESS_TOKEN)
: getLocalStorage(KEY_ACCESS_TOKEN);
var randomIntArray = new Uint32Array(1);
window.crypto.getRandomValues(randomIntArray);
var username = readonly ? 'chat-embed-' + randomIntArray[0] : getLocalStorage(KEY_USERNAME);
var username = readonly
? 'chat-embed-' + randomIntArray[0]
: getLocalStorage(KEY_USERNAME);
if (!accessToken || force) {
try {
@ -296,45 +291,39 @@ export default class StandaloneChat extends Component {
}
render(props, state) {
const {
username,
websocket,
accessToken,
chatInputEnabled,
configData,
} = state;
const { username, websocket, accessToken, chatInputEnabled, configData } =
state;
const {
chatDisabled,
maxSocketPayloadSize,
customStyles,
name,
} = configData;
const { chatDisabled, maxSocketPayloadSize, customStyles, name } =
configData;
const { readonly } = props;
return this.state.websocket ?
html`${!readonly ?
html`<style>
${customStyles}
</style>
<header class="flex flex-row-reverse fixed z-10 w-full bg-gray-900">
<${UsernameForm}
return this.state.websocket
? html`${!readonly
? html`<style>
${customStyles}
</style>
<header
class="flex flex-row-reverse fixed z-10 w-full bg-gray-900"
>
<${UsernameForm}
username=${username}
onUsernameChange=${this.handleUsernameChange}
onFocus=${this.handleFormFocus}
onBlur=${this.handleFormBlur}
/>
</header>`
: ''}
<${Chat}
websocket=${websocket}
username=${username}
onUsernameChange=${this.handleUsernameChange}
onFocus=${this.handleFormFocus}
onBlur=${this.handleFormBlur}
/>
</header>` : ''}
<${Chat}
websocket=${websocket}
username=${username}
accessToken=${accessToken}
readonly=${readonly}
instanceTitle=${name}
chatInputEnabled=${chatInputEnabled && !chatDisabled}
inputMaxBytes=${maxSocketPayloadSize - EST_SOCKET_PAYLOAD_BUFFER ||
CHAT_MAX_MESSAGE_LENGTH}
/>`
accessToken=${accessToken}
readonly=${readonly}
instanceTitle=${name}
chatInputEnabled=${chatInputEnabled && !chatDisabled}
inputMaxBytes=${maxSocketPayloadSize - EST_SOCKET_PAYLOAD_BUFFER ||
CHAT_MAX_MESSAGE_LENGTH}
/>`
: null;
}
}