Code Monkey home page Code Monkey logo

fiora's Introduction

fiora's People

Contributors

dependabot[bot] avatar du5 avatar funnycoderstar avatar hitsuki9 avatar iiuhuy avatar imjonat avatar moonrailgun avatar r4m80mrx avatar sunlin92 avatar xianwei-lu avatar yinxin630 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

fiora's Issues

Your domain can't be resolved.

This site can’t be reached

fiora.suisuijiang.com’s server DNS address could not be found.
Search Google for fiora suisui jiang
ERR_NAME_NOT_RESOLVED

Please check your domain settings.

代码高亮是highlight.js?

还是推荐一下 prismjs 高亮吧。
未压缩仅增加20kb大小

而highlight.js我测的要增加700kb+
事实上我怎么找到他的呢,
嗯,我看他react 官网和mdn都用它高亮,所以入手试了一下

虽然经过webpack -p nginx压缩,体积已经不是问题了,
但是首次加载页面渲染耗时还是值得优化

用户现在可以和自己聊天

好棒的聊天室!!!

我发现我可以和自己聊天,发了这一条后,又收到这一条,这似乎不太合适。

建议:

  1. 禁止和自己聊天;

  2. 可以聊,但只接收1条信息(类似QQ的文件管理器)。

祝好。

移动版/管理员功能完善

1.手机chrome体验极差,能否开发移动版?
2.管理员功能缺失,封禁用户后无法解封
3.频道无法更名

不知道作者是否还在维护这个项目,咕咕咕的话也要说一声呀

求API相关

onMessage(function(user,content,type,$dom){

})

addExpression(tabName,url);//最好支持sprite sheet
setBackgroundImage(url);
sendMessage(content,type);
sendMessage();//立即发送当前聊天框里的内容
setContent(text);//设置输入框里的内容,可以和sendMessage连续调用
getContent();//获取输入框里的内容
sendVirtualMessage(position="right",avatar,name,content,type);//向自己的聊天框里输出内容,别人看不到
setConfigForm();//设置系统设置里的项目  最好支持jsonform
getConfig(configName);//获取系统设置里项目的值
addStyle(styleStr);//增加全局css

用油猴脚本加上QQ表情(这是做给上一版的,已废)

安装油猴脚本方法:
安装油猴脚本插件
进入聊天室
点击右上角插件图标-Add new script
粘贴下面的代码 保存
刷新网站

// ==UserScript==
// @name         Chatroom qq face
// @namespace    http://tampermonkey.net/
// @require      https://code.jquery.com/jquery-2.1.4.min.js
// @version      0.1
// @description  try to take over the world!
// @author       You
// @match        http://fiora.suisuijiang.com/
// @grant        none
// ==/UserScript==

(function () {
    'use strict';
    var $faceWrap;
    var $input;
    setTimeout(function () {
        $('button.icon').eq(0).after("<button onclick='toggleQQface()' style='background-color:transparent;border: 1px solid rgb(170, 170, 170);color: gray;border-left:none;border-right:none;padding-left:5px;padding-right:5px;'>QQ表情</button>");
        $(document.body).append("<div id='qq-face-wrap' style='display:none;width:50%;background-color: rgba(255,255,255,0.5);padding: 10px;transform:translateX(-50%) translateY(-50%);top:50%;left:50%;position:absolute;'></div>");
        $faceWrap=$("#qq-face-wrap");
        $input=$(".icon[title='发送']").prev();
        for(var i=0;i<112;i++){
            if(blankList.indexOf(i)!==-1)
                continue;
            $faceWrap.append("<img src='http://blackmiaool.com/face/"+i+"@2x.png' style='width:30px;cursor:pointer;'>");
        }
        $faceWrap.on("click","img",function(){
            //$input.val($input.val()+" "+$(this).attr("src")+" ");
            $input.val($(this).attr("src"));
            $("[title='发送']").click();
            $input.focus();
            toggleQQface();
        });
    }, 3000);
    var blankList=[83,92,65,48,51,90,93,82,17,88,72,81,58,50,40,62,94,47,70,84,45,52,87,73,95,80,44,68,71,171,91];
    var blackList=[];
    window.toggleQQface=function(){        
        if($faceWrap.css("display")==="none"){
            $faceWrap.css("display","block");
        }else{
            $faceWrap.css("display","none");
        }

    };
})();

后台

后台用什么做的
node?

How to make someone admin

Hi, I could not find this in the instructions; is there a way to give someone administrator privileges?

Docker automated

建议:弄一下 docker 自动构建:-> link
省略掉 build 的时间

Dockerfile

FROM node:alpine

WORKDIR /usr/src/app

