chore: 模块化前端js脚本

chore: 文件头, 输入框UI优化, 部分头像优化, 其他
chore: 规范命名
2025-12-08 01:55:50 +08:00 · 2024-05-31 00:08:55 +08:00 · 2024-05-29 23:40:13 +08:00 · 2024-05-29 17:40:10 +08:00 · 2024-05-29 16:30:57 +08:00 · 2024-05-26 00:56:50 +08:00
38 changed files with 1501 additions and 2943 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,2 @@
 node_modules/
 ling_chair_data/
-ling_chair_config/
-ling_chair_http/
--- a/babel_lib/.gitignore
+++ b/babel_lib/.gitignore
@@ -1 +0,0 @@
-node_modules/
--- a/babel_lib/readme.md
+++ b/babel_lib/readme.md
@@ -1,3 +0,0 @@
-## Babel
-
-请从本仓库根目录的 .github 文件夹内找到对应的zip文件，并把 node_modules 解压在此，方可使用
--- a/build_cache/chat-message.css
+++ b/build_cache/chat-message.css
@@ -1,85 +0,0 @@
-/*
- * 铃之椅 - 把选择权还给用户, 让聊天权掌握在用户手中
- * Copyright 2024 满月叶
- * GitHub: https://github.com/MoonLeeeaf/LingChair-Web-Client
- * 本项目使用 Apache 2.0 协议开源
- * 
- * Copyright 2024 MoonLeeeaf
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
-.chat-message-right {
-    display: flex;
-    justify-content: flex-end;
-    align-items: flex-start;
-    margin: 13px;
-}
-
-.chat-message-left {
-    display: flex;
-    justify-content: flex-start;
-    align-items: flex-start;
-    margin: 13px;
-}
-
-.message-content {
-    margin-top: 13px;
-    margin-bottom: 7px;
-    margin-left: 5px;
-    margin-right: 5px;
-    max-width: 100%;
-    white-space: normal;
-    word-break: break-all;
-    font-size: medium;
-    /* 使用了 CardView 就不需要边框了 */
-    /* border: 1.3px solid; */
-    padding: 15px;
-    border-radius: 15px;
-    /* 添加圆角样式 */
-    /* 设置外边距为 7px */
-}
-
-.message-content-with-nickname-right {
-    display: flex;
-    align-items: center;
-    margin: 7px;
-    flex-direction: column;
-    /* 垂直排列元素 */
-    align-items: flex-end;
-    /* 左对齐元素 */
-}
-
-.message-content-with-nickname-left {
-    display: flex;
-    align-items: center;
-    margin: 7px;
-    flex-direction: column;
-    /* 垂直排列元素 */
-    align-items: flex-start;
-    /* 左对齐元素 */
-}
-
-.chat-message-left .message-content-with-nickname-left .nickname,
-.chat-message-right .message-content-with-nickname-right .nickname {
-    margin-right: 5px;
-    font-size: medium;
-    margin-top: 3px;
-}
-
-.chat-message-left > .avatar,
-.chat-message-right > .avatar {
-    width: 45px;
-    height: 45px;
-    border-radius: 50%;
-}
--- a/build_cache/index.css
+++ b/build_cache/index.css
@@ -1,54 +0,0 @@
-/*
- * 铃之椅 - 把选择权还给用户, 让聊天权掌握在用户手中
- * Copyright 2024 满月叶
- * GitHub: https://github.com/MoonLeeeaf/LingChair-Web-Client
- * 本项目使用 Apache 2.0 协议开源
- * 
- * Copyright 2024 MoonLeeeaf
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
- html, body {
-    max-height: 100%;
-    margin: 0;
-    padding: 0;
-    /* overflow: hidden; */
-    /*font: initial;*/
-}
-body {
-    margin: 0;
-    padding: 0;
-}
-.container {
-    display: flex;
-    flex-direction: column;
-    overflow: auto;
-}
-.content {
-    flex: 1;
-}
-
-.menu-on-message {
-    margin-top: 60px;
-    z-index: 100;
-}
-
-[n-id=pageChatSeesion]::after {
-    content: "";
-    position: sticky;
-    bottom: 0;
-    display: block;
-    height: var(--pseudo-height); /* 设置伪元素的高度 */
-    z-index: -1; /* 防止遮挡实际内容 */
-  }
--- a/build_cache/index.js
+++ b/build_cache/index.js
--- a/client_src.zip
+++ b/client_src.zip
--- a/client_src/index.css
+++ b/client_src/index.css
@@ -1,54 +0,0 @@
-/*
- * 铃之椅 - 把选择权还给用户, 让聊天权掌握在用户手中
- * Copyright 2024 满月叶
- * GitHub: https://github.com/MoonLeeeaf/LingChair-Web-Client
- * 本项目使用 Apache 2.0 协议开源
- * 
- * Copyright 2024 MoonLeeeaf
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-
- html, body {
-    max-height: 100%;
-    margin: 0;
-    padding: 0;
-    /* overflow: hidden; */
-    /*font: initial;*/
-}
-body {
-    margin: 0;
-    padding: 0;
-}
-.container {
-    display: flex;
-    flex-direction: column;
-    overflow: auto;
-}
-.content {
-    flex: 1;
-}
-
-.menu-on-message {
-    margin-top: 60px;
-    z-index: 100;
-}
-
-[n-id=pageChatSeesion]::after {
-    content: "";
-    position: sticky;
-    bottom: 0;
-    display: block;
-    height: var(--pseudo-height); /* 设置伪元素的高度 */
-    z-index: -1; /* 防止遮挡实际内容 */
-  }
--- a/client_src/index.html
+++ b/client_src/index.html
@@ -1,339 +0,0 @@
-<!doctype html>
-<html lang="zh-cmn-Hans">
-<!--
- * 铃之椅 - 把选择权还给用户, 让聊天权掌握在用户手中
- * Copyright 2024 满月叶
- * GitHub: https://github.com/MoonLeeeaf/LingChair-Web-Client
- * 本项目使用 Apache 2.0 协议开源
- * 
- * Copyright 2024 MoonLeeeaf
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
-->
-
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" />
-  <meta name="renderer" content="webkit" />
-  <meta name="force-rendering" content="webkit" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
-
-  <!-- 给老旧的设备提供支持 支持不了, 照样没法运行 不 试一下红米2可不可以-->
-  <script src='https://polyfill.io/v3/polyfill.min.js?features=default%2Cdom4%2Ces2015%2Ces2016%2Ces2017%2Ces2018%2Ces2019%2Ces2020%2Ces2021%2Ces2022%2Ces5%2Ces6%2Ces7'></script>
-  <!-- <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script> -->
-
-  <!-- Styles -->
-  <link rel="stylesheet" href="https://unpkg.com/mdui@1.0.2/dist/css/mdui.min.css" />
-  <link rel="stylesheet" href="index.css" />
-  <link rel="stylesheet" href="chat-message.css" />
-  <link rel="stylesheet" href="mdui-prettier.css" />
-
-  <!-- 代替私人 fixed 并提供更好的兼容性 -->
-  <script src="https://cdn.jsdelivr.net/gh/wilddeer/stickyfill@2.1.0/dist/stickyfill.min.js"></script>
-  <script src="https://unpkg.com/jquery@3.7.1/dist/jquery.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.11/dist/clipboard.min.js"></script>
-  <link rel="icon" href="res/icon.ico" />
-  <title>铃之椅</title>
-</head>
-
-<body
-  class="mdui-theme-primary-teal mdui-theme-accent-teal mdui-drawer-body-left mdui-appbar-with-toolbar mdui-theme-layout-auto"
-  id="app">
-
-  <input n-id="textCopierBtn" class="mdui-hidden" />
-
-  <div id="lingchair-app" style="height: 100%;">
-    <!-- 侧滑栏 -->
-    <div class="mdui-drawer" id="main-drawer">
-      <ul class="mdui-list" mdui-collapse="{accordion: true}">
-        <li class="mdui-list-item mdui-ripple">
-          <div class="mdui-list-item-avatar">
-            <img src="default_head.png" n-id="userHead" onerror="this.src='res/default_head.png'" />
-          </div>
-          <div class="mdui-list-item-content"><a n-id="helloText">早安</a>, <a n-id="userNick">Unknown</a></div>
-        </li>
-        <li class="mdui-list-item mdui-ripple" onclick="new mdui.Dialog(viewBinding.dialogSettings.get(0)).open()">
-          <i class="mdui-list-item-icon mdui-icon material-icons">settings</i>
-          <div class="mdui-list-item-content">设置</div>
-        </li>
-        <li class="mdui-list-item mdui-ripple" n-id="drawerSignOut">
-          <i class="mdui-list-item-icon mdui-icon material-icons">exit_to_app</i>
-          <div class="mdui-list-item-content">登出</div>
-        </li>
-        <div class="mdui-subheader">聊天</div>
-        <li class="mdui-collapse-item">
-          <div class="mdui-collapse-item-header mdui-list-item mdui-ripple"><i class="mdui-list-item-icon mdui-icon material-icons">contacts</i>
-            <div class="mdui-list-item-content">联系人</div><i
-              class="mdui-collapse-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
-          </div>
-          <div class="mdui-collapse-item-body mdui-list" n-id="contactsList">
-          </div>
-        </li>
-      </ul>
-
-      <ul class="mdui-list mdui-hidden">
-        
-        <li class="mdui-subheader">个人</li>
-        <li class="mdui-list-item mdui-ripple" onclick="new mdui.Dialog(viewBinding.dialogMyProfile.get(0)).open()">
-          <i class="mdui-list-item-icon mdui-icon material-icons">account_circle</i>
-          <div class="mdui-list-item-content">资料</div>
-        </li>
-        <li class="mdui-list-item mdui-ripple" onclick="new mdui.Dialog(viewBinding.dialogMyProfile.get(0)).open()">
-          <i class="mdui-list-item-icon mdui-icon material-icons">person_add</i>
-          <div class="mdui-list-item-content">新的好友</div>
-        </li>
-        <li class="mdui-subheader">客户端</li>
-        <li class="mdui-list-item mdui-ripple">
-          <i class="mdui-list-item-icon mdui-icon material-icons">settings</i>
-          <div class="mdui-list-item-content">设置</div>
-        </li>
-        <li class="mdui-list-item mdui-ripple" n-id="drawerChangeServer">
-          <i class="mdui-list-item-icon mdui-icon material-icons">cloud_circle</i>
-          <div class="mdui-list-item-content">更换服务器</div>
-        </li>
-      </ul>
-    </div>
-
-    <!-- 应用栏 -->
-    <header class="mdui-appbar mdui-appbar-fixed">
-      <!-- Toolbar -->
-      <div class="mdui-toolbar mdui-color-theme">
-        <a mdui-drawer="{target: '#main-drawer'}" class="mdui-btn mdui-btn-icon mdui-ripple">
-          <i class="mdui-icon material-icons">menu</i>
-        </a>
-        <a class="mdui-typo-title" n-id="appTitle"></a>
-        <div class="mdui-toolbar-spacer"></div>
-        <a onclick="refreshAll()" n-id="contactsRefresh" class="mdui-btn mdui-btn-icon mdui-ripple">
-          <i class="mdui-icon material-icons">refresh</i>
-        </a>
-        <a onclick="ContactsList.openAddDialog()" n-id="contactsAdd" class="mdui-btn mdui-btn-icon mdui-ripple">
-          <i class="mdui-icon material-icons">add</i>
-        </a>
-        <a class="mdui-btn mdui-btn-icon mdui-ripple" n-id="switchNotifications">
-          <i class="mdui-icon material-icons" n-id="switchNotificationsIcon">notifications_off</i>
-        </a>
-        <a mdui-menu="{target: '#appbar-menu'}" class="mdui-btn mdui-btn-icon mdui-ripple">
-          <i class="mdui-icon material-icons">more_vert</i>
-        </a>
-        <ul class="mdui-menu" id="appbar-menu">
-          <li class="mdui-menu-item">
-            <a class="mdui-ripple" n-id="menuAbout">关于</a>
-          </li>
-        </ul>
-      </div>
-    </header>
-
-    <!-- Tab 栏 -->
-    <div class="mdui-tab mdui-accent-theme mdui-theme-color-auto" style="position: fixed; z-index: 114;width: 100%;"
-      mdui-tab n-id="chatTab">
-      <!-- 侧滑栏的 z-index 是2000, 在移动端会直接覆盖 -->
-      <a href="#page-chat-seesion" n-id="tabChatSeesion" class="mdui-ripple" style="text-transform: none;"></a>
-    </div>
-    <!-- 滚动到底部咋这么难写... -->
-    <div style="display: flex;flex-direction: column;">
-      <!-- 写时间居中写到吐了 这样式表不能要了 -->
-      <div
-        style="margin-top: 50px;overflow: auto;width: 100%;max-width: 100%;height: 100%;max-height: 100%;min-height: 0;flex: 1 1 auto;display: flex;flex-direction: column;"
-        n-id="chatPager">
-        <div class="mdui-center" style="margin: 15px;"><a href="javascript:;" onclick="ChatMsgAdapter.loadMore()"
-            class="mdui-text-color-theme">加载更多</a> | <a href="javascript:;"
-            onclick="ChatMsgAdapter.scrollToBottom()" class="mdui-text-color-theme">回到底部</a></div>
-        <div n-id="pageChatSeesion" style="flex: 1 1 auto;display: flex;flex-direction: column;position: relative;">
-        </div>
-      </div>
-      <!-- 妈的黑化了 私人玩意这么难整 早知道 z-index 弄死它得了 浪费我时间 我就没试过这么离谱的样式表 第三方库真难写CSS 就应该先写后端的 啊啊啊啊啊啊 -->
-      <!-- 不黑化了 因为 stickyfill -->
-      <div class="mdui-toolbar mdui-theme-color-auto"
-        style="position: sticky;max-width: 100%;margin-bottom: -30px;bottom: 0;z-index: 101;" n-id="inputToolbar">
-        <ul class="mdui-menu" id="msg-input-more">
-          <li class="mdui-menu-item">
-            <a class="mdui-ripple">插入图片</a>
-          </li>
-        </ul>
-        <div class="mdui-textfield" style="width: 100%;max-width: 100%;">
-          <textarea class="mdui-textfield-input" type="text" placeholder="(｡･ω･｡)" n-id="inputMsg"></textarea>
-        </div>
-        <div class="mdui-toolbar-spacer"></div>
-        <a n-id="sendMsg" class="mdui-btn mdui-btn-icon mdui-ripple">
-          <i class="mdui-icon material-icons">send</i>
-        </a>
-        <a mdui-menu="{target: '#msg-input-more', position: 'top'}" class="mdui-btn mdui-btn-icon mdui-ripple">
-          <i class="mdui-icon material-icons">more_vert</i>
-        </a>
-      </div>
-    </div>
-
-    <!-- 登录对话框 -->
-    <div class="mdui-dialog" n-id="dialogSignIn">
-      <div class="mdui-dialog-title">
-        登录到 铃之椅
-      </div>
-      <div class="mdui-dialog-content" style="margin-left:15px;margin-right:15px;">
-        <div class="mdui-textfield" n-id="dialogSignInServerLabel">
-          <i class="mdui-icon material-icons">cloud_circle</i>
-          <label class="mdui-textfield-label">服务器地址</label>
-          <input n-id="dialogSignInServer" class="mdui-textfield-input" type="text" placeholder="留空以使用网页所在地址"
-            n-input-ls="server" n-id="dialogSignServer" onblur="setUpClient(viewBinding.dialogSignServer.val())" />
-        </div>
-        <div class="mdui-textfield">
-          <i class="mdui-icon material-icons">account_circle</i>
-          <label class="mdui-textfield-label">账号</label>
-          <input n-id="dialogSignInName" class="mdui-textfield-input" maxlength="25" type="text"
-            n-input-ls="userName" />
-        </div>
-        <div class="mdui-textfield">
-          <i class="mdui-icon material-icons">lock</i>
-          <label class="mdui-textfield-label">密码</label>
-          <input n-id="dialogSignInPasswd" class="mdui-textfield-input" maxlength="30" type="password" />
-        </div>
-        <span>注：使用非已知的服务提供商提供的服务器时, 请注意个人信息保护哦 o(｡･ω･｡)o</span>
-      </div>
-      <div class="mdui-dialog-actions">
-        <button class="mdui-btn mdui-ripple"
-          onclick="User.signUp(viewBinding.dialogSignInName.val(), viewBinding.dialogSignInPasswd.val(), () => mdui.snackbar('注册成功, 请直接点击登录即可~'))">注册</button>
-        <button class="mdui-btn mdui-ripple" n-id="dialogSignInEnter"
-          onclick="User.signInWithDialog(viewBinding.dialogSignInName.val(), viewBinding.dialogSignInPasswd.val())">登录</button>
-      </div>
-    </div>
-  </div>
-
-  <!-- 资料卡对话框 -->
-  <div class="mdui-dialog" n-id="dialogProfile">
-    <div class="mdui-dialog-content" style="margin-left: 15px; margin-right: 15px; height: 101px;">
-      <div style="display: flex;justify-content: flex-start">
-        <img style="width: 60px; height: 60px;" class="mdui-img-circle" n-id="dialogProfileHead">
-        <div n-id="dialogProfileNick" style="font-size: 22px;align-self: center;margin-left: 20px;"
-          class="mdui-text-color-white"></div>
-      </div>
-      <div style="margin-left: 80px;"></div>
-    </div>
-    <div class="mdui-dialog-actions">
-      <button class="mdui-btn mdui-ripple" mdui-dialog-close>关闭</button>
-    </div>
-  </div>
-
-  <!--
-  <div class="mdui-dialog" n-id="dialogMyProfile">
-    <div class="mdui-dialog-title">
-      资料
-    </div>
-    <div class="mdui-dialog-content" style="margin-left:15px;margin-right:15px;">
-      <ul class="mdui-list">
-        
-      </ul>
-    </div>
-    <div class="mdui-dialog-actions">
-      <button class="mdui-btn mdui-ripple" mdui-dialog-close>关闭</button>
-    </div>
-  </div> -->
-
-  <!-- 编辑昵称对话框 -->
-  <div class="mdui-dialog" n-id="dialogEditNick">
-    <div class="mdui-dialog-title">
-      修改昵称
-    </div>
-    <div class="mdui-dialog-content" style="margin-left:15px;margin-right:15px;">
-      <div class="mdui-textfield">
-        <label class="mdui-textfield-label">昵称</label>
-        <input n-id="dialogEditNickNick" class="mdui-textfield-input" maxlength="30" type="text" />
-      </div>
-    </div>
-    <div class="mdui-dialog-actions">
-      <button class="mdui-btn mdui-ripple" n-id="dialogEditNickClose" mdui-dialog-close
-        onclick="new mdui.Dialog(viewBinding.dialogSettings.get(0)).open()">关闭</button>
-      <button class="mdui-btn mdui-ripple"
-        onclick="User.setNick(viewBinding.dialogEditNickNick.val(), () => {mdui.snackbar('已保存, 刷新页面生效');viewBinding.dialogEditNickClose.click()})">保存</button>
-    </div>
-  </div>
-
-  <!-- 懂得都懂 -->
-  <div class="mdui-dialog" n-id="dialogNewFriendRequest">
-    <div class="mdui-dialog-title">
-      新的好友请求
-    </div>
-    <div class="mdui-dialog-content" style="margin-left:15px;margin-right:15px;">
-      <div class="mdui-textfield">
-        <label class="mdui-textfield-label">昵称</label>
-        <input n-id="" class="mdui-textfield-input" maxlength="30" type="text" />
-      </div>
-    </div>
-    <div class="mdui-dialog-actions">
-      <button class="mdui-btn mdui-ripple" mdui-dialog-close>关闭</button>
-    </div>
-  </div>
-
-  <!-- 懂得都懂 -->
-  <div class="mdui-dialog" n-id="dialogNewContact">
-    <div class="mdui-dialog-title">
-      添加好友/群
-    </div>
-    <div class="mdui-dialog-content" style="margin-left:15px;margin-right:15px;">
-      <div class="mdui-textfield">
-        <label class="mdui-textfield-label">好友/群的ID (不是名称)</label>
-        <input n-id="dialogNewContactID" class="mdui-textfield-input" maxlength="30" type="text" />
-      </div>
-      <select class="mdui-select" mdui-select="{position: 'top'}" n-id="dialogNewContactType">
-        <option value="single">好友</option>
-        <option value="group">群聊</option>
-      </select>
-    </div>
-    <div class="mdui-dialog-actions">
-      <button class="mdui-btn mdui-ripple" mdui-dialog-close
-        onclick="ContactsList.add(viewBinding.dialogNewContactID.val(), viewBinding.dialogNewContactType.val())">确认并关闭</button>
-      <button class="mdui-btn mdui-ripple" mdui-dialog-close>取消</button>
-    </div>
-  </div>
-
-  <!-- 懂得都懂 -->
-  <div class="mdui-dialog" n-id="dialogSettings">
-    <div class="mdui-dialog-title">
-      设置
-    </div>
-    <div class="mdui-dialog-content">
-      <ul class="mdui-list">
-        <div class="mdui-subheader">我的资料</div>
-        <li class="mdui-list-item mdui-ripple" mdui-dialog-close
-          onclick="(async () => {viewBinding.dialogEditNickNick.val(await NickCache.getNick(localStorage.userName));new mdui.Dialog(viewBinding.dialogEditNick.get(0)).open()})()">
-          <i class="mdui-list-item-icon mdui-icon material-icons">edit</i>
-          <div class="mdui-list-item-content">修改昵称</div>
-        </li>
-        <li class="mdui-list-item mdui-ripple" onclick="User.uploadHeadImage()">
-          <i class="mdui-list-item-icon mdui-icon material-icons">account_circle</i>
-          <div class="mdui-list-item-content">上传头像</div>
-        </li>
-        <div class="mdui-subheader">客户端</div>
-      </ul>
-    </div>
-    <div class="mdui-dialog-actions">
-      <button class="mdui-btn mdui-ripple" mdui-dialog-close>关闭</button>
-    </div>
-  </div>
-
-  <div class="mdui-hidden">
-    <input type="file" n-id="uploadHeadImage" name="选择头像" onchange="User.uploadHeadImageCallback(this)"
-      accept="image/png, image/jpeg" />
-  </div>
-
-  <!-- Scripts -->
-  <script src="https://unpkg.com/crypto-js@4.2.0/crypto-js.js"></script>
-  <script src="https://unpkg.com/socket.io-client@4.7.4/dist/socket.io.min.js"></script>
-  <script src="https://unpkg.com/mdui@1.0.2/dist/js/mdui.min.js"></script>
-  <!-- 加了babel也许能解决下浏览器兼容问题 -->
-  <!-- <script type="module" src="index.js"></script>
-  <script nomodule type="text/babel" src="index.js"></script> -->
-
-  <!-- 就算弄语法兼容其他老旧设备照样用不了, 比如我的 iPad4 -->
-  <script src="index.js"></script>
-</body>
-
-</html>
--- a/client_src/mdui-prettier.css
+++ b/client_src/mdui-prettier.css
@@ -1,53 +0,0 @@
-/*
- * ©2024 满月叶
- * GitHub: MoonLeeeaf
- * 是 UI 美化，好耶！
- */
-
-/* 美化UI */
-
-body {
-    font-family: -apple-system, system-ui, -webkit-system-font;
-}
-.mdui-dialog {
-    border-radius: 23px;
-}
-.mdui-menu {
-    border-radius: 10px;
-}
-.mdui-menu-item > a {
-    padding-right: 3px;
-}
-.mdui-btn:not(.mdui-btn-icon, .mdui-dialog-actions button, .mdui-dialog-actions a) {
-    padding-left: 20px;
-    padding-right: 20px;
-    height: 40px;
-    border-radius: 10px;
-}
-.mdui-dialog-actions a,
-.mdui-dialog-actions button {
-    padding-left: 20px;
-    padding-right: 20px;
-    height: 40px;
-    border-radius: 40px;
-}
-.mdui-select-open {
-    border-radius: 10px;
-}
-@media not screen and (min-width: 768px) {
-    .mdui-snackbar {
-        border-radius: 10px;
-    }
-}
-
-/* 配色方案 */
-
-.mdui-theme-color-auto {
-    background-color: #fff;
-}
-
-@media (prefers-color-scheme: dark) {
-    .mdui-theme-color-auto {
-        background-color: #303030;
-    }
-}
--- a/client_src/res/config.json
+++ b/client_src/res/config.json
@@ -1,4 +0,0 @@
-{
-    "appTitle": "",
-    "canChangeServer": true
-}
--- a/client_src/res/default_head.png
+++ b/client_src/res/default_head.png
--- a/client_src/res/icon.ico
+++ b/client_src/res/icon.ico
--- a/client_src/res/license.txt
+++ b/client_src/res/license.txt
@@ -1,13 +0,0 @@
-Copyright 2024 MoonLeeeaf
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
--- a/ling_chair_http/chat-message.css
+++ b/ling_chair_http/chat-message.css
@@ -79,7 +79,7 @@

 .chat-message-left > .avatar,
 .chat-message-right > .avatar {
-    width: 45px;
-    height: 45px;
+    width: 50px;
+    height: 50px;
    border-radius: 50%;
 }
