mirror of
https://github.com/LingChair/LingChair-V0.git
synced 2025-12-08 01:55:50 +08:00
Compare commits
11 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
1cb0dd3885 | ||
|
|
d42caea57a | ||
|
|
1a5afc8ad0 | ||
|
|
4bdfad340f | ||
|
|
6ac1b460bb | ||
|
|
29e224f87a | ||
|
|
a39973bb5c | ||
|
|
47afacbba3 | ||
|
|
3a4d733c13 | ||
|
|
89263e6e2a | ||
|
|
b2c8c86689 |
@@ -23,14 +23,14 @@
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: flex-start;
|
||||
margin: 13px;
|
||||
margin: 13px 13px 13px 10%;
|
||||
}
|
||||
|
||||
.chat-message-left {
|
||||
display: flex;
|
||||
justify-content: flex-start;
|
||||
align-items: flex-start;
|
||||
margin: 13px;
|
||||
margin: 13px 10% 13px 13px;
|
||||
}
|
||||
|
||||
.message-content {
|
||||
@@ -39,9 +39,10 @@
|
||||
margin-left: 5px;
|
||||
margin-right: 5px;
|
||||
max-width: 100%;
|
||||
min-width: 0%;
|
||||
white-space: normal;
|
||||
word-break: break-all;
|
||||
font-size: medium;
|
||||
/* font-size: medium; */
|
||||
/* 使用了 CardView 就不需要边框了 */
|
||||
/* border: 1.3px solid; */
|
||||
padding: 15px;
|
||||
@@ -82,4 +83,10 @@
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
border-radius: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
.message-image {
|
||||
max-width: 40%;
|
||||
max-height: 40%;
|
||||
border-radius: 15px;
|
||||
}
|
||||
|
||||
97
ling_chair_http/finally.js
Normal file
97
ling_chair_http/finally.js
Normal file
@@ -0,0 +1,97 @@
|
||||
/*
|
||||
* ©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", CurrentUser.getUserHeadUrl(localStorage.userName))
|
||||
|
||||
ContactsList.reloadList()
|
||||
|
||||
CurrentUser.registerCallback()
|
||||
}
|
||||
|
||||
// 感谢AI的力量
|
||||
Stickyfill.add($("*").filter((a, b) => $(b).css('position') === 'sticky'))
|
||||
|
||||
ChatMsgAdapter.initMsgElementEvents()
|
||||
|
||||
ChatMsgAdapter.initInputResizer()
|
||||
|
||||
const showLinkDialog = (link) => mdui.alert(decodeURI(link) + "<br/>如果你确认此链接是安全的, 那么请<a class=\"mdui-text-color-theme-accent\" href=\"" + link + "\">点我</a>", '链接', () => { }, { confirmText: "关闭" })
|
||||
|
||||
const showImageDialog = (link, id, alt) => mdui.alert(`此图片链接来源未知: ${decodeURI(link)}<br/>如果你希望加载, 请<a class="mdui-text-color-theme-accent" mdui-dialog-close onclick="$('#${id}').html('<img src=\\'${link}\\' alt=\\'${decodeURI(alt)}\\' class=\\'message-image\\'></img>')">点我</a>`, '外部图片', () => { }, { confirmText: "关闭" })
|
||||
|
||||
const showCodeDialog = (code) => mdui.alert(`<pre><code>${decodeURI(code)}</code></pre>`, '代码块', () => { }, { confirmText: "关闭" })
|
||||
|
||||
const renderer = {
|
||||
heading(text, level) {
|
||||
return text
|
||||
},
|
||||
paragraph(text) {
|
||||
return text
|
||||
},
|
||||
blockquote(text) {
|
||||
return text
|
||||
},
|
||||
link(href, title, text) {
|
||||
return `<a class="mdui-text-color-theme-accent" onclick="showLinkDialog('${encodeURI(href)}')">[链接] ${text}</a>`
|
||||
},
|
||||
image(href, title, text) {
|
||||
let h = Hash.sha256(href)
|
||||
let out = true
|
||||
try {
|
||||
out = new URL(href).hostname === new URL(location.href)
|
||||
} catch(e) {}
|
||||
if (out)
|
||||
return `<img src="${encodeURI(href)}" alt="${text}" class="message-image"></img>`
|
||||
else
|
||||
return `<div id="${h}"><a class="mdui-text-color-theme-accent" onclick="showImageDialog('${encodeURI(href)}', '${h}', '${encodeURI(text)}')">[外部图片] ${text}</a></div>`
|
||||
},
|
||||
code(src) {
|
||||
return `<a class="mdui-text-color-theme-accent" onclick="showCodeDialog(\`${encodeURI(src)}\`)">[代码块]</a>`
|
||||
},
|
||||
}
|
||||
|
||||
marked.use({
|
||||
gfm: true,
|
||||
renderer: renderer,
|
||||
async: true,
|
||||
})
|
||||
|
||||
|
||||
647
ling_chair_http/handler.js
Normal file
647
ling_chair_http/handler.js
Normal file
@@ -0,0 +1,647 @@
|
||||
/*
|
||||
* ©2024 满月叶
|
||||
* Github: MoonLeeeaf
|
||||
* 业务逻辑
|
||||
*/
|
||||
|
||||
// ================================
|
||||
// 当前用户
|
||||
// ================================
|
||||
|
||||
class CurrentUser {
|
||||
static myAccessToken
|
||||
/**
|
||||
* 登录账号
|
||||
* @param {String} name
|
||||
* @param {String} passwd
|
||||
* @param {Function} callback
|
||||
*/
|
||||
static signIn(name, passwd, cb) {
|
||||
client.emit("user.signIn", {
|
||||
name: name,
|
||||
passwd: Hash.sha256(passwd) + Hash.md5(passwd),
|
||||
}, (re) => {
|
||||
if (re.code !== 0)
|
||||
return mdui.snackbar(re.msg)
|
||||
|
||||
cb(re)
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 注册账号
|
||||
* @param {String} name
|
||||
* @param {String} passwd
|
||||
* @param {Function} callback
|
||||
*/
|
||||
static signUp(name, passwd, cb) {
|
||||
client.emit("user.signUp", {
|
||||
name: name,
|
||||
passwd: Hash.sha256(passwd) + Hash.md5(passwd),
|
||||
}, (re) => {
|
||||
if (re.code !== 0)
|
||||
return mdui.snackbar(re.msg)
|
||||
|
||||
cb(re)
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 登录对话框中的登录逻辑
|
||||
* @param {String} name
|
||||
* @param {String} passwd
|
||||
*/
|
||||
static signInWithDialog(name, passwd) {
|
||||
this.signIn(name, passwd, (re) => {
|
||||
localStorage.refreshToken = re.data.refreshToken
|
||||
localStorage.isSignIn = true
|
||||
|
||||
location.reload()
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 设置昵称
|
||||
* @param {String} nick
|
||||
* @param {Function} callback
|
||||
*/
|
||||
static async setNick(nick, cb) {
|
||||
client.emit("user.setNick", {
|
||||
name: localStorage.userName,
|
||||
accessToken: await this.getAccessToken(),
|
||||
nick: nick,
|
||||
}, (re) => {
|
||||
if (re.code !== 0)
|
||||
return mdui.snackbar(re.msg)
|
||||
if (cb) cb()
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 获取用户头像的链接
|
||||
* @param {String} name
|
||||
* @returns {String} headImageUrl
|
||||
*/
|
||||
static getUserHeadUrl(name) {
|
||||
return client.io.uri + "/users_head/" + name + ".png"
|
||||
}
|
||||
/**
|
||||
* 获取访问密钥
|
||||
* @param {String} name
|
||||
* @returns {Promise<String>} accessToken
|
||||
*/
|
||||
static async getAccessToken(er) {
|
||||
if (this.myAccessToken == null)
|
||||
this.myAccessToken = await new Promise((res) => {
|
||||
client.emit("user.getAccessToken", { name: localStorage.userName, refreshToken: localStorage.refreshToken }, (r) => {
|
||||
if (r.data != null) res(r.data.accessToken)
|
||||
if (er != null) er(r.msg)
|
||||
})
|
||||
})
|
||||
return this.myAccessToken
|
||||
}
|
||||
/**
|
||||
* 请求上传头像
|
||||
*/
|
||||
static uploadHeadImage() {
|
||||
viewBinding.uploadHeadImage.click()
|
||||
}
|
||||
/**
|
||||
* 上传头像回调事件
|
||||
* @param {Element} element
|
||||
*/
|
||||
static async uploadHeadImageCallback(self) {
|
||||
let img = self.files[0]
|
||||
client.emit("user.setHeadImage", {
|
||||
name: localStorage.userName,
|
||||
accessToken: await CurrentUser.getAccessToken(),
|
||||
headImage: img,
|
||||
}, (re) => mdui.snackbar(re.msg))
|
||||
}
|
||||
/**
|
||||
* 验证用户
|
||||
*/
|
||||
static auth() {
|
||||
client.emit("user.auth", { name: localStorage.userName, refreshToken: localStorage.refreshToken }, (re) => {
|
||||
if (re.code !== 0) {
|
||||
console.error(re)
|
||||
if (!re.invalid)
|
||||
return mdui.snackbar("验证用户失败!")
|
||||
|
||||
mdui.alert("账号刷新令牌已过期, 请重新登录哦", "提示", () => CurrentUser.signOutAndReload(), {
|
||||
confirmText: "确定",
|
||||
closeOnConfirm: false,
|
||||
closeOnEsc: false,
|
||||
modal: true,
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 登出并重载页面
|
||||
*/
|
||||
static signOutAndReload() {
|
||||
localStorage.refreshToken = ""
|
||||
localStorage.isSignIn = false
|
||||
|
||||
setTimeout(() => location.reload(), 300)
|
||||
}
|
||||
/**
|
||||
* 注册客户端回调事件
|
||||
*/
|
||||
static registerCallback() {
|
||||
client.on("msg.receive", async (a) => {
|
||||
if (checkEmpty([a.target, a.msg, a.type]))
|
||||
return
|
||||
|
||||
let currentPage = ChatPage.getCurrentChatPage()
|
||||
|
||||
if ((currentPage.chatTarget === a.target) && (currentPage.chatType === a.type)) {
|
||||
let i = ChatMsgAdapter.isAtBottom()
|
||||
await currentPage.addMsg(a.target, a.msg.msg, a.msg.time, false, a.msg.msgid)
|
||||
if (i) ChatMsgAdapter.scrollToBottom()
|
||||
}
|
||||
|
||||
if (currentPage.chatTarget !== localStorage.userName) {
|
||||
let n = new 通知().setTitle("" + await NickCache.getNick(a.target)).setMessage(a.msg.msg).setIcon(CurrentUser.getUserHeadUrl(a.target)).show(async () => {
|
||||
await ChatMsgAdapter.switchTo(a.target, a.type)
|
||||
location.replace("#msgid_" + a.msg.msgid)
|
||||
n.close()
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 打开资料卡
|
||||
* @param {String} name
|
||||
*/
|
||||
static async openProfileDialog(name) {
|
||||
viewBinding.dialogProfileHead.attr("src", CurrentUser.getUserHeadUrl(name))
|
||||
viewBinding.dialogProfileNick.text(await NickCache.getNick(name))
|
||||
new mdui.Dialog(viewBinding.dialogProfile).open()
|
||||
}
|
||||
}
|
||||
|
||||
// ================================
|
||||
// 昵称缓存
|
||||
// ================================
|
||||
|
||||
class NickCache {
|
||||
static data = {}
|
||||
/**
|
||||
* 获取昵称
|
||||
* @param {String} name
|
||||
* @returns {String} nick
|
||||
*/
|
||||
static async getNick(name) {
|
||||
return await new Promise((res, _rej) => {
|
||||
// 这个this别摆着不放啊 不然两下就会去世
|
||||
let nick = NickCache.data[name]
|
||||
if (nick == null)
|
||||
client.emit("user.getNick", { name: name }, (re) => {
|
||||
let nk = re.data != null ? re.data.nick : name
|
||||
if (nk == null) nk = name
|
||||
NickCache.data[name] = nk
|
||||
res(nk)
|
||||
})
|
||||
else
|
||||
res(nick)
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// ================================
|
||||
// 联系人
|
||||
// ================================
|
||||
|
||||
class ContactsList {
|
||||
/**
|
||||
* 重载联系人列表
|
||||
*/
|
||||
static async reloadList() {
|
||||
client.emit("user.getFriends", {
|
||||
name: localStorage.userName,
|
||||
accessToken: await CurrentUser.getAccessToken(),
|
||||
}, async (re) => {
|
||||
if (re.code !== 0)
|
||||
return mdui.snackbar(re.msg)
|
||||
|
||||
viewBinding.contactsList.empty()
|
||||
let ls = re.data.friends
|
||||
for (let index in ls) {
|
||||
let name = ls[index]
|
||||
let dick = await NickCache.getNick(name)
|
||||
$($.parseHTML(`<li class="mdui-list-item mdui-ripple" mdui-drawer-close><div class="mdui-list-item-avatar"><img src="${ CurrentUser.getUserHeadUrl(name) }" onerror="this.src='res/default_head.png'" /></div><div class="mdui-list-item-content">` + dick + `</div></li>`)).appendTo(viewBinding.contactsList).click(() => {
|
||||
ChatMsgAdapter.switchTo(name, "single")
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 添加联系人/群峦
|
||||
* @param {String} nameOrId
|
||||
*/
|
||||
static async add(name, type) {
|
||||
if (type == "single") {
|
||||
client.emit("user.addFriend", {
|
||||
name: localStorage.userName,
|
||||
target: name,
|
||||
accessToken: await CurrentUser.getAccessToken(),
|
||||
}, async (re) => {
|
||||
// if (re.code !== 0)
|
||||
return mdui.snackbar(re.msg)
|
||||
})
|
||||
}
|
||||
}
|
||||
/**
|
||||
* 打开添加联系人的对话框
|
||||
*/
|
||||
static openAddDialog() {
|
||||
new mdui.Dialog(viewBinding.dialogNewContact.get(0)).open()
|
||||
}
|
||||
}
|
||||
|
||||
// ================================
|
||||
// 消息核心
|
||||
// ================================
|
||||
|
||||
class ChatTabManager {
|
||||
static tabs = {}
|
||||
/**
|
||||
* 添加Tab
|
||||
* @param { String } title
|
||||
* @param { String } target
|
||||
*/
|
||||
static add(title, target) {
|
||||
$($.parseHTML(`<a onclick="ChatMsgAdapter.switchTo('${target}');" tag="chatTab" id="chatTab_${target}" class="mdui-ripple" style="text-transform: none;">${title}</a>`)).appendTo(viewBinding.chatTab)
|
||||
}
|
||||
/**
|
||||
* 寻找Tab
|
||||
* @param { String } target
|
||||
* @returns { jQuery } element
|
||||
*/
|
||||
static find(target) {
|
||||
return $("#chatTab_" + target)
|
||||
}
|
||||
/**
|
||||
* 点击Tab
|
||||
* @param { String } target
|
||||
*/
|
||||
static click(target) {
|
||||
this.find(this.target).click()
|
||||
}
|
||||
/**
|
||||
* 删除Tab
|
||||
* @param { String } target
|
||||
*/
|
||||
static remove(target) {
|
||||
this.find(target).remove()
|
||||
}
|
||||
}
|
||||
|
||||
class ChatPage {
|
||||
static cached = {}
|
||||
constructor(name, title, type) {
|
||||
this.chatTarget = name
|
||||
this.chatType = type
|
||||
ChatTabManager.add(title, this.chatTarget)
|
||||
this.chatPageElement = $($.parseHTML(`<div class="chat-seesion" id="chatPageTargetIs${this.chatTarget}" target="${this.chatTarget}"></div>`))
|
||||
this.chatPageElement.appendTo(viewBinding.pageChatSeesion)
|
||||
}
|
||||
/**
|
||||
* 获取当前的聊天栏
|
||||
* @returns { jQuery }
|
||||
*/
|
||||
static getCurrentChatSeesion() {
|
||||
return $(".chat-seesion[actived=true]")
|
||||
}
|
||||
/**
|
||||
* 获取当前聊天页面
|
||||
* @returns { ChatPage }
|
||||
*/
|
||||
static getCurrentChatPage(name) {
|
||||
return ChatPage.cached[$(".chat-seesion[actived=true]").attr("target")]
|
||||
}
|
||||
/**
|
||||
* 切换选择的聊天对象
|
||||
*/
|
||||
async show() {
|
||||
ChatTabManager.click(this.chatTarget)
|
||||
|
||||
this.minMsgId = null
|
||||
|
||||
for (let k of Object.keys(ChatPage.cached)) {
|
||||
let cpe = ChatPage.cached[k].chatPageElement
|
||||
cpe.attr("actived", null)
|
||||
cpe.hide()
|
||||
let tbe = ChatTabManager.find(k)
|
||||
tbe.removeClass("mdui-tab-active")
|
||||
}
|
||||
|
||||
$(this.chatPageElement).empty()
|
||||
$(this.chatPageElement).attr("actived", "true")
|
||||
$(this.chatPageElement).show()
|
||||
ChatTabManager.find(this.chatTarget).addClass("mdui-tab-active")
|
||||
|
||||
await this.loadMore()
|
||||
ChatMsgAdapter.scrollToBottom()
|
||||
}
|
||||
/**
|
||||
* 连带Tab一起销毁
|
||||
*/
|
||||
remove() {
|
||||
ChatTabManager.remove(this.chatTarget)
|
||||
ChatPage.cached[this.chatTarget].chatPageElement.remove()
|
||||
ChatPage.cached[this.chatTarget] = null
|
||||
}
|
||||
/**
|
||||
* 加载更多聊天记录
|
||||
* @param {int} 加载数量
|
||||
*/
|
||||
async loadMore(limit) {
|
||||
let histroy = await this.getHistroy(this.minMsgId, limit == null ? 13 : limit)
|
||||
let chatPager = viewBinding.chatPager.get(0)
|
||||
|
||||
if (histroy.length == 0)
|
||||
return mdui.snackbar("已经加载完了~")
|
||||
|
||||
let re = this.minMsgId != null
|
||||
this.minMsgId = histroy[0].msgid - 1
|
||||
let sc = 0
|
||||
if (re) histroy = histroy.reverse()
|
||||
for (let index in histroy) {
|
||||
let i = histroy[index]
|
||||
let e = await this.addMsg(i.name, i.msg, i.time, re, i.msgid)
|
||||
// 因为某些因素直接DEBUG到吐血 断点继续都不报错 原因不明
|
||||
sc = sc + (e == null ? 35 : getOffsetTop(chatPager, e.get(0)))
|
||||
}
|
||||
chatPager.scrollBy({
|
||||
top: sc,
|
||||
behavior: 'smooth'
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 获取聊天消息记录
|
||||
* @param {int} 起始点
|
||||
* @param {int} 获取数量
|
||||
*/
|
||||
async getHistroy(start, limit) {
|
||||
if (this.chatType == "single")
|
||||
return new Promise(async (res, _rej) => {
|
||||
client.emit("user.getSingleChatHistroy", {
|
||||
name: localStorage.userName,
|
||||
target: this.chatTarget,
|
||||
limit: limit,
|
||||
accessToken: await CurrentUser.getAccessToken(),
|
||||
startId: start,
|
||||
}, (re) => {
|
||||
if (re.code !== 0)
|
||||
return mdui.snackbar(re.msg)
|
||||
res(re.data.histroy)
|
||||
})
|
||||
})
|
||||
throw new TypeError("Unsupported chat type!")
|
||||
}
|
||||
/**
|
||||
* 发送消息
|
||||
* @param { String } msg
|
||||
*/
|
||||
async send(msg) {
|
||||
if (this.chatType == "single")
|
||||
client.emit("user.sendSingleMsg", {
|
||||
name: localStorage.userName,
|
||||
target: this.chatTarget,
|
||||
msg: msg,
|
||||
accessToken: await CurrentUser.getAccessToken(),
|
||||
}, async (re) => {
|
||||
if (re.code !== 0)
|
||||
return mdui.snackbar(re.msg)
|
||||
|
||||
viewBinding.inputMsg.val("")
|
||||
|
||||
// 微机课闲的没事干玩玩 发现私聊会多发一个(一个是本地的, 另一个是发送成功的) 选择一个关掉就好了
|
||||
// 这里我选择服务端不发送回调, 不然多设备同步会吵死
|
||||
// 错了 应该是客户端少发条才对 不然不能多设备同步
|
||||
if (this.chatTarget !== localStorage.userName) {
|
||||
let i = ChatMsgAdapter.isAtBottom()
|
||||
await this.addMsg(localStorage.userName, msg, re.data.time, false, re.data.msgid)
|
||||
if (i) ChatMsgAdapter.scrollToBottom()
|
||||
}
|
||||
})
|
||||
throw new TypeError("Unsupported chat type!")
|
||||
}
|
||||
/**
|
||||
* 添加系统消息
|
||||
* @param { String } 消息
|
||||
* @param { Boolean } 是否加到顶部
|
||||
* @returns { jQuery } 消息元素
|
||||
*/
|
||||
addSystemMsg(msg, addToTop) {
|
||||
let element
|
||||
if (addToTop)
|
||||
// 加到头部
|
||||
element = $($.parseHTML(msg)).prependTo(this.chatPageElement)
|
||||
else
|
||||
// 加到尾部
|
||||
element = $($.parseHTML(msg)).appendTo(this.chatPageElement)
|
||||
return element
|
||||
}
|
||||
/**
|
||||
* 添加聊天记录
|
||||
* @param { String } name
|
||||
* @param { String } msg
|
||||
* @param { String } type
|
||||
* @param { Boolean } 是否加到头部
|
||||
* @param { String || int } 消息id
|
||||
* @returns { jQuery } 消息元素
|
||||
*/
|
||||
async addMsg(name, preMsg, time, addToTop, msgid) {
|
||||
|
||||
let nick = await NickCache.getNick(name) // re.data == null ? name : re.data.nick
|
||||
|
||||
let msg
|
||||
|
||||
try {
|
||||
msg = await marked.parse(preMsg)
|
||||
} catch (error) {
|
||||
console.log("解析消息失败: " + error)
|
||||
msg = escapeHTML(preMsg)
|
||||
}
|
||||
|
||||
let temp
|
||||
if (name === localStorage.userName)
|
||||
temp = `<div class="chat-message-right">
|
||||
<div class="message-content-with-nickname-right">
|
||||
<span class="nickname">${nick}</span>
|
||||
<div class="message-content mdui-card" tag="msg-card" id="msgid_${msgid}">
|
||||
<span id="msg-content">${msg}</span>
|
||||
<pre class="mdui-hidden" id="raw-msg-content">${preMsg}</pre>
|
||||
</div>
|
||||
</div>
|
||||
<img class="avatar" src="${CurrentUser.getUserHeadUrl(name)}" onerror="this.src='res/default_head.png'" />
|
||||
</div>`
|
||||
else
|
||||
temp = `<div class="chat-message-left">
|
||||
<img class="avatar" src="${CurrentUser.getUserHeadUrl(name)}" onerror="this.src='res/default_head.png'" />
|
||||
<div class="message-content-with-nickname-left">
|
||||
<span class="nickname">${nick}</span>
|
||||
<div class="message-content mdui-card" tag="msg-card" id="msgid_${msgid}">
|
||||
<span id="msg-content">${msg}</span>
|
||||
<pre class="mdui-hidden" id="raw-msg-content">${preMsg}</pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>`
|
||||
|
||||
let nowMinutes = new Date(time).getMinutes()
|
||||
let msgElement
|
||||
if (addToTop) {
|
||||
this.addSystemMsg(temp, addToTop)
|
||||
if (this.minutesCache != nowMinutes) {
|
||||
msgElement = this.addSystemMsg(`<div class="mdui-center">${new Date().format(time == null ? Date.parse("1000-1-1 00:00:00") : time, "yyyy年MM月dd日 hh:mm:ss")}</div>`, addToTop)
|
||||
this.time = nowMinutes
|
||||
}
|
||||
} else {
|
||||
if (this.minutesCache != nowMinutes) {
|
||||
msgElement = this.addSystemMsg(`<div class="mdui-center">${new Date().format(time == null ? Date.parse("1000-1-1 00:00:00") : time, "yyyy年MM月dd日 hh:mm:ss")}</div>`, addToTop)
|
||||
this.time = nowMinutes
|
||||
}
|
||||
this.addSystemMsg(temp, addToTop)
|
||||
}
|
||||
|
||||
this.minutesCache = new Date(time).getMinutes()
|
||||
|
||||
return msgElement
|
||||
}
|
||||
}
|
||||
|
||||
class ChatMsgAdapter {
|
||||
static type
|
||||
static target
|
||||
static resizeDick
|
||||
/**
|
||||
* 切换到某一个聊天对象
|
||||
* @param {String} name
|
||||
* @param {String} type
|
||||
*/
|
||||
static async switchTo(name, type) {
|
||||
if (!ChatPage.cached[name])
|
||||
ChatPage.cached[name] = new ChatPage(name, await NickCache.getNick(name), type)
|
||||
|
||||
ChatPage.cached[name].show()
|
||||
}
|
||||
/**
|
||||
* 是否在底部
|
||||
* @returns {Boolean} 是否在底部
|
||||
*/
|
||||
static isAtBottom() {
|
||||
let elementRect = viewBinding.pageChatSeesion.get(0).getBoundingClientRect()
|
||||
return (elementRect.bottom <= window.innerHeight)
|
||||
}
|
||||
/**
|
||||
* 滑到底部
|
||||
*/
|
||||
static scrollToBottom() {
|
||||
// 吐了啊 原来这样就行了 我何必在子element去整啊
|
||||
viewBinding.chatPager.get(0).scrollBy({
|
||||
top: 1145141919810,
|
||||
behavior: 'smooth'
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 初始化输入框位置调整器
|
||||
*/
|
||||
static initInputResizer() {
|
||||
// 实验表面移动端切出输入法时会触发1-2次resize事件
|
||||
// 可以利用这个特性来实现自动滚动文本
|
||||
let resize = () => {
|
||||
// CSS 牵一发而动全身 因此这个减少的数值是每天都要更改的
|
||||
viewBinding.chatPager.height(window.innerHeight - viewBinding.inputToolbar.height() - $("header.mdui-appbar").height() - viewBinding.chatTab.height() - 17)
|
||||
let ledi = this.resizeDick - window.innerHeight
|
||||
if (isMobile()) viewBinding.chatPager.get(0).scrollBy({
|
||||
// 5.19晚10:56分调配出来的秘方
|
||||
// < 0 为窗口变大
|
||||
// cnm的,调试十万次就你tm检测不到底是吧,就你语法天天错误是吧
|
||||
// 欺负我现在用不了电脑
|
||||
top: -(ledi) * ((ledi < 0 && this.isAtBottom()) ? 6 : -1), // (ledi < 0 ? 6 : 6),
|
||||
behavior: 'smooth'
|
||||
})
|
||||
this.resizeDick = window.innerHeight
|
||||
}
|
||||
window.initInputResizerResize = resize
|
||||
window.addEventListener("resize", resize)
|
||||
resize()
|
||||
}
|
||||
/**
|
||||
* 初始化消息框右击事件
|
||||
*/
|
||||
static initMsgElementEvents() {
|
||||
let listeners = {}
|
||||
let menu
|
||||
let callback = (e) => {
|
||||
if (menu) menu.close()
|
||||
// 切到 div.message-content
|
||||
let ele = e.get(0)
|
||||
while ($(ele).attr("tag") != "msg-card")
|
||||
ele = ele.parentNode
|
||||
e = $(ele)
|
||||
let menuHtml = $.parseHTML(`<ul class="mdui-menu menu-on-message">
|
||||
<li class="mdui-menu-item">
|
||||
<a onclick="copyText(\`${e.find("#msg-content").text()}\`)" class="mdui-ripple">复制</a>
|
||||
</li>
|
||||
<li class="mdui-menu-item">
|
||||
<a onclick="mdui.alert(\`${e.find("#raw-msg-content").text()}\`, '消息原文', () => { }, { confirmText: '关闭' })" class="mdui-ripple">原文</a>
|
||||
</li>
|
||||
<li class="mdui-menu-item">
|
||||
<a onclick="mdui.alert('未制作功能', '提示', () => { }, { confirmText: '关闭' })" class="mdui-ripple">转发</a>
|
||||
</li>
|
||||
</ul>`)
|
||||
let $menu = $(menuHtml)
|
||||
e.before($menu)
|
||||
menu = new mdui.Menu(e.get(0), menuHtml, {
|
||||
position: "bottom",
|
||||
align: "right",
|
||||
// covered: true,
|
||||
})
|
||||
$menu.on('closed.mdui.menu', () => {
|
||||
$(menuHtml).remove()
|
||||
})
|
||||
menu.open()
|
||||
}
|
||||
viewBinding.pageChatSeesion.on('contextmenu mousedown mouseup', '.message-content', (e) => {
|
||||
let eventType = e.type
|
||||
let self = $(e.target)
|
||||
|
||||
// 根据事件类型执行不同操作
|
||||
switch (eventType) {
|
||||
case 'contextmenu':
|
||||
e.preventDefault() // 阻止默认行为
|
||||
callback(self)
|
||||
break
|
||||
case 'mousedown':
|
||||
if (!isMobile()) return
|
||||
listeners[self + ""] = setTimeout(() => {
|
||||
callback(self)
|
||||
}, 300) // 300颗够吗 应该够吧
|
||||
break
|
||||
case 'mouseup':
|
||||
if (!isMobile()) return
|
||||
clearTimeout(listeners[self + ""])
|
||||
listeners[self + ""] = null
|
||||
break
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* 刷新联系人列表以及昵称缓存
|
||||
*/
|
||||
function refreshAll() {
|
||||
ContactsList.reloadList()
|
||||
delete NickCache.data
|
||||
NickCache.data = {}
|
||||
}
|
||||
|
||||
window.User = CurrentUser
|
||||
window.ContactsList = ContactsList
|
||||
window.NickCache = NickCache
|
||||
window.ChatPage = ChatPage
|
||||
window.ChatMsgAdapter = ChatMsgAdapter
|
||||
window.refreshAll = refreshAll
|
||||
@@ -25,6 +25,7 @@
|
||||
<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>
|
||||
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
|
||||
<link rel="icon" href="res/icon.ico" />
|
||||
<title>铃之椅</title>
|
||||
</head>
|
||||
@@ -120,7 +121,7 @@
|
||||
<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>
|
||||
<!-- <a href="#page-chat-seesion" n-id="tabChatSeesion" tag="chatTab" class="mdui-ripple" style="text-transform: none;"></a> -->
|
||||
</div>
|
||||
<!-- 滚动到底部咋这么难写... -->
|
||||
<div style="display: flex;flex-direction: column;">
|
||||
@@ -128,11 +129,10 @@
|
||||
<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()"
|
||||
<div class="mdui-center" style="margin: 15px;"><a href="javascript:;" onclick="ChatPage.getCurrentChatPage().loadMore()"
|
||||
class="mdui-text-color-theme">加载更多</a> | <a href="javascript:;"
|
||||
onclick="ChatMsgAdapter.scrollToBottom()" class="mdui-text-color-theme">回到底部</a></div>
|
||||
<div n-id="pageChatSeesion" class="chat-seesion">
|
||||
</div>
|
||||
<div n-id="pageChatSeesion" class="chat-seesion" id="page-chat-seesion"></div>
|
||||
<!-- 输入框和聊天消息重叠的原因就是死人 scrollbar, 把自动调整的距离调小, margin调大就行了 -->
|
||||
</div>
|
||||
<!-- 妈的黑化了 私人玩意这么难整 早知道 z-index 弄死它得了 浪费我时间 我就没试过这么离谱的样式表 第三方库真难写CSS 就应该先写后端的 啊啊啊啊啊啊 -->
|
||||
@@ -184,9 +184,9 @@
|
||||
</div>
|
||||
<div class="mdui-dialog-actions">
|
||||
<button class="mdui-btn mdui-ripple"
|
||||
onclick="User.signUp(viewBinding.dialogSignInName.val(), viewBinding.dialogSignInPasswd.val(), () => mdui.snackbar('注册成功, 请直接点击登录即可~'))">注册</button>
|
||||
onclick="CurrentUser.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>
|
||||
onclick="CurrentUser.signInWithDialog(viewBinding.dialogSignInName.val(), viewBinding.dialogSignInPasswd.val())">登录</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -221,7 +221,7 @@
|
||||
<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>
|
||||
onclick="CurrentUser.setNick(viewBinding.dialogEditNickNick.val(), () => {mdui.snackbar('已保存, 刷新页面生效');viewBinding.dialogEditNickClose.click()})">保存</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -276,7 +276,7 @@
|
||||
<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()">
|
||||
<li class="mdui-list-item mdui-ripple" onclick="CurrentUser.uploadHeadImage()">
|
||||
<i class="mdui-list-item-icon mdui-icon material-icons">account_circle</i>
|
||||
<div class="mdui-list-item-content">上传头像</div>
|
||||
</li>
|
||||
@@ -289,7 +289,7 @@
|
||||
</div>
|
||||
|
||||
<div class="mdui-hidden">
|
||||
<input type="file" n-id="uploadHeadImage" name="选择头像" onchange="User.uploadHeadImageCallback(this)"
|
||||
<input type="file" n-id="uploadHeadImage" name="选择头像" onchange="CurrentUser.uploadHeadImageCallback(this)"
|
||||
accept="image/png, image/jpeg" />
|
||||
</div>
|
||||
|
||||
@@ -297,7 +297,12 @@
|
||||
<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>
|
||||
<script src="index.js"></script>
|
||||
<!-- 核心脚本部分 -->
|
||||
<script src="utils.js"></script>
|
||||
<script src="manager.js"></script>
|
||||
<script src="ui.js"></script>
|
||||
<script src="handler.js"></script>
|
||||
<script src="finally.js"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,728 +0,0 @@
|
||||
/*
|
||||
* ©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 '<'
|
||||
case '>':
|
||||
return '>'
|
||||
case '&':
|
||||
return '&'
|
||||
case '"':
|
||||
return '"'
|
||||
case "'":
|
||||
return '''
|
||||
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
|
||||
}
|
||||
}
|
||||
|
||||
// 快捷获取指定视图
|
||||
let viewBinding = NData.mount($("#app").get(0))
|
||||
|
||||
$.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()
|
||||
})
|
||||
|
||||
// https://www.runoob.com/w3cnote/javascript-copy-clipboard.html
|
||||
function copyText(t) {
|
||||
let btn = viewBinding.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;
|
||||
}
|
||||
|
||||
class NickCache {
|
||||
static data = {}
|
||||
static async getNick(name) {
|
||||
return await new Promise((res, rej) => {
|
||||
// 这个this别摆着不放啊 不然两下就会去世
|
||||
let nick = this.data[name]
|
||||
if (nick == null)
|
||||
client.emit("user.getNick", { name: localStorage.userName }, (re) => {
|
||||
let nk = re.data != null ? re.data.nick : name
|
||||
if (nk == null) nk = name
|
||||
this.data[name] = nk
|
||||
res(nk)
|
||||
})
|
||||
else
|
||||
res(nick)
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
// 既然已经有 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 ContactsList {
|
||||
static async reloadList() {
|
||||
client.emit("user.getFriends", {
|
||||
name: localStorage.userName,
|
||||
accessToken: await User.getAccessToken(),
|
||||
}, async (re) => {
|
||||
if (re.code !== 0)
|
||||
return mdui.snackbar(re.msg)
|
||||
|
||||
viewBinding.contactsList.empty()
|
||||
let ls = re.data.friends
|
||||
for (let index in ls) {
|
||||
let name = ls[index]
|
||||
let dick = await NickCache.getNick(name)
|
||||
$($.parseHTML(`<li class="mdui-list-item mdui-ripple" mdui-drawer-close><div class="mdui-list-item-avatar"><img src="` + User.getUserHeadUrl(name) + `" onerror="this.src='res/default_head.png'" /></div><div class="mdui-list-item-content">` + dick + `</div></li>`)).appendTo(viewBinding.contactsList).click(() => {
|
||||
ChatMsgAdapter.switchTo(name, "single")
|
||||
})
|
||||
}
|
||||
|
||||
})
|
||||
}
|
||||
// 添加联系人,好友或者群聊
|
||||
static add(name, type) {
|
||||
if (type == "single") {
|
||||
|
||||
}
|
||||
}
|
||||
static openAddDialog() {
|
||||
new mdui.Dialog(viewBinding.dialogNewContact.get(0)).open()
|
||||
}
|
||||
}
|
||||
|
||||
// 消息核心
|
||||
|
||||
class ChatPage {
|
||||
static cached = {}
|
||||
constructor(name, type) {
|
||||
|
||||
}
|
||||
static switchTo(name, type) {
|
||||
if (!this.cached[name])
|
||||
this.cached[name] = new ChatPage(name, type)
|
||||
}
|
||||
}
|
||||
|
||||
class ChatMsgAdapter {
|
||||
static type
|
||||
static target
|
||||
static minMsgId
|
||||
static time
|
||||
static bbn
|
||||
static resizeDick
|
||||
// 切换聊天对象
|
||||
static async switchTo(name, type) {
|
||||
viewBinding.tabChatSeesion.show()
|
||||
viewBinding.tabChatSeesion.text(await NickCache.getNick(name))
|
||||
viewBinding.tabChatSeesion.get(0).click()
|
||||
|
||||
this.type = type
|
||||
this.target = name
|
||||
this.minMsgId = null
|
||||
|
||||
viewBinding.pageChatSeesion.empty()
|
||||
|
||||
await this.loadMore()
|
||||
this.scrollToBottom()
|
||||
}
|
||||
// 发送消息
|
||||
static async send(msg) {
|
||||
client.emit("user.sendSingleMsg", {
|
||||
name: localStorage.userName,
|
||||
target: this.target,
|
||||
msg: msg,
|
||||
accessToken: await User.getAccessToken(),
|
||||
}, async (re) => {
|
||||
if (re.code !== 0)
|
||||
return mdui.snackbar(re.msg)
|
||||
|
||||
viewBinding.inputMsg.val("")
|
||||
|
||||
// 微机课闲的没事干玩玩 发现私聊会多发一个(一个是本地的, 另一个是发送成功的) 选择一个关掉就好了
|
||||
// 这里我选择服务端不发送回调, 不然多设备同步会吵死
|
||||
// 错了 应该是客户端少发条才对 不然不能多设备同步
|
||||
if ((ChatMsgAdapter.target !== localStorage.userName) && ChatMsgAdapter.type === "single") {
|
||||
let i = ChatMsgAdapter.isAtBottom()
|
||||
await ChatMsgAdapter.addMsg(localStorage.userName, msg, re.data.time, re.data.msgid)
|
||||
if (i) ChatMsgAdapter.scrollToBottom()
|
||||
}
|
||||
})
|
||||
}
|
||||
static async getHistroy(start, limit) {
|
||||
return new Promise(async (res, rej) => {
|
||||
client.emit("user.getSingleChatHistroy", {
|
||||
name: localStorage.userName,
|
||||
target: this.target,
|
||||
limit: limit,
|
||||
accessToken: await User.getAccessToken(),
|
||||
startId: start,
|
||||
}, (re) => {
|
||||
if (re.code !== 0)
|
||||
return mdui.snackbar(re.msg)
|
||||
res(re.data.histroy)
|
||||
})
|
||||
})
|
||||
}
|
||||
static async loadMore(limit) {
|
||||
let histroy = await this.getHistroy(this.minMsgId, limit == null ? 13 : limit)
|
||||
|
||||
if (histroy.length == 0)
|
||||
return mdui.snackbar("已经加载完了~")
|
||||
|
||||
let re = this.minMsgId != null
|
||||
this.minMsgId = histroy[0].msgid - 1
|
||||
let sc = 0
|
||||
if (re) histroy = histroy.reverse()
|
||||
for (let index in histroy) {
|
||||
let i = histroy[index]
|
||||
let e = await this.addMsg(i.name, i.msg, i.time, re, i.msgid)
|
||||
// 因为某些因素直接DEBUG到吐血 断点继续都不报错 原因不明
|
||||
sc = sc + (e == null ? 25 : e.get(0).offsetTop)
|
||||
}
|
||||
window.scrollBy({
|
||||
top: sc,
|
||||
behavior: 'smooth'
|
||||
})
|
||||
}
|
||||
static addSystemMsg(m, re) {
|
||||
let e
|
||||
if (re)
|
||||
// 加到头部
|
||||
e = $($.parseHTML(m)).prependTo(viewBinding.pageChatSeesion)
|
||||
else
|
||||
// 加到尾部
|
||||
e = $($.parseHTML(m)).appendTo(viewBinding.pageChatSeesion)
|
||||
return e
|
||||
}
|
||||
static isAtBottom() {
|
||||
let elementRect = viewBinding.pageChatSeesion.get(0).getBoundingClientRect()
|
||||
return (elementRect.bottom <= window.innerHeight)
|
||||
}
|
||||
// 添加消息 返回消息的JQ对象
|
||||
// name: 用户id m: 消息 t: 时间戳 re: 默认加到尾部 msgid: 消息id
|
||||
static async addMsg(name, m, t, re, msgid) {
|
||||
|
||||
let nick = await NickCache.getNick(name) // re.data == null ? name : re.data.nick
|
||||
|
||||
let msg = escapeHTML(m)
|
||||
|
||||
let temp
|
||||
if (name === localStorage.userName)
|
||||
temp = `<div class="chat-message-right">
|
||||
<div class="message-content-with-nickname-right">
|
||||
<span class="nickname">` + nick + `</span>
|
||||
<div class="message-content mdui-card" id="msgid_` + msgid + `">
|
||||
<span id="msg-content">` + msg + `</span>
|
||||
</div>
|
||||
</div>
|
||||
<img class="avatar" src="` + User.getUserHeadUrl(name) + `" onerror="this.src='res/default_head.png'" />
|
||||
</div>`
|
||||
else
|
||||
temp = `<div class="chat-message-left">
|
||||
<img class="avatar" src="` + User.getUserHeadUrl(name) + `" onerror="this.src='res/default_head.png'" />
|
||||
<div class="message-content-with-nickname-left">
|
||||
<span class="nickname">` + nick + `</span>
|
||||
<div class="message-content mdui-card" id="msgid_` + msgid + `">
|
||||
<span id="msg-content">` + msg + `</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>`
|
||||
|
||||
let bn = new Date(t).getMinutes()
|
||||
let e
|
||||
if (re) {
|
||||
this.addSystemMsg(temp, re)
|
||||
if (this.bbn != bn) {
|
||||
e = this.addSystemMsg(`<div class="mdui-center">` + new Date().format(t == null ? Date.parse("1000-1-1 00:00:00") : t, "yyyy年MM月dd日 hh:mm:ss") + `</div>`, re)
|
||||
this.time = bn
|
||||
}
|
||||
} else {
|
||||
if (this.bbn != bn) {
|
||||
e = this.addSystemMsg(`<div class="mdui-center">` + new Date().format(t == null ? Date.parse("1000-1-1 00:00:00") : t, "yyyy年MM月dd日 hh:mm:ss") + `</div>`, re)
|
||||
this.time = bn
|
||||
}
|
||||
this.addSystemMsg(temp, re)
|
||||
}
|
||||
|
||||
this.bbn = new Date(t).getMinutes()
|
||||
|
||||
return e
|
||||
}
|
||||
// 从服务器加载一些聊天记录, limit默认=13
|
||||
static async loadMsgs(limit) {
|
||||
let histroy = await this.getHistroy(this.msgList[0] == null ? null : this.msgList[0].msgid - 1, limit == null ? 13 : limit)
|
||||
this.msgList = histroy
|
||||
}
|
||||
static scrollToBottom() {
|
||||
// 吐了啊 原来这样就行了 我何必在子element去整啊
|
||||
viewBinding.chatPager.get(0).scrollBy({
|
||||
top: 1145141919810,
|
||||
behavior: 'smooth'
|
||||
})
|
||||
}
|
||||
// 自动调整使输入框置底 CSS真tm靠不住啊
|
||||
static initInputResizer() {
|
||||
// 实验表面移动端切出输入法时会触发1-2次resize事件
|
||||
// 可以利用这个特性来实现自动滚动文本
|
||||
let resize = () => {
|
||||
// CSS 牵一发而动全身 因此这个减少的数值是每天都要更改的
|
||||
viewBinding.pageChatSeesion.height(window.innerHeight - viewBinding.inputToolbar.height() - $("header.mdui-appbar").height() - viewBinding.chatTab.height() - 65)
|
||||
let ledi = this.resizeDick - window.innerHeight
|
||||
if (isMobile()) viewBinding.chatPager.get(0).scrollBy({
|
||||
// 5.19晚10:56分调配出来的秘方
|
||||
// < 0 为窗口变大
|
||||
// cnm的,调试十万次就你tm检测不到底是吧,就你语法天天错误是吧
|
||||
// 欺负我现在用不了电脑
|
||||
top: -(ledi) * ((ledi < 0 && this.isAtBottom()) ? 6 : -1), // (ledi < 0 ? 6 : 6),
|
||||
behavior: 'smooth'
|
||||
})
|
||||
this.resizeDick = window.innerHeight
|
||||
}
|
||||
window.initInputResizerResize = resize
|
||||
window.addEventListener("resize", resize)
|
||||
resize()
|
||||
}
|
||||
// 为消息设置长按/右键事件
|
||||
static initMsgElementEvents() {
|
||||
let listeners = {}
|
||||
let menu
|
||||
let callback = (e) => {
|
||||
if (menu) menu.close()
|
||||
// 从 span 切到 div
|
||||
if (e.get(0).tagName.toLowerCase() != "div") e = $(e.get(0).parentNode)
|
||||
// 从 消息框 切到 更上层
|
||||
e = $(e.get(0).parentNode)
|
||||
let menuHtml = $.parseHTML(`<ul class="mdui-menu menu-on-message">
|
||||
<li class="mdui-menu-item">
|
||||
<a onclick="copyText(\`` + e.find("#msg-content").text() + `\`)" class="mdui-ripple">复制</a>
|
||||
</li>
|
||||
<li class="mdui-menu-item">
|
||||
<a onclick="mdui.alert('未制作功能', '提示', () => { }, { confirmText: '关闭' })" class="mdui-ripple">转发</a>
|
||||
</li>
|
||||
</ul>`)
|
||||
let $menu = $(menuHtml)
|
||||
e.before($menu)
|
||||
menu = new mdui.Menu(e.get(0), menuHtml, {
|
||||
position: "bottom",
|
||||
align: "right",
|
||||
// covered: true,
|
||||
})
|
||||
$menu.on('closed.mdui.menu', () => {
|
||||
$(menuHtml).remove()
|
||||
})
|
||||
menu.open()
|
||||
}
|
||||
viewBinding.pageChatSeesion.on('contextmenu mousedown mouseup', '.message-content', (e) => {
|
||||
let eventType = e.type
|
||||
let self = $(e.target)
|
||||
|
||||
// 根据事件类型执行不同操作
|
||||
switch (eventType) {
|
||||
case 'contextmenu':
|
||||
e.preventDefault() // 阻止默认行为
|
||||
callback(self)
|
||||
break
|
||||
case 'mousedown':
|
||||
if (!isMobile()) return
|
||||
listeners[self + ""] = setTimeout(() => {
|
||||
callback(self)
|
||||
}, 300) // 300颗够吗 应该够吧
|
||||
break
|
||||
case 'mouseup':
|
||||
if (!isMobile()) return
|
||||
clearTimeout(listeners[self + ""])
|
||||
listeners[self + ""] = null
|
||||
break
|
||||
}
|
||||
})
|
||||
}
|
||||
}
|
||||
|
||||
class Hash {
|
||||
static md5(data) {
|
||||
return CryptoJS.MD5(data).toString(CryptoJS.enc.Base64)
|
||||
}
|
||||
static sha256(data) {
|
||||
return CryptoJS.SHA256(data).toString(CryptoJS.enc.Base64)
|
||||
}
|
||||
}
|
||||
|
||||
class User {
|
||||
static myAccessToken
|
||||
// 登录账号 通过回调函数返回刷新令牌
|
||||
static signIn(name, passwd, cb) {
|
||||
client.emit("user.signIn", {
|
||||
name: name,
|
||||
passwd: Hash.sha256(passwd) + Hash.md5(passwd),
|
||||
}, (re) => {
|
||||
if (re.code !== 0)
|
||||
return mdui.snackbar(re.msg)
|
||||
|
||||
cb(re)
|
||||
})
|
||||
}
|
||||
static signUp(name, passwd, cb) {
|
||||
client.emit("user.signUp", {
|
||||
name: name,
|
||||
passwd: Hash.sha256(passwd) + Hash.md5(passwd),
|
||||
}, (re) => {
|
||||
if (re.code !== 0)
|
||||
return mdui.snackbar(re.msg)
|
||||
|
||||
cb(re)
|
||||
})
|
||||
}
|
||||
// 为登录对话框编写的
|
||||
static signInWithDialog(name, passwd) {
|
||||
this.signIn(name, passwd, (re) => {
|
||||
localStorage.refreshToken = re.data.refreshToken
|
||||
localStorage.isSignIn = true
|
||||
|
||||
location.reload()
|
||||
})
|
||||
}
|
||||
static async setNick(nick, cb) {
|
||||
client.emit("user.setNick", {
|
||||
name: localStorage.userName,
|
||||
accessToken: await this.getAccessToken(),
|
||||
nick: nick,
|
||||
}, (re) => {
|
||||
if (re.code !== 0)
|
||||
return mdui.snackbar(re.msg)
|
||||
if (cb) cb()
|
||||
})
|
||||
}
|
||||
// 获取头像链接
|
||||
static getUserHeadUrl(name) {
|
||||
return client.io.uri + "/users_head/" + name + ".png"
|
||||
}
|
||||
static async getAccessToken(er) {
|
||||
if (this.myAccessToken == null)
|
||||
this.myAccessToken = await new Promise((res) => {
|
||||
client.emit("user.getAccessToken", { name: localStorage.userName, refreshToken: localStorage.refreshToken }, (r) => {
|
||||
if (r.data != null) res(r.data.accessToken)
|
||||
if (er != null) er(r.msg)
|
||||
})
|
||||
})
|
||||
return this.myAccessToken
|
||||
}
|
||||
static uploadHeadImage() {
|
||||
viewBinding.uploadHeadImage.click()
|
||||
}
|
||||
static async uploadHeadImageCallback(self) {
|
||||
let img = self.files[0]
|
||||
client.emit("user.setHeadImage", {
|
||||
name: localStorage.userName,
|
||||
accessToken: await User.getAccessToken(),
|
||||
headImage: img,
|
||||
}, (re) => mdui.snackbar(re.msg))
|
||||
}
|
||||
static auth() {
|
||||
client.emit("user.auth", { name: localStorage.userName, refreshToken: localStorage.refreshToken }, (re) => {
|
||||
if (re.code !== 0) {
|
||||
console.error(re)
|
||||
if (!re.invalid)
|
||||
return mdui.snackbar("验证用户失败!")
|
||||
|
||||
mdui.alert("账号刷新令牌已过期, 请重新登录哦", "提示", () => User.signOutAndReload(), {
|
||||
confirmText: "确定",
|
||||
closeOnConfirm: false,
|
||||
closeOnEsc: false,
|
||||
modal: true,
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
static signOutAndReload() {
|
||||
localStorage.refreshToken = ""
|
||||
localStorage.isSignIn = false
|
||||
|
||||
setTimeout(() => location.reload(), 300)
|
||||
}
|
||||
static registerCallback() {
|
||||
client.on("msg.receive", async (a) => {
|
||||
if (checkEmpty([a.target, a.msg, a.type]))
|
||||
return
|
||||
|
||||
if ((ChatMsgAdapter.target === a.target) && (ChatMsgAdapter.type === a.type)) {
|
||||
let i = ChatMsgAdapter.isAtBottom()
|
||||
await ChatMsgAdapter.addMsg(a.target, a.msg.msg, a.msg.time)
|
||||
if (i) ChatMsgAdapter.scrollToBottom()
|
||||
}
|
||||
|
||||
if (ChatMsgAdapter.target !== localStorage.userName) {
|
||||
let n = new 通知().setTitle("" + await NickCache.getNick(a.target)).setMessage(a.msg.msg).setIcon(User.getUserHeadUrl(a.target)).show(async () => {
|
||||
await ChatMsgAdapter.switchTo(a.target, a.type)
|
||||
location.replace("#msgid_" + a.msg.msgid)
|
||||
n.close()
|
||||
})
|
||||
}
|
||||
})
|
||||
}
|
||||
static async openProfileDialog(name) {
|
||||
viewBinding.dialogProfileHead.attr("src", User.getUserHeadUrl(name))
|
||||
viewBinding.dialogProfileNick.text(await NickCache.getNick(name))
|
||||
new mdui.Dialog(viewBinding.dialogProfile).open()
|
||||
}
|
||||
}
|
||||
|
||||
// 没有刷新令牌需要重新登录 或者初始化
|
||||
if (!localStorage.refreshToken || localStorage.refreshToken === "")
|
||||
localStorage.isSignIn = false
|
||||
|
||||
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()
|
||||
})
|
||||
}
|
||||
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()
|
||||
|
||||
function refreshAll() {
|
||||
ContactsList.reloadList()
|
||||
delete NickCache.data
|
||||
NickCache.data = {}
|
||||
}
|
||||
36
ling_chair_http/manager.js
Normal file
36
ling_chair_http/manager.js
Normal file
@@ -0,0 +1,36 @@
|
||||
/*
|
||||
* ©2024 满月叶
|
||||
* Github: MoonLeeeaf
|
||||
* 资源类
|
||||
*/
|
||||
|
||||
const viewBinding = NData.mount($("#app").get(0))
|
||||
|
||||
let client
|
||||
|
||||
/**
|
||||
* 初始化客户端
|
||||
* @param {String} 服务器地址
|
||||
*/
|
||||
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
|
||||
71
ling_chair_http/ui.js
Normal file
71
ling_chair_http/ui.js
Normal file
@@ -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() !== "")
|
||||
ChatPage.getCurrentChatPage().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()
|
||||
})
|
||||
218
ling_chair_http/utils.js
Normal file
218
ling_chair_http/utils.js
Normal file
@@ -0,0 +1,218 @@
|
||||
/*
|
||||
* ©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)
|
||||
}
|
||||
|
||||
// AI的力量太强了
|
||||
function getOffsetTop(parent, child) {
|
||||
let top = 0
|
||||
while (child && child !== parent) {
|
||||
top += child.offsetTop
|
||||
child = child.offsetParent
|
||||
}
|
||||
return top
|
||||
}
|
||||
|
||||
function escapeHTML(str) {
|
||||
return str.replace(/[<>&"']/g, function (match) {
|
||||
switch (match) {
|
||||
case '<':
|
||||
return '<'
|
||||
case '>':
|
||||
return '>'
|
||||
case '&':
|
||||
return '&'
|
||||
case '"':
|
||||
return '"'
|
||||
case "'":
|
||||
return '''
|
||||
default:
|
||||
return match
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
class NData {
|
||||
/**
|
||||
* 获取 MD5sum
|
||||
* @param {String} 数据
|
||||
*/
|
||||
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
|
||||
|
||||
/**
|
||||
* 复制文字
|
||||
* @param {String} 欲复制的文本
|
||||
*/
|
||||
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
|
||||
|
||||
/**
|
||||
* 格式化日期
|
||||
* @param {int} 时间戳
|
||||
* @param {String} 欲格式化的文本
|
||||
* @returns {String} 格式后的文本
|
||||
*/
|
||||
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 {
|
||||
/**
|
||||
* 获取 MD5sum
|
||||
* @param {String} 数据
|
||||
* @returns {String} Hex化的哈希值
|
||||
*/
|
||||
static md5(data) {
|
||||
return CryptoJS.MD5(data).toString(CryptoJS.enc.Hex)
|
||||
}
|
||||
/**
|
||||
* 获取 SHA256sum
|
||||
* @param {String} 数据
|
||||
* @returns {String} Hex化的哈希值
|
||||
*/
|
||||
static sha256(data) {
|
||||
return CryptoJS.SHA256(data).toString(CryptoJS.enc.Hex)
|
||||
}
|
||||
}
|
||||
|
||||
window.copyText = copyText
|
||||
window.NData = NData
|
||||
window.escapeHTML = escapeHTML
|
||||
window.isMobile = isMobile
|
||||
window.checkEmpty = checkEmpty
|
||||
window.sleep = sleep
|
||||
window.Hash = Hash
|
||||
window.通知 = 通知
|
||||
@@ -29,7 +29,7 @@ let apis = {
|
||||
// 账号文件结构: {uid: 10000, name: "GenShin", nick: "Impact", passwd: "SHA-256 + MD5"}
|
||||
// 注意: 密码在客户端也应该经过哈希处理(SHA256 + MD5)
|
||||
// @APi
|
||||
signUp: (name, passwd) => {
|
||||
signUp(name, passwd) {
|
||||
if (passwd == null || name == null)
|
||||
return { msg: "必须输入 账号和密码", code: -1 }
|
||||
|
||||
@@ -56,7 +56,7 @@ let apis = {
|
||||
// 登录账号: 账号, 密码 返回刷新令牌 失败返回 null 和原因
|
||||
// 注意: 密码在客户端应该经过哈希处理(SHA256 + MD5)
|
||||
// @API
|
||||
signIn: (name, passwd) => {
|
||||
signIn(name, passwd) {
|
||||
if (passwd == null || name == null)
|
||||
return { msg: "必须输入 账号和密码", code: -1 }
|
||||
|
||||
@@ -73,7 +73,7 @@ let apis = {
|
||||
// 注意: 密码在客户端也应该经过哈希处理(SHA256 + MD5)
|
||||
// 刷新令牌算法: 哈希(用户ID + 当前年 + 当前月 + 密码 + 盐)
|
||||
// 有效期: 一个月
|
||||
getRefreshToken: (name, passwd) => {
|
||||
getRefreshToken(name, passwd) {
|
||||
let d = new Date()
|
||||
let raw = name + d.getFullYear() + d.getMonth() + passwd + "LINGCHAIR-TEST-DEMO"
|
||||
return hash.sha256(raw) + hash.md5(raw)
|
||||
@@ -83,7 +83,7 @@ let apis = {
|
||||
// 注意: 密码在客户端也应该经过哈希处理(SHA256 + MD5)
|
||||
// 刷新令牌算法: 哈希(用户ID + 当前年 + 当前月 + 密码 + 盐)
|
||||
// 有效期: 一天
|
||||
getAccessTokenNonApi: (name, rt) => {
|
||||
getAccessTokenNonApi(name, rt) {
|
||||
if (!apis.checkRefreshToken(name, rt))
|
||||
return null
|
||||
let date = new Date().toLocaleDateString('en-US', { weekday: 'long', year: 'numeric', month: 'numeric', day: 'numeric' })
|
||||
@@ -94,25 +94,25 @@ let apis = {
|
||||
// 在密码被设置前已经被哈希过,不需要重复
|
||||
// 算法: (SHA256 + MD5)
|
||||
// 警告: 这是经过二次哈希的
|
||||
getPassWordHashed: (name) => {
|
||||
getPassWordHashed(name) {
|
||||
return hash.sha256(apis.getPassWordHashedRaw(name)) + hash.md5(apis.getPassWordHashedRaw(name))
|
||||
},
|
||||
|
||||
// 请勿与上面的混淆
|
||||
// 上面的是经过第二次哈希的
|
||||
getPassWordHashedRaw: (name) => {
|
||||
getPassWordHashedRaw(name) {
|
||||
return io.open(getUserPath(name) + "/user.json").readJson().passwd
|
||||
},
|
||||
|
||||
// 检测刷新令牌是否正确: 账号, 刷新令牌 返回布尔值
|
||||
// 密码在服务端经过哈希保存 不需要重复输入密码
|
||||
checkRefreshToken: (name, rt) => {
|
||||
checkRefreshToken(name, rt) {
|
||||
return apis.getRefreshToken(name, apis.getPassWordHashed(name)) === rt
|
||||
},
|
||||
|
||||
// 检测访问令牌是否正确: 账号, 访问令牌 返回布尔值
|
||||
// 密码在服务端经过哈希保存 不需要重复输入密码
|
||||
checkAccessToken: (name, at) => {
|
||||
checkAccessToken(name, at) {
|
||||
return apis.getAccessTokenNonApi(name, apis.getRefreshToken(name, apis.getPassWordHashed(name /* 就是你这个傻逼害得我找两年BUG */))) === at
|
||||
},
|
||||
|
||||
@@ -124,7 +124,7 @@ let apis = {
|
||||
// 有效期: 一天
|
||||
// 算法: SHA256(name) + MD5(rt + 盐)
|
||||
// @Api
|
||||
getAccessToken: (name, rt) => {
|
||||
getAccessToken(name, rt) {
|
||||
if (!apis.checkRefreshToken(name, rt))
|
||||
return { msg: "刷新令牌不正确!", code: -1 }
|
||||
|
||||
@@ -133,7 +133,7 @@ let apis = {
|
||||
|
||||
// 设置头像: 账号, 访问令牌, 头像数据 返回结果
|
||||
// @API
|
||||
setHeadImage: (name, at, head) => {
|
||||
setHeadImage(name, at, head) {
|
||||
if (!apis.checkAccessToken(name, at))
|
||||
return { msg: "访问令牌不正确!", code: -1 }
|
||||
|
||||
@@ -144,7 +144,7 @@ let apis = {
|
||||
|
||||
// 修改昵称
|
||||
// @APi
|
||||
setNick: (name, at, nick) => {
|
||||
setNick(name, at, nick) {
|
||||
if (!apis.checkAccessToken(name, at))
|
||||
return { msg: "访问令牌不正确!", code: -1 }
|
||||
|
||||
@@ -160,8 +160,8 @@ let apis = {
|
||||
return { msg: "成功", code: 0 }
|
||||
},
|
||||
|
||||
// 取联系人列表(好友): 账号, 访问令牌 返回好友列表
|
||||
getFriendsNonApi: (name, at) => {
|
||||
// 取联系人列表(好友): 账号 返回好友列表
|
||||
getFriendsNonApi(name) {
|
||||
let file = getUserPath(name) + "/friends.json"
|
||||
if (!io.exists(file))
|
||||
io.open(file, "w").writeJson({list: [name]}).close()
|
||||
@@ -169,8 +169,19 @@ let apis = {
|
||||
return io.open(file, "r").readJson().list
|
||||
},
|
||||
|
||||
// 加好友: 账号, 欲添加对象
|
||||
addFriendNonApi(name, target) {
|
||||
let file = getUserPath(name) + "/friends.json"
|
||||
if (!io.exists(file))
|
||||
io.open(file, "w").writeJson({list: [name]}).close()
|
||||
|
||||
let friends = io.open(file, "r").readJson()
|
||||
friends.list.push(target)
|
||||
io.open(file, "r").writeJson(friends).close()
|
||||
},
|
||||
|
||||
// 取用户昵称: 账号 返回昵称
|
||||
getNickNonApi: (name) => {
|
||||
getNickNonApi(name) {
|
||||
let file = getUserPath(name) + "/user.json"
|
||||
|
||||
return io.open(file, "r").readJson().nick
|
||||
@@ -178,18 +189,29 @@ let apis = {
|
||||
|
||||
// 取昵称: 账号 返回昵称
|
||||
// @API
|
||||
getNick: (name, at) => {
|
||||
getNick(name, at) {
|
||||
return { msg: "成功", code: 0, nick: apis.getNickNonApi(name)}
|
||||
},
|
||||
|
||||
// 取联系人列表(好友): 账号, 访问令牌 返回好友列表
|
||||
// @API
|
||||
getFriends: (name, at) => {
|
||||
getFriends(name, at) {
|
||||
if (!apis.checkAccessToken(name, at))
|
||||
return { msg: "访问令牌不正确!", code: -1 }
|
||||
|
||||
return { msg: "成功", code: 0, friends: apis.getFriendsNonApi(name, at)}
|
||||
},
|
||||
|
||||
// 加到好友列表: 账号, 欲加的好友, 访问令牌
|
||||
// @API
|
||||
addFriend(name, target, at) {
|
||||
if (!apis.checkAccessToken(name, at))
|
||||
return { msg: "访问令牌不正确!", code: -1 }
|
||||
|
||||
apis.addFriendNonApi(name, target, at)
|
||||
|
||||
return { msg: "成功", code: 0 }
|
||||
},
|
||||
}
|
||||
|
||||
module.exports = apis
|
||||
|
||||
@@ -48,7 +48,8 @@ if (!io.exists(vals.LINGCHAIR_SERVER_CONFIG_FILE)) io.open(vals.LINGCHAIR_SERVER
|
||||
cert: "",
|
||||
},
|
||||
})).close()
|
||||
if (!io.exists(vals.LINGCHAIR_USERS_COUNT_FILE)) io.open(vals.LINGCHAIR_USERS_COUNT_FILE, "w").write("10000").close()
|
||||
if (!io.exists(vals.LINGCHAIR_USERS_COUNT_FILE))
|
||||
io.open(vals.LINGCHAIR_USERS_COUNT_FILE, "w").write("10000").close()
|
||||
|
||||
// 加载服务端配置文件
|
||||
vals.LINGCHAIR_SERVER_CONFIG = JSON.parse(io.open(vals.LINGCHAIR_SERVER_CONFIG_FILE, "r").read("*a"))
|
||||
|
||||
@@ -149,18 +149,17 @@ let api = {
|
||||
},
|
||||
|
||||
// 添加好友
|
||||
// {name: 账号, accessToken: 访问令牌} 返回 {friends: []}
|
||||
// WIP
|
||||
// {name: 账号, accessToken: 访问令牌}
|
||||
"user.addFriend": (a, cb) => {
|
||||
if (checkEmpty([a.name, a.accessToken]))
|
||||
if (checkEmpty([a.name, a.target, a.accessToken]))
|
||||
return cb({ msg: "参数缺失", code: -1 })
|
||||
|
||||
let { msg, code, friends } = users.getFriends(a.name, a.accessToken)
|
||||
let { msg, code } = users.addFriend(a.name, a.target, a.accessToken)
|
||||
|
||||
if (code !== 0)
|
||||
return cb({ msg: msg, code: code })
|
||||
|
||||
cb({ msg: msg, code: 0, data: { friends: friends } })
|
||||
cb({ msg: msg, code: 0 })
|
||||
},
|
||||
|
||||
"user.getNick": (a, cb) => {
|
||||
|
||||
Reference in New Issue
Block a user