Run wget -q -O - https://api.github.com/repos/yinxin630/fiora/tarball/master | tar xz --strip=1 && \
    apk add --no-cache python build-base && \
    yarn install && \
    yarn build && \
    rm -rf public/* && \
    mv dist/fiora/* public

CMD [ "node", "server/main.js" ]

或者

FROM node:alpine

WORKDIR /usr/src/app

Run  apk add --no-cache python build-base

COPY package.json .

RUN yarn install

COPY . .

RUN yarn build && rm -rf public/* && mv dist/fiora/* public

CMD [ "node", "server/main.js" ]

为什么非要在七牛上存储文件?

无意间发现这个工具,我们不想在常规聊天(比如QQ\微信)上沟通,这个工具能够自建聊天环境进行沟通,正好符合我们的需要,但仔细看看却发现有点问题,肯定有很多人像我们一样,需要的是一个自建的私聊工具,聊天规模并不大,但隐私要求较高,那么为什么不把相关的聊天文件存储在服务器本地呢?七牛是需要实名认证的,既然我们不想在QQ这些工具上聊天,同样也不想把个人真实信息留存在七牛,如果把这个工具弄成没有七牛就不能使用,就失去了它应有的意义不是吗。建议作者考虑一下此需求,一个方便搭建,又方便使用,且聊天过程自主控制,人员隐私得到保护的工具,一定会非常受欢迎的。

此问题纯是请教!

此项目的构建用到了工具吗?
这么多配置项,大神是如何提前知道的,还是经验所成?
这个项目简直就是我再走的学习路线,太棒了!
大神收徒吗?

Administrator ID and Password

Hello sir and thank you for this awesome app.

I wonder what is exactly the admin id and password or how can i access as admin to ban users.

Thank you.

请教!!

最近一直在学习这个聊天室,本人初学不久,有个问题想请教。
在Server中,this.socket.user 这里的user是在哪里添加的成员变量呢?没有找到....在Client的socket.js中没有这个成员啊。
求教,感谢!!

Bug and optimization suggestions

1.old version of chrome could not be logged on.
2.facial sometimes the browser does not display.
3.groups want to add management capabilities.

请问route.js文件中router和routes有什么区别?

module.exports = function (io, _io, routes) {
    const router = Object.keys(routes).reduce((result, route) => {
        io.on(route, noop);
        result[route] = routes[route];
        return result;
    }, {});
    return async (ctx) => {
        if (router[ctx.event]) {
            const { event, data, socket } = ctx;
            ctx.res = await router[ctx.event]({
                event,
                data,
                socket,
                io,
                _io,
            });
        }
    };
};

routes入参和router局部变量,不都是同样内容吗?

待做内容备忘

  1. 系统消息过长时溢出
  2. 图片消息大小限制
  3. 消息发送失败提示
  4. cr来的消息xss
  5. 图片用缩略图, 查看用原图
  6. 在线用户改用redis

How to develop fiora on windows

1 Install virtualbox
2 Install ubuntu into virtualbox
3 Set configuration of network as "bridged adapter"
4 Install openssh-server and git into ubuntu
5 Install WinSSHFS and Dokan into windows
6 Use WinSSHFS to connec ubuntu
7 Confirm that the webpack server command has the parameter "--host 0.0.0.0"
8 Edit your config file
9 Run npm install and npm start
10 Open the ip of your ubuntu on windows (e.g. http://192.168.1.110:8080/)

Logotype for Fiora

Hi @yinxin630 , my name is Zuur W. I'm a graphic designer and I'd like to collaborate on your open source project and propose free logo/icon design for your project. If it's something you're interested in, please, let me know!
Best Regards
Zuur

登陆跳转出问题了

登录不了了,控制台不报错,刷新了还是一样,win7下边的chrome和mac下的chrome都登陆不了

在线用户列表不正确

问题定位

disconnect 事件未触发, 没有正确减员
app.io.socket.clients() 可以正确获取到在线socket

connection 事件里的 socket 实例可以正常触发 disconnect 事件

app.io.on('connection', async (ctx) => {
    console.log(`  <<<< connection ${ctx.socket.id}`);
    ctx.socket.on('disconnect', async () => {
        console.log(`  >>>> disconnect ${ctx.socket.id}`);
    });
});

改进

去掉 Socket 表, 把数据直接放在 socket 实例上

执行npm run dev的时候遇到的报错

node:7.90
npm : 4.10
我按照README.md的安装步骤, 执行npm run dev时遇到了下面的报错
ERROR Failed to compile with 1 errors

  • react/lib/getNextDebugID in ./~/react-dom/lib/instantiateReactComponent.js
    To install it, you can run: npm install --save react/lib/getNextDebugID

下面有出现“ Listening at http://localhost:8080”,但是打开localhost:8080出现的结果是Get / 404
另一个命令npm run server可以打开,请问又遇到这种情况吗

About config/server.js ——> env

相关配置信息从环境变量中读取,而不必修改 js 文件,实现配置分离。尤其使用 Docker 部署时,可以从 .env 文件中读取环境变量,方便部署。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.