Improve routing

client/js/state/__tests__/reducer-channels.test.js

@@ -46,9 +46,11 @@ describe('channel reducer', () => {
     expect(state).toEqual({
       srv: {
         chan1: {
+          joined: true,
           users: [{ mode: '', nick: 'nick1', renderName: 'nick1' }]
         },
         chan2: {
+          joined: true,
           users: [{ mode: '', nick: 'nick2', renderName: 'nick2' }]
         }
       }
@@ -61,6 +63,7 @@ describe('channel reducer', () => {
     expect(state).toEqual({
       srv: {
         chan1: {
+          joined: true,
           users: [{ mode: '', nick: 'nick1', renderName: 'nick1' }]
         }
       }
@@ -81,9 +84,11 @@ describe('channel reducer', () => {
     expect(state).toEqual({
       srv: {
         chan1: {
+          joined: true,
           users: [{ mode: '', nick: 'nick1', renderName: 'nick1' }]
         },
         chan2: {
+          joined: true,
           users: []
         }
       }
@@ -105,12 +110,14 @@ describe('channel reducer', () => {
     expect(state).toEqual({
       srv: {
         chan1: {
+          joined: true,
           users: [
             { mode: '', nick: 'nick3', renderName: 'nick3' },
             { mode: '', nick: 'nick2', renderName: 'nick2' }
           ]
         },
         chan2: {
+          joined: true,
           users: [{ mode: '', nick: 'nick2', renderName: 'nick2' }]
         }
       }
@@ -118,7 +125,8 @@ describe('channel reducer', () => {
   });
 
   it('handles SOCKET_USERS', () => {
-    const state = reducer(undefined, {
+    let state = reducer(undefined, socket_join('srv', 'chan1', 'nick1'));
+    state = reducer(state, {
       type: actions.socket.USERS,
       server: 'srv',
       channel: 'chan1',
@@ -128,6 +136,7 @@ describe('channel reducer', () => {
     expect(state).toEqual({
       srv: {
         chan1: {
+          joined: true,
           users: [
             { mode: '', nick: 'user3', renderName: 'user3' },
             { mode: '', nick: 'user2', renderName: 'user2' },
@@ -141,18 +150,18 @@ describe('channel reducer', () => {
   });
 
   it('handles SOCKET_TOPIC', () => {
-    const state = reducer(undefined, {
+    let state = reducer(undefined, socket_join('srv', 'chan1', 'nick1'));
+    state = reducer(state, {
       type: actions.socket.TOPIC,
       server: 'srv',
       channel: 'chan1',
       topic: 'the topic'
     });
 
-    expect(state).toEqual({
+    expect(state).toMatchObject({
       srv: {
         chan1: {
-          topic: 'the topic',
-          users: []
+          topic: 'the topic'
         }
       }
     });
@@ -165,7 +174,7 @@ describe('channel reducer', () => {
 
     state = reducer(state, socket_mode('srv', 'chan1', 'nick1', 'o', ''));
 
-    expect(state).toEqual({
+    expect(state).toMatchObject({
       srv: {
         chan1: {
           users: [
@@ -183,7 +192,7 @@ describe('channel reducer', () => {
     state = reducer(state, socket_mode('srv', 'chan1', 'nick2', 'o', ''));
     state = reducer(state, socket_mode('srv', 'chan2', 'not_there', 'x', ''));
 
-    expect(state).toEqual({
+    expect(state).toMatchObject({
       srv: {
         chan1: {
           users: [
@@ -210,11 +219,11 @@ describe('channel reducer', () => {
 
     expect(state).toEqual({
       srv: {
-        chan1: { topic: 'the topic', users: [] },
-        chan2: { users: [] }
+        chan1: { joined: true, topic: 'the topic', users: [] },
+        chan2: { joined: true, users: [] }
       },
       srv2: {
-        chan1: { users: [] }
+        chan1: { joined: true, users: [] }
       }
     });
   });

client/js/state/channels.js

@@ -61,7 +61,7 @@ function init(state, server, channel) {
     state[server] = {};
   }
   if (channel && !state[server][channel]) {
-    state[server][channel] = { users: [] };
+    state[server][channel] = { users: [], joined: false };
   }
 }
 
@@ -124,6 +124,10 @@ export const getSelectedChannelUsers = createSelector(
 export default createReducer(
   {},
   {
+    [actions.JOIN](state, { server, channels }) {
+      channels.forEach(channel => init(state, server, channel));
+    },
+
     [actions.PART](state, { server, channels }) {
       channels.forEach(channel => delete state[server][channel]);
     },
@@ -131,6 +135,7 @@ export default createReducer(
     [actions.socket.JOIN](state, { server, channels, user }) {
       const channel = channels[0];
       init(state, server, channel);
+      state[server][channel].joined = true;
       state[server][channel].users.push(createUser(user));
     },
 
@@ -160,12 +165,10 @@ export default createReducer(
     },
 
     [actions.socket.USERS](state, { server, channel, users }) {
-      init(state, server, channel);
       state[server][channel].users = users.map(nick => loadUser(nick));
     },
 
     [actions.socket.TOPIC](state, { server, channel, topic }) {
-      init(state, server, channel);
       state[server][channel].topic = topic;
     },
 
@@ -191,6 +194,7 @@ export default createReducer(
       if (data) {
         data.forEach(({ server, name, topic }) => {
           init(state, server, name);
+          state[server][name].joined = true;
           state[server][name].topic = topic;
         });
       }

client/js/state/tab.js

@@ -1,6 +1,8 @@
+import get from 'lodash/get';
 import createReducer from 'utils/createReducer';
 import { push, replace, LOCATION_CHANGED } from 'utils/router';
 import * as actions from './actions';
+import { find } from '../utils';
 
 const initialState = {
   selected: {},
@@ -54,19 +56,35 @@ export function select(server, name, doReplace) {
   return navigate(`/${server}`);
 }
 
+export function tabExists(
+  { server, name },
+  { servers, channels, privateChats }
+) {
+  return (
+    (name && get(channels, [server, name])) ||
+    (!name && server && servers[server]) ||
+    (name && find(privateChats[server], nick => nick === name))
+  );
+}
+
 export function updateSelection() {
   return (dispatch, getState) => {
     const state = getState();
     const { history } = state.tab;
     const { servers } = state;
-    const { server } = state.tab.selected;
+    const { server, name } = state.tab.selected;
+
+    if (tabExists({ server, name }, state)) {
+      return;
+    }
+
     const serverAddrs = Object.keys(servers);
 
     if (serverAddrs.length === 0) {
       dispatch(replace('/connect'));
     } else if (
       history.length > 0 &&
-      history[history.length - 1] !== state.tab.selected
+      tabExists(history[history.length - 1], state)
     ) {
       const tab = history[history.length - 1];
       dispatch(select(tab.server, tab.name, true));