--- a/ling_chair_http/handler.js
+++ b/ling_chair_http/handler.js
--- a/ling_chair_http/index.css
+++ b/ling_chair_http/index.css
@@ -0,0 +1,57 @@
+/* 
+ * ©2024 满月叶
+ * Github: MoonLeeeaf
+ * 铃之椅 网页端
+ */
+
+ html, body {
+    max-height: 100%;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+    /*font: initial;*/
+}
+body {
+    margin: 0;
+    padding: 0;
+}
+.container {
+    display: flex;
+    flex-direction: column;
+    overflow: auto;
+}
+.content {
+    flex: 1;
+}
+
+.menu-on-message {
+    margin-top: 60px;
+    z-index: 100;
+}
+
+[n-id=pageChatSeesion]::after {
+    content: "";
+    position: sticky;
+    bottom: 0;
+    display: block;
+}
+
+.chat-seesion {
+    flex: 1 1 auto;
+    display: flex;
+    flex-direction: column;
+    position: relative;
+}
+
+/* https://segmentfault.com/q/1010000010391524 */
+img {
+    image-rendering: -moz-crisp-edges; /* Firefox */     
+    image-rendering: -o-crisp-edges; /* Opera */      
+    image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
+    image-rendering: crisp-edges;
+    -ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
+}
+
+img.round {
+    border-radius: 50%;
+}
--- a/ling_chair_http/index.html
+++ b/ling_chair_http/index.html
@@ -1,26 +1,10 @@
 <!doctype html>
 <html lang="zh-cmn-Hans">
