Use inline tags for messages

src/components/player/TextBuffer.jsx

@@ -25,23 +25,18 @@ const parseInbox = (inbox, currentWindow) => {
   const { clear, text: inboxMessagesRaw } =
     currentInbox
 
-  const incoming = trimImputPrompt(
+  const eol = { style: 'endOfLine' }
+
+  const incoming =
     inboxMessagesRaw
       /* Normalize. */
       .map(({ content }) =>
-        content || [{ style: 'emptyLine' }])
+        content
+          ? [...trimImputPrompt(content), eol]
+          : [eol])
       /* Flatten. */
       .reduce((acc, x) =>
         acc.concat(x), [])
-      /* Collapse empty lines. */
-      .reduce((acc, x, i, xs) => {
-        if (x.style !== 'emptyLine') return [...acc, x]
-
-        const prev = xs[i - 1] || {}
-        return prev.style === 'emptyLine'
-          ? acc
-          : [...acc, x]
-      }, []))
 
   return { clear, incoming }
 }

src/components/player/TextMessage.jsx

@@ -1,16 +1,14 @@
 import { h } from 'preact'
 
 export default function ({ style, text }) {
-  const defaultContent = (<span>{text}</span>)
+  const defaultContent = (
+    <span class={['message', style].join(' ')}>
+      {text}
+    </span>)
 
-  const content = ({
-    emptyLine: (<br />),
-    subheader: (<strong>{text}</strong>)
+  return ({
+    input: (<span class='message input'>&gt; {text}</span>),
+    subheader: (<strong>{text}</strong>),
+    endOfLine: (<br />)
   })[style] || defaultContent
-
-  return (
-    <div class={['message', style].join(' ')}>
-      {content}
-    </div>
-  )
 }