<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en-GB">
	<id>https://wiki.rvlt.gg/index.php?action=history&amp;feed=atom&amp;title=Text_Channel_%28UI%29</id>
	<title>Text Channel (UI) - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://wiki.rvlt.gg/index.php?action=history&amp;feed=atom&amp;title=Text_Channel_%28UI%29"/>
	<link rel="alternate" type="text/html" href="https://wiki.rvlt.gg/index.php?title=Text_Channel_(UI)&amp;action=history"/>
	<updated>2026-05-25T04:49:03Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.42.3</generator>
	<entry>
		<id>https://wiki.rvlt.gg/index.php?title=Text_Channel_(UI)&amp;diff=387&amp;oldid=prev</id>
		<title>Insert at 14:12, 15 January 2023</title>
		<link rel="alternate" type="text/html" href="https://wiki.rvlt.gg/index.php?title=Text_Channel_(UI)&amp;diff=387&amp;oldid=prev"/>
		<updated>2023-01-15T14:12:35Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en-GB&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 14:12, 15 January 2023&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l2&quot;&gt;Line 2:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 2:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Within this algorithm, &amp;#039;&amp;#039;&amp;#039;tail&amp;#039;&amp;#039;&amp;#039; refers to whether the message omits displaying the user&amp;#039;s avatar / username.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Within this algorithm, &amp;#039;&amp;#039;&amp;#039;tail&amp;#039;&amp;#039;&amp;#039; refers to whether the message omits displaying the user&amp;#039;s avatar / username.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-deleted&quot;&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;ins style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;This algorithm expects that the rendering of the output list is reversed, if you need it from oldest to newest: either reverse at the end or adapt the logic.&lt;/ins&gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Let &amp;#039;&amp;#039;&amp;#039;L&amp;#039;&amp;#039;&amp;#039; be the list of messages ordered from newest to oldest&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Let &amp;#039;&amp;#039;&amp;#039;L&amp;#039;&amp;#039;&amp;#039; be the list of messages ordered from newest to oldest&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Let &amp;#039;&amp;#039;&amp;#039;E&amp;#039;&amp;#039;&amp;#039; be the list of elements to be rendered&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;# Let &amp;#039;&amp;#039;&amp;#039;E&amp;#039;&amp;#039;&amp;#039; be the list of elements to be rendered&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l23&quot;&gt;Line 23:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 24:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;## If &amp;#039;&amp;#039;&amp;#039;date&amp;#039;&amp;#039;&amp;#039; is not null:&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;## If &amp;#039;&amp;#039;&amp;#039;date&amp;#039;&amp;#039;&amp;#039; is not null:&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;### Push &amp;#039;&amp;#039;&amp;#039;date&amp;#039;&amp;#039;&amp;#039; formatted as &amp;quot;MMMM D, YYYY&amp;quot; to list &amp;#039;&amp;#039;&amp;#039;E&amp;#039;&amp;#039;&amp;#039; (type id: 1; cache key: &amp;#039;&amp;#039;formatted date&amp;#039;&amp;#039;)&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;### Push &amp;#039;&amp;#039;&amp;#039;date&amp;#039;&amp;#039;&amp;#039; formatted as &amp;quot;MMMM D, YYYY&amp;quot; to list &amp;#039;&amp;#039;&amp;#039;E&amp;#039;&amp;#039;&amp;#039; (type id: 1; cache key: &amp;#039;&amp;#039;formatted date&amp;#039;&amp;#039;)&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;&lt;/del&gt;&lt;/div&gt;&lt;/td&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-side-added&quot;&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;Note: the Revolt client also caches the objects produced for list &amp;#039;&amp;#039;&amp;#039;E&amp;#039;&amp;#039;&amp;#039; by pushing each object into a Map by their given cache key above, then retrieving them the next time the code is run OR creating a new object if one is not present. This prevents Solid.js from completely rebuilding the DOM whenever the message list updates.&amp;#039;&amp;#039;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;#039;&amp;#039;Note: the Revolt client also caches the objects produced for list &amp;#039;&amp;#039;&amp;#039;E&amp;#039;&amp;#039;&amp;#039; by pushing each object into a Map by their given cache key above, then retrieving them the next time the code is run OR creating a new object if one is not present. This prevents Solid.js from completely rebuilding the DOM whenever the message list updates.&amp;#039;&amp;#039;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;

