\n 在以下情形中，共享、转让、公开披露您的个人信息无需事先征得您的授权同意：\n \n 1、与国家安全、国防安全直接相关的；\n
\n \n 2、与犯罪侦查、起诉、审判和判决执行等直接相关的；\n
\n \n 3、出于维护您或其他个人的生命、财产等重大合法权益但又很难得到本人同意的；\n
\n 4、您自行向社会公众公开的个人信息；
\n \n 5、从合法公开披露的信息中收集个人信息的，如合法的新闻报道、政府信息公开等渠道。\n
\n \n 6、根据个人信息主体要求签订和履行合同所必需的；\n
\n \n 7、用于维护所提供的产品或服务的安全稳定运行所必需的，例如发现、处置产品或服务的故障；\n
\n 8、法律法规规定的其他情形。
\n \n \n 四、我们如何使用 Cookie 和其他追踪技术\n
\n \n 为确保产品正常运转，我们会在您的计算机或移动设备上存储名为 Cookie\n 的小数据文件。 Cookie 通常包含标识符、产品名称以及一些号码和字符。\n 借助于\n Cookie，我们能够存储您的偏好或商品等数据，并用以判断注册用户是否已经登录，\n 提升服务和产品质量及优化用户体验。\n \n \n 我们出于不同的目的使用各种Cookie，包括：严格必要型Cookie、性能Cookie、营销Cookie和功能Cookie。\n 某些Cookie可能由外部第三方提供，以向我们的产品提供其它功能。 我们不会将\n Cookie 用于本政策所述目的之外的任何用途。您可根据自己的偏好管理或删除\n Cookie。 您可以清除计算机上或手机中保存的所有\n Cookie，大部分网络浏览器都设有阻止或禁用 Cookie 的功能，\n 您可对浏览器进行配置。阻止或禁用 Cookie\n 功能后，可能影响您使用或不能充分使用我们的产品和服务。\n \n \n \n \n \n \n \n \n \n \n\n"
},
{
"path": "packages/server/public/index.html",
"content": "\n\n\n \n \n \n 默认首页\n\n\n 请执行 \"yarn build:web\" 构建前端页面
\n\n\n"
},
{
"path": "packages/server/public/manifest.json",
"content": "{\n \"name\": \"fiora\",\n \"short_name\": \"fiora\",\n \"start_url\": \"/\",\n \"display\": \"standalone\",\n \"background_color\": \"#FAFAFA\",\n \"description\": \"一个神奇的聊天室\",\n \"orientation\": \"portrait-primary\",\n \"theme_color\": \"#4a90e2\",\n \"icons\": [\n {\n \"src\": \"/favicon-96.png\",\n \"sizes\": \"96x96\",\n \"type\": \"image/png\"\n },\n {\n \"src\": \"/favicon-192.png\",\n \"sizes\": \"192x192\",\n \"type\": \"image/png\"\n },\n {\n \"src\": \"/favicon-512.png\",\n \"sizes\": \"512x512\",\n \"type\": \"image/png\"\n }\n ]\n}\n"
},
{
"path": "packages/server/src/app.ts",
"content": "import Koa from 'koa';\nimport koaSend from 'koa-send';\nimport koaStatic from 'koa-static';\nimport path from 'path';\nimport http from 'http';\nimport { Server } from 'socket.io';\n\nimport logger from '@fiora/utils/logger';\nimport config from '@fiora/config/server';\nimport { getSocketIp } from '@fiora/utils/socket';\nimport SocketModel, {\n SocketDocument,\n} from '@fiora/database/mongoose/models/socket';\n\nimport seal from './middlewares/seal';\nimport frequency from './middlewares/frequency';\nimport isLogin from './middlewares/isLogin';\nimport isAdmin from './middlewares/isAdmin';\n\nimport * as userRoutes from './routes/user';\nimport * as groupRoutes from './routes/group';\nimport * as messageRoutes from './routes/message';\nimport * as systemRoutes from './routes/system';\nimport * as notificationRoutes from './routes/notification';\nimport * as historyRoutes from './routes/history';\nimport registerRoutes from './middlewares/registerRoutes';\n\nconst app = new Koa();\napp.proxy = true;\n\nconst httpServer = http.createServer(app.callback());\nconst io = new Server(httpServer, {\n cors: {\n origin: config.allowOrigin || '*',\n credentials: true,\n },\n pingTimeout: 10000,\n pingInterval: 5000,\n});\n\n// serve index.html\napp.use(async (ctx, next) => {\n if (\n /\\/invite\\/group\\/[\\w\\d]+/.test(ctx.request.url) ||\n !/(\\.)|(\\/invite\\/group\\/[\\w\\d]+)/.test(ctx.request.url)\n ) {\n await koaSend(ctx, 'index.html', {\n root: path.join(__dirname, '../public'),\n maxage: 1000 * 60 * 60 * 24 * 7,\n gzip: true,\n });\n } else {\n await next();\n }\n});\n\n// serve public static files\napp.use(\n koaStatic(path.join(__dirname, '../public'), {\n maxAge: 1000 * 60 * 60 * 24 * 7,\n gzip: true,\n }),\n);\n\nconst routes: Routes = {\n ...userRoutes,\n ...groupRoutes,\n ...messageRoutes,\n ...systemRoutes,\n ...notificationRoutes,\n ...historyRoutes,\n};\nObject.keys(routes).forEach((key) => {\n if (key.startsWith('_')) {\n routes[key] = null;\n }\n});\n\nio.on('connection', async (socket) => {\n const ip = getSocketIp(socket);\n logger.trace(`connection ${socket.id} ${ip}`);\n await SocketModel.create({\n id: socket.id,\n ip,\n } as SocketDocument);\n\n socket.on('disconnect', async () => {\n logger.trace(`disconnect ${socket.id}`);\n await SocketModel.deleteOne({\n id: socket.id,\n });\n });\n\n socket.use(seal(socket));\n socket.use(isLogin(socket));\n socket.use(isAdmin(socket));\n socket.use(frequency(socket));\n socket.use(registerRoutes(socket, routes));\n});\n\nexport default httpServer;\n"
},
{
"path": "packages/server/src/main.ts",
"content": "import config from '@fiora/config/server';\nimport getRandomAvatar from '@fiora/utils/getRandomAvatar';\nimport { doctor } from '@fiora/bin/scripts/doctor';\nimport logger from '@fiora/utils/logger';\nimport initMongoDB from '@fiora/database/mongoose/initMongoDB';\nimport Socket from '@fiora/database/mongoose/models/socket';\nimport Group, { GroupDocument } from '@fiora/database/mongoose/models/group';\nimport app from './app';\n\n(async () => {\n if (process.argv.find((argv) => argv === '--doctor')) {\n await doctor();\n }\n\n await initMongoDB();\n\n // 判断默认群是否存在, 不存在就创建一个\n const group = await Group.findOne({ isDefault: true });\n if (!group) {\n const defaultGroup = await Group.create({\n name: 'fiora',\n avatar: getRandomAvatar(),\n isDefault: true,\n } as GroupDocument);\n\n if (!defaultGroup) {\n logger.error('[defaultGroup]', 'create default group fail');\n return process.exit(1);\n }\n }\n\n app.listen(config.port, async () => {\n await Socket.deleteMany({}); // 删除Socket表所有历史数据\n logger.info(`>>> server listen on http://localhost:${config.port}`);\n });\n\n return null;\n})();\n"
},
{
"path": "packages/server/src/middlewares/frequency.ts",
"content": "import { Socket } from 'socket.io';\nimport {\n getNewUserKey,\n getSealUserKey,\n Redis,\n} from '@fiora/database/redis/initRedis';\n\nexport const CALL_SERVICE_FREQUENTLY = '发消息过于频繁, 请冷静一会再试';\nexport const NEW_USER_CALL_SERVICE_FREQUENTLY =\n '发消息过于频繁, 你还处于萌新期, 不要恶意刷屏, 先冷静一会再试';\n\nconst MaxCallPerMinutes = 20;\nconst NewUserMaxCallPerMinutes = 5;\nconst ClearDataInterval = 60000;\n\nconst AutoSealDuration = 5; // minutes\n\ntype Options = {\n maxCallPerMinutes?: number;\n newUserMaxCallPerMinutes?: number;\n clearDataInterval?: number;\n};\n\n/**\n * 限制接口调用频率\n * 新用户限制每分钟5次, 老用户限制每分钟20次\n */\nexport default function frequency(\n socket: Socket,\n {\n maxCallPerMinutes = MaxCallPerMinutes,\n newUserMaxCallPerMinutes = NewUserMaxCallPerMinutes,\n clearDataInterval = ClearDataInterval,\n }: Options = {},\n) {\n let callTimes: Record = {};\n\n // 每60s清空一次次数统计\n setInterval(() => {\n callTimes = {};\n }, clearDataInterval);\n\n return async ([event, , cb]: MiddlewareArgs, next: MiddlewareNext) => {\n if (event !== 'sendMessage') {\n next();\n } else {\n const socketId = socket.id;\n const count = callTimes[socketId] || 0;\n\n const isNewUser =\n socket.data.user &&\n (await Redis.has(getNewUserKey(socket.data.user)));\n if (isNewUser && count >= newUserMaxCallPerMinutes) {\n // new user limit\n cb(NEW_USER_CALL_SERVICE_FREQUENTLY);\n await Redis.set(\n getSealUserKey(socket.data.user),\n socket.data.user,\n Redis.Minute * AutoSealDuration,\n );\n } else if (count >= maxCallPerMinutes) {\n // normal user limit\n cb(CALL_SERVICE_FREQUENTLY);\n await Redis.set(\n getSealUserKey(socket.data.user),\n socket.data.user,\n Redis.Minute * AutoSealDuration,\n );\n } else {\n callTimes[socketId] = count + 1;\n next();\n }\n }\n };\n}\n"
},
{
"path": "packages/server/src/middlewares/isAdmin.ts",
"content": "import config from '@fiora/config/server';\nimport { Socket } from 'socket.io';\n\nexport const YOU_ARE_NOT_ADMINISTRATOR = '你不是管理员';\n\n/**\n * 拦截非管理员用户请求需要管理员权限的接口\n */\nexport default function isAdmin(socket: Socket) {\n const requireAdminEvent = new Set([\n 'sealUser',\n 'getSealList',\n 'resetUserPassword',\n 'setUserTag',\n 'getUserIps',\n 'sealIp',\n 'getSealIpList',\n 'toggleSendMessage',\n 'toggleNewUserSendMessage',\n 'getSystemConfig',\n ]);\n return async ([event, , cb]: MiddlewareArgs, next: MiddlewareNext) => {\n socket.data.isAdmin =\n !!socket.data.user &&\n config.administrator.includes(socket.data.user);\n const isAdminEvent = requireAdminEvent.has(event);\n if (!socket.data.isAdmin && isAdminEvent) {\n cb(YOU_ARE_NOT_ADMINISTRATOR);\n } else {\n next();\n }\n };\n}\n"
},
{
"path": "packages/server/src/middlewares/isLogin.ts",
"content": "import { Socket } from 'socket.io';\n\nexport const PLEASE_LOGIN = '请登录后再试';\n\n/**\n * 拦截未登录用户请求需要登录态的接口\n */\nexport default function isLogin(socket: Socket) {\n const noRequireLoginEvent = new Set([\n 'register',\n 'login',\n 'loginByToken',\n 'guest',\n 'getDefaultGroupHistoryMessages',\n 'getDefaultGroupOnlineMembers',\n 'getBaiduToken',\n 'getGroupBasicInfo',\n 'getSTS',\n ]);\n return async ([event, , cb]: MiddlewareArgs, next: MiddlewareNext) => {\n if (!noRequireLoginEvent.has(event) && !socket.data.user) {\n cb(PLEASE_LOGIN);\n } else {\n next();\n }\n };\n}\n"
},
{
"path": "packages/server/src/middlewares/registerRoutes.ts",
"content": "import assert from 'assert';\nimport logger from '@fiora/utils/logger';\nimport { getSocketIp } from '@fiora/utils/socket';\nimport { Socket } from 'socket.io';\n\nfunction defaultCallback() {\n logger.error('Server Error: emit event with callback');\n}\n\nexport default function registerRoutes(socket: Socket, routes: Routes) {\n return async ([event, data, cb = defaultCallback]: MiddlewareArgs) => {\n const route = routes[event];\n if (route) {\n try {\n const ctx: Context = {\n data,\n socket: {\n id: socket.id,\n ip: getSocketIp(socket),\n get user() {\n return socket.data.user;\n },\n set user(newUserId: string) {\n socket.data.user = newUserId;\n },\n get isAdmin() {\n return socket.data.isAdmin;\n },\n join: socket.join.bind(socket),\n leave: socket.leave.bind(socket),\n emit: (target, _event, _data) => {\n socket.to(target).emit(_event, _data);\n },\n },\n };\n const before = Date.now();\n const res = await route(ctx);\n const after = Date.now();\n logger.info(\n `[${event}]`,\n after - before,\n ctx.socket.id,\n ctx.socket.user || 'null',\n typeof res === 'string' ? res : 'null',\n );\n cb(res);\n } catch (err) {\n if (err instanceof assert.AssertionError) {\n cb(err.message);\n } else {\n logger.error(`[${event}]`, err.message);\n cb(`Server Error: ${err.message}`);\n }\n }\n } else {\n cb(`Server Error: event [${event}] not exists`);\n }\n };\n}\n"
},
{
"path": "packages/server/src/middlewares/seal.ts",
"content": "import { SEAL_TEXT } from '@fiora/utils/const';\nimport { getSocketIp } from '@fiora/utils/socket';\nimport { Socket } from 'socket.io';\nimport {\n getSealIpKey,\n getSealUserKey,\n Redis,\n} from '@fiora/database/redis/initRedis';\n\n/**\n * 拦截被封禁用户的请求\n */\nexport default function seal(socket: Socket) {\n return async ([, , cb]: MiddlewareArgs, next: MiddlewareNext) => {\n const ip = getSocketIp(socket);\n const isSealIp = await Redis.has(getSealIpKey(ip));\n const isSealUser =\n socket.data.user &&\n (await Redis.has(getSealUserKey(socket.data.user)));\n\n if (isSealUser || isSealIp) {\n cb(SEAL_TEXT);\n } else {\n next();\n }\n };\n}\n"
},
{
"path": "packages/server/src/routes/group.ts",
"content": "import assert, { AssertionError } from 'assert';\nimport { Types } from '@fiora/database/mongoose';\nimport stringHash from 'string-hash';\n\nimport config from '@fiora/config/server';\nimport getRandomAvatar from '@fiora/utils/getRandomAvatar';\nimport Group, { GroupDocument } from '@fiora/database/mongoose/models/group';\nimport Socket from '@fiora/database/mongoose/models/socket';\nimport Message from '@fiora/database/mongoose/models/message';\n\nconst { isValid } = Types.ObjectId;\n\n/**\n * 获取指定群组的在线用户辅助方法\n * @param group 群组\n */\nasync function getGroupOnlineMembersHelper(group: GroupDocument) {\n const sockets = await Socket.find(\n {\n user: {\n $in: group.members.map((member) => member.toString()),\n },\n },\n {\n os: 1,\n browser: 1,\n environment: 1,\n user: 1,\n },\n ).populate('user', { username: 1, avatar: 1 });\n const filterSockets = sockets.reduce((result, socket) => {\n result.set(socket.user._id.toString(), socket);\n return result;\n }, new Map());\n return Array.from(filterSockets.values());\n}\n\n/**\n * 创建群组\n * @param ctx Context\n */\nexport async function createGroup(ctx: Context<{ name: string }>) {\n assert(!config.disableCreateGroup, '管理员已关闭创建群组功能');\n\n const ownGroupCount = await Group.count({ creator: ctx.socket.user });\n assert(\n ctx.socket.isAdmin || ownGroupCount < config.maxGroupsCount,\n `创建群组失败, 你已经创建了${config.maxGroupsCount}个群组`,\n );\n\n const { name } = ctx.data;\n assert(name, '群组名不能为空');\n\n const group = await Group.findOne({ name });\n assert(!group, '该群组已存在');\n\n let newGroup = null;\n try {\n newGroup = await Group.create({\n name,\n avatar: getRandomAvatar(),\n creator: ctx.socket.user,\n members: [ctx.socket.user],\n } as GroupDocument);\n } catch (err) {\n if (err.name === 'ValidationError') {\n return '群组名包含不支持的字符或者长度超过限制';\n }\n throw err;\n }\n\n ctx.socket.join(newGroup._id.toString());\n return {\n _id: newGroup._id,\n name: newGroup.name,\n avatar: newGroup.avatar,\n createTime: newGroup.createTime,\n creator: newGroup.creator,\n };\n}\n\n/**\n * 加入群组\n * @param ctx Context\n */\nexport async function joinGroup(ctx: Context<{ groupId: string }>) {\n const { groupId } = ctx.data;\n assert(isValid(groupId), '无效的群组ID');\n\n const group = await Group.findOne({ _id: groupId });\n if (!group) {\n throw new AssertionError({ message: '加入群组失败, 群组不存在' });\n }\n assert(group.members.indexOf(ctx.socket.user) === -1, '你已经在群组中');\n\n group.members.push(ctx.socket.user);\n await group.save();\n\n const messages = await Message.find(\n { toGroup: groupId },\n {\n type: 1,\n content: 1,\n from: 1,\n createTime: 1,\n },\n { sort: { createTime: -1 }, limit: 3 },\n ).populate('from', { username: 1, avatar: 1 });\n messages.reverse();\n\n ctx.socket.join(group._id.toString());\n\n return {\n _id: group._id,\n name: group.name,\n avatar: group.avatar,\n createTime: group.createTime,\n creator: group.creator,\n messages,\n };\n}\n\n/**\n * 退出群组\n * @param ctx Context\n */\nexport async function leaveGroup(ctx: Context<{ groupId: string }>) {\n const { groupId } = ctx.data;\n assert(isValid(groupId), '无效的群组ID');\n\n const group = await Group.findOne({ _id: groupId });\n if (!group) {\n throw new AssertionError({ message: '群组不存在' });\n }\n\n // 默认群组没有creator\n if (group.creator) {\n assert(\n group.creator.toString() !== ctx.socket.user.toString(),\n '群主不可以退出自己创建的群',\n );\n }\n\n const index = group.members.indexOf(ctx.socket.user);\n assert(index !== -1, '你不在群组中');\n\n group.members.splice(index, 1);\n await group.save();\n\n ctx.socket.leave(group._id.toString());\n\n return {};\n}\n\nconst GroupOnlineMembersCacheExpireTime = 1000 * 60;\n\n/**\n * 获取群组在线成员\n */\nfunction getGroupOnlineMembersWrapperV2() {\n const cache: Record<\n string,\n {\n key?: string;\n value: any;\n expireTime: number;\n }\n > = {};\n return async function getGroupOnlineMembersV2(\n ctx: Context<{ groupId: string; cache?: string }>,\n ) {\n const { groupId, cache: cacheKey } = ctx.data;\n assert(isValid(groupId), '无效的群组ID');\n\n if (\n cache[groupId] &&\n cache[groupId].key === cacheKey &&\n cache[groupId].expireTime > Date.now()\n ) {\n return { cache: cacheKey };\n }\n\n const group = await Group.findOne({ _id: groupId });\n if (!group) {\n throw new AssertionError({ message: '群组不存在' });\n }\n const result = await getGroupOnlineMembersHelper(group);\n const resultCacheKey = stringHash(\n result.map((item) => item.user._id).join(','),\n ).toString(36);\n if (cache[groupId] && cache[groupId].key === resultCacheKey) {\n cache[groupId].expireTime =\n Date.now() + GroupOnlineMembersCacheExpireTime;\n if (resultCacheKey === cacheKey) {\n return { cache: cacheKey };\n }\n }\n\n cache[groupId] = {\n key: resultCacheKey,\n value: result,\n expireTime: Date.now() + GroupOnlineMembersCacheExpireTime,\n };\n return {\n cache: resultCacheKey,\n members: result,\n };\n };\n}\nexport const getGroupOnlineMembersV2 = getGroupOnlineMembersWrapperV2();\n\nexport async function getGroupOnlineMembers(\n ctx: Context<{ groupId: string; cache?: string }>,\n) {\n const result = await getGroupOnlineMembersV2(ctx);\n return result.members;\n}\n\n/**\n * 获取默认群组的在线成员\n * 无需登录态\n */\nfunction getDefaultGroupOnlineMembersWrapper() {\n let cache: any = null;\n let expireTime = 0;\n return async function getDefaultGroupOnlineMembers() {\n if (cache && expireTime > Date.now()) {\n return cache;\n }\n\n const group = await Group.findOne({ isDefault: true });\n if (!group) {\n throw new AssertionError({ message: '群组不存在' });\n }\n cache = await getGroupOnlineMembersHelper(group);\n expireTime = Date.now() + GroupOnlineMembersCacheExpireTime;\n return cache;\n };\n}\nexport const getDefaultGroupOnlineMembers = getDefaultGroupOnlineMembersWrapper();\n\n/**\n * 修改群头像, 只有群创建者有权限\n * @param ctx Context\n */\nexport async function changeGroupAvatar(\n ctx: Context<{ groupId: string; avatar: string }>,\n) {\n const { groupId, avatar } = ctx.data;\n assert(isValid(groupId), '无效的群组ID');\n assert(avatar, '头像地址不能为空');\n\n const group = await Group.findOne({ _id: groupId });\n if (!group) {\n throw new AssertionError({ message: '群组不存在' });\n }\n assert(\n group.creator.toString() === ctx.socket.user.toString(),\n '只有群主才能修改头像',\n );\n\n await Group.updateOne({ _id: groupId }, { avatar });\n return {};\n}\n\n/**\n * 修改群组头像, 只有群创建者有权限\n * @param ctx Context\n */\nexport async function changeGroupName(\n ctx: Context<{ groupId: string; name: string }>,\n) {\n const { groupId, name } = ctx.data;\n assert(isValid(groupId), '无效的群组ID');\n assert(name, '群组名称不能为空');\n\n const group = await Group.findOne({ _id: groupId });\n if (!group) {\n throw new AssertionError({ message: '群组不存在' });\n }\n assert(group.name !== name, '新群组名不能和之前一致');\n assert(\n group.creator.toString() === ctx.socket.user.toString(),\n '只有群主才能修改头像',\n );\n\n const targetGroup = await Group.findOne({ name });\n assert(!targetGroup, '该群组名已存在');\n\n await Group.updateOne({ _id: groupId }, { name });\n\n ctx.socket.emit(groupId, 'changeGroupName', { groupId, name });\n\n return {};\n}\n\n/**\n * 删除群组, 只有群创建者有权限\n * @param ctx Context\n */\nexport async function deleteGroup(ctx: Context<{ groupId: string }>) {\n const { groupId } = ctx.data;\n assert(isValid(groupId), '无效的群组ID');\n\n const group = await Group.findOne({ _id: groupId });\n if (!group) {\n throw new AssertionError({ message: '群组不存在' });\n }\n assert(\n group.creator.toString() === ctx.socket.user.toString(),\n '只有群主才能解散群组',\n );\n assert(group.isDefault !== true, '默认群组不允许解散');\n\n await Group.deleteOne({ _id: group });\n\n ctx.socket.emit(groupId, 'deleteGroup', { groupId });\n\n return {};\n}\n\nexport async function getGroupBasicInfo(ctx: Context<{ groupId: string }>) {\n const { groupId } = ctx.data;\n assert(isValid(groupId), '无效的群组ID');\n\n const group = await Group.findOne({ _id: groupId });\n if (!group) {\n throw new AssertionError({ message: '群组不存在' });\n }\n\n return {\n _id: group._id,\n name: group.name,\n avatar: group.avatar,\n members: group.members.length,\n };\n}\n"
},
{
"path": "packages/server/src/routes/history.ts",
"content": "import { isValidObjectId, Types } from '@fiora/database/mongoose';\nimport assert from 'assert';\nimport User from '@fiora/database/mongoose/models/user';\nimport Group from '@fiora/database/mongoose/models/group';\nimport Message from '@fiora/database/mongoose/models/message';\nimport { createOrUpdateHistory } from '@fiora/database/mongoose/models/history';\n\nexport async function updateHistory(\n ctx: Context<{ userId: string; linkmanId: string; messageId: string }>,\n) {\n const { linkmanId, messageId } = ctx.data;\n const self = ctx.socket.user.toString();\n if (!Types.ObjectId.isValid(messageId)) {\n return {\n msg: `not update with invalid messageId:${messageId}`,\n };\n }\n\n // @ts-ignore\n const [user, linkman, message] = await Promise.all([\n User.findOne({ _id: self }),\n isValidObjectId(linkmanId)\n ? Group.findOne({ _id: linkmanId })\n : User.findOne({ _id: linkmanId.replace(self, '') }),\n Message.findOne({ _id: messageId }),\n ]);\n assert(user, '用户不存在');\n assert(linkman, '联系人不存在');\n assert(message, '消息不存在');\n\n await createOrUpdateHistory(self, linkmanId, messageId);\n\n return {\n msg: 'ok',\n };\n}\n"
},
{
"path": "packages/server/src/routes/message.ts",
"content": "/* eslint-disable no-await-in-loop */\n/* eslint-disable no-restricted-syntax */\nimport assert, { AssertionError } from 'assert';\nimport { Types } from '@fiora/database/mongoose';\nimport { Expo, ExpoPushErrorTicket } from 'expo-server-sdk';\n\nimport xss from '@fiora/utils/xss';\nimport logger from '@fiora/utils/logger';\nimport User, { UserDocument } from '@fiora/database/mongoose/models/user';\nimport Group, { GroupDocument } from '@fiora/database/mongoose/models/group';\nimport Message, {\n handleInviteV2Message,\n handleInviteV2Messages,\n MessageDocument,\n} from '@fiora/database/mongoose/models/message';\nimport Notification from '@fiora/database/mongoose/models/notification';\nimport History, {\n createOrUpdateHistory,\n} from '@fiora/database/mongoose/models/history';\nimport Socket from '@fiora/database/mongoose/models/socket';\n\nimport {\n DisableSendMessageKey,\n DisableNewUserSendMessageKey,\n Redis,\n} from '@fiora/database/redis/initRedis';\nimport client from '../../../config/client';\n\nconst { isValid } = Types.ObjectId;\n\n/** 初次获取历史消息数 */\nconst FirstTimeMessagesCount = 15;\n/** 每次调用接口获取的历史消息数 */\nconst EachFetchMessagesCount = 30;\n\nconst OneYear = 365 * 24 * 3600 * 1000;\n\n/** 石头剪刀布, 用于随机生成结果 */\nconst RPS = ['石头', '剪刀', '布'];\n\nasync function pushNotification(\n notificationTokens: string[],\n message: MessageDocument,\n groupName?: string,\n) {\n const expo = new Expo({});\n\n const content =\n message.type === 'text' ? message.content : `[${message.type}]`;\n const pushMessages = notificationTokens.map((notificationToken) => ({\n to: notificationToken,\n sound: 'default',\n title: groupName || (message.from as any).username,\n body: groupName\n ? `${(message.from as any).username}: ${content}`\n : content,\n data: { focus: message.to },\n }));\n\n const chunks = expo.chunkPushNotifications(pushMessages as any);\n for (const chunk of chunks) {\n try {\n const results = await expo.sendPushNotificationsAsync(chunk);\n results.forEach((result) => {\n const { status, message: errMessage } =\n result as ExpoPushErrorTicket;\n if (status === 'error') {\n logger.warn('[Notification]', errMessage);\n }\n });\n } catch (error) {\n logger.error('[Notification]', (error as Error).message);\n }\n }\n}\n\n/**\n * 发送消息\n * 如果是发送给群组, to是群组id\n * 如果是发送给个人, to是俩人id按大小序拼接后的值\n * @param ctx Context\n */\nexport async function sendMessage(ctx: Context) {\n const disableSendMessage = await Redis.get(DisableSendMessageKey);\n assert(disableSendMessage !== 'true' || ctx.socket.isAdmin, '全员禁言中');\n\n const disableNewUserSendMessage = await Redis.get(\n DisableNewUserSendMessageKey,\n );\n if (disableNewUserSendMessage === 'true') {\n const user = await User.findById(ctx.socket.user);\n const isNewUser =\n user && user.createTime.getTime() > Date.now() - OneYear;\n assert(\n ctx.socket.isAdmin || !isNewUser,\n '新用户禁言中! 主群禁止闲聊, 多交流fiora和开发技术, 自发维护交流环境',\n );\n }\n\n const { to, content } = ctx.data;\n let { type } = ctx.data;\n assert(to, 'to不能为空');\n\n let toGroup: GroupDocument | null = null;\n let toUser: UserDocument | null = null;\n if (isValid(to)) {\n toGroup = await Group.findOne({ _id: to });\n assert(toGroup, '群组不存在');\n } else {\n const userId = to.replace(ctx.socket.user.toString(), '');\n assert(isValid(userId), '无效的用户ID');\n toUser = await User.findOne({ _id: userId });\n assert(toUser, '用户不存在');\n }\n\n let messageContent = content;\n if (type === 'text') {\n assert(messageContent.length <= 2048, '消息长度过长');\n\n const rollRegex = /^-roll( ([0-9]*))?$/;\n if (rollRegex.test(messageContent)) {\n const regexResult = rollRegex.exec(messageContent);\n if (regexResult) {\n let numberStr = regexResult[1] || '100';\n if (numberStr.length > 5) {\n numberStr = '99999';\n }\n const number = parseInt(numberStr, 10);\n type = 'system';\n messageContent = JSON.stringify({\n command: 'roll',\n value: Math.floor(Math.random() * (number + 1)),\n top: number,\n });\n }\n } else if (/^-rps$/.test(messageContent)) {\n type = 'system';\n messageContent = JSON.stringify({\n command: 'rps',\n value: RPS[Math.floor(Math.random() * RPS.length)],\n });\n }\n messageContent = xss(messageContent);\n } else if (type === 'file') {\n const file: { size: number } = JSON.parse(content);\n assert(file.size < client.maxFileSize, '要发送的文件过大');\n messageContent = content;\n } else if (type === 'inviteV2') {\n const shareTargetGroup = await Group.findOne({ _id: content });\n if (!shareTargetGroup) {\n throw new AssertionError({ message: '目标群组不存在' });\n }\n const user = await User.findOne({ _id: ctx.socket.user });\n if (!user) {\n throw new AssertionError({ message: '用户不存在' });\n }\n messageContent = JSON.stringify({\n inviter: user._id,\n group: shareTargetGroup._id,\n });\n }\n\n const user = await User.findOne(\n { _id: ctx.socket.user },\n { username: 1, avatar: 1, tag: 1 },\n );\n if (!user) {\n throw new AssertionError({ message: '用户不存在' });\n }\n\n const message = await Message.create({\n from: ctx.socket.user,\n to,\n type,\n content: messageContent,\n } as MessageDocument);\n\n const messageData = {\n _id: message._id,\n createTime: message.createTime,\n from: user.toObject(),\n to,\n type,\n content: message.content,\n };\n if (type === 'inviteV2') {\n await handleInviteV2Message(messageData);\n }\n\n if (toGroup) {\n ctx.socket.emit(toGroup._id.toString(), 'message', messageData);\n\n const notifications = await Notification.find({\n user: {\n $in: toGroup.members,\n },\n });\n const notificationTokens: string[] = [];\n notifications.forEach((notification) => {\n // Messages sent by yourself don’t push notification to yourself\n if (\n notification.user._id.toString() === ctx.socket.user.toString()\n ) {\n return;\n }\n notificationTokens.push(notification.token);\n });\n if (notificationTokens.length) {\n pushNotification(\n notificationTokens,\n messageData as unknown as MessageDocument,\n toGroup.name,\n );\n }\n } else {\n const targetSockets = await Socket.find({ user: toUser?._id });\n const targetSocketIdList =\n targetSockets?.map((socket) => socket.id) || [];\n if (targetSocketIdList.length) {\n ctx.socket.emit(targetSocketIdList, 'message', messageData);\n }\n\n const selfSockets = await Socket.find({ user: ctx.socket.user });\n const selfSocketIdList = selfSockets?.map((socket) => socket.id) || [];\n if (selfSocketIdList.length) {\n ctx.socket.emit(selfSocketIdList, 'message', messageData);\n }\n\n const notificationTokens = await Notification.find({ user: toUser });\n if (notificationTokens.length) {\n pushNotification(\n notificationTokens.map(({ token }) => token),\n messageData as unknown as MessageDocument,\n );\n }\n }\n\n createOrUpdateHistory(ctx.socket.user.toString(), to, message._id);\n\n return messageData;\n}\n\n/**\n * 获取一组联系人的最后历史消息\n * @param ctx Context\n */\nexport async function getLinkmansLastMessages(\n ctx: Context<{ linkmans: string[] }>,\n) {\n const { linkmans } = ctx.data;\n assert(Array.isArray(linkmans), '参数linkmans应该是Array');\n\n const promises = linkmans.map(async (linkmanId) => {\n const messages = await Message.find(\n { to: linkmanId },\n {\n type: 1,\n content: 1,\n from: 1,\n createTime: 1,\n deleted: 1,\n },\n { sort: { createTime: -1 }, limit: FirstTimeMessagesCount },\n ).populate('from', { username: 1, avatar: 1, tag: 1 });\n await handleInviteV2Messages(messages);\n return messages;\n });\n const results = await Promise.all(promises);\n type Messages = {\n [linkmanId: string]: MessageDocument[];\n };\n const messages = linkmans.reduce((result: Messages, linkmanId, index) => {\n result[linkmanId] = (results[index] || []).reverse();\n return result;\n }, {});\n\n return messages;\n}\n\nexport async function getLinkmansLastMessagesV2(\n ctx: Context<{ linkmans: string[] }>,\n) {\n const { linkmans } = ctx.data;\n\n const histories = await History.find({\n user: ctx.socket.user.toString(),\n linkman: {\n $in: linkmans,\n },\n });\n const historyMap = histories\n .filter(Boolean)\n .reduce((result: { [linkman: string]: string }, history) => {\n result[history.linkman] = history.message;\n return result;\n }, {});\n\n const linkmansMessages = await Promise.all(\n linkmans.map(async (linkmanId) => {\n const messages = await Message.find(\n { to: linkmanId },\n {\n type: 1,\n content: 1,\n from: 1,\n createTime: 1,\n deleted: 1,\n },\n {\n sort: { createTime: -1 },\n limit: historyMap[linkmanId] ? 100 : FirstTimeMessagesCount,\n },\n ).populate('from', { username: 1, avatar: 1, tag: 1 });\n await handleInviteV2Messages(messages);\n return messages;\n }),\n );\n\n type ResponseData = {\n [linkmanId: string]: {\n messages: MessageDocument[];\n unread: number;\n };\n };\n const responseData = linkmans.reduce(\n (result: ResponseData, linkmanId, index) => {\n const messages = linkmansMessages[index];\n if (historyMap[linkmanId]) {\n const messageIndex = messages.findIndex(\n ({ _id }) => _id.toString() === historyMap[linkmanId],\n );\n result[linkmanId] = {\n messages: messages.slice(0, 15).reverse(),\n unread: messageIndex === -1 ? 100 : messageIndex,\n };\n } else {\n result[linkmanId] = {\n messages: messages.reverse(),\n unread: 0,\n };\n }\n return result;\n },\n {},\n );\n\n return responseData;\n}\n\n/**\n * 获取联系人的历史消息\n * @param ctx Context\n */\nexport async function getLinkmanHistoryMessages(\n ctx: Context<{ linkmanId: string; existCount: number }>,\n) {\n const { linkmanId, existCount } = ctx.data;\n\n const messages = await Message.find(\n { to: linkmanId },\n {\n type: 1,\n content: 1,\n from: 1,\n createTime: 1,\n deleted: 1,\n },\n {\n sort: { createTime: -1 },\n limit: EachFetchMessagesCount + existCount,\n },\n ).populate('from', { username: 1, avatar: 1, tag: 1 });\n await handleInviteV2Messages(messages);\n const result = messages.slice(existCount).reverse();\n return result;\n}\n\n/**\n * 获取默认群组的历史消息\n * @param ctx Context\n */\nexport async function getDefaultGroupHistoryMessages(\n ctx: Context<{ existCount: number }>,\n) {\n const { existCount } = ctx.data;\n\n const group = await Group.findOne({ isDefault: true });\n if (!group) {\n throw new AssertionError({ message: '默认群组不存在' });\n }\n const messages = await Message.find(\n { to: group._id },\n {\n type: 1,\n content: 1,\n from: 1,\n createTime: 1,\n deleted: 1,\n },\n {\n sort: { createTime: -1 },\n limit: EachFetchMessagesCount + existCount,\n },\n ).populate('from', { username: 1, avatar: 1, tag: 1 });\n await handleInviteV2Messages(messages);\n const result = messages.slice(existCount).reverse();\n return result;\n}\n\n/**\n * 删除消息, 需要管理员权限\n */\nexport async function deleteMessage(ctx: Context<{ messageId: string }>) {\n assert(\n !client.disableDeleteMessage || ctx.socket.isAdmin,\n '已禁止撤回消息',\n );\n\n const { messageId } = ctx.data;\n assert(messageId, 'messageId不能为空');\n\n const message = await Message.findOne({ _id: messageId });\n if (!message) {\n throw new AssertionError({ message: '消息不存在' });\n }\n assert(\n ctx.socket.isAdmin ||\n message.from.toString() === ctx.socket.user.toString(),\n '只能撤回本人的消息',\n );\n\n if (ctx.socket.isAdmin) {\n await Message.deleteOne({ _id: messageId });\n } else {\n message.deleted = true;\n await message.save();\n }\n\n /**\n * 广播删除消息通知, 区分群消息和私聊消息\n */\n const messageName = 'deleteMessage';\n const messageData = {\n linkmanId: message.to.toString(),\n messageId,\n isAdmin: ctx.socket.isAdmin,\n };\n if (isValid(message.to)) {\n // 群消息\n ctx.socket.emit(message.to.toString(), messageName, messageData);\n } else {\n // 私聊消息\n const targetUserId = message.to.replace(ctx.socket.user.toString(), '');\n const targetSockets = await Socket.find({ user: targetUserId });\n const targetSocketIdList =\n targetSockets?.map((socket) => socket.id) || [];\n if (targetSocketIdList) {\n ctx.socket.emit(targetSocketIdList, messageName, messageData);\n }\n\n const selfSockets = await Socket.find({ user: ctx.socket.user });\n const selfSocketIdList = selfSockets?.map((socket) => socket.id) || [];\n if (selfSocketIdList) {\n ctx.socket.emit(\n selfSocketIdList.filter(\n (socketId) => socketId !== ctx.socket.id,\n ),\n messageName,\n messageData,\n );\n }\n }\n\n return {\n msg: 'ok',\n };\n}\n"
},
{
"path": "packages/server/src/routes/notification.ts",
"content": "import { AssertionError } from 'assert';\nimport User from '@fiora/database/mongoose/models/user';\nimport Notification from '@fiora/database/mongoose/models/notification';\n\nexport async function setNotificationToken(ctx: Context<{ token: string }>) {\n const { token } = ctx.data;\n\n const user = await User.findOne({ _id: ctx.socket.user });\n if (!user) {\n throw new AssertionError({ message: '用户不存在' });\n }\n\n const notification = await Notification.findOne({ token: ctx.data.token });\n if (notification) {\n notification.user = user;\n await notification.save();\n } else {\n await Notification.create({\n user,\n token,\n });\n\n const existNotifications = await Notification.find({ user });\n if (existNotifications.length > 3) {\n await Notification.deleteOne({ _id: existNotifications[0]._id });\n }\n }\n\n return {\n isOK: true,\n };\n}\n"
},
{
"path": "packages/server/src/routes/system.ts",
"content": "import fs from 'fs';\nimport path from 'path';\nimport axios from 'axios';\nimport assert, { AssertionError } from 'assert';\nimport { promisify } from 'util';\nimport RegexEscape from 'regex-escape';\nimport OSS, { STS } from 'ali-oss';\n\nimport config from '@fiora/config/server';\nimport logger from '@fiora/utils/logger';\nimport User from '@fiora/database/mongoose/models/user';\nimport Group from '@fiora/database/mongoose/models/group';\n\nimport Socket from '@fiora/database/mongoose/models/socket';\nimport {\n getAllSealIp,\n getAllSealUser,\n getSealIpKey,\n getSealUserKey,\n DisableSendMessageKey,\n DisableNewUserSendMessageKey,\n Redis,\n} from '@fiora/database/redis/initRedis';\n\n/** 百度语言合成token */\nlet baiduToken = '';\n/** 最后一次获取token的时间 */\nlet lastBaiduTokenTime = Date.now();\n\n/**\n * 搜索用户和群组\n * @param ctx Context\n */\nexport async function search(ctx: Context<{ keywords: string }>) {\n const keywords = ctx.data.keywords?.trim() || '';\n if (keywords === '') {\n return {\n users: [],\n groups: [],\n };\n }\n\n const escapedKeywords = RegexEscape(keywords);\n const users = await User.find(\n { username: { $regex: escapedKeywords } },\n { avatar: 1, username: 1 },\n );\n const groups = await Group.find(\n { name: { $regex: escapedKeywords } },\n { avatar: 1, name: 1, members: 1 },\n );\n\n return {\n users,\n groups: groups.map((group) => ({\n _id: group._id,\n avatar: group.avatar,\n name: group.name,\n members: group.members.length,\n })),\n };\n}\n\n/**\n * 搜索表情包, 爬其它站资源\n * @param ctx Context\n */\nexport async function searchExpression(\n ctx: Context<{ keywords: string; limit?: number }>,\n) {\n const { keywords, limit = Infinity } = ctx.data;\n if (keywords === '') {\n return [];\n }\n\n const res = await axios({\n method: 'get',\n url: `https://pic.sogou.com/pics/json.jsp?query=${encodeURIComponent(\n `${keywords} 表情`,\n )}&st=5&start=0&xml_len=60&callback=callback&reqFrom=wap_result&`,\n headers: {\n accept: '*/*',\n 'accept-language': 'zh-CN,zh;q=0.9,en;q=0.8,zh-TW;q=0.7',\n 'cache-control': 'no-cache',\n pragma: 'no-cache',\n 'sec-fetch-mode': 'navigate',\n 'sec-fetch-site': 'same-origin',\n referrer: `https://pic.sogou.com/pic/emo/searchList.jsp?statref=search_form&uID=hTHHybkSPt37C46z&spver=0&rcer=&keyword=${encodeURIComponent(\n keywords,\n )}`,\n referrerPolicy: 'no-referrer-when-downgrade',\n 'user-agent':\n 'Mozilla/5.0 (iPhone; CPU iPhone OS 11_0 like Mac OS X) AppleWebKit/604.1.38 (KHTML, like Gecko) Version/11.0 Mobile/15A372 Safari/604.1',\n },\n });\n assert(res.status === 200, '搜索表情包失败, 请重试');\n\n try {\n const parseDataResult = res.data.match(/callback\\((.+)\\)/);\n const data = JSON.parse(`${parseDataResult[1]}`);\n\n type Image = {\n locImageLink: string;\n width: number;\n height: number;\n };\n const images = data.items as Image[];\n return images\n .map(({ locImageLink, width, height }) => ({\n image: locImageLink,\n width,\n height,\n }))\n .filter((image, index) =>\n limit === Infinity ? true : index < limit,\n );\n } catch (err) {\n assert(false, '搜索表情包失败, 数据解析异常');\n }\n\n return [];\n}\n\n/**\n * 获取百度语言合成token\n */\nexport async function getBaiduToken() {\n if (baiduToken && Date.now() < lastBaiduTokenTime) {\n return { token: baiduToken };\n }\n\n const res = await axios.get(\n 'https://openapi.baidu.com/oauth/2.0/token?grant_type=client_credentials&client_id=pw152BzvaSZVwrUf3Z2OHXM6&client_secret=fa273cc704b080e85ad61719abbf7794',\n );\n assert(res.status === 200, '请求百度token失败');\n\n baiduToken = res.data.access_token;\n lastBaiduTokenTime =\n Date.now() + (res.data.expires_in - 60 * 60 * 24) * 1000;\n return { token: baiduToken };\n}\n\n/**\n * 封禁用户, 需要管理员权限\n * @param ctx Context\n */\nexport async function sealUser(ctx: Context<{ username: string }>) {\n const { username } = ctx.data;\n assert(username !== '', 'username不能为空');\n\n const user = await User.findOne({ username });\n if (!user) {\n throw new AssertionError({ message: '用户不存在' });\n }\n\n const userId = user._id.toString();\n const isSealUser = await Redis.has(getSealUserKey(userId));\n assert(!isSealUser, '用户已在封禁名单');\n\n await Redis.set(getSealUserKey(userId), userId, Redis.Minute * 10);\n\n return {\n msg: 'ok',\n };\n}\n\n/**\n * 获取封禁列表, 包含用户封禁和ip封禁, 需要管理员权限\n */\nexport async function getSealList() {\n const sealUserList = await getAllSealUser();\n const sealIpList = await getAllSealIp();\n const users = await User.find({ _id: { $in: sealUserList } });\n\n const result = {\n users: users.map((user) => user.username),\n ips: sealIpList,\n };\n return result;\n}\n\nconst CantSealLocalIp = '不能封禁内网ip';\nconst CantSealSelf = '闲的没事封自己干啥';\nconst IpInSealList = 'ip已在封禁名单';\n\n/**\n * 封禁 ip 地址, 需要管理员权限\n */\nexport async function sealIp(ctx: Context<{ ip: string }>) {\n const { ip } = ctx.data;\n assert(ip !== '::1' && ip !== '127.0.0.1', CantSealLocalIp);\n assert(ip !== ctx.socket.ip, CantSealSelf);\n\n const isSealIp = await Redis.has(getSealIpKey(ip));\n assert(!isSealIp, IpInSealList);\n\n await Redis.set(getSealIpKey(ip), ip, Redis.Hour * 6);\n\n return {\n msg: 'ok',\n };\n}\n\n/**\n * 封禁指定用户的所有在线 ip 地址, 需要管理员权限\n */\nexport async function sealUserOnlineIp(ctx: Context<{ userId: string }>) {\n const { userId } = ctx.data;\n\n const user = await User.findOne({ _id: userId });\n assert(user, '用户不存在');\n const sockets = await Socket.find({ user: userId });\n const ipList = [\n ...sockets.map((socket) => socket.ip),\n user.lastLoginIp,\n ].filter(\n (ip) =>\n ip !== '' &&\n ip !== '::1' &&\n ip !== '127.0.0.1' &&\n ip !== ctx.socket.ip,\n );\n\n // 如果全部 ip 都已经封禁过了, 则直接提示\n const isSealIpList = await Promise.all(\n ipList.map((ip) => Redis.has(getSealIpKey(ip))),\n );\n assert(!isSealIpList.every((isSealIp) => isSealIp), IpInSealList);\n\n await Promise.all(\n ipList.map(async (ip) => {\n await Redis.set(getSealIpKey(ip), ip, Redis.Hour * 6);\n }),\n );\n\n return {\n msg: 'ok',\n };\n}\n\ntype STSResult = {\n enable: boolean;\n AccessKeyId: string;\n AccessKeySecret: string;\n bucket: string;\n region: string;\n SecurityToken: string;\n endpoint: string;\n};\n\n// eslint-disable-next-line consistent-return\nexport async function getSTS(): Promise {\n if (!config.aliyunOSS.enable) {\n // @ts-ignore\n return {\n enable: false,\n };\n }\n\n const sts = new STS({\n accessKeyId: config.aliyunOSS.accessKeyId,\n accessKeySecret: config.aliyunOSS.accessKeySecret,\n });\n try {\n const result = await sts.assumeRole(\n config.aliyunOSS.roleArn,\n undefined,\n undefined,\n 'fiora-uploader',\n );\n // @ts-ignore\n return {\n enable: true,\n region: config.aliyunOSS.region,\n bucket: config.aliyunOSS.bucket,\n endpoint: config.aliyunOSS.endpoint,\n ...result.credentials,\n };\n } catch (err) {\n const typedErr = err as Error;\n assert.fail(`获取 STS 失败 - ${typedErr.message}`);\n }\n}\n\nexport async function uploadFile(\n ctx: Context<{ fileName: string; file: any; isBase64?: boolean }>,\n) {\n try {\n if (config.aliyunOSS.enable) {\n const sts = await getSTS();\n const client = new OSS({\n accessKeyId: sts.AccessKeyId,\n accessKeySecret: sts.AccessKeySecret,\n bucket: sts.bucket,\n region: sts.region,\n stsToken: sts.SecurityToken,\n });\n const result = await client.put(\n ctx.data.fileName,\n ctx.data.isBase64\n ? Buffer.from(ctx.data.file, 'base64')\n : ctx.data.file,\n );\n if (result.res.status === 200) {\n return {\n url: `//${config.aliyunOSS.endpoint}/${result.name}`,\n };\n }\n throw Error('上传阿里云OSS失败');\n }\n\n const [directory, fileName] = ctx.data.fileName.split('/');\n const filePath = path.resolve('__dirname', '../public', directory);\n const isExists = await promisify(fs.exists)(filePath);\n if (!isExists) {\n await promisify(fs.mkdir)(filePath);\n }\n await promisify(fs.writeFile)(\n path.resolve(filePath, fileName),\n ctx.data.file,\n );\n return {\n url: `/${ctx.data.fileName}`,\n };\n } catch (err) {\n const typedErr = err as Error;\n logger.error('[uploadFile]', typedErr.message);\n return `上传文件失败:${typedErr.message}`;\n }\n}\n\nexport async function toggleSendMessage(ctx: Context<{ enable: boolean }>) {\n const { enable } = ctx.data;\n await Redis.set(DisableSendMessageKey, (!enable).toString());\n return {\n msg: 'ok',\n };\n}\n\nexport async function toggleNewUserSendMessage(\n ctx: Context<{ enable: boolean }>,\n) {\n const { enable } = ctx.data;\n await Redis.set(DisableNewUserSendMessageKey, (!enable).toString());\n return {\n msg: 'ok',\n };\n}\n\nexport async function getSystemConfig() {\n return {\n disableSendMessage: (await Redis.get(DisableSendMessageKey)) === 'true',\n disableNewUserSendMessage:\n (await Redis.get(DisableNewUserSendMessageKey)) === 'true',\n };\n}\n"
},
{
"path": "packages/server/src/routes/user.ts",
"content": "import bcrypt from 'bcryptjs';\nimport assert, { AssertionError } from 'assert';\nimport jwt from 'jwt-simple';\nimport { Types } from '@fiora/database/mongoose';\n\nimport config from '@fiora/config/server';\nimport getRandomAvatar from '@fiora/utils/getRandomAvatar';\nimport { SALT_ROUNDS } from '@fiora/utils/const';\nimport User, { UserDocument } from '@fiora/database/mongoose/models/user';\nimport Group, { GroupDocument } from '@fiora/database/mongoose/models/group';\nimport Friend, { FriendDocument } from '@fiora/database/mongoose/models/friend';\nimport Socket from '@fiora/database/mongoose/models/socket';\nimport Message, {\n handleInviteV2Messages,\n} from '@fiora/database/mongoose/models/message';\nimport Notification from '@fiora/database/mongoose/models/notification';\nimport {\n getNewRegisteredUserIpKey,\n getNewUserKey,\n Redis,\n} from '@fiora/database/redis/initRedis';\n\nconst { isValid } = Types.ObjectId;\n\n/** 一天时间 */\nconst OneDay = 1000 * 60 * 60 * 24;\n\ninterface Environment {\n /** 客户端系统 */\n os: string;\n /** 客户端浏览器 */\n browser: string;\n /** 客户端环境信息 */\n environment: string;\n}\n\n/**\n * 生成jwt token\n * @param user 用户\n * @param environment 客户端环境信息\n */\nfunction generateToken(user: string, environment: string) {\n return jwt.encode(\n {\n user,\n environment,\n expires: Date.now() + config.tokenExpiresTime,\n },\n config.jwtSecret,\n );\n}\n\n/**\n * 处理注册时间不满24小时的用户\n * @param user 用户\n */\nasync function handleNewUser(user: UserDocument, ip = '') {\n // 将用户添加到新用户列表, 24小时后删除\n if (Date.now() - user.createTime.getTime() < OneDay) {\n const userId = user._id.toString();\n await Redis.set(getNewUserKey(userId), userId, Redis.Day);\n\n if (ip) {\n const registeredCount = await Redis.get(\n getNewRegisteredUserIpKey(ip),\n );\n await Redis.set(\n getNewRegisteredUserIpKey(ip),\n (parseInt(registeredCount || '0', 10) + 1).toString(),\n Redis.Day,\n );\n }\n }\n}\n\nasync function getUserNotificationTokens(user: UserDocument) {\n const notifications = (await Notification.find({ user })) || [];\n return notifications.map(({ token }) => token);\n}\n\n/**\n * 注册新用户\n * @param ctx Context\n */\nexport async function register(\n ctx: Context<{ username: string; password: string } & Environment>,\n) {\n assert(!config.disableRegister, '注册功能已被禁用, 请联系管理员开通账号');\n\n const { username, password, os, browser, environment } = ctx.data;\n assert(username, '用户名不能为空');\n assert(password, '密码不能为空');\n\n const user = await User.findOne({ username });\n assert(!user, '该用户名已存在');\n\n const registeredCountWithin24Hours = await Redis.get(\n getNewRegisteredUserIpKey(ctx.socket.ip),\n );\n assert(parseInt(registeredCountWithin24Hours || '0', 10) < 3, '系统错误');\n\n const defaultGroup = await Group.findOne({ isDefault: true });\n if (!defaultGroup) {\n // TODO: refactor when node types support \"Assertion Functions\" https://www.typescriptlang.org/docs/handbook/release-notes/typescript-3-7.html#assertion-functions\n throw new AssertionError({ message: '默认群组不存在' });\n }\n\n const salt = await bcrypt.genSalt(SALT_ROUNDS);\n const hash = await bcrypt.hash(password, salt);\n\n let newUser = null;\n try {\n newUser = await User.create({\n username,\n salt,\n password: hash,\n avatar: getRandomAvatar(),\n lastLoginIp: ctx.socket.ip,\n } as UserDocument);\n } catch (err) {\n if ((err as Error).name === 'ValidationError') {\n return '用户名包含不支持的字符或者长度超过限制';\n }\n throw err;\n }\n\n await handleNewUser(newUser, ctx.socket.ip);\n\n if (!defaultGroup.creator) {\n defaultGroup.creator = newUser._id;\n }\n defaultGroup.members.push(newUser._id);\n await defaultGroup.save();\n\n const token = generateToken(newUser._id.toString(), environment);\n\n ctx.socket.user = newUser._id.toString();\n await Socket.updateOne(\n { id: ctx.socket.id },\n {\n user: newUser._id,\n os,\n browser,\n environment,\n },\n );\n\n return {\n _id: newUser._id,\n avatar: newUser.avatar,\n username: newUser.username,\n groups: [\n {\n _id: defaultGroup._id,\n name: defaultGroup.name,\n avatar: defaultGroup.avatar,\n creator: defaultGroup.creator,\n createTime: defaultGroup.createTime,\n messages: [],\n },\n ],\n friends: [],\n token,\n isAdmin: false,\n notificationTokens: [],\n };\n}\n\n/**\n * 账密登录\n * @param ctx Context\n */\nexport async function login(\n ctx: Context<{ username: string; password: string } & Environment>,\n) {\n const { username, password, os, browser, environment } = ctx.data;\n assert(username, '用户名不能为空');\n assert(password, '密码不能为空');\n\n const user = await User.findOne({ username });\n if (!user) {\n throw new AssertionError({ message: '该用户不存在' });\n }\n\n const isPasswordCorrect = bcrypt.compareSync(password, user.password);\n assert(isPasswordCorrect, '密码错误');\n\n await handleNewUser(user);\n\n user.lastLoginTime = new Date();\n user.lastLoginIp = ctx.socket.ip;\n await user.save();\n\n const groups = await Group.find(\n { members: user._id },\n {\n _id: 1,\n name: 1,\n avatar: 1,\n creator: 1,\n createTime: 1,\n },\n );\n groups.forEach((group) => {\n ctx.socket.join(group._id.toString());\n });\n\n const friends = await Friend.find({ from: user._id }).populate('to', {\n avatar: 1,\n username: 1,\n });\n\n const token = generateToken(user._id.toString(), environment);\n\n ctx.socket.user = user._id.toString();\n await Socket.updateOne(\n { id: ctx.socket.id },\n {\n user: user._id,\n os,\n browser,\n environment,\n },\n );\n\n const notificationTokens = await getUserNotificationTokens(user);\n\n return {\n _id: user._id,\n avatar: user.avatar,\n username: user.username,\n tag: user.tag,\n groups,\n friends,\n token,\n isAdmin: config.administrator.includes(user._id.toString()),\n notificationTokens,\n };\n}\n\n/**\n * token登录\n * @param ctx Context\n */\nexport async function loginByToken(\n ctx: Context<{ token: string } & Environment>,\n) {\n const { token, os, browser, environment } = ctx.data;\n assert(token, 'token不能为空');\n\n let payload = null;\n try {\n payload = jwt.decode(token, config.jwtSecret);\n } catch (err) {\n return '非法token';\n }\n\n assert(Date.now() < payload.expires, 'token已过期');\n assert.equal(environment, payload.environment, '非法登录');\n\n const user = await User.findOne(\n { _id: payload.user },\n {\n _id: 1,\n avatar: 1,\n username: 1,\n tag: 1,\n createTime: 1,\n },\n );\n if (!user) {\n throw new AssertionError({ message: '用户不存在' });\n }\n\n await handleNewUser(user);\n\n user.lastLoginTime = new Date();\n user.lastLoginIp = ctx.socket.ip;\n await user.save();\n\n const groups = await Group.find(\n { members: user._id },\n {\n _id: 1,\n name: 1,\n avatar: 1,\n creator: 1,\n createTime: 1,\n },\n );\n groups.forEach((group: GroupDocument) => {\n ctx.socket.join(group._id.toString());\n });\n\n const friends = await Friend.find({ from: user._id }).populate('to', {\n avatar: 1,\n username: 1,\n });\n\n ctx.socket.user = user._id.toString();\n await Socket.updateOne(\n { id: ctx.socket.id },\n {\n user: user._id,\n os,\n browser,\n environment,\n },\n );\n\n const notificationTokens = await getUserNotificationTokens(user);\n\n return {\n _id: user._id,\n avatar: user.avatar,\n username: user.username,\n tag: user.tag,\n groups,\n friends,\n isAdmin: config.administrator.includes(user._id.toString()),\n notificationTokens,\n };\n}\n\n/**\n * 游客登录, 只能获取默认群组信息\n * @param ctx Context\n */\nexport async function guest(ctx: Context) {\n const { os, browser, environment } = ctx.data;\n\n await Socket.updateOne(\n { id: ctx.socket.id },\n {\n os,\n browser,\n environment,\n },\n );\n\n const group = await Group.findOne(\n { isDefault: true },\n {\n _id: 1,\n name: 1,\n avatar: 1,\n createTime: 1,\n creator: 1,\n },\n );\n if (!group) {\n throw new AssertionError({ message: '默认群组不存在' });\n }\n ctx.socket.join(group._id.toString());\n\n const messages = await Message.find(\n { to: group._id },\n {\n type: 1,\n content: 1,\n from: 1,\n createTime: 1,\n deleted: 1,\n },\n { sort: { createTime: -1 }, limit: 15 },\n ).populate('from', { username: 1, avatar: 1 });\n await handleInviteV2Messages(messages);\n messages.reverse();\n\n return { messages, ...group.toObject() };\n}\n\n/**\n * 修改用户头像\n * @param ctx Context\n */\nexport async function changeAvatar(ctx: Context<{ avatar: string }>) {\n const { avatar } = ctx.data;\n assert(avatar, '新头像链接不能为空');\n\n await User.updateOne(\n { _id: ctx.socket.user },\n {\n avatar,\n },\n );\n\n return {};\n}\n\n/**\n * 添加好友, 单向添加\n * @param ctx Context\n */\nexport async function addFriend(ctx: Context<{ userId: string }>) {\n const { userId } = ctx.data;\n assert(isValid(userId), '无效的用户ID');\n assert(ctx.socket.user !== userId, '不能添加自己为好友');\n\n const user = await User.findOne({ _id: userId });\n if (!user) {\n throw new AssertionError({ message: '添加好友失败, 用户不存在' });\n }\n\n const friend = await Friend.find({ from: ctx.socket.user, to: user._id });\n assert(friend.length === 0, '你们已经是好友了');\n\n const newFriend = await Friend.create({\n from: ctx.socket.user as string,\n to: user._id,\n } as FriendDocument);\n\n return {\n _id: user._id,\n username: user.username,\n avatar: user.avatar,\n from: newFriend.from,\n to: newFriend.to,\n };\n}\n\n/**\n * 删除好友, 单向删除\n * @param ctx Context\n */\nexport async function deleteFriend(ctx: Context<{ userId: string }>) {\n const { userId } = ctx.data;\n assert(isValid(userId), '无效的用户ID');\n\n const user = await User.findOne({ _id: userId });\n if (!user) {\n throw new AssertionError({ message: '用户不存在' });\n }\n\n await Friend.deleteOne({ from: ctx.socket.user, to: user._id });\n return {};\n}\n\n/**\n * 修改用户密码\n * @param ctx Context\n */\nexport async function changePassword(\n ctx: Context<{ oldPassword: string; newPassword: string }>,\n) {\n const { oldPassword, newPassword } = ctx.data;\n assert(newPassword, '新密码不能为空');\n assert(oldPassword !== newPassword, '新密码不能与旧密码相同');\n\n const user = await User.findOne({ _id: ctx.socket.user });\n if (!user) {\n throw new AssertionError({ message: '用户不存在' });\n }\n const isPasswordCorrect = bcrypt.compareSync(oldPassword, user.password);\n assert(isPasswordCorrect, '旧密码不正确');\n\n const salt = await bcrypt.genSalt(SALT_ROUNDS);\n const hash = await bcrypt.hash(newPassword, salt);\n\n user.password = hash;\n await user.save();\n\n return {\n msg: 'ok',\n };\n}\n\n/**\n * 修改用户名\n * @param ctx Context\n */\nexport async function changeUsername(ctx: Context<{ username: string }>) {\n const { username } = ctx.data;\n assert(username, '新用户名不能为空');\n\n const user = await User.findOne({ username });\n assert(!user, '该用户名已存在, 换一个试试吧');\n\n const self = await User.findOne({ _id: ctx.socket.user });\n if (!self) {\n throw new AssertionError({ message: '用户不存在' });\n }\n\n self.username = username;\n await self.save();\n\n return {\n msg: 'ok',\n };\n}\n\n/**\n * 重置用户密码, 需要管理员权限\n * @param ctx Context\n */\nexport async function resetUserPassword(ctx: Context<{ username: string }>) {\n const { username } = ctx.data;\n assert(username !== '', 'username不能为空');\n\n const user = await User.findOne({ username });\n if (!user) {\n throw new AssertionError({ message: '用户不存在' });\n }\n\n const newPassword = 'helloworld';\n const salt = await bcrypt.genSalt(SALT_ROUNDS);\n const hash = await bcrypt.hash(newPassword, salt);\n\n user.salt = salt;\n user.password = hash;\n await user.save();\n\n return {\n newPassword,\n };\n}\n\n/**\n * 更新用户标签, 需要管理员权限\n * @param ctx Context\n */\nexport async function setUserTag(\n ctx: Context<{ username: string; tag: string }>,\n) {\n const { username, tag } = ctx.data;\n assert(username !== '', 'username不能为空');\n assert(tag !== '', 'tag不能为空');\n assert(\n /^([0-9a-zA-Z]{1,2}|[\\u4e00-\\u9eff]){1,5}$/.test(tag),\n '标签不符合要求, 允许5个汉字或者10个字母',\n );\n\n const user = await User.findOne({ username });\n if (!user) {\n throw new AssertionError({ message: '用户不存在' });\n }\n\n user.tag = tag;\n await user.save();\n\n const sockets = await Socket.find({ user: user._id });\n const socketIdList = sockets.map((socket) => socket.id);\n if (socketIdList.length) {\n ctx.socket.emit(socketIdList, 'changeTag', user.tag);\n }\n\n return {\n msg: 'ok',\n };\n}\n\n/**\n * 获取指定在线用户 ip\n */\nexport async function getUserIps(\n ctx: Context<{ userId: string }>,\n): Promise {\n const { userId } = ctx.data;\n assert(userId, 'userId不能为空');\n assert(isValid(userId), '不合法的userId');\n\n const sockets = await Socket.find({ user: userId });\n const ipList = sockets.map((socket) => socket.ip) || [];\n return Array.from(new Set(ipList));\n}\n\nconst UserOnlineStatusCacheExpireTime = 1000 * 60;\nfunction getUserOnlineStatusWrapper() {\n const cache: Record<\n string,\n {\n value: boolean;\n expireTime: number;\n }\n > = {};\n return async function getUserOnlineStatus(\n ctx: Context<{ userId: string }>,\n ) {\n const { userId } = ctx.data;\n assert(userId, 'userId不能为空');\n assert(isValid(userId), '不合法的userId');\n\n if (cache[userId] && cache[userId].expireTime > Date.now()) {\n return {\n isOnline: cache[userId].value,\n };\n }\n\n const sockets = await Socket.find({ user: userId });\n const isOnline = sockets.length > 0;\n cache[userId] = {\n value: isOnline,\n expireTime: Date.now() + UserOnlineStatusCacheExpireTime,\n };\n return {\n isOnline,\n };\n };\n}\nexport const getUserOnlineStatus = getUserOnlineStatusWrapper();\n"
},
{
"path": "packages/server/src/types/index.d.ts",
"content": "declare module 'regex-escape';\n"
},
{
"path": "packages/server/src/types/server.d.ts",
"content": "declare interface Context {\n data: T;\n socket: {\n id: string;\n ip: string;\n user: string;\n isAdmin: boolean;\n join: (room: string) => void;\n leave: (room: string) => void;\n emit: (target: string[] | string, event: string, data: any) => void;\n };\n}\n\ndeclare interface RouteHandler {\n (ctx: Context): string | any;\n}\n\ndeclare type Routes = Record;\n\ndeclare type MiddlewareArgs = Array;\n\ndeclare type MiddlewareNext = () => void;\n\ndeclare interface SendMessageData {\n /** 消息目标 */\n to: string;\n /** 消息类型 */\n type: string;\n /** 消息内容 */\n content: string;\n}\n"
},
{
"path": "packages/server/test/helpers/middleware.ts",
"content": "export function getMiddlewareParams(event = 'login', data = {}) {\n const cb = jest.fn();\n const next = jest.fn();\n\n return {\n args: [event, data, cb],\n cb,\n next,\n };\n}\n"
},
{
"path": "packages/server/test/middlewares/frequency.spec.ts",
"content": "import { mocked } from 'ts-jest/utils';\nimport { Redis } from '@fiora/database/redis/initRedis';\nimport { Socket } from 'socket.io';\nimport frequency, {\n CALL_SERVICE_FREQUENTLY,\n NEW_USER_CALL_SERVICE_FREQUENTLY,\n} from '../../src/middlewares/frequency';\nimport { getMiddlewareParams } from '../helpers/middleware';\n\njest.mock('@fiora/database/redis/initRedis');\njest.useFakeTimers();\n\ndescribe('server/middlewares/frequency', () => {\n it('should response call service frequently', async () => {\n const socket = {\n id: 'id',\n data: {},\n } as Socket;\n const middleware = frequency(socket, {\n maxCallPerMinutes: 3,\n });\n\n const { args, cb, next } = getMiddlewareParams('sendMessage');\n\n await middleware(args, next);\n expect(next).toBeCalledTimes(1);\n\n await middleware(args, next);\n await middleware(args, next);\n await middleware(args, next);\n expect(cb).toBeCalledWith(CALL_SERVICE_FREQUENTLY);\n });\n\n it('should response success when event is not sendMessage', async () => {\n const socket = {\n id: 'id',\n } as Socket;\n const middleware = frequency(socket, {\n maxCallPerMinutes: 1,\n });\n\n const { args, next } = getMiddlewareParams('login');\n\n await middleware(args, next);\n await middleware(args, next);\n expect(next).toBeCalledTimes(2);\n });\n\n it('should stricter for new user', async () => {\n const socket = {\n id: 'id',\n data: {\n user: '1',\n },\n } as Socket;\n const middleware = frequency(socket, {\n maxCallPerMinutes: 3,\n newUserMaxCallPerMinutes: 1,\n });\n\n const { args, cb, next } = getMiddlewareParams('sendMessage');\n\n mocked(Redis.has).mockReturnValue(Promise.resolve(true));\n await middleware(args, next);\n await middleware(args, next);\n expect(cb).toBeCalledWith(NEW_USER_CALL_SERVICE_FREQUENTLY);\n });\n\n it('should clear count data regularly ', async () => {\n const socket = {\n id: 'id',\n data: {},\n } as Socket;\n const middleware = frequency(socket, {\n maxCallPerMinutes: 1,\n clearDataInterval: 1000,\n });\n\n const { args, cb, next } = getMiddlewareParams('sendMessage');\n\n await middleware(args, next);\n await middleware(args, next);\n expect(cb).toBeCalledWith(CALL_SERVICE_FREQUENTLY);\n\n jest.advanceTimersByTime(1000);\n await middleware(args, next);\n expect(next).toBeCalledTimes(2);\n });\n});\n"
},
{
"path": "packages/server/test/middlewares/isAdmin.spec.ts",
"content": "import { mocked } from 'ts-jest/utils';\nimport config from '@fiora/config/server';\nimport { Socket } from 'socket.io';\nimport isAdmin, {\n YOU_ARE_NOT_ADMINISTRATOR,\n} from '../../src/middlewares/isAdmin';\nimport { getMiddlewareParams } from '../helpers/middleware';\n\njest.mock('@fiora/config/server');\n\ndescribe('server/middlewares/isAdmin', () => {\n it('should call service fail when user not administrator', async () => {\n const socket = {\n id: 'id',\n data: {\n user: 'user',\n },\n } as Socket;\n const middleware = isAdmin(socket);\n\n const { args, cb, next } = getMiddlewareParams('sealUser');\n\n await middleware(args, next);\n expect(cb).toBeCalledWith(YOU_ARE_NOT_ADMINISTRATOR);\n });\n\n it('should call service success when user is administrator', async () => {\n mocked(config).administrator = ['administrator'];\n const socket = {\n id: 'id',\n data: {\n user: 'administrator',\n },\n } as Socket;\n const middleware = isAdmin(socket);\n\n const { args, next } = getMiddlewareParams('sealUser');\n\n await middleware(args, next);\n expect(next).toBeCalled();\n });\n});\n"
},
{
"path": "packages/server/test/middlewares/isLogin.spec.ts",
"content": "import { Socket } from 'socket.io';\nimport isLogin, { PLEASE_LOGIN } from '../../src/middlewares/isLogin';\nimport { getMiddlewareParams } from '../helpers/middleware';\n\ndescribe('server/middlewares/isLogin', () => {\n it('should call service fail when user not login', async () => {\n const socket = {\n id: 'id',\n data: {},\n } as Socket;\n const middleware = isLogin(socket);\n\n const { args, cb, next } = getMiddlewareParams('sendMessage');\n\n await middleware(args, next);\n expect(cb).toBeCalledWith(PLEASE_LOGIN);\n });\n\n it('should call service success when user is login', async () => {\n const socket = {\n id: 'id',\n data: {\n user: 'user',\n },\n } as Socket;\n const middleware = isLogin(socket);\n\n const { args, next } = getMiddlewareParams('sendMessage');\n\n await middleware(args, next);\n expect(next).toBeCalled();\n });\n\n it('should call service success when it not need login ', async () => {\n const socket = {\n id: 'id',\n data: {\n user: 'user',\n },\n } as Socket;\n const middleware = isLogin(socket);\n\n const { args, next } = getMiddlewareParams('register');\n\n await middleware(args, next);\n expect(next).toBeCalled();\n });\n});\n"
},
{
"path": "packages/server/test/middlewares/seal.spec.ts",
"content": "import { mocked } from 'ts-jest/utils';\nimport { SEAL_TEXT } from '@fiora/utils/const';\nimport { Socket } from 'socket.io';\nimport { Redis } from '@fiora/database/redis/initRedis';\nimport seal from '../../src/middlewares/seal';\nimport { getMiddlewareParams } from '../helpers/middleware';\n\njest.mock('@fiora/database/redis/initRedis');\n\ndescribe('server/middlewares/seal', () => {\n it('should call service success', async () => {\n const socket = ({\n id: 'id',\n data: {\n user: 'user',\n },\n handshake: {\n headers: {\n 'x-real-ip': '127.0.0.1',\n },\n },\n } as unknown) as Socket;\n const middleware = seal(socket);\n\n const { args, next } = getMiddlewareParams();\n\n await middleware(args, next);\n expect(next).toBeCalled();\n });\n\n it('should call service fail when user has been sealed', async () => {\n mocked(Redis.has).mockReturnValue(Promise.resolve(true));\n const socket = ({\n id: 'id',\n data: {\n user: 'user',\n },\n handshake: {\n headers: {\n 'x-real-ip': '127.0.0.1',\n },\n },\n } as unknown) as Socket;\n const middleware = seal(socket);\n\n const { args, cb, next } = getMiddlewareParams();\n\n await middleware(args, next);\n expect(cb).toBeCalledWith(SEAL_TEXT);\n });\n});\n"
},
{
"path": "packages/server/tsconfig.json",
"content": "{\n \"extends\": \"../../tsconfig\",\n}"
},
{
"path": "packages/utils/compressImage.ts",
"content": "/**\n * 压缩图片\n * @param image 要压缩的图片\n * @param mimeType mime类型\n * @param quality 质量\n */\nexport default function compressImage(\n image: HTMLImageElement,\n mimeType: string,\n quality = 1,\n): Promise {\n return new Promise((resolve) => {\n const canvas = document.createElement('canvas');\n canvas.width = image.width;\n canvas.height = image.height;\n\n const ctx = canvas.getContext('2d');\n if (ctx) {\n ctx.drawImage(image, 0, 0);\n canvas.toBlob(resolve, mimeType, quality);\n } else {\n resolve(null);\n }\n });\n}\n"
},
{
"path": "packages/utils/const.ts",
"content": "/** 封禁后提示文案 */\nexport const SEAL_TEXT = '你已经被关进小黑屋中, 请反思后再试';\n\n/** 封禁用户释放时间 */\nexport const SEAL_USER_TIMEOUT = 1000 * 60 * 10; // 10分钟\n\n/** 封禁ip释放时间 */\nexport const SEAL_IP_TIMEOUT = 1000 * 60 * 60 * 6; // 6小时\n\n/** 透明图 */\nexport const TRANSPARENT_IMAGE =\n 'data:image/png;base64,R0lGODlhFAAUAIAAAP///wAAACH5BAEAAAAALAAAAAAUABQAAAIRhI+py+0Po5y02ouz3rz7rxUAOw==';\n\n/** 加密salt位数 */\nexport const SALT_ROUNDS = 10;\n\nexport const MB = 1024 * 1024;\n\nexport const NAME_REGEXP = /^([0-9a-zA-Z]{1,2}|[\\u4e00-\\u9eff]|[\\u3040-\\u309Fー]|[\\u30A0-\\u30FF]){1,8}$/;\n"
},
{
"path": "packages/utils/convertMessage.ts",
"content": "import WuZeiNiangImage from '@fiora/assets/images/wuzeiniang.gif';\n\n// function convertRobot10Message(message) {\n// if (message.from._id === '5adad39555703565e7903f79') {\n// try {\n// const parseMessage = JSON.parse(message.content);\n// message.from.tag = parseMessage.source;\n// message.from.avatar = parseMessage.avatar;\n// message.from.username = parseMessage.username;\n// message.type = parseMessage.type;\n// message.content = parseMessage.content;\n// } catch (err) {\n// console.warn('解析robot10消息失败', err);\n// }\n// }\n// }\n\nfunction convertSystemMessage(message: any) {\n if (message.type === 'system') {\n message.from._id = 'system';\n message.from.originUsername = message.from.username;\n message.from.username = '乌贼娘殿下';\n message.from.avatar = WuZeiNiangImage;\n message.from.tag = 'system';\n\n const content = JSON.parse(message.content);\n switch (content.command) {\n case 'roll': {\n message.content = `掷出了${content.value}点 (上限${content.top}点)`;\n break;\n }\n case 'rps': {\n message.content = `使出了 ${content.value}`;\n break;\n }\n default: {\n message.content = '不支持的指令';\n }\n }\n } else if (message.deleted) {\n message.type = 'system';\n message.from._id = 'system';\n message.from.originUsername = message.from.username;\n message.from.username = '乌贼娘殿下';\n message.from.avatar = WuZeiNiangImage;\n message.from.tag = 'system';\n message.content = `撤回了消息`;\n }\n}\n\nexport default function convertMessage(message: any) {\n convertSystemMessage(message);\n return message;\n}\n"
},
{
"path": "packages/utils/expressions.ts",
"content": "export default {\n default: [\n '呵呵',\n '哈哈',\n '吐舌',\n '啊',\n '酷',\n '怒',\n '开心',\n '汗',\n '泪',\n '黑线',\n '鄙视',\n '不高兴',\n '真棒',\n '钱',\n '疑问',\n '阴险',\n '吐',\n '咦',\n '委屈',\n '花心',\n '呼',\n '笑眼',\n '冷',\n '太开心',\n '滑稽',\n '勉强',\n '狂汗',\n '乖',\n '睡觉',\n '惊哭',\n '升起',\n '惊讶',\n '喷',\n '爱心',\n '心碎',\n '玫瑰',\n '礼物',\n '星星月亮',\n '太阳',\n '音乐',\n '灯泡',\n '蛋糕',\n '彩虹',\n '钱币',\n '咖啡',\n 'haha',\n '胜利',\n '大拇指',\n '弱',\n 'ok',\n ],\n};\n"
},
{
"path": "packages/utils/getFriendId.ts",
"content": "/**\n * Combina two users id as frind id\n * The result has nothing to do with the order of the parameters\n * @param userId1 user id\n * @param userId2 user id\n */\nexport default function getFriendId(userId1: string, userId2: string) {\n if (userId1 < userId2) {\n return userId1 + userId2;\n }\n return userId2 + userId1;\n}\n"
},
{
"path": "packages/utils/getRandomAvatar.ts",
"content": "const AvatarCount = 15;\nconst publicPath = process.env.PublicPath || '/';\n\n/**\n * 获取随机头像\n */\nexport default function getRandomAvatar() {\n const number = Math.floor(Math.random() * AvatarCount);\n return `${publicPath}avatar/${number}.jpg`;\n}\n\n/**\n * 获取默认头像\n */\nexport function getDefaultAvatar() {\n return `${publicPath}avatar/0.jpg`;\n}\n"
},
{
"path": "packages/utils/getRandomColor.ts",
"content": "import randomColor from 'randomcolor';\n\ntype ColorMode = 'dark' | 'bright' | 'light' | 'random';\n\n/**\n * 获取随机颜色, 刷新页面不变\n * @param seed when passed will cause randomColor to return the same color each time\n */\nexport function getRandomColor(seed: string, luminosity: ColorMode = 'dark') {\n return randomColor({\n luminosity,\n seed,\n });\n}\n\ntype Cache = {\n [key: string]: string;\n};\n\nconst cache: Cache = {};\n\n/**\n * 获取随机颜色, 刷新页面后重新随机\n * @param seed 随机种子\n * @param luminosity 亮度\n */\nexport function getPerRandomColor(\n seed: string,\n luminosity: ColorMode = 'dark',\n) {\n if (cache[seed]) {\n return cache[seed];\n }\n cache[seed] = randomColor({ luminosity });\n return cache[seed];\n}\n"
},
{
"path": "packages/utils/logger.ts",
"content": "import { getLogger } from 'log4js';\n\nconst logger = getLogger();\nlogger.level = process.env.NODE_ENV === 'development' ? 'trace' : 'info';\n\nexport default logger;\n"
},
{
"path": "packages/utils/package.json",
"content": "{\n \"name\": \"@fiora/utils\",\n \"version\": \"1.0.0\",\n \"license\": \"MIT\",\n \"private\": true,\n \"dependencies\": {\n \"@fiora/assets\": \"^1.0.0\",\n \"ali-oss\": \"^6.16.0\",\n \"axios\": \"^0.21.1\",\n \"log4js\": \"^6.3.0\",\n \"randomcolor\": \"^0.6.2\",\n \"socket.io\": \"^4.1.3\",\n \"xss\": \"^1.0.9\"\n },\n \"devDependencies\": {\n \"@types/randomcolor\": \"^0.5.6\"\n }\n}\n"
},
{
"path": "packages/utils/sleep.ts",
"content": "export default function sleep(duration = 200) {\n return new Promise((resolve) => {\n setTimeout(resolve, duration);\n });\n}\n"
},
{
"path": "packages/utils/socket.ts",
"content": "import { Socket } from 'socket.io';\n\nexport function getSocketIp(socket: Socket) {\n return (\n (socket.handshake.headers['x-real-ip'] as string) ||\n socket.request.connection.remoteAddress ||\n ''\n );\n}\n"
},
{
"path": "packages/utils/test/getFriendId.spec.ts",
"content": "import getFriendId from '../getFriendId';\n\ndescribe('utils/getFriendId.ts', () => {\n it('should combina two users id as friend id', () => {\n const user1 = '111';\n const user2 = '222';\n expect(getFriendId(user1, user2)).toBe('111222');\n expect(getFriendId(user2, user1)).toBe('111222');\n });\n});\n"
},
{
"path": "packages/utils/test/url.spec.ts",
"content": "import { addParam } from '../url';\n\ndescribe('utils/url.ts', () => {\n it('should add ?key=value into url', () => {\n const url = 'https://fiora.suisuijiang.com';\n const key = 'key';\n const value = 'value';\n const params = {\n [key]: value,\n };\n expect(addParam(url, params)).toBe(`${url}?${key}=${value}`);\n });\n\n it('should add &key=value into url', () => {\n const url = 'https://fiora.suisuijiang.com?a=a';\n const key = 'key';\n const value = 'value';\n const params = {\n [key]: value,\n };\n expect(addParam(url, params)).toBe(`${url}&${key}=${value}`);\n });\n});\n"
},
{
"path": "packages/utils/time.ts",
"content": "export default {\n isToday(time1: Date, time2: Date) {\n return (\n time1.getFullYear() === time2.getFullYear() &&\n time1.getMonth() === time2.getMonth() &&\n time1.getDate() === time2.getDate()\n );\n },\n isYesterday(time1: Date, time2: Date) {\n const prevDate = new Date(time1);\n prevDate.setDate(time1.getDate() - 1);\n return (\n prevDate.getFullYear() === time2.getFullYear() &&\n prevDate.getMonth() === time2.getMonth() &&\n prevDate.getDate() === time2.getDate()\n );\n },\n getHourMinute(time: Date) {\n const hours = time.getHours();\n const minutes = time.getMinutes();\n return `${hours < 10 ? `0${hours}` : hours}:${\n minutes < 10 ? `0${minutes}` : minutes\n }`;\n },\n getMonthDate(time: Date) {\n return `${time.getMonth() + 1}/${time.getDate()}`;\n },\n};\n"
},
{
"path": "packages/utils/ua.ts",
"content": "const UA = window.navigator.userAgent;\n\nexport const isiOS = /iPhone/i.test(UA);\n\nexport const isAndroid = /android/i.test(UA);\n\nexport const isMobile = isiOS || isAndroid;\n"
},
{
"path": "packages/utils/url.ts",
"content": "interface UrlParams {\n [key: string]: string;\n}\n\n// eslint-disable-next-line import/prefer-default-export\nexport function addParam(url: string, params: UrlParams) {\n let result = url;\n Object.keys(params).forEach((key) => {\n if (result.indexOf('?') === -1) {\n result += `?${key}=${params[key]}`;\n } else {\n result += `&${key}=${params[key]}`;\n }\n });\n return result;\n}\n"
},
{
"path": "packages/utils/xss.ts",
"content": "import xss from 'xss';\n\n/**\n * xss防护\n * @param text 要处理的文字\n */\nexport default function processXss(text: string) {\n return xss(text);\n}\n"
},
{
"path": "packages/web/.babelrc",
"content": "{\n \"presets\": [\n [\n \"@babel/preset-env\",\n {\n \"targets\": \"> 0.25%, not dead\",\n \"useBuiltIns\": \"entry\",\n \"corejs\": 3,\n \"modules\": false\n }\n ],\n \"@babel/preset-react\",\n \"linaria/babel\"\n ],\n \"plugins\": [\n [\n \"prismjs\",\n {\n \"languages\": [\n \"clike\",\n \"javascript\",\n \"typescript\",\n \"java\",\n \"c\",\n \"cpp\",\n \"python\",\n \"ruby\",\n \"markup\",\n \"markup-templating\",\n \"php\",\n \"go\",\n \"csharp\",\n \"css\",\n \"sql\",\n \"json\"\n ],\n \"plugins\": [\"line-numbers\", \"copy-to-clipboard\", \"show-language\"],\n \"theme\": \"default\",\n \"css\": true\n }\n ]\n ]\n}\n"
},
{
"path": "packages/web/build/webpack.common.js",
"content": "const path = require('path');\nconst webpack = require('webpack');\nconst { CleanWebpackPlugin } = require('clean-webpack-plugin');\nconst HtmlWebpackPlugin = require('html-webpack-plugin');\nconst LessPluginAutoPrefix = require('less-plugin-autoprefix');\nconst Dotenv = require('dotenv-webpack');\n\nmodule.exports = {\n entry: {\n app: path.resolve(__dirname, '../src/main.tsx'),\n },\n output: {\n filename: 'js/[name].[chunkhash:8].js',\n path: path.resolve(__dirname, '../dist/fiora'),\n },\n resolve: {\n extensions: ['.js', '.jsx', '.json', '.ts', '.tsx'],\n },\n module: {\n rules: [\n {\n test: /\\.jsx?$/,\n loader: 'babel-loader',\n exclude: /node_modules/,\n },\n {\n test: /\\.tsx?$/,\n use: [\n {\n loader: 'babel-loader',\n options: {\n plugins: [\n ...(process.env.NODE_ENV === 'development'\n ? [require.resolve('react-refresh/babel')]\n : []),\n ],\n },\n },\n {\n loader: 'linaria/loader',\n options: {\n sourceMap: false,\n },\n },\n {\n loader: 'ts-loader',\n options: {\n transpileOnly: true,\n },\n },\n ],\n exclude: /node_modules/,\n },\n {\n test: /\\.less$/,\n use: [\n 'style-loader',\n {\n loader: 'css-loader',\n options: {\n importLoaders: 2,\n modules: {\n localIdentName: '[local]--[hash:base64:5]',\n },\n },\n },\n {\n loader: 'less-loader',\n options: {\n lessOptions: {\n plugins: [\n new LessPluginAutoPrefix({\n enable: true,\n options: {\n browsers: ['last 3 versions'],\n },\n }),\n ],\n },\n sourceMap: false,\n },\n },\n ],\n },\n {\n test: /\\.css$/i,\n use: ['style-loader', 'css-loader'],\n },\n {\n test: /\\.(png|jpe?g|gif|svg)(\\?.*)?$/,\n loader: 'url-loader',\n options: {\n limit: 4096,\n name: 'images/[name].[ext]',\n esModule: false,\n },\n },\n {\n test: /\\.(woff2?|eot|ttf|otf)(\\?.*)?$/,\n loader: 'url-loader',\n options: {\n limit: 4096,\n name: 'fonts/[name].[hash:8].[ext]',\n esModule: false,\n },\n },\n {\n test: /\\.(mp3)(\\?.*)?$/,\n loader: 'url-loader',\n options: {\n limit: 4096,\n name: 'audios/[name].[hash:8].[ext]',\n esModule: false,\n },\n },\n ],\n },\n plugins: [\n new HtmlWebpackPlugin({\n filename: 'index.html',\n template: path.resolve(__dirname, '../src/template.html'),\n inject: true,\n }),\n new CleanWebpackPlugin(),\n new Dotenv({\n silent: true,\n }),\n ],\n};\n"
},
{
"path": "packages/web/build/webpack.dev.js",
"content": "const path = require('path');\nconst { merge } = require('webpack-merge');\nconst ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');\nconst common = require('./webpack.common.js');\n\nmodule.exports = merge(common, {\n mode: 'development',\n output: {\n publicPath: '/',\n },\n devtool: 'inline-source-map',\n devServer: {\n hot: true,\n contentBase: ['./dist'],\n historyApiFallback: {\n rewrites: [{ from: /\\/invite\\/group\\/[\\w\\d]+/, to: '/index.html' }],\n },\n proxy: {\n '/avatar': 'http://localhost:9200',\n '/GroupAvatar': 'http://localhost:9200',\n '/Avatar': {\n target: 'http://localhost:9200',\n pathRewrite: { '^/Avatar': '/avatar' },\n },\n '/favicon-*.png': 'http://localhost:9200',\n },\n },\n plugins: [new ReactRefreshWebpackPlugin()],\n});\n"
},
{
"path": "packages/web/build/webpack.prod.js",
"content": "const { merge } = require('webpack-merge');\nconst TerserPlugin = require('terser-webpack-plugin');\nconst ScriptExtHtmlPlugin = require('script-ext-html-webpack-plugin');\nconst WorkboxPlugin = require('workbox-webpack-plugin');\nconst WebpackBar = require('webpackbar');\nconst common = require('./webpack.common.js');\n\nmodule.exports = merge(common, {\n mode: 'production',\n output: {\n publicPath: process.env.PublicPath || '/',\n },\n devtool: false,\n optimization: {\n minimize: true,\n minimizer: [\n new TerserPlugin({\n terserOptions: {\n format: {\n comments: false,\n },\n },\n extractComments: false,\n }),\n ],\n },\n plugins: [\n new ScriptExtHtmlPlugin({\n custom: [\n {\n test: /\\.js$/,\n attribute: 'crossorigin',\n value: 'anonymous',\n },\n ],\n }),\n new WorkboxPlugin.GenerateSW({\n clientsClaim: true,\n skipWaiting: true,\n }),\n new WebpackBar(),\n ],\n});\n"
},
{
"path": "packages/web/package.json",
"content": "{\n \"name\": \"@fiora/web\",\n \"version\": \"1.0.0\",\n \"license\": \"MIT\",\n \"private\": true,\n \"scripts\": {\n \"dev:web\": \"cross-env NODE_ENV=development DOTENV_CONFIG_PATH=../../.env webpack serve --config build/webpack.dev.js\",\n \"build:web\": \"rm -rf dist && cross-env NODE_ENV=production DOTENV_CONFIG_PATH=../../.env webpack --config build/webpack.prod.js && cp -r -f dist/fiora/* ../server/public\"\n },\n \"dependencies\": {\n \"@fiora/assets\": \"^1.0.0\",\n \"@fiora/config\": \"^1.0.0\",\n \"@fiora/utils\": \"^1.0.0\",\n \"@loadable/component\": \"^5.15.0\",\n \"@testing-library/jest-dom\": \"^5.14.1\",\n \"@testing-library/react\": \"^12.0.0\",\n \"ali-oss\": \"^6.16.0\",\n \"axios\": \"^0.21.1\",\n \"brace\": \"^0.11.1\",\n \"core-js\": \"^3.15.2\",\n \"cropperjs\": \"^1.5.5\",\n \"filesize\": \"^7.0.0\",\n \"linaria\": \"^2.1.0\",\n \"normalize.css\": \"^8.0.1\",\n \"platform\": \"^1.3.6\",\n \"prismjs\": \"^1.24.1\",\n \"pure-render-decorator\": \"^1.2.1\",\n \"qrcode.react\": \"^1.0.1\",\n \"rc-dialog\": \"^8.5.2\",\n \"rc-dropdown\": \"^3.2.0\",\n \"rc-menu\": \"^9.0.12\",\n \"rc-notification\": \"^3.3.1\",\n \"rc-progress\": \"^2.5.2\",\n \"rc-select\": \"^9.2.1\",\n \"rc-tabs\": \"^9.6.4\",\n \"rc-tooltip\": \"^5.1.1\",\n \"react\": \"^17.0.2\",\n \"react-ace\": \"^9.4.1\",\n \"react-color\": \"^2.19.3\",\n \"react-copy-to-clipboard\": \"^5.0.3\",\n \"react-cropper\": \"^1.3.0\",\n \"react-dom\": \"^17.0.2\",\n \"react-loading\": \"^2.0.3\",\n \"react-radio-buttons\": \"^1.2.2\",\n \"react-redux\": \"^7.2.4\",\n \"react-switch\": \"^6.0.0\",\n \"react-viewer\": \"^3.2.2\",\n \"redux\": \"^4.1.0\",\n \"regenerator-runtime\": \"^0.13.7\",\n \"socket.io-client\": \"^4.1.3\",\n \"wpk-reporter\": \"^0.9.3\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.14.6\",\n \"@babel/plugin-syntax-dynamic-import\": \"^7.8.3\",\n \"@babel/preset-env\": \"^7.14.7\",\n \"@babel/preset-react\": \"^7.14.5\",\n \"@pmmmwh/react-refresh-webpack-plugin\": \"^0.4.3\",\n \"@testing-library/jest-dom\": \"^4.2.4\",\n \"@types/ali-oss\": \"^6.0.10\",\n \"@types/loadable__component\": \"^5.13.4\",\n \"@types/platform\": \"^1.3.4\",\n \"@types/prismjs\": \"^1.16.6\",\n \"@types/pure-render-decorator\": \"^0.2.28\",\n \"@types/qrcode.react\": \"^1.0.2\",\n \"@types/react\": \"^17.0.14\",\n \"@types/react-color\": \"^3.0.5\",\n \"@types/react-copy-to-clipboard\": \"^5.0.1\",\n \"@types/react-cropper\": \"^0.10.7\",\n \"@types/react-dom\": \"^17.0.9\",\n \"@types/react-redux\": \"^7.1.18\",\n \"@types/redux\": \"^3.6.0\",\n \"babel-loader\": \"^8.2.2\",\n \"babel-plugin-dynamic-import-node\": \"^2.3.3\",\n \"babel-plugin-prismjs\": \"^2.1.0\",\n \"clean-webpack-plugin\": \"^4.0.0-alpha.0\",\n \"cross-env\": \"^7.0.3\",\n \"css-loader\": \"^5.0.0\",\n \"dotenv-webpack\": \"^7.0.3\",\n \"file-loader\": \"^6.2.0\",\n \"html-webpack-plugin\": \"^5.3.2\",\n \"less\": \"^3.12.2\",\n \"less-loader\": \"^7.0.2\",\n \"less-plugin-autoprefix\": \"^2.0.0\",\n \"react-refresh\": \"^0.10.0\",\n \"script-ext-html-webpack-plugin\": \"^2.1.5\",\n \"style-loader\": \"^2.0.0\",\n \"terser-webpack-plugin\": \"^5.1.4\",\n \"ts-loader\": \"^9.2.3\",\n \"url-loader\": \"^4.1.1\",\n \"webpack\": \"^5.45.1\",\n \"webpack-cli\": \"^4.7.2\",\n \"webpack-dev-server\": \"^3.11.2\",\n \"webpack-merge\": \"^5.8.0\",\n \"webpackbar\": \"^5.0.0-3\",\n \"workbox-webpack-plugin\": \"^6.1.5\"\n }\n}\n"
},
{
"path": "packages/web/src/App.less",
"content": "@import \"./styles/variable.less\";\n\n.app {\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.blur, .child {\n position: absolute;\n}\n\n.blur {\n filter: blur(10px);\n}\n\n.child {\n display: flex;\n border-radius: 10px;\n box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.5);\n\n @media @mobile {\n border-radius: 0;\n }\n}\n"
},
{
"path": "packages/web/src/App.tsx",
"content": "import React, { useMemo, useState, useEffect, useRef } from 'react';\nimport { useSelector } from 'react-redux';\n\nimport './styles/normalize.less';\nimport './styles/iconfont.less';\n\nimport { isMobile } from '@fiora/utils/ua';\nimport inobounce from './utils/inobounce';\nimport { getOSSFileUrl } from './utils/uploadFile';\n\nimport Style from './App.less';\nimport { State } from './state/reducer';\nimport LoginAndRegister from './modules/LoginAndRegister/LoginAndRegister';\nimport Sidebar from './modules/Sidebar/Sidebar';\nimport FunctionBarAndLinkmanList from './modules/FunctionBarAndLinkmanList/FunctionBarAndLinkmanList';\nimport UserInfo from './modules/UserInfo';\nimport GroupInfo from './modules/GroupInfo';\nimport { ShowUserOrGroupInfoContext } from './context';\nimport Chat from './modules/Chat/Chat';\nimport globalStyles from './globalStyles';\nimport InviteInfo from './modules/InviteInfo';\n\n/**\n * 获取窗口宽度百分比\n */\nfunction getWidthPercent() {\n let width = 0.6;\n if (isMobile) {\n width = 1;\n } else if (window.innerWidth < 1000) {\n width = 0.9;\n } else if (window.innerWidth < 1300) {\n width = 0.8;\n } else if (window.innerWidth < 1600) {\n width = 0.7;\n } else {\n width = 0.6;\n }\n return width;\n}\n\n/**\n * 获取窗口高度百分比\n */\nfunction getHeightPercent() {\n let height = 0.8;\n if (isMobile) {\n height = 1;\n } else if (window.innerHeight < 1000) {\n height = 0.9;\n } else {\n height = 0.8;\n }\n return height;\n}\n\nfunction App() {\n const isReady = useSelector((state: State) => state.status.ready);\n const backgroundImageUrl = useSelector(\n (state: State) => state.status.backgroundImage,\n );\n const backgroundImage = isReady\n ? getOSSFileUrl(backgroundImageUrl, `image/quality,q_95`)\n : '#';\n const $app = useRef(null);\n\n // 计算窗口高度/宽度百分比\n const [width, setWidth] = useState(getWidthPercent());\n const [height, setHeight] = useState(getHeightPercent());\n useEffect(() => {\n window.onresize = () => {\n setWidth(getWidthPercent());\n setHeight(getHeightPercent());\n };\n\n // @ts-ignore\n inobounce($app.current);\n }, []);\n\n // 获取底图尺寸\n const [backgroundWidth, setBackgroundWidth] = useState(window.innerWidth);\n const [backgroundHeight, setBackgroundHeight] = useState(\n window.innerHeight,\n );\n useEffect(() => {\n const img = new Image();\n img.onload = () => {\n setBackgroundWidth(Math.max(img.width, window.innerWidth));\n setBackgroundHeight(Math.max(img.height, window.innerHeight));\n };\n img.src = backgroundImage;\n }, [backgroundImage]);\n\n // 主体样式\n const style = useMemo(\n () => ({\n backgroundImage: `url(${backgroundImage})`,\n backgroundSize: `${backgroundWidth}px ${backgroundHeight}px`,\n backgroundRepeat: 'no-repeat',\n }),\n [backgroundImage, backgroundWidth, backgroundHeight],\n );\n\n // 聊天窗口样式\n const childStyle = useMemo(\n () => ({\n width: `${width * 100}%`,\n height: `${height * 100}%`,\n left: `${((1 - width) / 2) * 100}%`,\n top: `${((1 - height) / 2) * 100}%`,\n }),\n [width, height],\n );\n\n // 模糊背景样式\n const blurStyle = useMemo(\n () => ({\n backgroundPosition: `${(-(1 - width) * window.innerWidth) /\n 2}px ${(-(1 - height) * window.innerHeight) / 2}px`,\n ...style,\n ...childStyle,\n }),\n [width, height, style, childStyle],\n );\n\n const [userInfoDialog, toggleUserInfoDialog] = useState(false);\n const [userInfo, setUserInfo] = useState(null);\n\n const [groupInfoDialog, toggleGroupInfoDialog] = useState(false);\n const [groupInfo, setGroupInfo] = useState(null);\n\n const contextValue = useMemo(\n () => ({\n showUserInfo(user: any) {\n setUserInfo(user);\n toggleUserInfoDialog(true);\n },\n showGroupInfo(group: any) {\n setGroupInfo(group);\n toggleGroupInfoDialog(true);\n },\n }),\n [],\n );\n\n if (!isReady) {\n return null;\n }\n\n return (\n \n \n \n \n \n \n \n \n
\n \n \n toggleUserInfoDialog(false)}\n // @ts-ignore\n user={userInfo}\n />\n toggleGroupInfoDialog(false)}\n // @ts-ignore\n group={groupInfo}\n />\n \n );\n}\n\nexport default App;\n"
},
{
"path": "packages/web/src/components/Avatar.tsx",
"content": "import React, { SyntheticEvent, useState, useMemo } from 'react';\nimport { getOSSFileUrl } from '../utils/uploadFile';\n\nexport const avatarFailback = '/avatar/0.jpg';\n\ntype Props = {\n /** 头像链接 */\n src: string;\n /** 展示大小 */\n size?: number;\n /** 额外类名 */\n className?: string;\n /** 点击事件 */\n onClick?: () => void;\n onMouseEnter?: () => void;\n onMouseLeave?: () => void;\n};\n\nfunction Avatar({\n src,\n size = 60,\n className = '',\n onClick,\n onMouseEnter,\n onMouseLeave,\n}: Props) {\n const [failTimes, updateFailTimes] = useState(0);\n\n /**\n * Handle avatar load fail event. Use faillback avatar instead\n * If still fail then ignore error event\n */\n function handleError(e: SyntheticEvent) {\n if (failTimes >= 2) {\n return;\n }\n e.currentTarget.src = avatarFailback;\n updateFailTimes(failTimes + 1);\n }\n\n const url = useMemo(() => {\n if (/^(blob|data):/.test(src)) {\n return src;\n }\n return getOSSFileUrl(\n src,\n `image/resize,w_${size * 2},h_${size * 2}/quality,q_90`,\n );\n }, [src]);\n\n return (\n \n );\n}\n\nexport default Avatar;\n"
},
{
"path": "packages/web/src/components/Button.tsx",
"content": "import React from 'react';\n\nimport { css } from 'linaria';\n\nconst button = css`\n border: none;\n background-color: var(--primary-color-8_5);\n color: var(--primary-text-color-10);\n border-radius: 4px;\n font-size: 14px;\n transition: background-color 0.4s;\n user-select: none !important;\n\n &:hover {\n background-color: var(--primary-color-10);\n }\n`;\n\ntype Props = {\n /** 类型: primary / danger */\n type?: string;\n /** 按钮文本 */\n children: string;\n className?: string;\n /** 点击事件 */\n onClick?: () => void;\n};\n\nfunction Button({\n type = 'primary',\n children,\n className = '',\n onClick,\n}: Props) {\n return (\n \n {children}\n \n );\n}\n\nexport default Button;\n"
},
{
"path": "packages/web/src/components/Dialog.less",
"content": "@import '../styles/variable.less';\n\n:global {\n .rc-dialog {\n width: 450px;\n top: 45% !important;\n transform: translateY(-50%) !important;\n }\n .rc-dialog-content {\n width: 100%;\n }\n .rc-dialog-title {\n font-size: 16px !important;\n }\n .rc-dialog-wrap {\n overflow: hidden !important;\n }\n .rc-dialog-close {\n top: 0 !important;\n right: 10px !important;\n z-index: 9999;\n \n .rc-dialog-close-x {\n font-size: 32px !important;\n }\n }\n \n .rc-dialog-body {\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n max-height: 60vh;\n }\n \n @media @mobile {\n .rc-dialog {\n width: 94% !important;\n margin: 0 auto;\n }\n .rc-dialog-body {\n padding: 10px 10px;\n // max-height: 88%;\n }\n .rc-dialog-content {\n max-height: 80vh;\n }\n }\n}"
},
{
"path": "packages/web/src/components/Dialog.tsx",
"content": "import Dialog from 'rc-dialog';\nimport 'rc-dialog/assets/index.css';\n\nimport './Dialog.less';\n\nexport default Dialog;\n"
},
{
"path": "packages/web/src/components/Dropdown.less",
"content": ":global {\n .rc-dropdown {\n max-width: 100%;\n }\n \n .rc-select-dropdown {\n z-index: 1500 !important;\n }\n}"
},
{
"path": "packages/web/src/components/Dropdown.tsx",
"content": "import Dropdown from 'rc-dropdown';\nimport 'rc-dropdown/assets/index.css';\n\nimport './Dropdown.less';\n\nexport default Dropdown;\n"
},
{
"path": "packages/web/src/components/IconButton.less",
"content": ".iconButton {\n text-align: center;\n color: rgba(165, 181, 192, 1);\n cursor: pointer;\n\n &:hover {\n color: rgba(247, 247, 247, 1);\n }\n}"
},
{
"path": "packages/web/src/components/IconButton.tsx",
"content": "import React from 'react';\n\nimport Style from './IconButton.less';\n\ntype Props = {\n width: number;\n height: number;\n icon: string;\n iconSize: number;\n className?: string;\n style?: Object;\n onClick?: () => void;\n};\n\nfunction IconButton({\n width,\n height,\n icon,\n iconSize,\n onClick = () => {},\n className = '',\n style = {},\n}: Props) {\n return (\n \n \n \n );\n}\n\nexport default IconButton;\n"
},
{
"path": "packages/web/src/components/Input.less",
"content": ".inputContainer {\n position: relative;\n}\n\n.input {\n width: 100%;\n height: 100%;\n border-radius: 6px;\n border: 1px solid rgba(0, 0, 0, 0.2);\n padding: 0 34px 0 8px;\n font-size: 14px;\n color: #333;\n box-sizing: border-box;\n user-select: auto;\n\n &:focus {\n border-color: var(--primary-color-10);\n }\n}\n\n.inputIconButton {\n position: absolute;\n top: 0;\n bottom: 0;\n margin: auto;\n right: 5px;\n\n &:hover {\n color: var(--primary-color-10);\n }\n}"
},
{
"path": "packages/web/src/components/Input.tsx",
"content": "import React, { useRef, useState } from 'react';\n\nimport IconButton from './IconButton';\nimport Style from './Input.less';\n\ninterface InputProps {\n value?: string;\n type?: string;\n placeholder?: string;\n className?: string;\n onChange: (value: string) => void;\n onEnter?: (value: string) => void;\n onFocus?: () => void;\n}\n\nfunction Input(props: InputProps) {\n const {\n value,\n type = 'text',\n placeholder = '',\n className = '',\n onChange,\n onEnter = () => {},\n onFocus = () => {},\n } = props;\n\n function handleInput(e: any) {\n onChange(e.target.value);\n }\n\n const [lockEnter, setLockEnter] = useState(false);\n function handleIMEStart() {\n setLockEnter(true);\n }\n function handleIMEEnd() {\n setLockEnter(false);\n }\n function handleKeyDown(e: any) {\n if (lockEnter) {\n return;\n }\n if (e.key === 'Enter') {\n onEnter(value as string);\n }\n }\n\n const $input = useRef(null);\n function handleClickClear() {\n onChange('');\n // @ts-ignore\n $input.current.focus();\n }\n\n return (\n \n \n \n
\n );\n}\n\nexport default Input;\n"
},
{
"path": "packages/web/src/components/Loading.tsx",
"content": "import Loading from 'react-loading';\n\nexport default Loading;\n"
},
{
"path": "packages/web/src/components/Menu.tsx",
"content": "import Menu, { SubMenu, MenuItem } from 'rc-menu';\nimport 'rc-menu/assets/index.css';\n\nexport { Menu, MenuItem, SubMenu };\n"
},
{
"path": "packages/web/src/components/Message.less",
"content": ":global {\n .rc-notification {\n top: 5px !important;\n z-index: 1100 !important;\n }\n}\n\n.componentMessage {\n height: 100%;\n display: flex;\n align-items: center;\n margin-top: 1px;\n\n :global {\n .iconfont {\n font-size: 22px;\n \n &.icon-success {\n color: green;\n }\n &.icon-error {\n color: #d82e2e;\n }\n &.icon-warning {\n color: orange;\n }\n &.icon-info {\n color: #2773ef;\n }\n }\n }\n}\n\n.messageText {\n margin-left: 8px;\n font-size: 16px;\n}"
},
{
"path": "packages/web/src/components/Message.tsx",
"content": "import React from 'react';\nimport Notification from 'rc-notification';\n\nimport 'rc-notification/dist/rc-notification.min.css';\nimport Style from './Message.less';\n\nfunction showMessage(text: string, duration = 1500, type = 'success') {\n Notification.newInstance({}, (notification: any) => {\n notification.notice({\n content: (\n \n \n {text}\n
\n ),\n duration,\n });\n });\n}\n\nexport default {\n success(text: string, duration = 1.5) {\n showMessage(text, duration, 'success');\n },\n error(text: string, duration = 1.5) {\n showMessage(text, duration, 'error');\n },\n warning(text: string, duration = 1.5) {\n showMessage(text, duration, 'warning');\n },\n info(text: string, duration = 1.5) {\n showMessage(text, duration, 'info');\n },\n};\n"
},
{
"path": "packages/web/src/components/Progress.tsx",
"content": "import { Line as LineProgress, Circle as CircleProgress } from 'rc-progress';\nimport 'rc-progress/assets/index.css';\n\nexport { LineProgress, CircleProgress };\n"
},
{
"path": "packages/web/src/components/Select.tsx",
"content": "import Select, { Option, OptGroup } from 'rc-select';\nimport 'rc-select/assets/index.css';\n\nexport { Select, Option, OptGroup };\n"
},
{
"path": "packages/web/src/components/Tabs.tsx",
"content": "import Tabs, { TabPane } from 'rc-tabs';\nimport TabContent from 'rc-tabs/lib/TabContent';\nimport ScrollableInkTabBar from 'rc-tabs/lib/ScrollableInkTabBar';\nimport 'rc-tabs/assets/index.css';\n\nexport { Tabs, TabPane, TabContent, ScrollableInkTabBar };\n"
},
{
"path": "packages/web/src/components/Tooltip.less",
"content": ":global {\n .rc-tooltip {\n display: inline-block !important;\n }\n .rc-tooltip-hidden {\n display: none !important;\n }\n .rc-tooltip-inner {\n span {\n color: #f1f1f1 !important;\n }\n }\n}"
},
{
"path": "packages/web/src/components/Tooltip.tsx",
"content": "import Tooltip from 'rc-tooltip';\nimport 'rc-tooltip/assets/bootstrap.css';\n\nimport './Tooltip.less';\n\nexport default Tooltip;\n"
},
{
"path": "packages/web/src/context.ts",
"content": "import { createContext } from 'react';\n\n// eslint-disable-next-line import/prefer-default-export\nexport const ShowUserOrGroupInfoContext = createContext(null);\n"
},
{
"path": "packages/web/src/globalStyles.ts",
"content": "// @ts-ignore\nimport { css } from 'linaria';\n\nconst globalStyles = css`\n :global() {\n .danger {\n background-color: #dd514c !important;\n\n &:hover {\n background-color: #d7342e !important;\n }\n }\n }\n`;\n\nexport default globalStyles;\n"
},
{
"path": "packages/web/src/hooks/useAction.ts",
"content": "import { useDispatch } from 'react-redux';\nimport convertMessage from '@fiora/utils/convertMessage';\nimport { User, Linkman, Message } from '../state/reducer';\nimport { ActionTypes } from '../state/action';\n\n/**\n * 获取 redux action\n */\nexport default function useAction() {\n const dispatch = useDispatch();\n\n return {\n setUser(user: User) {\n dispatch({\n type: ActionTypes.SetUser,\n payload: user,\n });\n },\n\n logout() {\n dispatch({\n type: ActionTypes.Logout,\n });\n },\n\n setAvatar(avatar: string) {\n dispatch({\n type: ActionTypes.SetAvatar,\n payload: avatar,\n });\n },\n\n setFocus(linkmanId: string) {\n dispatch({\n type: ActionTypes.SetFocus,\n payload: linkmanId,\n });\n },\n\n addLinkman(linkman: Linkman, focus = false) {\n dispatch({\n type: ActionTypes.AddLinkman,\n payload: {\n linkman,\n focus,\n },\n });\n },\n\n removeLinkman(linkmanId: string) {\n dispatch({\n type: ActionTypes.RemoveLinkman,\n payload: linkmanId,\n });\n },\n\n addLinkmanHistoryMessages(linkmanId: string, messages: Message[]) {\n messages.forEach((message) => convertMessage(message));\n dispatch({\n type: ActionTypes.AddLinkmanHistoryMessages,\n payload: {\n linkmanId,\n messages,\n },\n });\n },\n\n addLinkmanMessage(linkmanId: string, message: Message) {\n convertMessage(message);\n dispatch({\n type: ActionTypes.AddLinkmanMessage,\n payload: {\n linkmanId,\n message,\n },\n });\n },\n\n setLinkmanProperty(linkmanId: string, key: string, value: any) {\n dispatch({\n type: ActionTypes.SetLinkmanProperty,\n payload: {\n linkmanId,\n key,\n value,\n },\n });\n },\n\n updateMessage(linkmanId: string, messageId: string, value: any) {\n convertMessage(value);\n dispatch({\n type: ActionTypes.UpdateMessage,\n payload: {\n linkmanId,\n messageId,\n value,\n },\n });\n },\n\n deleteMessage(linkmanId: string, messageId: string, shouldDelete: boolean = false) {\n dispatch({\n type: ActionTypes.DeleteMessage,\n payload: {\n linkmanId,\n messageId,\n shouldDelete,\n },\n });\n },\n\n setStatus(key: string, value: any) {\n dispatch({\n type: ActionTypes.SetStatus,\n payload: {\n key,\n value,\n },\n });\n window.localStorage.setItem(key, value);\n },\n\n toggleLoginRegisterDialog(visible: boolean) {\n dispatch({\n type: ActionTypes.SetStatus,\n payload: {\n key: 'loginRegisterDialogVisible',\n value: visible,\n },\n });\n },\n };\n}\n"
},
{
"path": "packages/web/src/hooks/useAero.ts",
"content": "import { useSelector } from 'react-redux';\nimport { State } from '../state/reducer';\n\n/**\n * 获取毛玻璃状态属性\n */\nexport default function useAero() {\n const aero = useSelector((state: State) => state.status.aero);\n return {\n 'data-aero': aero,\n };\n}\n"
},
{
"path": "packages/web/src/hooks/useIsLogin.ts",
"content": "import { useSelector } from 'react-redux';\nimport { State } from '../state/reducer';\n\n/**\n * 获取登录态\n */\nexport default function useIsLogin() {\n const isLogin = useSelector(\n (state: State) => state.user && state.user._id !== '',\n );\n return isLogin;\n}\n"
},
{
"path": "packages/web/src/hooks/useStore.ts",
"content": "import { useSelector } from 'react-redux';\nimport { State, Linkman } from '../state/reducer';\n\nexport function useStore() {\n return useSelector((state: State) => state);\n}\n\nexport function useFocusLinkman(): Linkman | null {\n const store = useStore();\n const { focus } = store;\n if (focus) {\n return store.linkmans?.[focus];\n }\n return null;\n}\n\nexport function useSelfId() {\n const store = useStore();\n return store.user?._id || '';\n}\n"
},
{
"path": "packages/web/src/localStorage.ts",
"content": "import config from '@fiora/config/client';\nimport themes from './themes';\n\n/** LocalStorage存储的键值 */\nexport enum LocalStorageKey {\n Theme = 'theme',\n PrimaryColor = 'primaryColor',\n PrimaryTextColor = 'primaryTextColor',\n BackgroundImage = 'backgroundImage',\n Aero = 'aero',\n Sound = 'sound',\n SoundSwitch = 'soundSwitch',\n NotificationSwitch = 'notificationSwitch',\n VoiceSwitch = 'voiceSwitch',\n SelfVoiceSwitch = 'selfVoiceSwitch',\n TagColorMode = 'tagColorMode',\n EnableSearchExpression = 'enableSearchExpression',\n}\n\n/**\n * 获取LocalStorage中的文本值\n * @param key 键值\n * @param defaultValue 默认值\n */\nfunction getTextValue(key: string, defaultValue: string) {\n const value = window.localStorage.getItem(key);\n return value || defaultValue;\n}\n\n/**\n * 获取LocalStorage中的boolean值\n * @param key 键值\n * @param defaultValue 默认值\n */\nfunction getSwitchValue(key: string, defaultValue: boolean = true) {\n const value = window.localStorage.getItem(key);\n return value ? value === 'true' : defaultValue;\n}\n\n/**\n * 获取LocalStorage值\n */\nexport default function getData() {\n const theme = getTextValue(LocalStorageKey.Theme, config.defaultTheme);\n let themeConfig = {\n primaryColor: '',\n primaryTextColor: '',\n backgroundImage: '',\n aero: false,\n };\n // @ts-ignore\n if (theme && themes[theme]) {\n // @ts-ignore\n themeConfig = themes[theme];\n } else {\n themeConfig = {\n primaryColor: getTextValue(\n LocalStorageKey.PrimaryColor,\n themes[config.defaultTheme]?.primaryColor,\n ),\n primaryTextColor: getTextValue(\n LocalStorageKey.PrimaryTextColor,\n themes[config.defaultTheme]?.primaryTextColor,\n ),\n backgroundImage: getTextValue(\n LocalStorageKey.BackgroundImage,\n themes[config.defaultTheme]?.backgroundImage,\n ),\n aero: getSwitchValue(LocalStorageKey.Aero, false),\n };\n }\n return {\n theme,\n ...themeConfig,\n sound: getTextValue(LocalStorageKey.Sound, config.sound),\n soundSwitch: getSwitchValue(LocalStorageKey.SoundSwitch),\n notificationSwitch: getSwitchValue(LocalStorageKey.NotificationSwitch),\n voiceSwitch: getSwitchValue(LocalStorageKey.VoiceSwitch),\n selfVoiceSwitch: getSwitchValue(LocalStorageKey.SelfVoiceSwitch, false),\n tagColorMode: getTextValue(\n LocalStorageKey.TagColorMode,\n config.tagColorMode,\n ),\n enableSearchExpression: getSwitchValue(\n LocalStorageKey.EnableSearchExpression,\n false,\n ),\n };\n}\n"
},
{
"path": "packages/web/src/main.tsx",
"content": "/* eslint-disable camelcase */\nimport 'core-js/stable';\nimport 'regenerator-runtime/runtime';\n\nimport React from 'react';\nimport ReactDom from 'react-dom';\nimport { Provider } from 'react-redux';\n\nimport config from '@fiora/config/client';\nimport setCssVariable from './utils/setCssVariable';\nimport App from './App';\nimport store from './state/store';\nimport getData from './localStorage';\n\n// 注册 Service Worker\nif (window.location.protocol === 'https:' && 'serviceWorker' in navigator) {\n window.addEventListener('load', () => {\n navigator.serviceWorker.register(`/service-worker.js`);\n });\n}\n\n// 如果配置了前端监控, 动态加载并启动监控\nif (config.frontendMonitorAppId) {\n // @ts-ignore\n import(/* webpackChunkName: \"frontend-monitor\" */ 'wpk-reporter').then(\n (module) => {\n const WpkReporter = module.default;\n\n const __wpk = new WpkReporter({\n bid: config.frontendMonitorAppId,\n spa: true,\n rel: config.frontendMonitorAppId,\n uid: () => localStorage.getItem('username') || '',\n plugins: [],\n });\n\n __wpk.installAll();\n },\n );\n}\n\n// 更新 css variable\nconst { primaryColor, primaryTextColor } = getData();\nsetCssVariable(primaryColor, primaryTextColor);\n\n// 请求 Notification 授权\nif (\n window.Notification &&\n (window.Notification.permission === 'default' ||\n window.Notification.permission === 'denied')\n) {\n window.Notification.requestPermission();\n}\n\nif (window.location.pathname !== '/') {\n const { pathname } = window.location;\n window.history.pushState({}, 'fiora', '/');\n if (pathname.startsWith('/invite/group/')) {\n const groupId = pathname.replace(`/invite/group/`, '');\n window.sessionStorage.setItem('inviteGroupId', groupId);\n }\n}\n\nReactDom.render(\n \n \n ,\n document.getElementById('app'),\n);\n"
},
{
"path": "packages/web/src/modules/Chat/Chat.less",
"content": "@import '../../styles/variable.less';\n\n.chat {\n flex: 1;\n display: flex;\n flex-direction: column;\n background-color: rgba(241, 241, 241, 0.6);\n border-top-right-radius: 10px;\n border-bottom-right-radius: 10px;\n overflow: hidden;\n position: relative;\n\n &[data-aero=true] {\n background-color: rgba(241, 241, 241, 0.15);\n }\n\n @media @mobile {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n}\n\n.noLinkman {\n flex: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: column;\n}\n\n.noLinkmanImage {\n border-radius: 8px;\n width: 170px;\n height: 180px;\n background-image: url('~@fiora/assets/images/no-linkman.jpeg');\n background-position-y: 180px;\n}\n\n.noLinkmanText {\n margin-top: 16px;\n font-size: 14px;\n color: #666;\n}\n"
},
{
"path": "packages/web/src/modules/Chat/Chat.tsx",
"content": "import React, { useContext, useState, useEffect } from 'react';\nimport { useSelector } from 'react-redux';\n\nimport Style from './Chat.less';\nimport HeaderBar from './HeaderBar';\nimport MessageList from './MessageList';\nimport ChatInput from './ChatInput';\nimport GroupManagePanel from './GroupManagePanel';\nimport { State, GroupMember } from '../../state/reducer';\nimport { ShowUserOrGroupInfoContext } from '../../context';\nimport useIsLogin from '../../hooks/useIsLogin';\nimport {\n getGroupOnlineMembers,\n getUserOnlineStatus,\n updateHistory,\n} from '../../service';\nimport useAction from '../../hooks/useAction';\nimport useAero from '../../hooks/useAero';\nimport store from '../../state/store';\n\nlet lastMessageIdCache = '';\n\nfunction Chat() {\n const isLogin = useIsLogin();\n const action = useAction();\n const hasUserInfo = useSelector((state: State) => !!state.user);\n const focus = useSelector((state: State) => state.focus);\n const linkman = useSelector((state: State) => state.linkmans[focus]);\n const [groupManagePanel, toggleGroupManagePanel] = useState(false);\n const context = useContext(ShowUserOrGroupInfoContext);\n const aero = useAero();\n const self = useSelector((state: State) => state.user?._id) || '';\n\n function handleBodyClick(e: MouseEvent) {\n const { currentTarget } = e;\n let target = e.target as HTMLDivElement;\n do {\n if (target.getAttribute('data-float-panel') === 'true') {\n return;\n }\n // @ts-ignore\n target = target.parentElement;\n } while (target && target !== currentTarget);\n toggleGroupManagePanel(false);\n }\n useEffect(() => {\n document.body.addEventListener('click', handleBodyClick, false);\n return () => {\n document.body.removeEventListener('click', handleBodyClick, false);\n };\n }, []);\n\n async function fetchGroupOnlineMembers() {\n let onlineMembers: GroupMember[] | { cache: true } = [];\n if (isLogin) {\n onlineMembers = await getGroupOnlineMembers(focus);\n }\n if (Array.isArray(onlineMembers)) {\n action.setLinkmanProperty(focus, 'onlineMembers', onlineMembers);\n }\n }\n async function fetchUserOnlineStatus() {\n const isOnline = await getUserOnlineStatus(focus.replace(self, ''));\n action.setLinkmanProperty(focus, 'isOnline', isOnline);\n }\n useEffect(() => {\n if (!linkman) {\n return () => {};\n }\n const request =\n linkman.type === 'group'\n ? fetchGroupOnlineMembers\n : fetchUserOnlineStatus;\n request();\n const timer = setInterval(() => request(), 1000 * 60);\n return () => clearInterval(timer);\n }, [focus]);\n\n async function intervalUpdateHistory() {\n // Must get real-time state\n const state = store.getState();\n if (\n !window.document.hidden &&\n state.focus &&\n state.linkmans[state.focus] &&\n state.user?._id\n ) {\n const messageKeys = Object.keys(\n state.linkmans[state.focus].messages,\n );\n if (messageKeys.length > 0) {\n const lastMessageId =\n state.linkmans[state.focus].messages[\n messageKeys[messageKeys.length - 1]\n ]._id;\n if (lastMessageId !== lastMessageIdCache) {\n lastMessageIdCache = lastMessageId;\n await updateHistory(state.focus, lastMessageId);\n }\n }\n }\n }\n useEffect(() => {\n const timer = setInterval(intervalUpdateHistory, 1000 * 30);\n return () => clearInterval(timer);\n }, [focus]);\n\n if (!hasUserInfo) {\n return ;\n }\n if (!linkman) {\n return (\n \n
{}} />\n \n
\n
\n 找个群或者好友呀, 不然怎么聊天~~\n
\n
\n \n \n \n\n {linkman.type === 'group' && (\n toggleGroupManagePanel(false)}\n groupId={linkman._id}\n avatar={linkman.avatar}\n creator={linkman.creator}\n onlineMembers={linkman.onlineMembers}\n />\n )}\n
\n );\n}\n\nexport default Chat;\n"
},
{
"path": "packages/web/src/modules/Chat/ChatInput.less",
"content": "@import '../../styles/variable.less';\n\n.chatInput {\n height: 70px;\n background-color: rgba(255, 255, 255, 0.5);\n display: flex;\n align-items: center;\n padding: 0px 20px;\n border-bottom-right-radius: 10px;\n position: relative;\n\n &[data-aero='true'] {\n background-color: rgba(255, 255, 255, 0.15);\n\n .input {\n background-color: rgba(255, 255, 255, 0.6);\n border: none;\n &::placeholder {\n color: #888;\n }\n }\n\n .iconButton {\n :global {\n .iconfont {\n color: var(--primary-text-color-8);\n }\n }\n &:hover {\n :global {\n .iconfont {\n color: var(--primary-color-10);\n }\n }\n }\n }\n }\n\n @media @mobile {\n height: 50px;\n padding: 0 6px;\n border-bottom-right-radius: 0px;\n height: calc(50px + env(safe-area-inset-bottom));\n padding-bottom: env(safe-area-inset-bottom);\n }\n}\n\n.form {\n flex: 1;\n display: flex;\n position: relative;\n margin: 0 10px;\n}\n\n.input {\n flex: 1;\n padding: 0px 8px;\n height: 32px;\n line-height: 32px;\n outline: none;\n border: 1px solid rgba(208, 208, 208, 0.5);\n font-size: 14px;\n color: #666;\n user-select: auto;\n\n &::placeholder {\n color: #999;\n }\n}\n\n.tooltip {\n position: absolute;\n right: 10px;\n top: 5px;\n font-size: 22px;\n color: #aaa;\n}\n\n.iconButton {\n :global {\n .iconfont {\n color: #aaa;\n }\n }\n\n &:hover {\n :global {\n .iconfont {\n color: var(--primary-color-10);\n }\n }\n }\n}\n\n.guest {\n color: #333;\n user-select: none;\n font-size: 14px;\n flex: 1;\n text-align: center;\n letter-spacing: 1px;\n}\n\n.guestLogin {\n color: var(--primary-color-10);\n cursor: pointer;\n font-size: 16px;\n}\n\n.expressionDropdown {\n width: 415px;\n height: 240px;\n background-color: white;\n transform: translateY(-8px);\n\n @media @mobile {\n width: 100%;\n }\n}\n\n.featureDropdown {\n background-color: white;\n\n :global {\n .rc-menu {\n padding: 6px 0;\n }\n .rc-menu-item {\n padding: 12px 20px !important;\n }\n }\n}\n\n.atPanel {\n background-color: white;\n position: absolute;\n left: 120px;\n bottom: 60px;\n padding: 6px 0;\n border-radius: 3px;\n max-height: 266px;\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n}\n\n.atUserList {\n display: flex;\n align-items: center;\n cursor: pointer;\n margin-bottom: 2px;\n height: 30px;\n padding: 0 8px;\n min-width: 120px;\n\n &:last-child {\n margin-bottom: 0px;\n }\n &:hover {\n background-color: var(--primary-color-4);\n }\n}\n\n.atText {\n font-size: 14px;\n margin-left: 6px;\n margin-top: 4px;\n color: #444;\n}\n"
},
{
"path": "packages/web/src/modules/Chat/ChatInput.tsx",
"content": "import React, { useState, useRef, useEffect } from 'react';\nimport { useSelector } from 'react-redux';\nimport loadable from '@loadable/component';\n\nimport { css } from 'linaria';\nimport xss from '@fiora/utils/xss';\nimport compressImage from '@fiora/utils/compressImage';\nimport config from '@fiora/config/client';\nimport { isMobile } from '@fiora/utils/ua';\nimport fetch from '../../utils/fetch';\nimport voice from '../../utils/voice';\nimport readDiskFile, { ReadFileResult } from '../../utils/readDiskFile';\nimport uploadFile from '../../utils/uploadFile';\nimport getRandomHuaji from '../../utils/getRandomHuaji';\nimport Style from './ChatInput.less';\nimport useIsLogin from '../../hooks/useIsLogin';\nimport useAction from '../../hooks/useAction';\nimport Dropdown from '../../components/Dropdown';\nimport IconButton from '../../components/IconButton';\nimport Avatar from '../../components/Avatar';\nimport Message from '../../components/Message';\nimport { Menu, MenuItem } from '../../components/Menu';\nimport { State } from '../../state/reducer';\nimport { sendMessage } from '../../service';\nimport Tooltip from '../../components/Tooltip';\nimport useAero from '../../hooks/useAero';\n\nconst expressionList = css`\n display: flex;\n width: 100%;\n height: 80px;\n position: absolute;\n left: 0;\n top: -80px;\n background-color: inherit;\n overflow-x: auto;\n`;\nconst expressionImageContainer = css`\n min-width: 80px;\n height: 80px;\n`;\nconst expressionImage = css`\n width: 100%;\n height: 100%;\n object-fit: cover;\n`;\n\nconst ExpressionAsync = loadable(\n () =>\n // @ts-ignore\n import(/* webpackChunkName: \"expression\" */ './Expression'),\n);\nconst CodeEditorAsync = loadable(\n // @ts-ignore\n () => import(/* webpackChunkName: \"code-editor\" */ './CodeEditor'),\n);\n\nlet searchExpressionTimer: number = 0;\n\nlet inputIME = false;\n\nfunction ChatInput() {\n const action = useAction();\n const isLogin = useIsLogin();\n const connect = useSelector((state: State) => state.connect);\n const selfId = useSelector((state: State) => state.user?._id);\n const username = useSelector((state: State) => state.user?.username);\n const avatar = useSelector((state: State) => state.user?.avatar);\n const tag = useSelector((state: State) => state.user?.tag);\n const focus = useSelector((state: State) => state.focus);\n const linkman = useSelector((state: State) => state.linkmans[focus]);\n const selfVoiceSwitch = useSelector(\n (state: State) => state.status.selfVoiceSwitch,\n );\n const enableSearchExpression = useSelector(\n (state: State) => state.status.enableSearchExpression,\n );\n const [expressionDialog, toggleExpressionDialog] = useState(false);\n const [codeEditorDialog, toggleCodeEditorDialog] = useState(false);\n const [inputFocus, toggleInputFocus] = useState(false);\n const [at, setAt] = useState({ enable: false, content: '' });\n const $input = useRef(null);\n const aero = useAero();\n const [expressions, setExpressions] = useState<\n { image: string; width: number; height: number }[]\n >([]);\n\n /** 全局输入框聚焦快捷键 */\n function focusInput(e: KeyboardEvent) {\n const $target: HTMLElement = e.target as HTMLElement;\n if (\n $target.tagName === 'INPUT' ||\n $target.tagName === 'TEXTAREA' ||\n e.key !== 'i'\n ) {\n return;\n }\n e.preventDefault();\n // @ts-ignore\n $input.current.focus(e);\n }\n useEffect(() => {\n window.addEventListener('keydown', focusInput);\n return () => window.removeEventListener('keydown', focusInput);\n }, []);\n\n useEffect(() => {\n setExpressions([]);\n }, [enableSearchExpression]);\n\n if (!isLogin) {\n return (\n \n
\n 游客朋友你好, 请\n \n action.setStatus('loginRegisterDialogVisible', true)\n }\n role=\"button\"\n >\n 登录\n \n 后参与聊天\n
\n
\n 全局按 i 键聚焦\n ![\"PC\"](\"https://github.com/yinxin630/fiora/raw/master/packages/docs/static/img/screenshots/screenshot-pc.png\")
\n![\"Phone\"](\"https://github.com/yinxin630/fiora/raw/master/packages/docs/static/img/screenshots/screenshot-phone.png\")
\n![\"App\"](\"https://github.com/yinxin630/fiora/raw/master/packages/docs/static/img/screenshots/screenshot-app.png\")
\n\n## Install\n\nFiora provides two ways to install\n\n- [Install by source code](https://yinxin630.github.io/fiora/docs/install#how-to-run)\n- [Install by docker](https://yinxin630.github.io/fiora/docs/install#running-on-the-docker)\n\n## Change Log\n\nYou can find the Fiora changelog [on the website](https://yinxin630.github.io/fiora/docs/changelog)\n\n## Contribution\n\nPull requests are welcome. For major changes, please open an issue first to discuss what you would like to change. Please make sure to update tests as appropriate\n\n1. Fork it (})
\n})
\n\n## Directory\n\n |-- [.githubb] // github actions\n |-- [.vscode] // vscode workspace config\n |-- [bin] // server scripts\n |-- [build] // webpack config\n |-- [client] // web client\n |-- [config] // application configs\n |-- [dist] // client buid output directory\n |-- [docs] // document\n |-- [public] // server static resources\n |-- [server] // server\n |-- [test] // unit test\n |-- [types] // typescript types\n |-- [utils] // util functions\n |-- .babelrc // babel config\n |-- .eslintignore // eslint ignore list\n |-- .eslintrc // eslint config\n |-- .gitignore // git ignore\n |-- .nodemonrc // nodemon config\n |-- .prettierrc // prettier config\n |-- Dockerfile // docker file\n |-- LICENSE // fiora license\n |-- docker-compose.yaml // docker compose config\n |-- jest.*.sj // jest config\n |-- package.json // npm\n |-- tsconfig.json // typescript config\n |-- yarn.lock // yarn\n ...\n\n## Contribution\n\nIf you want to add functionality or fix bugs, please follow the process below:\n\n1. Fork this repository and clone the fork post to the local\n2. Installation dependencies `yarn install`\n3. Modify the code and confirm it is bug free\n4. Submit code, if eslint has reported error, please repair it and submit it again.\n5. Create a pull request\n"
},
{
"path": "packages/docs/i18n/en/docusaurus-plugin-content-docs/current/INSTALL.md",
"content": "---\nid: install\ntitle: Install\nsidebar_label: Install\n---\n\n## Environmental Preparation\n\nTo run Fiora, you need Node.js(recommend v14 LTS version), MongoDB and redis\n\n- Install Node.js\n - Official website 
\n