-<!--
- * 铃之椅 - 把选择权还给用户, 让聊天权掌握在用户手中
- * Copyright 2024 满月叶
- * GitHub: https://github.com/MoonLeeeaf/LingChair-Web-Client
- * 本项目使用 Apache 2.0 协议开源
- * 
- * Copyright 2024 MoonLeeeaf
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
+<!-- 
+ * ©2024 满月叶
+ * Github: MoonLeeeaf
+ * 铃之椅 网页端
 -->
-
 <head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no" />
@@ -28,9 +12,8 @@
  <meta name="force-rendering" content="webkit" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

-  <!-- 给老旧的设备提供支持 支持不了, 照样没法运行 不 试一下红米2可不可以-->
+  <!-- Maybe it can run :D -->
  <script src='https://polyfill.io/v3/polyfill.min.js?features=default%2Cdom4%2Ces2015%2Ces2016%2Ces2017%2Ces2018%2Ces2019%2Ces2020%2Ces2021%2Ces2022%2Ces5%2Ces6%2Ces7'></script>
-  <!-- <script src="https://unpkg.com/@babel/standalone/babel.min.js"></script> -->

  <!-- Styles -->
  <link rel="stylesheet" href="https://unpkg.com/mdui@1.0.2/dist/css/mdui.min.css" />