&lt;!-- diff cache key my_wiki:diff:1.41:old-386:rev-387:php=table --&gt;
&lt;/table&gt;</summary>
		<author><name>Insert</name></author>
	</entry>
	<entry>
		<id>https://wiki.rvlt.gg/index.php?title=Text_Channel_(UI)&amp;diff=386&amp;oldid=prev</id>
		<title>Insert: Created page with &quot;=== Message Grouping Algorithm === Within this algorithm, &#039;&#039;&#039;tail&#039;&#039;&#039; refers to whether the message omits displaying the user&#039;s avatar / username.  # Let &#039;&#039;&#039;L&#039;&#039;&#039; be the list of messages ordered from newest to oldest # Let &#039;&#039;&#039;E&#039;&#039;&#039; be the list of elements to be rendered # For each message &#039;&#039;&#039;M&#039;&#039;&#039; in &#039;&#039;&#039;L&#039;&#039;&#039;: ## Let &#039;&#039;&#039;tail&#039;&#039;&#039; be true ## Let &#039;&#039;&#039;date&#039;&#039;&#039; be null ## Let &#039;&#039;&#039;next&#039;&#039;&#039; be the next item in list &#039;&#039;&#039;L&#039;&#039;&#039; ## If &#039;&#039;&#039;next&#039;&#039;&#039; is not null: ### Let &#039;&#039;&#039;adate&#039;&#039;&#039; and &#039;&#039;&#039;bdate&#039;&#039;&#039;...&quot;</title>
		<link rel="alternate" type="text/html" href="https://wiki.rvlt.gg/index.php?title=Text_Channel_(UI)&amp;diff=386&amp;oldid=prev"/>
		<updated>2023-01-15T14:09:33Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;quot;=== Message Grouping Algorithm === Within this algorithm, &amp;#039;&amp;#039;&amp;#039;tail&amp;#039;&amp;#039;&amp;#039; refers to whether the message omits displaying the user&amp;#039;s avatar / username.  # Let &amp;#039;&amp;#039;&amp;#039;L&amp;#039;&amp;#039;&amp;#039; be the list of messages ordered from newest to oldest # Let &amp;#039;&amp;#039;&amp;#039;E&amp;#039;&amp;#039;&amp;#039; be the list of elements to be rendered # For each message &amp;#039;&amp;#039;&amp;#039;M&amp;#039;&amp;#039;&amp;#039; in &amp;#039;&amp;#039;&amp;#039;L&amp;#039;&amp;#039;&amp;#039;: ## Let &amp;#039;&amp;#039;&amp;#039;tail&amp;#039;&amp;#039;&amp;#039; be true ## Let &amp;#039;&amp;#039;&amp;#039;date&amp;#039;&amp;#039;&amp;#039; be null ## Let &amp;#039;&amp;#039;&amp;#039;next&amp;#039;&amp;#039;&amp;#039; be the next item in list &amp;#039;&amp;#039;&amp;#039;L&amp;#039;&amp;#039;&amp;#039; ## If &amp;#039;&amp;#039;&amp;#039;next&amp;#039;&amp;#039;&amp;#039; is not null: ### Let &amp;#039;&amp;#039;&amp;#039;adate&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;bdate&amp;#039;&amp;#039;&amp;#039;...&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Páàjì titun&lt;/b&gt;&lt;/p&gt;&lt;div&gt;=== Message Grouping Algorithm ===&lt;br /&gt;
