https://david-dm.org/dwyl/hapi-socketio-redis-chat-example

Add riot.js with server-side initial page render and progressive enhance on client side?

• http://stackoverflow.com/questions/4441798/how-to-use-redis-publish-subscribe-with-nodejs-to-notify-clients-when-data-value
• http://stackoverflow.com/questions/19453463/how-to-use-the-redis-publish-subscribe
• http://stackoverflow.com/questions/5140398/publish-subscribe-with-nodejs-and-redisnode-redis

See: http://www.smashingmagazine.com/2013/01/15/off-canvas-navigation-for-responsive-website/

Possible Options:

• http://materializecss.com/mobile.html
• http://getbootstrap.com/components/#nav
• http://foundation.zurb.com/docs/components/offcanvas.html

Should we load previous messages when the page loads? and if so, how many?

Should we promote this tutorial on http://hapijs.com/resources#Tutorials
by submitting a PR to: https://github.com/hapijs/hapijs.com ? 😉

Given that the Lab Coverage Reporter is Telling me Tall Tales of incomplete coverage, we might be forced to use Lab instead ...
see: #5

flexbox isn't supported in any version of IE under 11, so why have we chosen to use it?

#76 (comment)

We need to add a line to the documentation on this decision and the priorities for this repo, as per the comments above.

When the repo is downloaded, and you run npm run test, the 3rd test in server.js hangs.

We found it could be resolved by JSON.stringifying the res.payload

tidy up the code to use goodparts

Currently it's not a great example of how things are done at dwyl.

this could help

function sanitise(txt) {
  if(txt.indexOf("<") > -1 || txt.indexOf(">") > -1) {
    txt = txt.replace(/</g, "&lt").replace(/>/g, "&gt");
  }
  return txt;
}

Given that QUnit refuses to run all the tests in the /test directory ... see: http://stackoverflow.com/questions/31312650/how-to-run-several-qunit-node-js-test-files-using-a-single-command

We may be forced to migrate to using Lab ...

(Which isn't all that bad as its more Hapi.js focussed testing framework, which means this will be a more shareable tutorial ...)

The window should be scrolled down to the very bottom of the messages when it loads so that the latest messages are always visible and people can scroll up if they want to see past conversations.

Currently the very top of the message history is displayed when the app loads - i.e. The first message entered into the chat, in this case "First message ever written to my local chat"

You have to manually scroll all the way down to get to the last message when this should happen automatically on load:

What's the best solution: add to the README or add a default?

When run locally, every message added to the chat is console logged in duplicate:

These should only be console logged once.

Are you guys wondering to implement it on this project?
Does anyone implemented a HapiJS Chat with Socket.io and Redis?

In our effort to help track who says what, lets prompt people for their name before they can post a message.

1. Authenticating the application with Github / Google / Facebook
2. Make rooms
   • Display rooms to join
3. Display list of users on side of channel or room
4. Custom notifications
   • Sounds
   • Notifications from other rooms
5. Uploading files
6. Markdown friendly / Custom text (e.g. bold, italics)
7. Emojis
8. Monetise chatrooms
9. Private chatrooms
10. Video chat
11. Sound messages
12. Random chat (chatroulette)

When the window is resized, the body must continue to be the same height as the window.
If it is not, the content (messages) will be allowed to increase in height when the window is made thinner, which will cause the messages to hide behind the messages input form as per #8.

Last comment, "And this is the last message" can no longer be seen when window is made smaller:

If you have got http://127.0.0.1:8000/socket.io/?EIO=3&transport=polling&t=
You have to write

var Hapi = require('hapi');
var server = new Hapi.Server();

server.connection({
host: '0.0.0.0',
port: Number(process.env.PORT)
});

var io = require('socket.io')(server.listener);

server.start();

unfortunately pushed an env file, but realised that the gitignore did not contain any means to ignore it.

can we please add it to the master. Thanks.

Luckily we've solved this (written this test) before: https://github.com/ideaq/faster/blob/master/test/e2e.js#L10-L11

Hi, guys, I am wondering what would be the best practice to add rooms to this chat. And how to handle the room from the client to the handler?
Thank you.

https://david-dm.org/dwyl/hapi-socketio-redis-chat-example

https://github.com/hapijs/nes

What do you think?

When window.prompt allows user to input a name, it allows for null to be set (which displays as null) - I imagine this could be a problem for lots of concurrent users

See:

https://github.com/dwyl/hapi-socketio-redis-chat-example/blob/master/client.js#L8

While linting #73
We see that there are a couple of errors that are being allowed to go "un-handled"
(i.e. bugs in the app!) 🐛

This can easily be handled using https://github.com/dwyl/hapi-error

Myself and Maths Gregory (aka @mantagen) will be attempting to add functionality to display a preview of an image link in a small box situated in the chat feed.

At present we have:

socket.on('message', function (msg) {
    redisClient.HGET("people", socket.client.conn.id, function (err, name) {
            if (err) {
                console.log(err);
            }
            var obj = { // store each message as a JSON object
                m: msg,
                t: new Date().getTime(),
                n: name
            }
            var str = JSON.stringify(obj)
            redisClient.RPUSH("chat", str);
            io.emit('message', str);
    })
});

We should de-couple the io.emit('message, str) from the socket.on('message' ...

https://david-dm.org/dwyl/hapi-socketio-redis-chat-example

When a window width is reduced, the 'Send' button disappears.

Essentially it gets wrapped to the next line but the div height pushes it off the screen - you can see it at the very bottom of the screen in the screenshot below.

Using: https://github.com/dwyl/hapi-auth-facebook

https://hapi-chat.herokuapp.com/

sad panda ... 🐼 😢

Hello,

I believe you have used Redis Cloud add-on in Heroku.
I can get 30mb storage free on Heroku but need to put in my bank card details, have you heard of any issues with this before?

Is Redis Cloud add-on in Heroku still the best approach for hosting an app with Redis? My project is very similar to your chat app.

The GIF: https://camo.githubusercontent.com/1265afc65b6ef7e699d5f6ebf6b4cdd9740e3789/68747470733a2f2f63646e2e7261776769742e636f6d2f6e656c736f6e69632f6e656c736f6e69632e6769746875622e696f2f6d61737465722f696d672f686170692d636861742d66756c6c2d7265732e676966
"crashes" browsers.
This was reported by @rjmk & @anniva

So we are swapping it out for a screenshot:

Is there a more efficient way of storing our data in Redis to ensure it will scale better?
@jrans mentioned this in the standup this morning?

e.g: https://travis-ci.org/dwyl/hapi-socketio-redis-chat-example/builds/89520469#L510 "Unnamed assert" ... is not very intuitive to beginners.

Nodemon is not in the devdependencies so the npm start script throws an error.

1. I was thinking, I could add a style to cause the word to break, preventing horizontal scroll.
2. It might also be worthwhile adding a max-length to the name - but that might be a bit more involved.

Shall I submit a pull request with 1?

when there are enough messages to fill the screen, the input covers the last message(s):

https://github.com/dwyl/hapi-socketio-redis-chat-example/blob/c8603ea8ee6b9f48a3b8b5135ecaae3cf71f062f/test/uncache.js

We've used this in a few projects now, might as well publish?

What do people think about the idea of de-coupling the UI from the API so we can independently test different UI ?