improvement

src/Title.css

@@ -36,11 +36,15 @@
 .control-search {
     flex: auto;
     color: black;
-    background-color: rgba(255,255,255,.5);
+    background-color: rgba(255,255,255,.3);
     margin: 0 .5em;
     min-width: 8em;
 }
 
+.control-search:focus {
+    background-color: white;
+}
+
 .list-menu {
     text-align: center;
 }

src/flows_api.js

@@ -32,7 +32,7 @@ export const API={
                 // also change load_replies_with_cache!
                 json.data=json.data
                     .sort((a,b)=>{
-                        return parseInt(a.timestamp,10)-parseInt(b.timestamp,10);
+                        return parseInt(a.cid,10)-parseInt(b.cid,10);
                     })
                     .map((info)=>{
                         info._display_color=color_picker.get(info.name);
@@ -52,7 +52,7 @@ export const API={
                     // also change load_replies!
                     json.data=json.data
                         .sort((a,b)=>{
-                            return parseInt(a.timestamp,10)-parseInt(b.timestamp,10);
+                            return parseInt(a.cid,10)-parseInt(b.cid,10);
                         })
                         .map((info)=>{
                             info._display_color=color_picker.get(info.name);

src/text_splitter.js

@@ -2,7 +2,7 @@
 export const PID_RE=/(^|[^\d\u20e3\ufe0e\ufe0f])([1-9]\d{4,5})(?![\d\u20e3\ufe0e\ufe0f])/g;
 export const URL_PID_RE=/((?:https?:\/\/)?pkuhelper\.pku\.edu\.cn\/hole\/?#(?:#|%23)([1-9]\d{4,5}))(?!\d|\u20e3|\ufe0e|\ufe0f)/g;
 export const NICKNAME_RE=/(^|[^A-Za-z])((?:(?:Angry|Baby|Crazy|Diligent|Excited|Fat|Greedy|Hungry|Interesting|Japanese|Kind|Little|Magic|Naïve|Old|Powerful|Quiet|Rich|Superman|THU|Undefined|Valuable|Wifeless|Xiangbuchulai|Young|Zombie)\s)?(?:Alice|Bob|Carol|Dave|Eve|Francis|Grace|Hans|Isabella|Jason|Kate|Louis|Margaret|Nathan|Olivia|Paul|Queen|Richard|Susan|Thomas|Uma|Vivian|Winnie|Xander|Yasmine|Zach)|You Win(?: \d+)?|洞主)(?![A-Za-z])/gi;
-export const URL_RE=/(^|[^.@a-zA-Z0-9_])((?:https?:\/\/)?(?:(?:[\w-]+\.)+[a-zA-Z]{2,3}|\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})(?::\d{1,5})?(?:\/[\w~!@#$%^&*()\-_=+[\];,./?]*)?)(?![a-zA-Z0-9])/gi;
+export const URL_RE=/(^|[^.@a-zA-Z0-9_])((?:https?:\/\/)?(?:(?:[\w-]+\.)+[a-zA-Z]{2,3}|\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3})(?::\d{1,5})?(?:\/[\w~!@#$%^&*()\-_=+[\]{};:,./?|]*)?)(?![a-zA-Z0-9])/gi;
 
 export function split_text(txt,rules) {
     // rules: [['name',/regex/],...]