Within this algorithm, &amp;#039;&amp;#039;&amp;#039;tail&amp;#039;&amp;#039;&amp;#039; refers to whether the message omits displaying the user&amp;#039;s avatar / username.&lt;br /&gt;
&lt;br /&gt;
# Let &amp;#039;&amp;#039;&amp;#039;L&amp;#039;&amp;#039;&amp;#039; be the list of messages ordered from newest to oldest&lt;br /&gt;
# Let &amp;#039;&amp;#039;&amp;#039;E&amp;#039;&amp;#039;&amp;#039; be the list of elements to be rendered&lt;br /&gt;
# For each message &amp;#039;&amp;#039;&amp;#039;M&amp;#039;&amp;#039;&amp;#039; in &amp;#039;&amp;#039;&amp;#039;L&amp;#039;&amp;#039;&amp;#039;:&lt;br /&gt;
## Let &amp;#039;&amp;#039;&amp;#039;tail&amp;#039;&amp;#039;&amp;#039; be true&lt;br /&gt;
## Let &amp;#039;&amp;#039;&amp;#039;date&amp;#039;&amp;#039;&amp;#039; be null&lt;br /&gt;
## Let &amp;#039;&amp;#039;&amp;#039;next&amp;#039;&amp;#039;&amp;#039; be the next item in list &amp;#039;&amp;#039;&amp;#039;L&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
## If &amp;#039;&amp;#039;&amp;#039;next&amp;#039;&amp;#039;&amp;#039; is not null:&lt;br /&gt;
### Let &amp;#039;&amp;#039;&amp;#039;adate&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;bdate&amp;#039;&amp;#039;&amp;#039; be the times the message &amp;#039;&amp;#039;&amp;#039;M&amp;#039;&amp;#039;&amp;#039; and the &amp;#039;&amp;#039;&amp;#039;next&amp;#039;&amp;#039;&amp;#039; message were created respectively&lt;br /&gt;
### If &amp;#039;&amp;#039;&amp;#039;adate&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;bdate&amp;#039;&amp;#039;&amp;#039; are not the same day:&lt;br /&gt;
#### Let &amp;#039;&amp;#039;&amp;#039;date&amp;#039;&amp;#039;&amp;#039; be &amp;#039;&amp;#039;&amp;#039;adate&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
### Let &amp;#039;&amp;#039;&amp;#039;tail&amp;#039;&amp;#039;&amp;#039; be false if one of the following conditions is satisfied:&lt;br /&gt;
###* Message &amp;#039;&amp;#039;&amp;#039;M&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;last&amp;#039;&amp;#039;&amp;#039; do not have the same author&lt;br /&gt;
###* The difference between &amp;#039;&amp;#039;&amp;#039;bdate&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;adate&amp;#039;&amp;#039;&amp;#039; is equal to or over 7 minutes&lt;br /&gt;
###* The masquerades for message &amp;#039;&amp;#039;&amp;#039;M&amp;#039;&amp;#039;&amp;#039; and &amp;#039;&amp;#039;&amp;#039;last&amp;#039;&amp;#039;&amp;#039; do not match&lt;br /&gt;
###* Message &amp;#039;&amp;#039;&amp;#039;M&amp;#039;&amp;#039;&amp;#039; or &amp;#039;&amp;#039;&amp;#039;last&amp;#039;&amp;#039;&amp;#039; is a system message&lt;br /&gt;
###* Message &amp;#039;&amp;#039;&amp;#039;M&amp;#039;&amp;#039;&amp;#039; replies to one or more messages&lt;br /&gt;
## Else if &amp;#039;&amp;#039;&amp;#039;next&amp;#039;&amp;#039;&amp;#039; is null:&lt;br /&gt;
### Let &amp;#039;&amp;#039;&amp;#039;tail&amp;#039;&amp;#039;&amp;#039; be false&lt;br /&gt;
## Push the message to list &amp;#039;&amp;#039;&amp;#039;E&amp;#039;&amp;#039;&amp;#039; (type id: 0; cache key: &amp;#039;&amp;#039;message id:tail&amp;#039;&amp;#039;)&lt;br /&gt;
## If &amp;#039;&amp;#039;&amp;#039;date&amp;#039;&amp;#039;&amp;#039; is not null:&lt;br /&gt;
### Push &amp;#039;&amp;#039;&amp;#039;date&amp;#039;&amp;#039;&amp;#039; formatted as &amp;quot;MMMM D, YYYY&amp;quot; to list &amp;#039;&amp;#039;&amp;#039;E&amp;#039;&amp;#039;&amp;#039; (type id: 1; cache key: &amp;#039;&amp;#039;formatted date&amp;#039;&amp;#039;)&lt;br /&gt;
&lt;br /&gt;
&amp;#039;&amp;#039;Note: the Revolt client also caches the objects produced for list &amp;#039;&amp;#039;&amp;#039;E&amp;#039;&amp;#039;&amp;#039; by pushing each object into a Map by their given cache key above, then retrieving them the next time the code is run OR creating a new object if one is not present. This prevents Solid.js from completely rebuilding the DOM whenever the message list updates.&amp;#039;&amp;#039;&lt;/div&gt;</summary>
		<author><name>Insert</name></author>
	</entry>
</feed>