he4et/elseifplayer
1
0
Fork 0
mirror of https://github.com/He4eT/elseifplayer.git synced 2026-05-05 01:17:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

Player: replace player.css with scss modules

Browse source
This commit is contained in:
He4eT 2023-06-12 22:30:27 +03:00 • committed by Alexey
commit ade6f5d2c3
14 changed files with 189 additions and 181 deletions
Download patch file Download diff file Expand all files Collapse all files

78
src/components/Player/OutputBox/GridBuffer.jsx
View file

@ -1,78 +0,0 @@
import { useEffect, useState } from 'preact/hooks'
import TextMessage from './TextMessage'
export default function GridBuffer ({ inbox, currentWindow }) {
const [prevMessages, setPrevMessages] = useState([])
const [messages, setMessages] = useState([])
useEffect(() => {
const currentInboxObj =
inbox.find(({ id }) =>
id === currentWindow.id)
const currentInbox = currentInboxObj?.lines ?? []
const newOrPrev = (cur, prev) => (i) => {
const byId = (list, i) =>
list.find(({ line }) => line === i)
return byId(cur, i) || byId(prev, i)
}
const rawMessages =
Array(currentWindow.gridheight)
.fill(null)
.map((_, i) => i)
.map(newOrPrev(currentInbox, prevMessages))
/* */
const shouldUpdatePrev = (rawMessages, prevMessages) => {
const serialize = JSON.stringify
return serialize(rawMessages) !== serialize(prevMessages)
}
if (shouldUpdatePrev(rawMessages, prevMessages)) {
setPrevMessages(rawMessages)
}
/* */
const rawMessagesContent =
rawMessages
.map((x) => x.content)
.flat()
.map((message) => ({
...message,
text: message.text.trim(),
}))
const isEmpty =
rawMessagesContent
.map(({ text }) => text.length)
.every((l) => l === 0)
const getGridStyle = ({ style }) => {
if (['alert', 'normal'].includes(style)) return 'grid'
return style || 'grid'
}
const messages =
rawMessagesContent
.map((message) => ({
style: getGridStyle(message),
text: message.text.replace(' ', ' / '),
}))
setMessages(isEmpty ? [] : messages)
}, [inbox, currentWindow, prevMessages])
return (
<section
className='buffer gridBuffer'>
{messages.map(TextMessage)}
</section>
)
}