@@ -38,7 +21,7 @@
  <link rel="stylesheet" href="chat-message.css" />
  <link rel="stylesheet" href="mdui-prettier.css" />

-  <!-- 代替私人 fixed 并提供更好的兼容性 -->
+  <!-- Scripts -->
  <script src="https://cdn.jsdelivr.net/gh/wilddeer/stickyfill@2.1.0/dist/stickyfill.min.js"></script>
  <script src="https://unpkg.com/jquery@3.7.1/dist/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/clipboard@2.0.11/dist/clipboard.min.js"></script>
@@ -148,13 +131,14 @@
        <div class="mdui-center" style="margin: 15px;"><a href="javascript:;" onclick="ChatMsgAdapter.loadMore()"
            class="mdui-text-color-theme">加载更多</a> | <a href="javascript:;"
            onclick="ChatMsgAdapter.scrollToBottom()" class="mdui-text-color-theme">回到底部</a></div>
-        <div n-id="pageChatSeesion" style="flex: 1 1 auto;display: flex;flex-direction: column;position: relative;">
+        <div n-id="pageChatSeesion" class="chat-seesion">
        </div>
+        <!-- 输入框和聊天消息重叠的原因就是死人 scrollbar, 把自动调整的距离调小, margin调大就行了 -->
      </div>
      <!-- 妈的黑化了 私人玩意这么难整 早知道 z-index 弄死它得了 浪费我时间 我就没试过这么离谱的样式表 第三方库真难写CSS 就应该先写后端的 啊啊啊啊啊啊 -->
      <!-- 不黑化了 因为 stickyfill -->
      <div class="mdui-toolbar mdui-theme-color-auto"
