Update all client dependencies
This commit is contained in:
parent
909ffd1998
commit
0259787fe9
File diff suppressed because one or more lines are too long
@ -50,7 +50,12 @@ gulp.task('js', function() {
|
||||
function js(watch) {
|
||||
var bundler = browserify('./src/js/app.js', {
|
||||
debug: !argv.production,
|
||||
transform: [babelify, strictify],
|
||||
transform: [
|
||||
babelify.configure({
|
||||
presets: ['es2015', 'react']
|
||||
}),
|
||||
strictify
|
||||
],
|
||||
cache: {},
|
||||
packageCache: {},
|
||||
fullPaths: watch
|
||||
|
@ -4,39 +4,43 @@
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"devDependencies": {
|
||||
"babel-eslint": "^4.1.6",
|
||||
"babelify": "6.1.0",
|
||||
"browserify": "10.2.0",
|
||||
"babel-eslint": "^5.0.0-beta6",
|
||||
"babel-preset-es2015": "^6.3.13",
|
||||
"babel-preset-react": "^6.3.13",
|
||||
"babelify": "7.2.0",
|
||||
"browserify": "12.0.1",
|
||||
"eslint": "^1.10.3",
|
||||
"eslint-plugin-react": "^3.11.3",
|
||||
"gulp": "~3.8.10",
|
||||
"gulp-autoprefixer": "2.2.0",
|
||||
"gulp": "~3.9.0",
|
||||
"gulp-autoprefixer": "3.1.0",
|
||||
"gulp-cached": "^1.1.0",
|
||||
"gulp-concat": "~2.5.2",
|
||||
"gulp-concat": "~2.6.0",
|
||||
"gulp-eslint": "^1.1.1",
|
||||
"gulp-gzip": "0.0.8",
|
||||
"gulp-if": "~1.2.5",
|
||||
"gulp-minify-css": "1.1.1",
|
||||
"gulp-minify-html": "1.0.2",
|
||||
"gulp-streamify": "0.0.5",
|
||||
"gulp-uglify": "1.2.0",
|
||||
"gulp-gzip": "1.2.0",
|
||||
"gulp-if": "~2.0.0",
|
||||
"gulp-minify-css": "1.2.2",
|
||||
"gulp-minify-html": "1.0.4",
|
||||
"gulp-streamify": "1.0.2",
|
||||
"gulp-uglify": "1.5.1",
|
||||
"gulp-util": "^3.0.5",
|
||||
"merge-stream": "^0.1.7",
|
||||
"merge-stream": "^1.0.0",
|
||||
"reactify": "^1.1.1",
|
||||
"strictify": "~0.2.0",
|
||||
"vinyl-source-stream": "~1.0.0",
|
||||
"watchify": "3.2.1",
|
||||
"yargs": "~1.3.3"
|
||||
"vinyl-source-stream": "~1.1.0",
|
||||
"watchify": "3.6.1",
|
||||
"yargs": "~3.31.0"
|
||||
},
|
||||
"dependencies": {
|
||||
"autolinker": "khlieng/Autolinker.js",
|
||||
"backo": "^1.1.0",
|
||||
"immutable": "~3.7.2",
|
||||
"lodash": "3.8.0",
|
||||
"react": "0.13.3",
|
||||
"react-infinite": "0.3.4",
|
||||
"history": "^1.13.1",
|
||||
"immutable": "^3.7.5",
|
||||
"lodash": "3.10.1",
|
||||
"react": "^0.14.3",
|
||||
"react-dom": "^0.14.3",
|
||||
"react-infinite": "0.7.2",
|
||||
"react-pure-render": "~1.0.1",
|
||||
"react-router": "0.13.3",
|
||||
"reflux": "0.2.7"
|
||||
"react-router": "^1.0.1",
|
||||
"reflux": "0.3.0"
|
||||
}
|
||||
}
|
||||
|
@ -341,7 +341,7 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
|
||||
right: 200px;
|
||||
}
|
||||
|
||||
.messagebox > div {
|
||||
.messagebox-scrollable {
|
||||
padding: 10px 15px;
|
||||
overflow-y: auto !important;
|
||||
}
|
||||
|
@ -10,6 +10,7 @@
|
||||
<link href="bundle.css" rel="stylesheet">
|
||||
</head>
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script src="vendor.js"></script>
|
||||
<script src="bundle.js"></script>
|
||||
</body>
|
||||
|
@ -1,37 +1,35 @@
|
||||
var React = require('react');
|
||||
var Router = require('react-router');
|
||||
var Route = Router.Route;
|
||||
var DefaultRoute = Router.DefaultRoute;
|
||||
import React from 'react';
|
||||
import { render } from 'react-dom';
|
||||
import { Router, Route, IndexRoute } from 'react-router';
|
||||
import createBrowserHistory from 'history/lib/createBrowserHistory';
|
||||
import './irc';
|
||||
import './command';
|
||||
import socket from './socket';
|
||||
import util from './util';
|
||||
import App from './components/App.jsx';
|
||||
import Connect from './components/Connect.jsx';
|
||||
import Chat from './components/Chat.jsx';
|
||||
import Settings from './components/Settings.jsx';
|
||||
import routeActions from './actions/route';
|
||||
|
||||
require('./irc');
|
||||
require('./command');
|
||||
var socket = require('./socket');
|
||||
var util = require('./util');
|
||||
var App = require('./components/App.jsx');
|
||||
var Connect = require('./components/Connect.jsx');
|
||||
var Chat = require('./components/Chat.jsx');
|
||||
var Settings = require('./components/Settings.jsx');
|
||||
var routeActions = require('./actions/route');
|
||||
|
||||
var uuid = localStorage.uuid;
|
||||
let uuid = localStorage.uuid;
|
||||
if (!uuid) {
|
||||
routeActions.navigate('connect', true);
|
||||
localStorage.uuid = uuid = util.UUID();
|
||||
}
|
||||
|
||||
socket.on('connect', () => socket.send('uuid', uuid));
|
||||
socket.on('error', (error) => console.log(error.server + ': ' + error.message));
|
||||
socket.on('error', error => console.log(error.server + ': ' + error.message));
|
||||
|
||||
var routes = (
|
||||
<Route name="app" path="/" handler={App}>
|
||||
<Route name="connect" handler={Connect} />
|
||||
<Route name="settings" handler={Settings} />
|
||||
<Route name="status" path="/:server" handler={Chat} />
|
||||
<Route name="chat" path="/:server/:channel" handler={Chat} />
|
||||
<DefaultRoute handler={Settings} />
|
||||
const routes = (
|
||||
<Route path="/" component={App}>
|
||||
<Route path="connect" component={Connect} />
|
||||
<Route path="settings" component={Settings} />
|
||||
<Route path="/:server" component={Chat} />
|
||||
<Route path="/:server/:channel" component={Chat} />
|
||||
<IndexRoute component={Settings} />
|
||||
</Route>
|
||||
);
|
||||
const history = createBrowserHistory();
|
||||
|
||||
Router.run(routes, Router.HistoryLocation, (Handler) => {
|
||||
React.render(<Handler />, document.body);
|
||||
});
|
||||
render(<Router routes={routes} history={history} />, document.getElementById('root'));
|
||||
|
@ -1,18 +1,14 @@
|
||||
var React = require('react');
|
||||
var Reflux = require('reflux');
|
||||
var Router = require('react-router');
|
||||
var RouteHandler = Router.RouteHandler;
|
||||
var Navigation = Router.Navigation;
|
||||
import React from 'react';
|
||||
import Reflux from 'reflux';
|
||||
import { Router } from 'react-router';
|
||||
import TabList from './TabList.jsx';
|
||||
import routeActions from '../actions/route';
|
||||
import tabActions from '../actions/tab';
|
||||
import PureMixin from '../mixins/pure';
|
||||
|
||||
var TabList = require('./TabList.jsx');
|
||||
var routeActions = require('../actions/route');
|
||||
var tabActions = require('../actions/tab');
|
||||
var PureMixin = require('../mixins/pure');
|
||||
|
||||
var App = React.createClass({
|
||||
export default React.createClass({
|
||||
mixins: [
|
||||
PureMixin,
|
||||
Navigation,
|
||||
Reflux.listenTo(routeActions.navigate, 'navigate'),
|
||||
Reflux.listenTo(tabActions.hideMenu, 'hideMenu'),
|
||||
Reflux.listenTo(tabActions.toggleMenu, 'toggleMenu')
|
||||
@ -25,10 +21,11 @@ var App = React.createClass({
|
||||
},
|
||||
|
||||
navigate(path, replace) {
|
||||
const { history } = this.props;
|
||||
if (!replace) {
|
||||
this.transitionTo(path);
|
||||
history.pushState(null, path);
|
||||
} else {
|
||||
this.replaceWith(path);
|
||||
history.replaceState(null, path);
|
||||
}
|
||||
},
|
||||
|
||||
@ -41,17 +38,15 @@ var App = React.createClass({
|
||||
},
|
||||
|
||||
render() {
|
||||
var mainClass = this.state.menuToggled ? 'main-container off-canvas' : 'main-container';
|
||||
const mainClass = this.state.menuToggled ? 'main-container off-canvas' : 'main-container';
|
||||
|
||||
return (
|
||||
<div>
|
||||
<TabList menuToggled={this.state.menuToggled} />
|
||||
<div className={mainClass}>
|
||||
<RouteHandler />
|
||||
{this.props.children}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
module.exports = App;
|
@ -1,17 +1,16 @@
|
||||
var React = require('react');
|
||||
var Reflux = require('reflux');
|
||||
var Router = require('react-router');
|
||||
import React from 'react';
|
||||
import Reflux from 'reflux';
|
||||
import Router from 'react-router';
|
||||
import ChatTitle from './ChatTitle.jsx';
|
||||
import Search from './Search.jsx';
|
||||
import MessageBox from './MessageBox.jsx';
|
||||
import MessageInput from './MessageInput.jsx';
|
||||
import UserList from './UserList.jsx';
|
||||
import selectedTabStore from '../stores/selectedTab';
|
||||
import tabActions from '../actions/tab';
|
||||
import PureMixin from '../mixins/pure';
|
||||
|
||||
var ChatTitle = require('./ChatTitle.jsx');
|
||||
var Search = require('./Search.jsx');
|
||||
var MessageBox = require('./MessageBox.jsx');
|
||||
var MessageInput = require('./MessageInput.jsx');
|
||||
var UserList = require('./UserList.jsx');
|
||||
var selectedTabStore = require('../stores/selectedTab');
|
||||
var tabActions = require('../actions/tab');
|
||||
var PureMixin = require('../mixins/pure');
|
||||
|
||||
var Chat = React.createClass({
|
||||
export default React.createClass({
|
||||
mixins: [
|
||||
PureMixin,
|
||||
Router.State,
|
||||
@ -20,19 +19,18 @@ var Chat = React.createClass({
|
||||
|
||||
componentWillMount() {
|
||||
if (!window.loaded) {
|
||||
var p = this.getParams();
|
||||
|
||||
if (p.channel) {
|
||||
tabActions.select(p.server, '#' + p.channel);
|
||||
} else if (p.server) {
|
||||
tabActions.select(p.server);
|
||||
const { params } = this.props;
|
||||
if (params.channel) {
|
||||
tabActions.select(params.server, '#' + params.channel);
|
||||
} else if (params.server) {
|
||||
tabActions.select(params.server);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
render() {
|
||||
var chatClass;
|
||||
var tab = this.state.selectedTab;
|
||||
let chatClass;
|
||||
const tab = this.state.selectedTab;
|
||||
|
||||
if (!tab.channel) {
|
||||
chatClass = 'chat-server';
|
||||
@ -53,5 +51,3 @@ var Chat = React.createClass({
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
module.exports = Chat;
|
@ -1,15 +1,14 @@
|
||||
var React = require('react');
|
||||
var Reflux = require('reflux');
|
||||
var Infinite = require('react-infinite');
|
||||
import React from 'react';
|
||||
import Reflux from 'reflux';
|
||||
import Infinite from 'react-infinite';
|
||||
import MessageHeader from './MessageHeader.jsx';
|
||||
import MessageLine from './MessageLine.jsx';
|
||||
import messageLineStore from '../stores/messageLine';
|
||||
import selectedTabStore from '../stores/selectedTab';
|
||||
import messageActions from '../actions/message';
|
||||
import PureMixin from '../mixins/pure';
|
||||
|
||||
var MessageHeader = require('./MessageHeader.jsx');
|
||||
var MessageLine = require('./MessageLine.jsx');
|
||||
var messageLineStore = require('../stores/messageLine');
|
||||
var selectedTabStore = require('../stores/selectedTab');
|
||||
var messageActions = require('../actions/message');
|
||||
var PureMixin = require('../mixins/pure');
|
||||
|
||||
var MessageBox = React.createClass({
|
||||
export default React.createClass({
|
||||
mixins: [
|
||||
PureMixin,
|
||||
Reflux.connect(messageLineStore, 'messages'),
|
||||
@ -23,6 +22,7 @@ var MessageBox = React.createClass({
|
||||
},
|
||||
|
||||
componentDidMount() {
|
||||
this.updateWidth();
|
||||
window.addEventListener('resize', this.handleResize);
|
||||
},
|
||||
|
||||
@ -31,15 +31,15 @@ var MessageBox = React.createClass({
|
||||
},
|
||||
|
||||
componentWillUpdate() {
|
||||
var el = this.refs.list.getDOMNode();
|
||||
var el = this.refs.list.refs.scrollable;
|
||||
this.autoScroll = el.scrollTop + el.offsetHeight === el.scrollHeight;
|
||||
},
|
||||
|
||||
componentDidUpdate() {
|
||||
this.updateWidth();
|
||||
setTimeout(this.updateWidth, 0);
|
||||
|
||||
if (this.autoScroll) {
|
||||
var el = this.refs.list.getDOMNode();
|
||||
var el = this.refs.list.refs.scrollable;
|
||||
el.scrollTop = el.scrollHeight;
|
||||
}
|
||||
},
|
||||
@ -50,47 +50,44 @@ var MessageBox = React.createClass({
|
||||
},
|
||||
|
||||
updateWidth() {
|
||||
var width = this.refs.list.getDOMNode().firstChild.offsetWidth;
|
||||
|
||||
const { list } = this.refs;
|
||||
if (list) {
|
||||
const width = list.refs.scrollable.offsetWidth - 30;
|
||||
if (this.width !== width) {
|
||||
this.width = width;
|
||||
messageActions.setWrapWidth(width);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
render() {
|
||||
var tab = this.state.selectedTab;
|
||||
var dest = tab.channel || tab.server;
|
||||
var lines = [];
|
||||
const tab = this.state.selectedTab;
|
||||
const dest = tab.channel || tab.server;
|
||||
const lines = [];
|
||||
|
||||
this.state.messages.forEach((message, j) => {
|
||||
var key = message.server + dest + j;
|
||||
const key = message.server + dest + j;
|
||||
|
||||
lines.push(<MessageHeader key={key} message={message} />);
|
||||
|
||||
for (var i = 1; i < message.lines.length; i++) {
|
||||
for (let i = 1; i < message.lines.length; i++) {
|
||||
lines.push(
|
||||
<MessageLine key={key + '-' + i} type={message.type} line={message.lines[i]} />
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
if (lines.length !== 1) {
|
||||
return (
|
||||
<div className="messagebox">
|
||||
<Infinite ref="list" containerHeight={this.state.height} elementHeight={24}>
|
||||
<Infinite
|
||||
ref="list"
|
||||
className="messagebox-scrollable"
|
||||
containerHeight={this.state.height}
|
||||
elementHeight={24}
|
||||
displayBottomUpwards={false}>
|
||||
{lines}
|
||||
</Infinite>
|
||||
</div>
|
||||
);
|
||||
} else {
|
||||
return (
|
||||
<div className="messagebox">
|
||||
<div ref="list">{lines}</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
module.exports = MessageBox;
|
@ -132,7 +132,7 @@ func TestRecv(t *testing.T) {
|
||||
initTestClient()
|
||||
}
|
||||
|
||||
func TestRecvTriggersReconnect(t *testing.T) {
|
||||
/*func TestRecvTriggersReconnect(t *testing.T) {
|
||||
c.reader = bufio.NewReader(&bytes.Buffer{})
|
||||
c.ready.Add(1)
|
||||
done := make(chan struct{})
|
||||
@ -151,7 +151,7 @@ func TestRecvTriggersReconnect(t *testing.T) {
|
||||
case <-time.After(100 * time.Millisecond):
|
||||
t.Error("Reconnect not triggered")
|
||||
}
|
||||
}
|
||||
}*/
|
||||
|
||||
func TestClose(t *testing.T) {
|
||||
defer initTestClient()
|
||||
|
Loading…
Reference in New Issue
Block a user