16 |
17 |
18 | );
19 | }
20 |
21 | export default OnlineStatus;
22 |
--------------------------------------------------------------------------------
/packages/web/src/modules/Sidebar/Admin.less:
--------------------------------------------------------------------------------
1 | .admin {
2 | // height: 50% !important;
3 | }
4 |
5 | .inputBlock {
6 | display: flex;
7 | }
8 |
9 | .input {
10 | flex: 1;
11 | height: 36px;
12 | }
13 |
14 | .tagUsernameInput {
15 | flex: 3;
16 | }
17 |
18 | .tagInput {
19 | flex: 2;
20 | margin-left: 6px;
21 | }
22 |
23 | .button {
24 | width: 100px;
25 | height: 36px;
26 | margin-left: 10px;
27 | }
28 |
29 | .sealList {
30 | min-height: 22px;
31 | }
32 |
33 | .sealUsername {
34 | margin-right: 10px;
35 | line-height: 22px;
36 | font-size: 14px;
37 | }
--------------------------------------------------------------------------------
/packages/web/src/utils/notification.ts:
--------------------------------------------------------------------------------
1 | export default function notification(
2 | title: string,
3 | icon: string,
4 | body: string,
5 | tag = 'tag',
6 | duration = 3000,
7 | ) {
8 | if (window.Notification && window.Notification.permission === 'granted') {
9 | const n = new window.Notification(title, {
10 | icon,
11 | body,
12 | tag,
13 | });
14 | n.onclick = function handleClick() {
15 | window.focus();
16 | this.close();
17 | };
18 | setTimeout(n.close.bind(n), duration);
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/packages/web/src/modules/Chat/Message/SystemMessage.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { getPerRandomColor } from '@bulita/utils/getRandomColor';
3 |
4 | interface SystemMessageProps {
5 | message: string;
6 | username: string;
7 | }
8 |
9 | function SystemMessage(props: SystemMessageProps) {
10 | const { message, username } = props;
11 | return (
12 |
13 |
14 | {username}
15 |
16 |
17 | {message}
18 |
19 | );
20 | }
21 |
22 | export default SystemMessage;
23 |
--------------------------------------------------------------------------------
/packages/database/mongoose/models/notification.ts:
--------------------------------------------------------------------------------
1 | import { Schema, model, Document } from 'mongoose';
2 |
3 | const NotificationSchema = new Schema({
4 | createTime: { type: Date, default: Date.now },
5 |
6 | user: {
7 | type: Schema.Types.ObjectId,
8 | ref: 'User',
9 | },
10 | token: {
11 | type: String,
12 | unique: true,
13 | },
14 | });
15 |
16 | export interface NotificationDocument extends Document {
17 | user: any;
18 | token: string;
19 | }
20 |
21 | const Notification = model
31 |
35 |
36 | );
37 | }
38 |
39 | export default IconButton;
40 |
--------------------------------------------------------------------------------
/packages/web/src/modules/Chat/CodeEditor.less:
--------------------------------------------------------------------------------
1 | @import '../../styles/variable.less';
2 |
3 | .codeEditor {
4 | width: 600px;
5 |
6 | @media @mobile {
7 | width: 100%;
8 | height: 410px;
9 | }
10 |
11 | :global {
12 | .rc-dialog-body {
13 | overflow-y: hidden;
14 | }
15 | }
16 | }
17 |
18 | .container {
19 | height: 55vh;
20 | display: flex;
21 | flex-direction: column;
22 | }
23 |
24 | .selectContainer {
25 | display: flex;
26 | align-items: center;
27 | }
28 |
29 | .languageSelect {
30 | width: 150px;
31 | margin-left: 10px;
32 | }
33 |
34 | .title {
35 | font-size: 14px;
36 | font-weight: normal;
37 | color: #666;
38 | }
39 |
40 | .editorContainer {
41 | flex: 1;
42 | margin-top: 10px;
43 | border: 1px solid #f1f1f1;
44 | border-radius: 2px;
45 | }
46 |
47 | .sendButton {
48 | width: 100px;
49 | height: 32px;
50 | margin-top: 8px;
51 | align-self: flex-end;
52 | }
--------------------------------------------------------------------------------
/packages/utils/expressions.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | default: [
3 | '呵呵',
4 | '哈哈',
5 | '吐舌',
6 | '啊',
7 | '酷',
8 | '怒',
9 | '开心',
10 | '汗',
11 | '泪',
12 | '黑线',
13 | '鄙视',
14 | '不高兴',
15 | '真棒',
16 | '钱',
17 | '疑问',
18 | '阴险',
19 | '吐',
20 | '咦',
21 | '委屈',
22 | '花心',
23 | '呼',
24 | '笑眼',
25 | '冷',
26 | '太开心',
27 | '滑稽',
28 | '勉强',
29 | '狂汗',
30 | '乖',
31 | '睡觉',
32 | '惊哭',
33 | '升起',
34 | '惊讶',
35 | '喷',
36 | '爱心',
37 | '心碎',
38 | '玫瑰',
39 | '礼物',
40 | '星星月亮',
41 | '太阳',
42 | '音乐',
43 | '灯泡',
44 | '蛋糕',
45 | '彩虹',
46 | '钱币',
47 | '咖啡',
48 | 'haha',
49 | '胜利',
50 | '大拇指',
51 | '弱',
52 | 'ok',
53 | ],
54 | };
55 |
--------------------------------------------------------------------------------
/packages/web/src/modules/Sidebar/Common.less:
--------------------------------------------------------------------------------
1 | .container {
2 |
3 | }
4 |
5 | .block {
6 | margin-bottom: 14px;
7 |
8 | a, p, li {
9 | line-height: 22px;
10 | font-size: 14px;
11 | }
12 | ul {
13 | margin: 6px 0;
14 | padding-left: 26px;
15 | }
16 | }
17 |
18 | .title {
19 | line-height: 33px;
20 | font-size: 14px;
21 | color: #333;
22 | font-weight: bold;
23 | }
24 |
25 | .title2 {
26 | line-height: 33px;
27 | font-size: 14px;
28 | color: #333;
29 | }
30 |
31 | .href {
32 | color: #18a058;
33 | text-decoration: none;
34 | margin-left: 5px;
35 | }
36 |
37 | .block2 {
38 | margin-bottom: 14px;
39 |
40 | a, p, li {
41 | line-height: 22px;
42 | font-size: 14px;
43 | opacity: 0.75;
44 | }
45 | ul {
46 | margin: 6px 0;
47 | padding-left: 26px;
48 | }
49 | }
50 |
51 | .href2 {
52 | color: #000000;
53 | text-decoration: none;
54 | margin-left: 5px;
55 | }
--------------------------------------------------------------------------------
/packages/utils/time.ts:
--------------------------------------------------------------------------------
1 | export default {
2 | isToday(time1: Date, time2: Date) {
3 | return (
4 | time1.getFullYear() === time2.getFullYear() &&
5 | time1.getMonth() === time2.getMonth() &&
6 | time1.getDate() === time2.getDate()
7 | );
8 | },
9 | isYesterday(time1: Date, time2: Date) {
10 | const prevDate = new Date(time1);
11 | prevDate.setDate(time1.getDate() - 1);
12 | return (
13 | prevDate.getFullYear() === time2.getFullYear() &&
14 | prevDate.getMonth() === time2.getMonth() &&
15 | prevDate.getDate() === time2.getDate()
16 | );
17 | },
18 | getHourMinute(time: Date) {
19 | const hours = time.getHours();
20 | const minutes = time.getMinutes();
21 | return `${hours < 10 ? `0${hours}` : hours}:${
22 | minutes < 10 ? `0${minutes}` : minutes
23 | }`;
24 | },
25 | getMonthDate(time: Date) {
26 | return `${time.getMonth() + 1}/${time.getDate()}`;
27 | },
28 | };
29 |
--------------------------------------------------------------------------------
/packages/web/build/webpack.dev.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 | const { merge } = require('webpack-merge');
3 | const ReactRefreshWebpackPlugin = require('@pmmmwh/react-refresh-webpack-plugin');
4 | const common = require('./webpack.common.js');
5 |
6 | module.exports = merge(common, {
7 | mode: 'development',
8 | output: {
9 | publicPath: '/',
10 | },
11 | devtool: 'inline-source-map',
12 | devServer: {
13 | hot: true,
14 | contentBase: ['./dist'],
15 | historyApiFallback: {
16 | rewrites: [{ from: /\/invite\/group\/[\w\d]+/, to: '/index.html' }],
17 | },
18 | proxy: {
19 | '/avatar': 'http://localhost:9200',
20 | '/GroupAvatar': 'http://localhost:9200',
21 | '/Avatar': {
22 | target: 'http://localhost:9200',
23 | pathRewrite: { '^/Avatar': '/avatar' },
24 | },
25 | '/favicon-*.png': 'http://localhost:9200',
26 | },
27 | },
28 | plugins: [new ReactRefreshWebpackPlugin()],
29 | });
30 |
--------------------------------------------------------------------------------
/packages/web/src/modules/FunctionBarAndLinkmanList/CreateGroup.less:
--------------------------------------------------------------------------------
1 | .createGroup {
2 |
3 | }
4 |
5 | .container {
6 | display: flex;
7 | flex-direction: column;
8 | }
9 |
10 | .text {
11 | font-size: 14px;
12 | font-weight:normal;
13 | line-height: 31px;
14 | color: #333;
15 | }
16 |
17 | .input {
18 | width: 100%;
19 | height: 40px;
20 | border-radius: 6px;
21 | border: 1px solid rgba(0, 0, 0, 0.2);
22 | //padding: 0 34px 0 8px;
23 | font-size: 14px;
24 | color: #333;
25 | box-sizing: border-box;
26 | -webkit-user-select: auto;
27 | -moz-user-select: auto;
28 | -ms-user-select: auto;
29 | user-select: auto;
30 | }
31 |
32 | .button {
33 | width: 66px;
34 | height: 36px;
35 | border-radius: 6px;
36 | margin-top: 12px;
37 | background-color: var(--primary-color-10);
38 | color: var(--primary-text-color-10);
39 | align-self: flex-end;
40 | font-size: 14px;
41 | border: none;
42 |
43 | &:hover {
44 | background-color: var(--primary-color-8);
45 | }
46 | }
--------------------------------------------------------------------------------
/packages/web/test/localStorage.spec.ts:
--------------------------------------------------------------------------------
1 | import getData, { LocalStorageKey } from '../src/localStorage';
2 | import config from '../../config/client';
3 | import themes from '../src/themes';
4 |
5 | describe('client/localStorage.ts', () => {
6 | it('should return localStorage value, or default value if not exists', () => {
7 | expect(getData().sound).toBe(config.sound);
8 | localStorage.setItem(LocalStorageKey.Sound, 'huaji');
9 | expect(getData().sound).toBe('huaji');
10 | });
11 |
12 | it('should return default theme config when them not exists', () => {
13 | localStorage.setItem(LocalStorageKey.Theme, 'xxx');
14 | expect(getData().primaryColor).toBe(themes.default.primaryColor);
15 | });
16 |
17 | it('should return boolean type value when value is true / false', () => {
18 | localStorage.setItem(LocalStorageKey.SoundSwitch, 'true');
19 | expect(getData().soundSwitch).toBe(true);
20 | localStorage.setItem(LocalStorageKey.SoundSwitch, 'false');
21 | expect(getData().soundSwitch).toBe(false);
22 | });
23 | });
24 |
--------------------------------------------------------------------------------
/packages/server/src/middlewares/isAdmin.ts:
--------------------------------------------------------------------------------
1 | import config from '@bulita/config/server';
2 | import { Socket } from 'socket.io';
3 |
4 | export const YOU_ARE_NOT_ADMINISTRATOR = '你不是管理员';
5 |
6 | /**
7 | * 拦截非管理员用户请求需要管理员权限的接口
8 | */
9 | export default function isAdmin(socket: Socket) {
10 | const requireAdminEvent = new Set([
11 | 'sealUser',
12 | 'getSealList',
13 | 'resetUserPassword',
14 | 'setUserTag',
15 | 'getUserIps',
16 | 'sealIp',
17 | 'getSealIpList',
18 | 'toggleSendMessage',
19 | 'toggleNewUserSendMessage',
20 | 'getSystemConfig',
21 | ]);
22 | return async ([event, , cb]: MiddlewareArgs, next: MiddlewareNext) => {
23 | socket.data.isAdmin =
24 | !!socket.data.user &&
25 | process.env.ADMINS_ARRAY.split(',').includes(socket.data.user);
26 | const isAdminEvent = requireAdminEvent.has(event);
27 | if (!socket.data.isAdmin && isAdminEvent) {
28 | cb(YOU_ARE_NOT_ADMINISTRATOR);
29 | } else {
30 | next();
31 | }
32 | };
33 | }
34 |
--------------------------------------------------------------------------------
/packages/web/src/components/Button.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import { css } from 'linaria';
4 |
5 | const button = css`
6 | border: none;
7 | background-color: var(--primary-color-8_5);
8 | color: var(--primary-text-color-10);
9 | border-radius: 4px;
10 | font-size: 14px;
11 | transition: background-color 0.4s;
12 | user-select: none !important;
13 |
14 | &:hover {
15 | background-color: var(--primary-color-10);
16 | }
17 | `;
18 |
19 | type Props = {
20 | /** 类型: primary / danger */
21 | type?: string;
22 | /** 按钮文本 */
23 | children: string;
24 | className?: string;
25 | /** 点击事件 */
26 | onClick?: () => void;
27 | };
28 |
29 | function Button({
30 | type = 'primary',
31 | children,
32 | className = '',
33 | onClick,
34 | }: Props) {
35 | return (
36 |
43 | );
44 | }
45 |
46 | export default Button;
47 |
--------------------------------------------------------------------------------
/packages/server/src/routes/notification.ts:
--------------------------------------------------------------------------------
1 | import { AssertionError } from 'assert';
2 | import User from '@bulita/database/mongoose/models/user';
3 | import Notification from '@bulita/database/mongoose/models/notification';
4 |
5 | export async function setNotificationToken(ctx: Context<{ token: string }>) {
6 | const { token } = ctx.data;
7 |
8 | const user = await User.findOne({ _id: ctx.socket.user });
9 | if (!user) {
10 | throw new AssertionError({ message: '用户不存在' });
11 | }
12 |
13 | const notification = await Notification.findOne({ token: ctx.data.token });
14 | if (notification) {
15 | notification.user = user;
16 | await notification.save();
17 | } else {
18 | await Notification.create({
19 | user,
20 | token,
21 | });
22 |
23 | const existNotifications = await Notification.find({ user });
24 | if (existNotifications.length > 3) {
25 | await Notification.deleteOne({ _id: existNotifications[0]._id });
26 | }
27 | }
28 |
29 | return {
30 | isOK: true,
31 | };
32 | }
33 |
--------------------------------------------------------------------------------
/packages/web/src/modules/Chat/Chat.less:
--------------------------------------------------------------------------------
1 | @import '../../styles/variable.less';
2 |
3 | .chat {
4 | flex: 1;
5 | display: flex;
6 | flex-direction: column;
7 | //background-color: rgba(241, 241, 241, 0.6); 3.13 ui
8 | background-color: white;
9 | border-top-right-radius: 10px;
10 | border-bottom-right-radius: 10px;
11 | overflow: hidden;
12 | position: relative;
13 |
14 | &[data-aero=true] {
15 | background-color: rgba(241, 241, 241, 0.15);
16 | }
17 |
18 | @media @mobile {
19 | border-top-right-radius: 0;
20 | border-bottom-right-radius: 0;
21 | }
22 | }
23 |
24 | .noLinkman {
25 | flex: 1;
26 | display: flex;
27 | align-items: center;
28 | justify-content: center;
29 | flex-direction: column;
30 | }
31 |
32 | .noLinkmanImage {
33 | border-radius: 8px;
34 | width: 170px;
35 | height: 180px;
36 | background-image: url('~@bulita/assets/images/no-linkman.jpeg');
37 | background-position-y: 180px;
38 | }
39 |
40 | .noLinkmanText {
41 | margin-top: 16px;
42 | font-size: 14px;
43 | color: #666;
44 | }
45 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | MIT License
2 |
3 | Copyright (c) 2015-2021 碎碎酱
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
--------------------------------------------------------------------------------
/packages/web/src/modules/FunctionBarAndLinkmanList/FunctionBarAndLinkmanList.less:
--------------------------------------------------------------------------------
1 | @import "../../styles/variable.less";
2 |
3 | .functionBarAndLinkmanList {
4 | width: 300px;
5 | height: 100%;
6 | position: relative;
7 | display: flex;
8 | background-color: unset;
9 |
10 | @media @mobile {
11 | position: absolute;
12 | left: 0;
13 | z-index: 1;
14 | width: 100%;
15 | background-color: rgba(37, 37, 37, 0.5);
16 |
17 | //.container {
18 | // background-color: var(--primary-color-7);
19 | //}
20 | }
21 | }
22 |
23 | .container {
24 | //background-color: rgb(247, 247, 247); 3.13 ui
25 | background-color: white;
26 | border: 1px solid rgba(208, 208, 208, 0.5);
27 | flex: 1;
28 | max-width: 300px;
29 | display: flex;
30 | flex-direction: column;
31 |
32 | &[data-aero=true] {
33 | background-color: var(--primary-color-0);
34 | }
35 |
36 | @media @mobile {
37 | //background-color: rgb(247, 247, 247); 3.13 ui
38 | background-color: white;
39 | border: 1px solid rgba(208, 208, 208, 0.5);
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/packages/bin/scripts/updateDefaultGroupName.ts:
--------------------------------------------------------------------------------
1 | import chalk from 'chalk';
2 | import initMongoDB from '@bulita/database/mongoose/initMongoDB';
3 | import Group from '@bulita/database/mongoose/models/group';
4 |
5 | export async function updateDefaultGroupName(newName: string) {
6 | if (!newName) {
7 | console.log(chalk.red('Wrong command, [newName] is missing.'));
8 | return;
9 | }
10 |
11 | await initMongoDB();
12 |
13 | const group = await Group.findOne({ isDefault: true });
14 | if (!group) {
15 | console.log(chalk.red('Default group does not exist'));
16 | } else {
17 | group.name = newName;
18 | try {
19 | await group.save();
20 | console.log(chalk.green('Update default group name success!'));
21 | } catch (err) {
22 | console.log(
23 | chalk.red('Update default group name fail!'),
24 | err.message,
25 | );
26 | }
27 | }
28 | }
29 |
30 | async function run() {
31 | const newName = process.argv[3];
32 | await updateDefaultGroupName(newName);
33 | process.exit(0);
34 | }
35 | export default run;
36 |
--------------------------------------------------------------------------------
/packages/web/src/components/Message.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import Notification from 'rc-notification';
3 |
4 | import 'rc-notification/dist/rc-notification.min.css';
5 | import Style from './Message.less';
6 |
7 | function showMessage(text: string, duration = 1500, type = 'success') {
8 | Notification.newInstance({}, (notification: any) => {
9 | notification.notice({
10 | content: (
11 |
12 |
13 | {text}
14 |
15 | ),
16 | duration,
17 | });
18 | });
19 | }
20 |
21 | export default {
22 | success(text: string, duration = 2.5) {
23 | showMessage(text, duration, 'success');
24 | },
25 | error(text: string, duration = 2.5) {
26 | showMessage(text, duration, 'error');
27 | },
28 | warning(text: string, duration = 2.5) {
29 | showMessage(text, duration, 'warning');
30 | },
31 | info(text: string, duration = 2.5) {
32 | showMessage(text, duration, 'info');
33 | },
34 | };
35 |
--------------------------------------------------------------------------------
/packages/web/src/template.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
2 |
12 |
13 | ## 特色
14 |
15 | 1. 前后端100%完全开源, 基于源码快速构建
16 | 2. 设置机器人自动回复, 为每个机器人设置单独的api, 并使用Markdown渲染机器人回复内容
17 | 3. 通过配置文件一键初始化群组, 联系人, bot等等
18 | 4. 你可以在官方网站上找到开发者, 及时解答你的疑问
19 |
20 | ## 安装
21 |
22 | 1. 切换到源码文件夹
23 | ```
24 | git clone https://github.com/gochendong/bulita && cd bulita
25 | ```
26 | 2. 复制 .env.example 到 .env 并编辑它
27 | 3. 运行Redis服务, 如果已经在运行了, 跳过这步
28 | ```
29 | docker-compose -f docker-compose-redis.yaml up --build -d
30 | ```
31 | 4. 运行MongoDB服务, 如果已经在运行了, 跳过这步
32 | ```
33 | docker-compose -f docker-compose-mongo.yaml up --build -d
34 | ```
35 | 5. 运行聊天室服务
36 | ```
37 | docker-compose -f docker-compose.yaml up --build -d
38 | ```
39 | 6. 现在你可以开始通过 http://localhost:9200 访问聊天室
40 |
41 |
42 | ## 参考项目
43 |
44 | [https://github.com/yinxin630/fiora](https://github.com/yinxin630/fiora)
45 |
46 | ## 开源协议
47 |
48 | 布里塔 is [MIT licensed](./LICENSE)
49 |
50 | ## 赞助本项目
51 |
52 | 
53 |
--------------------------------------------------------------------------------
/packages/database/mongoose/models/group.ts:
--------------------------------------------------------------------------------
1 | import { Schema, model, Document } from 'mongoose';
2 | import { NAME_REGEXP } from '@bulita/utils/const';
3 |
4 | const GroupSchema = new Schema({
5 | createTime: { type: Date, default: Date.now },
6 |
7 | name: {
8 | type: String,
9 | trim: true,
10 | unique: true,
11 | match: NAME_REGEXP,
12 | index: true,
13 | },
14 | avatar: String,
15 | announcement: {
16 | type: String,
17 | default: '',
18 | },
19 | creator: {
20 | type: Schema.Types.ObjectId,
21 | ref: 'User',
22 | },
23 | isDefault: {
24 | type: Boolean,
25 | default: false,
26 | },
27 | members: [
28 | {
29 | type: Schema.Types.ObjectId,
30 | ref: 'User',
31 | },
32 | ],
33 | });
34 |
35 | export interface GroupDocument extends Document {
36 | /** 群组名 */
37 | name: string;
38 | /** 头像 */
39 | avatar: string;
40 | /** 公告 */
41 | announcement: string;
42 | /** 创建者 */
43 | creator: string;
44 | /** 是否为默认群组 */
45 | isDefault: boolean;
46 | /** 成员 */
47 | members: string[];
48 | /** 创建时间 */
49 | createTime: Date;
50 | }
51 |
52 | /**
53 | * Group Model
54 | * 群组信息
55 | */
56 | const Group = model布里塔
3 | 4 | [English](./README.md) / 简体中文 5 | 6 | 布里塔是一个有趣的开源聊天室. 基于[node.js](https://nodejs.org/), [react](https://reactjs.org/) 和 [socket.io](https://socket.io/) 技术栈开发 7 | 8 | 官方网站: [https://chat.bulita.net/](https://chat.bulita.net) 9 | 10 | Github: [https://github.com/gochendong/bulita](https://github.com/gochendong/bulita) 11 |
37 |
42 | );
43 | }
44 |
45 | export default FunctionBarAndLinkmanList;
46 |
--------------------------------------------------------------------------------
/packages/config/server.ts:
--------------------------------------------------------------------------------
1 | import ip from 'ip';
2 |
3 | const { env } = process;
4 |
5 | export default {
6 | /** 服务端host, 默认为本机ip地址(可能会是局域网地址) */
7 | host: env.HOST || ip.address(),
8 |
9 | // service port
10 | port: env.PORT ? parseInt(env.Port, 10) : 9200,
11 |
12 | // mongodb address
13 | database: `mongodb://${env.MONGODB_HOST}:${env.MONGODB_PORT}/bulita`,
14 |
15 | redis: {
16 | host: env.REDIS_HOST || ip.address(),
17 | port: env.REDIS_PORT ? parseInt(env.REDIS_PORT, 10) : 6379,
18 | },
19 |
20 | // jwt encryption secret
21 | jwtSecret: env.JWT_SECRET,
22 |
23 | // Maximize the number of groups
24 | maxGroupsCount: env.MAX_GROUP_NUM ? parseInt(env.MAX_GROUP_NUM, 10) : 0,
25 |
26 | allowOrigin: env.AllowOrigin ? env.AllowOrigin.split(',') : null,
27 |
28 | // token expires time
29 | tokenExpiresTime: env.TOKEN_EXPIRES_TIME
30 | ? parseInt(env.TOKEN_EXPIRES_TIME, 10) * 1000
31 | : 7 * 1000 * 60 * 60 * 24,
32 |
33 | administrators: env.ADMINS ? env.ADMINS?.split(',') : [],
34 |
35 | /** 禁用注册功能 */
36 | disableRegister: false,
37 |
38 | /** Aliyun OSS */
39 | aliyunOSS: {
40 | enable: env.ALIYUN_OSS ? env.ALIYUN_OSS === 'true' : false,
41 | accessKeyId: env.ACCESS_KEY_ID || '',
42 | accessKeySecret: env.ACCESS_KEY_SECRET || '',
43 | roleArn: env.ROLE_ARN || '',
44 | region: env.REGION || '',
45 | bucket: env.BUCKET || '',
46 | endpoint: env.ENDPOINT || '',
47 | },
48 | };
49 |
--------------------------------------------------------------------------------
/packages/web/src/modules/Sidebar/Sidebar.less:
--------------------------------------------------------------------------------
1 | @import '../../styles/variable.less';
2 |
3 | .sidebar {
4 | width: 60px;
5 | min-width: min-content;
6 | //background-color: rgb(234, 228, 223); 3.13 ui
7 | background-color: white;
8 | display: flex;
9 | flex-direction: column;
10 | align-items: center;
11 | position: relative;
12 | border-top-left-radius: 10px;
13 | border-bottom-left-radius: 10px;
14 |
15 | &[data-aero=true] {
16 | background-color: var(--primary-color-0);
17 | }
18 |
19 | @media @mobile {
20 | width: 60px;
21 | padding: 0 3px;
22 | border-top-left-radius: 0;
23 | border-bottom-left-radius: 0;
24 | }
25 | }
26 |
27 | .avatar {
28 | margin-top: 50px;
29 | cursor: pointer;
30 | }
31 |
32 | .status {
33 | position: absolute;
34 | top: 88px;
35 | left: 42px;
36 | }
37 |
38 | .tabs {
39 | margin-top: 50px;
40 | }
41 |
42 | .buttons {
43 | position: absolute;
44 | bottom: 40px;
45 | display: flex;
46 | flex-direction: column;
47 | align-items: center;
48 |
49 | :global {
50 | .iconfont {
51 | color: var(--primary-text-color-7);
52 | transition: color 0.2s;
53 | }
54 | }
55 |
56 | & > div, .linkButton {
57 | margin-top: 10px;
58 | &:hover {
59 | .iconfont {
60 | color: var(--primary-text-color-10);
61 | }
62 | }
63 | }
64 | }
65 |
66 | .linkButton {
67 | text-decoration: none;
68 | }
69 |
--------------------------------------------------------------------------------
/packages/web/src/modules/LoginAndRegister/LoginAndRegister.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { useSelector } from 'react-redux';
3 |
4 | import {
5 | Tabs,
6 | TabPane,
7 | TabContent,
8 | ScrollableInkTabBar,
9 | } from '../../components/Tabs';
10 | import Style from './LoginAndRegister.less';
11 | import Login from './Login';
12 | import Register from './Register';
13 | import Dialog from '../../components/Dialog';
14 | import { State } from '../../state/reducer';
15 | import useAction from '../../hooks/useAction';
16 |
17 | function LoginAndRegister() {
18 | const action = useAction();
19 | const loginRegisterDialogVisible = useSelector(
20 | (state: State) => state.status.loginRegisterDialogVisible,
21 | );
22 |
23 | return (
24 |
43 | );
44 | }
45 |
46 | export default LoginAndRegister;
47 |
--------------------------------------------------------------------------------
/packages/bin/scripts/deleteTodayRegisteredUsers.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Delete users created today and their related data
3 | */
4 | import chalk from 'chalk';
5 |
6 | import inquirer from 'inquirer';
7 | import initMongoDB from '@bulita/database/mongoose/initMongoDB';
8 | import User from '@bulita/database/mongoose/models/user';
9 | import { deleteUser } from './deleteUser';
10 |
11 | export async function deleteTodayRegisteredUsers() {
12 | await initMongoDB();
13 |
14 | const now = new Date();
15 | const time = new Date(
16 | `${now.getFullYear()}-${now.getMonth() + 1}-${now.getDate()} 00:00:00`,
17 | );
18 | const users = await User.find({
19 | createTime: {
20 | $gte: time,
21 | },
22 | });
23 | console.log(
24 | `There are ${chalk.green(
25 | users.length.toString(),
26 | )} newly registered users today`,
27 | );
28 | if (users.length === 0) {
29 | return;
30 | }
31 |
32 | const shouldDeleteUsers = await inquirer.prompt({
33 | type: 'confirm',
34 | name: 'result',
35 | message: 'Confirm to delete these users?',
36 | });
37 | if (!shouldDeleteUsers.result) {
38 | return;
39 | }
40 | await Promise.all(
41 | users.map((user) => deleteUser(user._id.toString(), false)),
42 | );
43 |
44 | console.log(
45 | chalk.green('Successfully deleted today’s newly registered users'),
46 | );
47 | }
48 |
49 | async function run() {
50 | await deleteTodayRegisteredUsers();
51 | process.exit(0);
52 | }
53 | export default run;
54 |
--------------------------------------------------------------------------------
/packages/web/src/utils/playSound.ts:
--------------------------------------------------------------------------------
1 | import DefaultSound from '@bulita/assets/audios/default.mp3';
2 | import AppleSound from '@bulita/assets/audios/apple.mp3';
3 | import PcQQSound from '@bulita/assets/audios/pcqq.mp3';
4 | import MobileQQSound from '@bulita/assets/audios/mobileqq.mp3';
5 | import MoMoSound from '@bulita/assets/audios/momo.mp3';
6 | import HuaJiSound from '@bulita/assets/audios/huaji.mp3';
7 |
8 | type Sounds = {
9 | [key: string]: string;
10 | };
11 |
12 | const sounds: Sounds = {
13 | default: DefaultSound,
14 | apple: AppleSound,
15 | pcqq: PcQQSound,
16 | mobileqq: MobileQQSound,
17 | momo: MoMoSound,
18 | huaji: HuaJiSound,
19 | };
20 |
21 | let prevType = 'default';
22 | const $audio = document.createElement('audio');
23 | const $source = document.createElement('source');
24 | $audio.volume = 0.6;
25 | $source.setAttribute('type', 'audio/mp3');
26 | $source.setAttribute('src', sounds[prevType]);
27 | $audio.appendChild($source);
28 | document.body.appendChild($audio);
29 |
30 | let isPlaying = false;
31 |
32 | async function play() {
33 | if (!isPlaying) {
34 | isPlaying = true;
35 |
36 | try {
37 | await $audio.play();
38 | } catch (err) {
39 | console.warn('播放新消息提示音失败', err.message);
40 | } finally {
41 | isPlaying = false;
42 | }
43 | }
44 | }
45 |
46 | export default function playSound(type = 'default') {
47 | if (type !== prevType) {
48 | $source.setAttribute('src', sounds[type]);
49 | $audio.load();
50 | prevType = type;
51 | }
52 | play();
53 | }
54 |
--------------------------------------------------------------------------------
/packages/server/test/middlewares/isLogin.spec.ts:
--------------------------------------------------------------------------------
1 | import { Socket } from 'socket.io';
2 | import isLogin, { PLEASE_LOGIN } from '../../src/middlewares/isLogin';
3 | import { getMiddlewareParams } from '../helpers/middleware';
4 |
5 | describe('server/middlewares/isLogin', () => {
6 | it('should call service fail when user not login', async () => {
7 | const socket = {
8 | id: 'id',
9 | data: {},
10 | } as Socket;
11 | const middleware = isLogin(socket);
12 |
13 | const { args, cb, next } = getMiddlewareParams('sendMessage');
14 |
15 | await middleware(args, next);
16 | // expect(cb).toBeCalledWith(PLEASE_LOGIN);
17 | });
18 |
19 | it('should call service success when user is login', async () => {
20 | const socket = {
21 | id: 'id',
22 | data: {
23 | user: 'user',
24 | },
25 | } as Socket;
26 | const middleware = isLogin(socket);
27 |
28 | const { args, next } = getMiddlewareParams('sendMessage');
29 |
30 | await middleware(args, next);
31 | expect(next).toBeCalled();
32 | });
33 |
34 | it('should call service success when it not need login ', async () => {
35 | const socket = {
36 | id: 'id',
37 | data: {
38 | user: 'user',
39 | },
40 | } as Socket;
41 | const middleware = isLogin(socket);
42 |
43 | const { args, next } = getMiddlewareParams('register');
44 |
45 | await middleware(args, next);
46 | expect(next).toBeCalled();
47 | });
48 | });
49 |
--------------------------------------------------------------------------------
/packages/web/src/modules/Chat/Message/InviteMessageV2.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import Style from './InviteMessage.less';
4 | import { joinGroup, getLinkmanHistoryMessages } from '../../../service';
5 | import useAction from '../../../hooks/useAction';
6 | import Message from '../../../components/Message';
7 |
8 | interface InviteMessageProps {
9 | inviteInfo: string;
10 | }
11 |
12 | function InviteMessage(props: InviteMessageProps) {
13 | const { inviteInfo } = props;
14 | const invite = JSON.parse(inviteInfo);
15 |
16 | const action = useAction();
17 |
18 | async function handleJoinGroup() {
19 | const group = await joinGroup(invite.group);
20 | if (group) {
21 | group.type = 'group';
22 | action.addLinkman(group, true);
23 | Message.success('加入群组成功');
24 | const messages = await getLinkmanHistoryMessages(invite.group, 0);
25 | if (messages) {
26 | action.addLinkmanHistoryMessages(invite.group, messages);
27 | }
28 | }
29 | }
30 |
31 | return (
32 |
38 | {isLogin &&
41 |
37 |
45 | );
46 | }
47 |
48 | export default InviteMessage;
49 |
--------------------------------------------------------------------------------
/packages/web/src/modules/FunctionBarAndLinkmanList/Linkman.less:
--------------------------------------------------------------------------------
1 | @import '../../styles/variable.less';
2 |
3 | .linkman {
4 | height: 90px;
5 | display: flex;
6 | align-items: center;
7 | padding: 10px 16px;
8 | cursor: default;
9 | transition: background-color 0.2s;
10 | }
11 |
12 | .focus {
13 | background-color: rgb(222, 222, 222);
14 |
15 | &[data-aero=true] {
16 | background-color: rgba(255, 255, 255, 0.15);
17 | }
18 |
19 | @media @mobile {
20 | background-color: rgb(222, 222, 222);
21 | }
22 | }
23 |
24 | .container {
25 | flex: 1;
26 | margin-left: 12px;
27 | }
28 |
29 | .rowContainer {
30 | display: flex;
31 | justify-content: space-between;
32 | }
33 |
34 | .nameTimeBlock {
35 | margin-top: 4px;
36 | }
37 |
38 | .name {
39 | color: var(--primary-text-color-10);
40 | font-size: 14px;
41 | }
42 |
43 | .time {
44 | color: var(--primary-text-color-5);
45 | font-size: 12px;
46 | position: relative;
47 | top: 4px;
48 | }
49 |
50 | .previewUnreadBlock {
51 | margin-top: 6px;
52 | }
53 |
54 | .preview {
55 | color: var(--primary-text-color-5);
56 | font-size: 12px;
57 | width: 188px;
58 | height: 20px;
59 | line-height: 20px;
60 | overflow: hidden;
61 | white-space: nowrap;
62 | text-overflow: ellipsis;
63 | }
64 |
65 | .unread {
66 | @size: 15px;
67 | background-color: var(--primary-color-10);
68 | width: @size;
69 | height: @size;
70 | border-radius: 50%;
71 | text-align: center;
72 | & > span {
73 | color: #e9e9e9;
74 | font-size: 10px;
75 | line-height: @size;
76 | position: relative;
77 | top: -3px;
78 | }
79 | }
80 |
--------------------------------------------------------------------------------
/packages/web/src/styles/normalize.less:
--------------------------------------------------------------------------------
1 | @import '~normalize.css/normalize.css';
2 |
3 | @font-face {
4 | font-family: 'local-file';
5 | src: url('~@bulita/assets/fonts/font.woff');
6 | }
7 |
8 | :global {
9 | * {
10 | //user-select: none;
11 | }
12 |
13 | html, body, #app {
14 | width: 100%;
15 | height: 100%;
16 | //overflow: hidden;
17 | }
18 |
19 | html {
20 | //font-family: 'local-file', 'Arial', 'Verdana', '微软雅黑', '黑体', 'serif';
21 | font-family: 'Arial', 'Verdana', '微软雅黑', '黑体', 'serif';
22 | }
23 |
24 | p, h1, h2, h3, h4 {
25 | margin: 0;
26 | }
27 |
28 | div {
29 | box-sizing: border-box;
30 | }
31 |
32 | button, input, textarea {
33 | outline: none;
34 | }
35 |
36 | button {
37 | cursor: pointer;
38 | }
39 |
40 | div, p, span {
41 | color: #333;
42 | }
43 |
44 | body {overflow-y:hidden;}
45 | body:hover {overflow-y:scroll;}
46 |
47 | ::-webkit-scrollbar {
48 | display: none;
49 | }
50 | .show-scrollbar::-webkit-scrollbar {
51 | display: block;
52 | width: 6px;
53 | height: 6px;
54 | }
55 | ::-webkit-scrollbar-thumb {
56 | background-color: rgba(0, 0, 0, 0.2);
57 | }
58 | ::-webkit-scrollbar-track {
59 | background: rgba(255, 255, 255, 0.1);
60 | }
61 |
62 | .online {
63 | background-color: rgba(94, 212, 92, 1);
64 | }
65 | .offline {
66 | background-color: rgba(206, 12, 35, 1);
67 | }
68 |
69 | .show {
70 | display: block;
71 | }
72 | .hide {
73 | display: none !important;
74 | }
75 | }
--------------------------------------------------------------------------------
/packages/server/test/middlewares/seal.spec.ts:
--------------------------------------------------------------------------------
1 | import { mocked } from 'ts-jest/utils';
2 | import { SEAL_TEXT } from '@bulita/utils/const';
3 | import { Socket } from 'socket.io';
4 | import { Redis } from '@bulita/database/redis/initRedis';
5 | import seal from '../../src/middlewares/seal';
6 | import { getMiddlewareParams } from '../helpers/middleware';
7 |
8 | jest.mock('@bulita/database/redis/initRedis');
9 |
10 | describe('server/middlewares/seal', () => {
11 | it('should call service success', async () => {
12 | const socket = {
13 | id: 'id',
14 | data: {
15 | user: 'user',
16 | },
17 | handshake: {
18 | headers: {
19 | 'x-real-ip': '127.0.0.1',
20 | },
21 | },
22 | } as unknown as Socket;
23 | const middleware = seal(socket);
24 |
25 | const { args, next } = getMiddlewareParams();
26 |
27 | await middleware(args, next);
28 | expect(next).toBeCalled();
29 | });
30 |
31 | it('should call service fail when user has been sealed', async () => {
32 | mocked(Redis.has).mockReturnValue(Promise.resolve(true));
33 | const socket = {
34 | id: 'id',
35 | data: {
36 | user: 'user',
37 | },
38 | handshake: {
39 | headers: {
40 | 'x-real-ip': '127.0.0.1',
41 | },
42 | },
43 | } as unknown as Socket;
44 | const middleware = seal(socket);
45 |
46 | const { args, cb, next } = getMiddlewareParams();
47 |
48 | await middleware(args, next);
49 | expect(cb).toBeCalledWith(SEAL_TEXT);
50 | });
51 | });
52 |
--------------------------------------------------------------------------------
/packages/bin/scripts/fixUsersAvatar.ts:
--------------------------------------------------------------------------------
1 | import chalk from 'chalk';
2 | import inquirer from 'inquirer';
3 | import User from '@bulita/database/mongoose/models/user';
4 | import initMongoDB from '@bulita/database/mongoose/initMongoDB';
5 |
6 | export async function fixUsersAvatar(
7 | searchValue: string,
8 | replaceValue: string,
9 | ) {
10 | searchValue = searchValue || 'bulitaavatar';
11 | replaceValue = replaceValue || 'bulita/avatar';
12 |
13 | await initMongoDB();
14 |
15 | const users = await User.find({ avatar: { $regex: 'bulitaavatar' } });
16 | if (users.length) {
17 | console.log(chalk.red('Oh No!'), "Some user's avatar is wrong");
18 | users.forEach((user) => {
19 | console.log(user._id, user.username, user.avatar);
20 | });
21 |
22 | const shouldFix = await inquirer.prompt({
23 | type: 'confirm',
24 | name: 'result',
25 | message: 'Confirm to fix?',
26 | });
27 | if (shouldFix.result) {
28 | await Promise.all(
29 | users.map((user) => {
30 | user.avatar = user.avatar.replace(
31 | searchValue,
32 | replaceValue,
33 | );
34 | return user.save();
35 | }),
36 | );
37 | console.log(chalk.green('Congratulations! Fixed!'));
38 | }
39 | } else {
40 | console.log(chalk.green('OK!'), "All user's avatar is corrent");
41 | }
42 | }
43 |
44 | async function run() {
45 | const searchValue = process.argv[3];
46 | const replaceValue = process.argv[4];
47 | await fixUsersAvatar(searchValue, replaceValue);
48 | process.exit(0);
49 | }
50 | export default run;
51 |
--------------------------------------------------------------------------------
/packages/web/src/modules/Chat/HeaderBar.less:
--------------------------------------------------------------------------------
1 | @import '../../styles/variable.less';
2 |
3 | .headerBar {
4 | height: 70px;
5 | border-bottom: 1px solid rgba(208, 208, 208, 0.6);
6 | display: flex;
7 | align-items: center;
8 | padding: 0px 18px;
9 | justify-content: space-between;
10 | position: relative;
11 |
12 | &[data-aero=true] {
13 | border-bottom: 1px solid rgba(208, 208, 208, 0.3);
14 | }
15 |
16 | @media @mobile {
17 | height: 50px;
18 | padding: 0 6px;
19 | }
20 |
21 | :global {
22 | .iconfont {
23 | color: var(--primary-color-10);
24 | &:hover {
25 | color: var(--primary-color-8);
26 | }
27 | }
28 |
29 | .online, .offline {
30 | display: inline-block;
31 | width: 10px;
32 | height: 10px;
33 | border-radius: 50%;
34 | margin-right: 4px;
35 | transform: translateY(1px);
36 | }
37 | }
38 | }
39 |
40 | .buttonContainer {
41 | display: flex;
42 | width: 80px;
43 | }
44 |
45 | .rightButtonContainer {
46 | justify-content: flex-end;
47 | }
48 |
49 | .name {
50 | font-size: 16px;
51 | color: #333;
52 |
53 | @media @mobile {
54 | font-size: 14px;
55 | height: 100%;
56 | display: flex;
57 | flex-direction: column;
58 | align-items: center;
59 | justify-content: center;
60 | flex: 1;
61 | transform: translateY(2px);
62 | }
63 | }
64 |
65 | .status {
66 | color: #999;
67 | font-size: 15px;
68 | transform: scale(0.6);
69 | }
70 |
71 | .tag {
72 | color: #09bc8c;
73 | font-size: 12px;
74 | transform: scale(0.6);
75 | margin-left: 3px;
76 | }
77 |
--------------------------------------------------------------------------------
/packages/web/src/modules/FunctionBarAndLinkmanList/CreateGroup.tsx:
--------------------------------------------------------------------------------
1 | import React, { useState } from 'react';
2 |
3 | import Style from './CreateGroup.less';
4 | import Dialog from '../../components/Dialog';
5 | import Input from '../../components/Input';
6 | import Message from '../../components/Message';
7 | import { createGroup } from '../../service';
8 | import useAction from '../../hooks/useAction';
9 |
10 | interface CreateGroupProps {
11 | visible: boolean;
12 | onClose: () => void;
13 | }
14 |
15 | function CreateGroup(props: CreateGroupProps) {
16 | const { visible, onClose } = props;
17 | const action = useAction();
18 | const [groupName, setGroupName] = useState('');
19 |
20 | async function handleCreateGroup() {
21 | const group = await createGroup(groupName);
22 | if (group) {
23 | group.type = 'group';
24 | action.addLinkman(group, true);
25 | setGroupName('');
26 | onClose();
27 | Message.success('创建群组成功');
28 | }
29 | }
30 |
31 | return (
32 |
49 | );
50 | }
51 |
52 | export default CreateGroup;
53 |
--------------------------------------------------------------------------------
/packages/web/src/components/Avatar.tsx:
--------------------------------------------------------------------------------
1 | import React, { SyntheticEvent, useState, useMemo } from 'react';
2 | import { getOSSFileUrl } from '../utils/uploadFile';
3 |
4 | export const avatarFailback = '/avatar/0.jpg';
5 |
6 | type Props = {
7 | /** 头像链接 */
8 | src: string;
9 | /** 展示大小 */
10 | size?: number;
11 | /** 额外类名 */
12 | className?: string;
13 | /** 点击事件 */
14 | onClick?: () => void;
15 | onMouseEnter?: () => void;
16 | onMouseLeave?: () => void;
17 | };
18 |
19 | function Avatar({
20 | src,
21 | size = 50,
22 | className = '',
23 | onClick,
24 | onMouseEnter,
25 | onMouseLeave,
26 | }: Props) {
27 | const [failTimes, updateFailTimes] = useState(0);
28 |
29 | /**
30 | * Handle avatar load fail event. Use faillback avatar instead
31 | * If still fail then ignore error event
32 | */
33 | function handleError(e: SyntheticEvent
38 |
39 | "{invite.inviterName}" 邀请你加入群组「
40 | {invite.groupName}」
41 |
42 |
43 | 加入
44 |
2 |
12 |
13 | ## Features
14 |
15 | 1. 100% fully open source frontend and backend, allowing for rapid construction based on the source code.
16 | 2. Set up automatic replies for robots, set up separate APIs for each robot, and use Markdown to render the content of robot replies.
17 | 3. One-click initialization of groups, contacts, bots, etc. through configuration files.
18 | 4. You can find developers on the official website who can answer your questions in a timely manner.
19 |
20 | ## Install
21 |
22 | 1. Switch to the code folder
23 | ```
24 | git clone https://github.com/gochendong/bulita && cd bulita
25 | ```
26 | 2. copy the .env.example to .env and edit it
27 | 3. Start the Redis service. If it is already running, skip this step
28 | ```
29 | docker-compose -f docker-compose-redis.yaml up --build -d
30 | ```
31 | 4. Start the MongoDB service. If it is already running, skip this step
32 | ```
33 | docker-compose -f docker-compose-mongo.yaml up --build -d
34 | ```
35 | 5. Start the chatroom service
36 | ```
37 | docker-compose -f docker-compose.yaml up --build -d
38 | ```
39 | 6. Now you can access the chatroom through http://localhost:9200
40 |
41 |
42 | ## Referenced project
43 |
44 | [https://github.com/yinxin630/fiora](https://github.com/yinxin630/fiora)
45 |
46 | ## License
47 |
48 | bulita is [MIT licensed](./LICENSE)
49 |
50 | ## Sponsor this project
51 |
52 | 
53 |
--------------------------------------------------------------------------------
/packages/web/src/modules/Sidebar/Download.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import QRCode from 'qrcode.react';
3 |
4 | import Dialog from '../../components/Dialog';
5 | import Style from './Download.less';
6 | import Common from './Common.less';
7 |
8 | interface DownloadProps {
9 | visible: boolean;
10 | onClose: () => void;
11 | }
12 |
13 | function Download(props: DownloadProps) {
14 | const { visible, onClose } = props;
15 | const androidDownloadUrl = `${window.location.origin}/bulita.apk`;
16 | const iOSDownloadUrl = 'https://apps.apple.com/cn/app/bulita/id1554719127';
17 |
18 | return (
19 |
49 | );
50 | }
51 |
52 | export default Download;
53 |
--------------------------------------------------------------------------------
/packages/bin/scripts/doctor.ts:
--------------------------------------------------------------------------------
1 | import chalk from 'chalk';
2 | import cp from 'child_process';
3 | import fs from 'fs';
4 | import path from 'path';
5 | import detect from 'detect-port';
6 | import server from '@bulita/config/server';
7 | import initRedis from '@bulita/database/redis/initRedis';
8 | import initMongoDB from '@bulita/database/mongoose/initMongoDB';
9 |
10 | export async function doctor() {
11 | console.log(chalk.yellow('===== Run bulita Doctor ====='));
12 |
13 | const nodeVersion = cp.execSync('node --version').toString();
14 | console.log(
15 | chalk.green(`node ${nodeVersion.slice(0, nodeVersion.length - 1)}`),
16 | );
17 |
18 | await initMongoDB();
19 | console.log(chalk.green('MongoDB is OK'));
20 |
21 | await (async () =>
22 | new Promise((resolve) => {
23 | const redis = initRedis();
24 | redis.on('connect', resolve);
25 | }))();
26 | console.log(chalk.green('Redis is OK'));
27 |
28 | const avaliablePort = await detect(server.port);
29 | if (avaliablePort === server.port) {
30 | console.log(chalk.green(`Port [${server.port}] is OK`));
31 | } else {
32 | console.log(chalk.red(`Port [${server.port}] was occupied`));
33 | }
34 |
35 | const indexFilePath = path.resolve(
36 | __dirname,
37 | '../../server/public/index.html',
38 | );
39 | const indexFile = fs.readFileSync(indexFilePath);
40 | if (!indexFile) {
41 | console.log(chalk.red('Homepage not exists'));
42 | } else if (indexFile.toString().includes('默认首页')) {
43 | console.log(
44 | chalk.red(
45 | 'Homepage is default. Please build web client by [yarn build:web]',
46 | ),
47 | );
48 | } else {
49 | console.log(chalk.green(`Homepage is OK`));
50 | }
51 | }
52 |
53 | async function run() {
54 | await doctor();
55 | process.exit(0);
56 | }
57 | export default run;
58 |
--------------------------------------------------------------------------------
/packages/web/src/types/index.d.ts:
--------------------------------------------------------------------------------
1 | declare module 'opn';
2 | declare module 'webpack';
3 | declare module 'http-proxy-middleware';
4 | declare module 'webpack-dev-middleware';
5 | declare module 'webpack-hot-middleware';
6 | declare module 'connect-history-api-fallback';
7 | declare module 'ora';
8 | declare module 'rimraf';
9 | declare module 'less-plugin-autoprefix';
10 | declare module 'extract-text-webpack-plugin';
11 | declare module 'webpack-merge';
12 | declare module 'html-webpack-plugin';
13 | declare module 'friendly-errors-webpack-plugin';
14 | declare module 'webpack-dashboard/plugin';
15 | declare module 'copy-webpack-plugin';
16 | declare module 'optimize-css-assets-webpack-plugin';
17 | declare module 'script-ext-html-webpack-plugin';
18 | declare module 'webpack-bundle-analyzer';
19 | declare module 'react-radio-buttons';
20 | declare module 'rc-tabs';
21 | declare module 'rc-tabs/lib/TabContent';
22 | declare module 'rc-tabs/lib/ScrollableInkTabBar';
23 | declare module 'rc-menu';
24 | declare module 'rc-dropdown';
25 | declare module 'rc-notification';
26 | declare module 'brace/mode/javascript';
27 | declare module 'brace/mode/typescript';
28 | declare module 'brace/mode/java';
29 | declare module 'brace/mode/c_cpp';
30 | declare module 'brace/mode/python';
31 | declare module 'brace/mode/ruby';
32 | declare module 'brace/mode/php';
33 | declare module 'brace/mode/golang';
34 | declare module 'brace/mode/csharp';
35 | declare module 'brace/mode/html';
36 | declare module 'brace/mode/css';
37 | declare module 'brace/mode/markdown';
38 | declare module 'brace/mode/sql';
39 | declare module 'brace/mode/json';
40 |
41 | declare module '*.less';
42 | declare module '*.json';
43 | declare module '*.png';
44 | declare module '*.jpg';
45 | declare module '*.jpeg';
46 | declare module '*.gif';
47 | declare module '*.mp3';
48 |
49 | declare var __TEST__: false;
50 |
51 | declare interface Window {
52 | Notification: any;
53 | __REDUX_DEVTOOLS_EXTENSION__: any;
54 | }
55 |
--------------------------------------------------------------------------------
/packages/web/src/modules/Chat/Message/FileMessage.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import { css } from 'linaria';
3 | import filesize from 'filesize';
4 | import { getOSSFileUrl } from '../../../utils/uploadFile';
5 |
6 | const styles = {
7 | container: css`
8 | display: block;
9 | min-width: 160px;
10 | max-width: 240px;
11 | padding: 0 4px;
12 | text-align: center;
13 | cursor: pointer;
14 | color: var(--primary-text-color-10);
15 | text-decoration: none;
16 | `,
17 | fileInfo: css`
18 | display: flex;
19 | flex-direction: column;
20 | align-items: center;
21 | justify-content: center;
22 | border-bottom: 1px solid #eee;
23 | `,
24 | fileInfoText: css`
25 | word-break: break-all;
26 | `,
27 | button: css`
28 | display: inline-block;
29 | font-size: 12px;
30 | text-align: center;
31 | margin-top: 6px;
32 | `,
33 | };
34 |
35 | type Props = {
36 | file: string;
37 | percent: number;
38 | };
39 |
40 | function FileMessage({ file, percent }: Props) {
41 | const { fileUrl, filename, size } = JSON.parse(file);
42 | const url = fileUrl && getOSSFileUrl(fileUrl);
43 |
44 | return (
45 |
51 | Bulita
3 | 4 | English / [简体中文](./README_ZH.md) 5 | 6 | Bulita is an interesting open source chatroom. It is developed based on [node.js](https://nodejs.org/), [react](https://reactjs.org/) and [socket.io](https://socket.io/) technologies 7 | 8 | Online Example: [https://chat.bulita.net/](https://chat.bulita.net) 9 | 10 | Github: [https://github.com/gochendong/bulita](https://github.com/gochendong/bulita) 11 |
52 | {filename}
53 | {filesize(size)}
54 |
55 | 56 | {percent === undefined || percent >= 100 57 | ? '下载' 58 | : // : `上传中... ${percent.toFixed(0)}%`} 59 | `上传中...`} 60 |
61 | 62 | ); 63 | } 64 | 65 | export default React.memo(FileMessage); 66 | -------------------------------------------------------------------------------- /packages/utils/convertMessage.ts: -------------------------------------------------------------------------------- 1 | import WuZeiNiangImage from '@bulita/assets/images/wuzeiniang.gif'; 2 | 3 | // function convertRobot10Message(message) { 4 | // if (message.from._id === '5adad39555703565e7903f79') { 5 | // try { 6 | // const parseMessage = JSON.parse(message.content); 7 | // message.from.tag = parseMessage.source; 8 | // message.from.avatar = parseMessage.avatar; 9 | // message.from.username = parseMessage.username; 10 | // message.type = parseMessage.type; 11 | // message.content = parseMessage.content; 12 | // } catch (err) { 13 | // console.warn('解析robot10消息失败', err); 14 | // } 15 | // } 16 | // } 17 | 18 | function convertSystemMessage(message: any) { 19 | if (message.type === 'system') { 20 | message.from._id = 'system'; 21 | message.from.originUsername = message.from.username; 22 | message.from.username = '系统'; 23 | message.from.avatar = WuZeiNiangImage; 24 | message.from.tag = 'system'; 25 | 26 | const content = JSON.parse(message.content); 27 | switch (content.command) { 28 | case 'roll': { 29 | message.content = `掷出了${content.value}点 (上限${content.top}点)`; 30 | break; 31 | } 32 | case 'rps': { 33 | message.content = `使出了 ${content.value}`; 34 | break; 35 | } 36 | default: { 37 | message.content = '不支持的指令'; 38 | } 39 | } 40 | } else if (message.deleted) { 41 | message.type = 'system'; 42 | message.from._id = 'system'; 43 | message.from.originUsername = message.from.username; 44 | message.from.username = '系统'; 45 | message.from.avatar = WuZeiNiangImage; 46 | message.from.tag = 'system'; 47 | message.content = `撤回了消息`; 48 | } 49 | } 50 | 51 | export default function convertMessage(message: any) { 52 | convertSystemMessage(message); 53 | return message; 54 | } 55 | -------------------------------------------------------------------------------- /packages/web/src/modules/Sidebar/About.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | import Dialog from '../../components/Dialog'; 4 | import Style from './About.less'; 5 | import Common from './Common.less'; 6 | 7 | interface AboutProps { 8 | visible: boolean; 9 | onClose: () => void; 10 | } 11 | 12 | function About(props: AboutProps) { 13 | const { visible, onClose } = props; 14 | return ( 15 | 59 | ); 60 | } 61 | 62 | export default About; 63 | -------------------------------------------------------------------------------- /packages/web/src/modules/LoginAndRegister/LoginRegister.less: -------------------------------------------------------------------------------- 1 | .loginRegister { 2 | height: 260px; 3 | display: flex; 4 | flex-direction: column; 5 | padding: 0 30px; 6 | } 7 | 8 | .title { 9 | font-size: 14px; 10 | font-weight: normal; 11 | line-height: 27px; 12 | margin-top: 20px; 13 | color: #666; 14 | } 15 | 16 | .input { 17 | height: 40px; 18 | & > input { 19 | line-height: 40px; 20 | } 21 | } 22 | 23 | .loginButton { 24 | background-color: var(--primary-color-10); 25 | color: var(--primary-text-color-10); 26 | height: 40px; 27 | border: none; 28 | margin-top: 30px; 29 | transition: background-color 0.2s; 30 | border-radius: 6px; 31 | 32 | &:hover { 33 | background-color: var(--primary-color-9); 34 | } 35 | } 36 | 37 | .button { 38 | margin-top: 80px; 39 | height: 70px; 40 | display: flex; 41 | align-items: center; 42 | justify-content: center; 43 | gap: 10px; 44 | padding: 0px 15px; 45 | background-color: red; 46 | border-radius: 10px; 47 | border: none; 48 | color: white; 49 | position: relative; 50 | cursor: pointer; 51 | font-weight: 900; 52 | transition-duration: .2s; 53 | background: linear-gradient(0deg, #000, #272727); 54 | } 55 | 56 | .button:before, .button:after { 57 | content: ''; 58 | position: absolute; 59 | left: -2px; 60 | top: -2px; 61 | border-radius: 10px; 62 | background: linear-gradient(45deg, #fb0094, #0000ff, #00ff00,#ffff00, #ff0000, #fb0094, 63 | #0000ff, #00ff00,#ffff00, #ff0000); 64 | background-size: 400%; 65 | width: calc(100% + 4px); 66 | height: calc(100% + 4px); 67 | z-index: -1; 68 | animation: steam 20s linear infinite; 69 | } 70 | 71 | @keyframes steam { 72 | 0% { 73 | background-position: 0 0; 74 | } 75 | 76 | 50% { 77 | background-position: 400% 0; 78 | } 79 | 80 | 100% { 81 | background-position: 0 0; 82 | } 83 | } 84 | 85 | .button:after { 86 | filter: blur(50px); 87 | } 88 | 89 | 90 | 91 | .href { 92 | color: #18a058; 93 | text-decoration: none; 94 | } -------------------------------------------------------------------------------- /packages/bin/scripts/deleteMessages.ts: -------------------------------------------------------------------------------- 1 | import path from 'path'; 2 | import fs from 'fs'; 3 | import inquirer from 'inquirer'; 4 | import { promisify } from 'util'; 5 | import chalk from 'chalk'; 6 | import initMongoDB from '@bulita/database/mongoose/initMongoDB'; 7 | import Message from '@bulita/database/mongoose/models/message'; 8 | import History from '@bulita/database/mongoose/models/history'; 9 | 10 | export async function deleteMessages() { 11 | const shouldDeleteAllMessages = await inquirer.prompt({ 12 | type: 'confirm', 13 | name: 'result', 14 | message: 'Confirm to delete all messages?', 15 | }); 16 | if (!shouldDeleteAllMessages.result) { 17 | return; 18 | } 19 | 20 | await initMongoDB(); 21 | 22 | const deleteResult = await Message.deleteMany({}); 23 | console.log('Delete result:', deleteResult); 24 | 25 | const deleteHistoryResult = await History.deleteMany({}); 26 | console.log('Delete history result:', deleteHistoryResult); 27 | 28 | const shouldDeleteAllFiles = await inquirer.prompt({ 29 | type: 'confirm', 30 | name: 'result', 31 | message: 'Confirm to delete all message files(Except OSS files)?', 32 | }); 33 | if (!shouldDeleteAllFiles.result) { 34 | return; 35 | } 36 | 37 | const files = await promisify(fs.readdir)( 38 | path.resolve(__dirname, '../../server/public/'), 39 | ); 40 | const iamgesAndFiles = files.filter( 41 | (filename) => 42 | filename.startsWith('ImageMessage_') || 43 | filename.startsWith('FileMessage_'), 44 | ); 45 | const unlinkAsync = promisify(fs.unlink); 46 | await Promise.all( 47 | iamgesAndFiles.map((file) => 48 | unlinkAsync(path.resolve(__dirname, '../../server/public/', file)), 49 | ), 50 | ); 51 | console.log('Delete files:', chalk.green(iamgesAndFiles.length.toString())); 52 | console.log(chalk.red(iamgesAndFiles.join('\n'))); 53 | 54 | console.log(chalk.green('Successfully deleted all messages')); 55 | } 56 | 57 | async function run() { 58 | await deleteMessages(); 59 | process.exit(0); 60 | } 61 | export default run; 62 | -------------------------------------------------------------------------------- /packages/web/src/utils/voice.ts: -------------------------------------------------------------------------------- 1 | import axios from 'axios'; 2 | import fetch from './fetch'; 3 | 4 | const $audio = document.createElement('audio'); 5 | const $source = document.createElement('source'); 6 | $audio.volume = 0.6; 7 | $source.setAttribute('type', 'audio/mp3'); 8 | $source.setAttribute('src', ''); 9 | $audio.appendChild($source); 10 | document.body.appendChild($audio); 11 | 12 | let baiduToken = ''; 13 | async function read(text: string, cuid: string) { 14 | if (!baiduToken) { 15 | const [err, result] = await fetch('getBaiduToken'); 16 | if (err) { 17 | return; 18 | } 19 | baiduToken = result.token; 20 | } 21 | 22 | const res = await axios.get( 23 | `https://tsn.baidu.com/text2audio?tex=${text}&tok=${baiduToken}&cuid=${cuid}&ctp=1&lan=zh&per=4`, 24 | { responseType: 'blob' }, 25 | ); 26 | const blob = res.data; 27 | if (res.status !== 200 || blob.type === 'application/json') { 28 | console.warn('合成语言失败'); 29 | } else { 30 | $source.setAttribute('src', URL.createObjectURL(blob)); 31 | $audio.load(); 32 | 33 | try { 34 | const playEndPromise = new Promise((resolve) => { 35 | $audio.onended = resolve; 36 | }); 37 | await $audio.play(); 38 | // eslint-disable-next-line consistent-return 39 | return playEndPromise; 40 | } catch (err) { 41 | console.warn('语言朗读消息失败', err.message); 42 | } 43 | } 44 | } 45 | 46 | type Task = { 47 | text: string; 48 | cuid: string; 49 | }; 50 | 51 | const taskQueue: Task[] = []; 52 | let isWorking = false; 53 | async function handleTaskQueue() { 54 | isWorking = true; 55 | const task = taskQueue.shift(); 56 | if (task) { 57 | await read(task.text, task.cuid); 58 | await handleTaskQueue(); 59 | } else { 60 | isWorking = false; 61 | } 62 | } 63 | 64 | const voice = { 65 | push(text: string, cuid: string) { 66 | taskQueue.push({ text, cuid }); 67 | if (!isWorking) { 68 | handleTaskQueue(); 69 | } 70 | }, 71 | }; 72 | 73 | export default voice; 74 | -------------------------------------------------------------------------------- /packages/web/src/components/Input.tsx: -------------------------------------------------------------------------------- 1 | import React, { useRef, useState, useEffect } from 'react'; 2 | 3 | import IconButton from './IconButton'; 4 | import Style from './Input.less'; 5 | 6 | interface InputProps { 7 | value?: string; 8 | type?: string; 9 | placeholder?: string; 10 | className?: string; 11 | autoComplete?: string; 12 | showClearBtn?: boolean; 13 | onChange: (value: string) => void; 14 | onEnter?: (value: string) => void; 15 | onFocus?: () => void; 16 | } 17 | 18 | function Input(props: InputProps) { 19 | const { 20 | value, 21 | type = 'text', 22 | placeholder = '', 23 | className = '', 24 | autoComplete = 'off', 25 | showClearBtn = true, 26 | onChange, 27 | onEnter = () => {}, 28 | onFocus = () => {}, 29 | } = props; 30 | 31 | const $input = useRef(null); 32 | 33 | function handleInput(e: any) { 34 | onChange(e.target.value); 35 | } 36 | 37 | function handleKeyDown(e: any) { 38 | if (e.key === 'Enter') { 39 | onEnter(value as string); 40 | } 41 | } 42 | 43 | function handleClickClear() { 44 | onChange(''); 45 | // @ts-ignore 46 | $input.current.focus(); 47 | } 48 | 49 | return ( 50 |
51 |
62 | {value && showClearBtn && (
63 |
73 | );
74 | }
75 |
76 | export default Input;
77 |
--------------------------------------------------------------------------------
/packages/web/test/components/Avatar.spec.tsx:
--------------------------------------------------------------------------------
1 | /**
2 | * @jest-environment jsdom
3 | */
4 |
5 | import React from 'react';
6 | import { render, screen, fireEvent } from '@testing-library/react';
7 | import '@testing-library/jest-dom/extend-expect';
8 | import Avatar, { avatarFailback } from '../../src/components/Avatar';
9 |
10 | describe('Avatar', () => {
11 | it('shoule render without error', async () => {
12 | render(
58 | {Object.values(linkmans)
59 | .sort(sort)
60 | .map((linkman) => renderLinkman(linkman))}
61 |
62 | );
63 | }
64 |
65 | export default LinkmanList;
66 |
--------------------------------------------------------------------------------
/.eslintrc:
--------------------------------------------------------------------------------
1 | {
2 | "extends": ["eslint-config-airbnb", "prettier"],
3 | "parser": "@typescript-eslint/parser",
4 | "parserOptions": {
5 | "project": "./tsconfig.json",
6 | "createDefaultProgram": true
7 | },
8 | "env": {
9 | "browser": true,
10 | "node": true,
11 | "jest/globals": true
12 | },
13 | "plugins": ["@typescript-eslint", "react", "react-hooks", "jsx-a11y", "import", "jest"],
14 | "globals": {
15 | "importScripts": true,
16 | "workbox": true,
17 | "__TEST__": true
18 | },
19 | "settings": {
20 | "import/resolver": {
21 | "node": {
22 | "extensions": [".js", ".jsx", ".ts", ".tsx"]
23 | }
24 | }
25 | },
26 | "rules": {
27 | "@typescript-eslint/no-unused-vars": 2,
28 | "global-require": 0,
29 | "implicit-arrow-linebreak": 0,
30 | "import/extensions": [
31 | 2,
32 | {
33 | "ts": "never",
34 | "tsx": "never",
35 | "js": "never",
36 | "jsx": "never"
37 | }
38 | ],
39 | "indent": [
40 | 2,
41 | 4,
42 | {
43 | "SwitchCase": 1
44 | }
45 | ],
46 | "jsx-a11y/click-events-have-key-events": 0,
47 | "jsx-a11y/interactive-supports-focus": 0,
48 | "jsx-a11y/no-noninteractive-element-interactions": 0,
49 | "jsx-a11y/no-noninteractive-element-to-interactive-role": 0,
50 | "no-param-reassign": 0,
51 | "no-plusplus": 0,
52 | "no-script-url": 0,
53 | "no-underscore-dangle": 0,
54 | "object-curly-newline": 0,
55 | "react/jsx-filename-extension": [
56 | 2,
57 | {
58 | "extensions": [".js", ".jsx", ".tsx"]
59 | }
60 | ],
61 | "react/jsx-indent": [2, 4],
62 | "react/jsx-indent-props": [2, 4],
63 | "react/jsx-props-no-spreading": 0,
64 | "react/jsx-one-expression-per-line": 0,
65 | "react/static-property-placement": 0,
66 | "react-hooks/rules-of-hooks": 2,
67 | "react-hooks/exhaustive-deps": 0,
68 | "react/require-default-props": [2, { "ignoreFunctionalComponents": true }],
69 | "import/prefer-default-export": 0,
70 | "prefer-promise-reject-errors": "off"
71 | }
72 | }
73 |
--------------------------------------------------------------------------------
/packages/server/src/middlewares/registerRoutes.ts:
--------------------------------------------------------------------------------
1 | import assert from 'assert';
2 | import logger from '@bulita/utils/logger';
3 | import { getSocketIp } from '@bulita/utils/socket';
4 | import { Socket } from 'socket.io';
5 |
6 | function defaultCallback() {
7 | logger.error('Server Error: emit event with callback');
8 | }
9 |
10 | export default function registerRoutes(socket: Socket, routes: Routes) {
11 | return async ([event, data, cb = defaultCallback]: MiddlewareArgs) => {
12 | const route = routes[event];
13 | if (route) {
14 | try {
15 | const ctx: Context
57 |
64 |
65 | );
66 | }
67 |
68 | export default Register;
69 |
--------------------------------------------------------------------------------
/packages/bin/scripts/register.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * Register
3 | */
4 |
5 | import bcrypt from 'bcryptjs';
6 | import chalk from 'chalk';
7 |
8 | import initMongoDB from '@bulita/database/mongoose/initMongoDB';
9 | import User, { UserDocument } from '../../database/mongoose/models/user';
10 | import Group from '../../database/mongoose/models/group';
11 |
12 | import { SALT_ROUNDS } from '../../utils/const';
13 | import getRandomAvatar from '../../utils/getRandomAvatar';
14 |
15 | export async function register(username: string, password: string) {
16 | if (!username) {
17 | console.log(chalk.red('Wrong command, [username] is missing.'));
18 | return;
19 | }
20 | if (!password) {
21 | console.log(chalk.red('Wrong command, [password] is missing.'));
22 | return;
23 | }
24 |
25 | await initMongoDB();
26 |
27 | const user = await User.findOne({ username });
28 | if (user) {
29 | console.log(chalk.red('The username already exists'));
30 | return;
31 | }
32 |
33 | const defaultGroup = await Group.findOne({ isDefault: true });
34 | if (!defaultGroup) {
35 | console.log(chalk.red('Default group does not exist'));
36 | return;
37 | }
38 |
39 | const salt = await bcrypt.genSalt(SALT_ROUNDS);
40 | const hash = await bcrypt.hash(password, salt);
41 |
42 | let newUser = null;
43 | try {
44 | newUser = await User.create({
45 | username,
46 | salt,
47 | password: hash,
48 | avatar: getRandomAvatar(),
49 | } as UserDocument);
50 | } catch (createError) {
51 | if (createError.name === 'ValidationError') {
52 | console.log(
53 | chalk.red(
54 | 'Username contains unsupported characters or the length exceeds the limit',
55 | ),
56 | );
57 | return;
58 | }
59 | console.log(chalk.red('Error:'), createError);
60 | return;
61 | }
62 |
63 | if (!defaultGroup.creator) {
64 | defaultGroup.creator = newUser._id;
65 | }
66 | if (newUser) {
67 | defaultGroup.members.push(newUser._id);
68 | }
69 | await defaultGroup.save();
70 |
71 | console.log(chalk.green(`Successfully created user [${username}]`));
72 | }
73 |
74 | async function run() {
75 | const username = process.argv[3];
76 | const password = process.argv[4];
77 | await register(username, password);
78 | process.exit(0);
79 | }
80 | export default run;
81 |
--------------------------------------------------------------------------------
/packages/server/src/middlewares/frequency.ts:
--------------------------------------------------------------------------------
1 | import { Socket } from 'socket.io';
2 | import {
3 | getNewUserKey,
4 | getSealUserKey,
5 | Redis,
6 | } from '@bulita/database/redis/initRedis';
7 |
8 | export const CALL_SERVICE_FREQUENTLY = '发消息过于频繁, 请冷静一会再试';
9 | export const NEW_USER_CALL_SERVICE_FREQUENTLY =
10 | '发消息过于频繁, 你还处于新手期, 先冷静一会再试';
11 |
12 | const MaxCallPerMinutes = parseInt(process.env.MAX_CALL_PER_MINUTES);
13 | const NewUserMaxCallPerMinutes = parseInt(
14 | process.env.NEW_USER_MAX_CALL_PER_MINUTES,
15 | );
16 |
17 | const AutoSealDuration = parseInt(process.env.LIFT_BAN_DURATION);
18 |
19 | type Options = {
20 | maxCallPerMinutes?: number;
21 | newUserMaxCallPerMinutes?: number;
22 | clearDataInterval?: number;
23 | };
24 |
25 | /**
26 | * 限制接口调用频率
27 | */
28 | export default function frequency(
29 | socket: Socket,
30 | {
31 | maxCallPerMinutes = MaxCallPerMinutes,
32 | newUserMaxCallPerMinutes = NewUserMaxCallPerMinutes,
33 | }: Options = {},
34 | ) {
35 | let callTimes: Record不支持的编程语言; 45 | } 46 | 47 | const language = languagesMap[parseResult[1]] || 'text'; 48 | const rawCode = code.replace(/@language=[_a-z]+@/, ''); 49 | let size = `${rawCode.length}B`; 50 | if (rawCode.length > 1024) { 51 | size = `${Math.ceil((rawCode.length / 1024) * 100) / 100}KB`; 52 | } 53 | 54 | return ( 55 | <> 56 |
toggleCodeDialog(true)}
59 | role="button"
60 | >
61 |
72 | {codeDialog && (
73 |
62 | {/*
70 | */}
63 | {/* */}
64 | {/*
*/}
65 |
66 | {language}代码
67 | {size}
68 |
69 | 查看
71 |
57 |
84 | );
85 | }
86 |
87 | export default Login;
88 |
--------------------------------------------------------------------------------
/packages/web/src/modules/Chat/Message/TextMessage.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | import expressions from '@bulita/utils/expressions';
4 | import { TRANSPARENT_IMAGE } from '@bulita/utils/const';
5 | import { marked } from 'marked';
6 | import Style from './Message.less';
7 | // import DOMPurify from 'dompurify'
8 |
9 | interface TextMessageProps {
10 | content: string;
11 | }
12 |
13 | function TextMessage(props: TextMessageProps) {
14 | // const reg = /(http:\/\/|https:\/\/|www)(([\w#]|=|\?|\.|\/|&|~|-|[\u200B-\u200D\uFEFF])+)/g;
15 | // eslint-disable-next-line react/destructuring-assignment
16 | const content = props.content
17 | .replace(/<[^>]*?>/gi, '')
18 | .replace(/(.*?)<\/[^>]*?>/gi, '')
19 | .replace(/\n/g, '用户名
58 | 66 |密码
67 | 76 | 83 |') 20 | .replace( 21 | /https?:\/\/(www\.)?[-a-zA-Z0-9@:%._+~#=]{2,256}(\.[a-z]{2,6})?\b(:[0-9]{2,5})?([-a-zA-Z0-9@:%_+.~#?&//=]*)/g, 22 | (r) => 23 | `${r}`, 24 | ) 25 | .replace(/#\(([\u4e00-\u9fa5a-z]+)\)/g, (r, e) => { 26 | const index = expressions.default.indexOf(e); 27 | if (index !== -1) { 28 | return `