-        style="position: sticky;max-width: 100%;margin-bottom: -30px;bottom: 0;z-index: 101;" n-id="inputToolbar">
+        style="position: sticky;max-width: 100%;margin-top: 1px;bottom: 0;z-index: 101;padding-top: 7px;" n-id="inputToolbar">
        <ul class="mdui-menu" id="msg-input-more">
          <li class="mdui-menu-item">
            <a class="mdui-ripple">插入图片</a>
@@ -222,21 +206,6 @@
    </div>
  </div>

-  <!--
-  <div class="mdui-dialog" n-id="dialogMyProfile">
-    <div class="mdui-dialog-title">
-      资料
-    </div>
-    <div class="mdui-dialog-content" style="margin-left:15px;margin-right:15px;">
-      <ul class="mdui-list">
-        
-      </ul>
-    </div>
-    <div class="mdui-dialog-actions">
-      <button class="mdui-btn mdui-ripple" mdui-dialog-close>关闭</button>
-    </div>
-  </div> -->
-
  <!-- 编辑昵称对话框 -->
  <div class="mdui-dialog" n-id="dialogEditNick">
    <div class="mdui-dialog-title">
@@ -279,7 +248,7 @@
    </div>
    <div class="mdui-dialog-content" style="margin-left:15px;margin-right:15px;">
      <div class="mdui-textfield">
-        <label class="mdui-textfield-label">好友/群的ID (不是名称)</label>
+        <label class="mdui-textfield-label">账号/群的ID (不是名称)</label>
        <input n-id="dialogNewContactID" class="mdui-textfield-input" maxlength="30" type="text" />
      </div>
      <select class="mdui-select" mdui-select="{position: 'top'}" n-id="dialogNewContactType">
@@ -328,11 +297,11 @@
  <script src="https://unpkg.com/crypto-js@4.2.0/crypto-js.js"></script>
  <script src="https://unpkg.com/socket.io-client@4.7.4/dist/socket.io.min.js"></script>
  <script src="https://unpkg.com/mdui@1.0.2/dist/js/mdui.min.js"></script>
-  <!-- 加了babel也许能解决下浏览器兼容问题 -->
-  <!-- <script type="module" src="index.js"></script>
-  <script nomodule type="text/babel" src="index.js"></script> -->
-
-  <!-- 就算弄语法兼容其他老旧设备照样用不了, 比如我的 iPad4 -->
+  <!-- 核心脚本部分 -->
+  <script src="utils.js"></script>
+  <script src="manager.js"></script>
+  <script src="ui.js"></script>
+  <script src="handler.js"></script>
  <script src="index.js"></script>
 </body>

--- a/ling_chair_http/index.js
+++ b/ling_chair_http/index.js
@@ -0,0 +1,50 @@
+/* 
+ * ©2024 满月叶
+ * Github: MoonLeeeaf
+ * 最终执行的杂项
+ */
+
+// 感觉 window.attr 比那一堆 import 好用多了
+
+// 没有刷新令牌需要重新登录 或者初始化
+if (!localStorage.refreshToken || localStorage.refreshToken === "")
+    localStorage.isSignIn = false
+
+if (!localStorage.server || localStorage.server === "")
+    setUpClient()
+else
+    setUpClient(localStorage.server)
+
+// 登录到账号
+let dialogSignIn
+// 谨防 localStorage 字符串数据大坑
+if (localStorage.isSignIn == "false")
+    dialogSignIn = new mdui.Dialog(viewBinding.dialogSignIn.get(0), {
+        modal: true,
+        closeOnEsc: false,
+        history: false,
+    }).open()
+else {
+    (async () => viewBinding.userNick.text(await NickCache.getNick(localStorage.userName)))()
+    let hello
+    let nowHour = new Date().getHours()
+    if (nowHour >= 6 && nowHour <= 11) hello = "早安"
+    else if (nowHour == 12) hello = "中午好"
+    else if (nowHour >= 13 && nowHour <= 18) hello = "下午好"
+    else if (nowHour >= 19 && nowHour < 22) hello = "晚上好"
+    else hello = "晚安"
+    viewBinding.helloText.text(hello)
+
+    viewBinding.userHead.attr("src", User.getUserHeadUrl(localStorage.userName))
+
+    ContactsList.reloadList()
+
+    User.registerCallback()
+}
+
+// 感谢AI的力量
+Stickyfill.add($("*").filter((a, b) => $(b).css('position') === 'sticky'))
+
+ChatMsgAdapter.initMsgElementEvents()
+
+ChatMsgAdapter.initInputResizer()
--- a/ling_chair_http/manager.js
+++ b/ling_chair_http/manager.js
@@ -0,0 +1,32 @@
+/* 
+ * ©2024 满月叶
+ * Github: MoonLeeeaf
+ * 资源类
+ */
+
+const viewBinding = NData.mount($("#app").get(0))
+
+let client
+
+function setUpClient(server) {
+    if (server && server !== "")
+        client = new io(server, {
+            auth: {
+                name: localStorage.isSignIn === "false" ? null : localStorage.userName
+            }
+        })
+    else
+        client = new io({
+            auth: {
+                name: localStorage.isSignIn === "false" ? null : localStorage.userName
+            }
+        })
+
+    client.on("connect", () => {
+        User.auth()
+    })
+}
+
+window.viewBinding = viewBinding
+window.setUpClient = setUpClient
+window.client = client
--- a/ling_chair_http/mdui-prettier.css
+++ b/ling_chair_http/mdui-prettier.css
@@ -6,9 +6,12 @@

 /* 美化UI */

+/* 恢复系统字体 */
 body {
    font-family: -apple-system, system-ui, -webkit-system-font;
 }
+
+/* 圆角化 */
 .mdui-dialog {
    border-radius: 23px;
 }
@@ -34,7 +37,7 @@ body {
 .mdui-select-open {
    border-radius: 10px;
 }
-@media not screen and (min-width: 768px) {
+@media screen and (min-width: 768px) {
    .mdui-snackbar {
        border-radius: 10px;
    }
@@ -42,10 +45,14 @@ body {

 /* 配色方案 */

-.mdui-theme-color-auto {
-    background-color: #fff;
+.mdui-list-item-avatar {
+    background-color: rgba(0, 0, 0, 0) !important;
 }

+/* 背景底色 */
+.mdui-theme-color-auto {
+    background-color: rgba(0, 0, 0, 0);
+}
@media (prefers-color-scheme: dark) {
    .mdui-theme-color-auto {
        background-color: #303030;
--- a/ling_chair_http/res/config.json
+++ b/ling_chair_http/res/config.json
--- a/ling_chair_http/res/default_head.png
+++ b/ling_chair_http/res/default_head.png
--- a/ling_chair_http/res/icon.ico
+++ b/ling_chair_http/res/icon.ico
--- a/ling_chair_http/res/license.txt
+++ b/ling_chair_http/res/license.txt
--- a/ling_chair_http/ui.js
+++ b/ling_chair_http/ui.js
@@ -0,0 +1,71 @@
+/* 
+ * ©2024 满月叶
+ * Github: MoonLeeeaf
+ * 界面逻辑
+ */
+
+$.ajax({
+    url: "res/config.json",
+    dataType: "json",
+    success: (c) => {
+        viewBinding.appTitle.text(c.appTitle)
+        if (!c.canChangeServer) {
+            viewBinding.dialogSignInServerLabel.hide()
+            viewBinding.drawerChangeServer.hide()
+        }
+    },
+})
+
+// 关于页面
+viewBinding.menuAbout.click(() => mdui.alert('这是一个开源项目<br/>作者: MoonLeeeaf<br/>欢迎访问我们的<a class="mdui-text-color-theme-accent" href="https://github.com/LingChair/LingChair">项目主页</a>', '关于 铃之椅', () => { }, { confirmText: "关闭" }))
+
+viewBinding.drawerChangeServer.click(() => {
+    mdui.prompt('输入服务器地址...(为空则使用当前页面地址)', (value) => {
+        localStorage.server = value
+        mdui.snackbar("更新成功, 刷新页面生效")
+    }, () => { }, {
+        confirmText: "确定",
+        cancelText: "取消"
+    })
+})
+
+viewBinding.drawerSignOut.click(() => {
+    mdui.confirm('确定要登出账号吗', () => {
+        User.signOutAndReload()
+    }, () => { }, {
+        confirmText: "确定",
+        cancelText: "取消"
+    })
+})
+
+viewBinding.sendMsg.click((a) => {
+    let text = viewBinding.inputMsg.val()
+    if (text.trim() !== "")
+        ChatMsgAdapter.send(text)
+})
+
+viewBinding.inputMsg.keydown((e) => {
+    if (e.ctrlKey && e.keyCode === 13)
+        viewBinding.sendMsg.click()
+})
+
+viewBinding.dialogSignInPasswd.keydown((e) => {
+    if (e.keyCode === 13)
+        viewBinding.dialogSignInEnter.click()
+})
+
+viewBinding.switchNotifications.click((a) => {
+    if ((localStorage.useNotifications == "true" || localStorage.useNotifications != null) && localStorage.useNotifications != "false") {
+        localStorage.useNotifications = "false"
+        viewBinding.switchNotificationsIcon.text("notifications_off")
+    } else {
+        localStorage.useNotifications = "true"
+        viewBinding.switchNotificationsIcon.text("notifications")
+    }
+})
+if (localStorage.useNotifications == "true")
+    viewBinding.switchNotificationsIcon.text("notifications")
+
+viewBinding.inputMsg.blur(() => {
+    window.initInputResizerResize()
+})
--- a/ling_chair_http/utils.js
+++ b/ling_chair_http/utils.js
@@ -0,0 +1,182 @@
+/* 
+ * ©2024 满月叶
+ * Github: MoonLeeeaf
+ * 辅助添加
+ */
+
+// 2024.5.28 睡着了
+const sleep = (t) => new Promise((res) => setTimeout(res, t))
+
+const UrlArgs = new URL(location.href).searchParams
+
+// https://www.ruanyifeng.com/blog/2021/09/detecting-mobile-browser.html
+function isMobile() {
+    return ('ontouchstart' in document.documentElement);
+}
+
+if (UrlArgs.get("debug")) {
+    let script = document.createElement('script')
+    script.src = "//cdn.jsdelivr.net/npm/eruda"
+    document.body.appendChild(script)
+    script.onload = () => eruda.init()
+}
+
+// 经常会因为这个指定ID为位置导致一些莫名BUG
+if (location.href.includes("#")) location.replace(location.href.substring(0, location.href.indexOf("#")))
+
+const mdui_snackbar = mdui.snackbar
+mdui.snackbar = (m) => {
+    let t = m
+    if (m instanceof Object)
+        t = JSON.stringify(m)
+    mdui_snackbar(t)
+}
+
+const checkEmpty = (i) => {
+    if (i instanceof Array) {
+        for (let k of i) {
+            if (checkEmpty(k)) return true
+        }
+    }
+
+    return (i == null) || ("" === i) || (0 === i)
+}
+
+function escapeHTML(str) {
+    return str.replace(/[<>&"']/g, function (match) {
+        switch (match) {
+            case '<':
+                return '&lt;'
+            case '>':
+                return '&gt;'
+            case '&':
+                return '&amp;'
+            case '"':
+                return '&quot;'
+            case "'":
+                return '&#39;'
+            default:
+                return match
+        }
+    })
+}
+
+class NData {
+    static mount(node) {
+        // 便捷获得指定组件
+        let es = node.querySelectorAll("[n-id]")
+        let ls = {}
+        es.forEach((i) => ls[$(i).attr("n-id")] = $(i))
+
+        // input 组件与 localStorage 绑定
+        es = node.querySelectorAll("[n-input-ls]")
+        es.forEach((e) => {
+            let j = $(e)
+            j.val(localStorage.getItem(j.attr("n-input-ls")))
+            j.blur(() => localStorage.setItem(j.attr("n-input-ls"), j.val()))
+        })
+        return ls
+    }
+}
+
+// https://www.runoob.com/w3cnote/javascript-copy-clipboard.html
+function copyText(t) {
+    let btn = $("[n-id=textCopierBtn]")
+    btn.attr("data-clipboard-text", t)
+    new ClipboardJS(btn.get(0)).on('success', (e) => {
+        e.clearSelection()
+    })
+    btn.click()
+}
+
+// https://zhuanlan.zhihu.com/p/162910462
+Date.prototype.format = function (tms, format) {
+    let tmd = new Date(tms)
+    /*
+     * 例子: format="YYYY-MM-dd hh:mm:ss";
+     */
+    var o = {
+        "M+": tmd.getMonth() + 1, // month
+        "d+": tmd.getDate(), // day
+        "h+": tmd.getHours(), // hour
+        "m+": tmd.getMinutes(), // minute
+        "s+": tmd.getSeconds(), // second
+        "q+": Math.floor((tmd.getMonth() + 3) / 3), // quarter
+        "S": tmd.getMilliseconds()
+        // millisecond
+    }
+    if (/(y+)/.test(format)) {
+        format = format.replace(RegExp.$1, (tmd.getFullYear() + "")
+            .substr(4 - RegExp.$1.length));
+    }
+    for (var k in o) {
+        if (new RegExp("(" + k + ")").test(format)) {
+            format = format.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k]
+                : ("00" + o[k]).substr(("" + o[k]).length));
+        }
+    }
+    return format;
+}
+
+// 既然已经有 Notification 了, 那用回中文也不过分吧 :)
+class 通知 {
+    constructor() {
+        this.args = {}
+        this.title = ""
+    }
+    static checkAvailable() {
+        return ("Notification" in window)
+    }
+    static async request() {
+        if (!this.checkAvailable()) return false
+        return (await Notification.requestPermission())
+    }
+    setId(id) {
+        this.args.tag = id
+        return this
+    }
+    setTitle(t) {
+        this.title = t
+        return this
+    }
+    setMessage(m) {
+        this.args.body = m
+        return this
+    }
+    setIcon(i) {
+        this.args.icon = i
+        return this
+    }
+    setImage(i) {
+        this.args.image = i
+        return this
+    }
+    setData(data) {
+        this.args.data = data
+    }
+    show(onclick/*, onclose*/) {
+        if (!通知.checkAvailable()) return
+        if (localStorage.useNotifications !== "true") return
+        let n = new Notification(this.title, this.args)
+        n.onclick = onclick == null ? () => n.close() : (n) => onclick(n)
+        return n
+    }
+}
+
+class Hash {
+    static md5(data) {
+        return CryptoJS.MD5(data).toString(CryptoJS.enc.Base64)
+    }
+    static sha256(data) {
+        return CryptoJS.SHA256(data).toString(CryptoJS.enc.Base64)
+    }
+}
+
+window.copyText = copyText
+window.NData = NData
+window.escapeHTML = escapeHTML
+window.isMobile = isMobile
+window.checkEmpty = checkEmpty
+window.sleep = sleep 
+window.Hash = Hash
+window.通知 = 通知
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "lingchair",
  "description": "A simple, lightweight and powerful Instant Messaging application.",
-  "version": "0.6.1",
+  "version": "0.7.0",
  "license": "Apache License 2.0",
  "author": {
    "name": "MoonLeeeaf",
@@ -11,7 +11,8 @@
    "start": "node ./server_src/main.js"
  },
  "dependencies": {
-    "mime": "^4.0.1",
+    "express": "^4.19.2",
+    "sharp": "^0.33.4",
    "socket.io": "^4.7.5"
  },
  "type": "commonjs"
--- a/run_build.sh
+++ b/run_build.sh
@@ -1,11 +0,0 @@
-# 复制资源文件，这些文件不需要编译
-mkdir -p  ling_chair_http
-cp -r client_src/* build_cache/
-
-# 向前兼容脚本
-cd babel_lib
-node node_modules/@babel/cli/bin/babel ../client_src --out-dir ../build_cache --presets=@babel/env
-
-# 打包以减小负载
-cd ../webpack_lib
-node node_modules/webpack-cli/bin/cli.js --config webpack_config.js
--- a/server_src/api-msgs.js
+++ b/server_src/api-msgs.js
@@ -12,7 +12,7 @@ const users = require("./api-users")
 let getSameHashedValue = (a, b) => {
    let _a = [hash.md5(a) + hash.sha256(a), hash.md5(b) + hash.sha256(b)].sort()
    let [_1, _2] = _a
-    return hash.sha256hex(hash.sha256hex(_1) + hash.sha256hex(_2))
+    return hash.sha256(hash.sha256(_1) + hash.sha256(_2))
 }

 let getSingleChatDir = (a, b) => {
--- a/server_src/hashlib.js
+++ b/server_src/hashlib.js
@@ -7,10 +7,8 @@
 const crypto = require("crypto")

 let apis = {
-    sha256: (data) => crypto.createHash("sha256").update(data).digest("base64"),
-    md5: (data) => crypto.createHash("md5").update(data).digest("base64"),
-    sha256hex: (data) => crypto.createHash("sha256").update(data).digest("hex"),
-    md5hex: (data) => crypto.createHash("md5").update(data).digest("hex"),
+    sha256: (data) => crypto.createHash("sha256").update(data).digest("hex"),
+    md5: (data) => crypto.createHash("md5").update(data).digest("hex"),
 }

 module.exports = apis
--- a/server_src/http-api.js
+++ b/server_src/http-api.js
--- a/server_src/main.js
+++ b/server_src/main.js
@@ -19,10 +19,10 @@ const vals = require("./val")
 const color = require("./color")

 //定义 Http 服务器回调
-let httpServerCallback = require("./httpApi")
+let httpServerCallback = require("./http-api")

 // 定义 Socket.io 服务器回调
-let wsServerCallback = require("./wsApi")
+let wsServerCallback = require("./ws-api")

 let httpServer
 if (vals.LINGCHAIR_SERVER_CONFIG.useHttps)
--- a/server_src/ws-api.js
+++ b/server_src/ws-api.js
--- a/webpack_lib/.gitignore
+++ b/webpack_lib/.gitignore
@@ -1 +0,0 @@
-node_modules/
--- a/webpack_lib/readme.md
+++ b/webpack_lib/readme.md
@@ -1,3 +0,0 @@
-## Webpack
-
-请从本仓库根目录的 .github 文件夹内找到对应的zip文件，并把 node_modules 解压在此，方可使用
--- a/webpack_lib/webpack_config.js
+++ b/webpack_lib/webpack_config.js
@@ -1,20 +0,0 @@
-const path = require('path')
-const { BannerPlugin } = require('webpack')
-const HtmlWebpackPlugin = require('html-webpack-plugin')
-const MiniCssExtractPlugin = require('mini-css-extract-plugin')
-
-module.exports = {
-  entry: '../build_cache/index.js',
-  output: {
-    filename: 'index.js',
-    path: path.resolve(__dirname, '../ling_chair_http'),
-  },
-  module: {
-    rules: [
-      {
-        test: /\.css$/i,
-        use: ['style-loader', 'css-loader'],
-      },
-    ],
-  },
-}
Author	SHA1	Message	Date
MoonLeeeaf	b2c8c86689	chore: 模块化前端js脚本	2024-05-31 00:08:55 +08:00
MoonLeeeaf	6654141c18	chore: 文件头, 输入框UI优化, 部分头像优化, 其他	2024-05-29 23:40:13 +08:00
MoonLeeeaf	822a4ad4da	chore: 规范命名	2024-05-29 17:40:10 +08:00
MoonLeeeaf	9f456b95c1	chore: 0.7.1 released	2024-05-29 16:30:57 +08:00
MoonLeeeaf	7d2798d4fd	fix: .gitignore	2024-05-26 00:56:50 +08:00
MoonLeeeaf	0ccee91b3e	chore: go back	2024-05-26 00:29:56 +08:00
MoonLeeeaf	48bad65df5	rebase	2024-05-25 16:41:27 +08:00
MoonLeeeaf	5b55ca77ec	rebase	2024-05-25 16:34:17 +08:00