(blog.dgeibi.xyz)",
9 | "scripts": {
10 | "lint": "eslint .",
11 | "lint:fix": "eslint --fix ."
12 | },
13 | "keywords": [
14 | "p2p",
15 | "socket"
16 | ],
17 | "dependencies": {
18 | "fs-extra": "^5.0.0",
19 | "internal-ip": "^3.0.1",
20 | "node-machine-id": "^1.1.10",
21 | "p2p-chat-logger": "^1.4.5",
22 | "p2p-chat-utils": "^1.4.3"
23 | }
24 | }
25 |
--------------------------------------------------------------------------------
/packages/p2p-chat-core/lib/enhanceSocket/index.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-param-reassign */
2 | const Parse = require('./Parse')
3 |
4 | const msgSocket = {
5 | send(msg) {
6 | this.write(`${JSON.stringify(msg)}\n`)
7 | },
8 | }
9 |
10 | const enhance = opts => {
11 | const { socket, mixins } = opts
12 | const parse = new Parse(opts)
13 | socket.on('data', chunk => {
14 | parse.transform(chunk)
15 | })
16 | const done = () => {
17 | parse.destory()
18 | }
19 | socket.on('close', done)
20 | socket.on('error', done)
21 | Object.assign(socket, msgSocket, mixins)
22 | return socket
23 | }
24 |
25 | module.exports = enhance
26 |
--------------------------------------------------------------------------------
/packages/p2p-chat-utils/event-replaceable.js:
--------------------------------------------------------------------------------
1 | const EventObservable = require('./EventObservable')
2 | const noop = require('./noop')
3 |
4 | module.exports = ({ emitter, callback, args, disable }) => {
5 | let on
6 | let obs
7 |
8 | if (disable) {
9 | on = (...xx) => emitter.on(...xx)
10 | } else {
11 | obs = EventObservable(emitter)
12 | on = obs.observe
13 | }
14 |
15 | if (args && args.length) {
16 | callback(on, ...args)
17 | } else {
18 | callback(on)
19 | }
20 |
21 | if (disable) return noop
22 |
23 | return newCallback => {
24 | obs.removeAllObservables()
25 | newCallback(on, ...args)
26 | }
27 | }
28 |
--------------------------------------------------------------------------------
/packages/p2p-chat-logger/index.d.ts:
--------------------------------------------------------------------------------
1 | declare module "p2p-chat-logger" {
2 | namespace internal {
3 | export function log(message?: any, ...optionalParams: any[]): void;
4 | export function error(message?: any, ...optionalParams: any[]): void;
5 | export function err(message?: any, ...optionalParams: any[]): void;
6 | export function info(message?: any, ...optionalParams: any[]): void;
7 | export function warn(message?: any, ...optionalParams: any[]): void;
8 | export function verbose(message?: any, ...optionalParams: any[]): void;
9 | export function debug(message?: any, ...optionalParams: any[]): void;
10 | }
11 | export = internal;
12 | }
13 |
--------------------------------------------------------------------------------
/packages/p2p-chat-utils/index.js:
--------------------------------------------------------------------------------
1 | exports.ipset = require('./ipset')
2 | exports.pickByMap = require('./pickByMap')
3 | exports.pickBy = require('./pickBy')
4 | exports.md5 = require('./md5')
5 | exports.arr2keys = require('./arr2keys')
6 | exports.each = require('./each')
7 | exports.ensureUniqueFilename = require('./ensure-unique-filename')
8 | exports.eventReplaceable = require('./event-replaceable')
9 | exports.EventObservable = require('./EventObservable')
10 | exports.getNewAddress = require('./get-new-address')
11 | exports.getPort = require('./get-port')
12 | exports.ipset = require('./ipset')
13 | exports.isIPLarger = require('./is-ip-larger')
14 | exports.has = require('./has')
15 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/components/Settings/MyInfo/index.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import PropTypes from 'prop-types'
3 |
4 | import { formatTag } from '../../../utils/format'
5 | import styles from './MyInfo.scss'
6 |
7 | const MyInfo = ({ logined, tag, address, port, username }) =>
8 | logined ? (
9 |
10 | {username}
11 | {formatTag(tag)}
12 |
13 | {address}:{port}
14 |
15 | ) : null
16 |
17 | MyInfo.propTypes = {
18 | logined: PropTypes.bool.isRequired,
19 | tag: PropTypes.string,
20 | address: PropTypes.string,
21 | port: PropTypes.number,
22 | username: PropTypes.string,
23 | }
24 |
25 | export default MyInfo
26 |
--------------------------------------------------------------------------------
/packages/p2p-chat-utils/pickByMap.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-param-reassign */
2 |
3 | function getValue(object, props) {
4 | if (!object) return null
5 | if (!Array.isArray(props)) return object[props]
6 | const [first, ...rest] = props
7 | if (!first) return object
8 | return getValue(object[first], rest)
9 | }
10 |
11 | module.exports = function pickByMap(object, props, keys) {
12 | if (!keys) keys = Object.keys(object)
13 | return keys.reduce((obj, key) => {
14 | const value = object[key]
15 | if (!value) return obj
16 | obj[key] = {}
17 | Object.keys(props).forEach(propKey => {
18 | obj[key][propKey] = getValue(object[key], props[propKey])
19 | })
20 | return obj
21 | }, {})
22 | }
23 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/global/subscribe.js:
--------------------------------------------------------------------------------
1 | import subscribeDialog from '../components/Chatting/Dialog/subscribe'
2 | import hot from '../utils/hot'
3 |
4 | const subscribes = [subscribeDialog]
5 |
6 | let replace
7 | const makeReplace = (unsubscribe, store) => {
8 | replace = subscribe => {
9 | unsubscribe()
10 | replace = null
11 | subscribe(store)
12 | }
13 | }
14 |
15 | const subscribe = store => {
16 | const listener = () => {
17 | const state = store.getState()
18 | subscribes.forEach(x => x && x(state))
19 | }
20 | makeReplace(store.subscribe(listener), store)
21 | }
22 |
23 | hot({
24 | sourceModule: module,
25 | replaceGetter: () => replace,
26 | args: [subscribe],
27 | })
28 |
29 | export default subscribe
30 |
--------------------------------------------------------------------------------
/packages/p2p-chat/main/setContextMenu.js:
--------------------------------------------------------------------------------
1 | import { Menu } from 'electron'
2 |
3 | const selectionMenu = Menu.buildFromTemplate([{ role: 'copy' }])
4 |
5 | const inputMenu = Menu.buildFromTemplate([
6 | { role: 'undo' },
7 | { role: 'redo' },
8 | { type: 'separator' },
9 | { role: 'cut' },
10 | { role: 'copy' },
11 | { role: 'paste' },
12 | { type: 'separator' },
13 | { role: 'selectall' },
14 | ])
15 |
16 | export default window => {
17 | window.webContents.on('context-menu', (e, props) => {
18 | const { selectionText, isEditable } = props
19 | if (isEditable) {
20 | inputMenu.popup(window)
21 | } else if (selectionText && selectionText.trim() !== '') {
22 | selectionMenu.popup(window)
23 | }
24 | })
25 | }
26 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/global/reducer.js:
--------------------------------------------------------------------------------
1 | import { combineReducers } from 'redux'
2 | import { connectRouter } from 'connected-react-router'
3 | import settings from '../views/SettingsRedux'
4 | import aside from '../views/AsideRedux'
5 | import chatting from '../views/ChattingRedux'
6 | import modalbtns from '../views/ModalBtnRedux'
7 |
8 | // const initialState = appReducer({}, {})
9 |
10 | export default history => {
11 | const appReducer = combineReducers({
12 | settings,
13 | aside,
14 | chatting,
15 | modalbtns,
16 | router: connectRouter(history),
17 | })
18 |
19 | return (state, action) => {
20 | if (action.type === 'LOGOUT') {
21 | window.location.reload()
22 | }
23 |
24 | return appReducer(state, action)
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/components/Settings/validators.js:
--------------------------------------------------------------------------------
1 | import ipRegex from 'ip-regex'
2 |
3 | export const validPort = (rule, value, callback) => {
4 | const port = Number(value)
5 | if (Number.isNaN(port) || !Number.isInteger(port) || port < 2000 || port > 59999) {
6 | callback(Error('Port should be a integer (2000~59999)'))
7 | return
8 | }
9 | callback()
10 | }
11 |
12 | export const validAddress = (rule, value, callback) => {
13 | if (!value || ipRegex({ exact: true }).test(value)) {
14 | callback()
15 | } else {
16 | callback(Error(`${value} is not a regular IP`))
17 | }
18 | }
19 |
20 | export const validName = (rule, value, callback) => {
21 | if (!/\s/.test(value)) {
22 | callback()
23 | } else {
24 | callback(Error('should not contain white space'))
25 | }
26 | }
27 |
--------------------------------------------------------------------------------
/packages/p2p-chat-logger/index.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-console */
2 | const chalk = require('chalk')
3 | const util = require('util')
4 |
5 | const colors = {
6 | log: null,
7 | verbose: 'cyan',
8 | info: 'green',
9 | warn: 'yellow',
10 | debug: 'blue',
11 | error: 'red',
12 | }
13 |
14 | const aliases = {
15 | err: 'error',
16 | }
17 |
18 | const mapFn = arg => (typeof arg === 'function' ? String(arg) : arg)
19 |
20 | const log = color => (...args) => {
21 | const str = util.format(...args.map(mapFn))
22 | if (color !== null) {
23 | console.log(chalk[color](str))
24 | } else {
25 | console.log(str)
26 | }
27 | }
28 |
29 | const logger = {}
30 |
31 | Object.keys(colors).forEach(x => {
32 | logger[x] = log(colors[x])
33 | })
34 |
35 | Object.keys(aliases).forEach(x => {
36 | logger[x] = logger[aliases[x]]
37 | })
38 |
39 | module.exports = logger
40 |
--------------------------------------------------------------------------------
/packages/p2p-chat-core/lib/login.js:
--------------------------------------------------------------------------------
1 | const internalIP = require('internal-ip')
2 | const getPort = require('p2p-chat-utils/get-port')
3 | const getTag = require('./getTag')
4 |
5 | function getInternalIP() {
6 | return internalIP.v4.sync() || internalIP.v6.sync()
7 | }
8 |
9 | /**
10 | * get tag, address, port
11 | * @param {{port: number, host: string, username: string}} opts
12 | * @param {function(?Error, ?{port: number, address: string, tag: string})} callback
13 | */
14 | function login(opts, callback) {
15 | getPort({ start: opts.port }, (e, port) => {
16 | if (!e) {
17 | const id = Object.assign({}, opts)
18 | id.port = port
19 | id.address = opts.host || getInternalIP() // lan ip address
20 | id.tag = getTag(port, opts.username)
21 | callback(null, id)
22 | } else {
23 | callback(e)
24 | }
25 | })
26 | }
27 |
28 | module.exports = login
29 |
--------------------------------------------------------------------------------
/packages/p2p-chat/build/build-win-portable.js:
--------------------------------------------------------------------------------
1 | #!/usr/bin/env node
2 |
3 | const builder = require('electron-builder')
4 | const commonConfig = require('../package').build
5 |
6 | const { Platform } = builder
7 |
8 | const createConfig = arch =>
9 | Object.assign({}, commonConfig, {
10 | win: {
11 | target: [
12 | {
13 | arch,
14 | target: 'portable',
15 | },
16 | {
17 | arch,
18 | target: 'nsis',
19 | },
20 | ],
21 | },
22 | portable: {
23 | artifactName: `\${productName}-portable-win-\${version}-${arch}.\${ext}`,
24 | },
25 | nsis: {
26 | artifactName: `\${productName}-win-installer-\${version}-${arch}.\${ext}`,
27 | },
28 | })
29 |
30 | const arch = process.argv[2] || 'ia32'
31 |
32 | builder.build({
33 | targets: Platform.WINDOWS.createTarget(),
34 | config: createConfig(arch),
35 | })
36 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/views/ModalBtn.js:
--------------------------------------------------------------------------------
1 | import { Component } from 'react'
2 | import PropTypes from 'prop-types'
3 | import { connect } from 'react-redux'
4 | import { modalBtnActions, selectVisible } from './ModalBtnRedux'
5 |
6 | @connect(
7 | (state, ownProp) => ({
8 | visible: selectVisible(state.modalbtns, ownProp),
9 | }),
10 | (dispatch, ownProp) => ({
11 | show: () => dispatch(modalBtnActions.show(ownProp.id)),
12 | hide: () => dispatch(modalBtnActions.hide(ownProp.id)),
13 | })
14 | )
15 | class ModalBtn extends Component {
16 | static propTypes = {
17 | show: PropTypes.func.isRequired,
18 | hide: PropTypes.func.isRequired,
19 | visible: PropTypes.bool.isRequired,
20 | children: PropTypes.func.isRequired,
21 | }
22 |
23 | render() {
24 | const { show, hide, visible, children } = this.props
25 | return children({ show, hide, visible })
26 | }
27 | }
28 |
29 | export default ModalBtn
30 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/views/ModalBtnRedux.js:
--------------------------------------------------------------------------------
1 | import { createAction } from 'redux-actions'
2 | import constants from '../utils/constants'
3 |
4 | const initalState = {}
5 |
6 | const TYPES = {
7 | SHOW: '',
8 | HIDE: '',
9 | }
10 | constants(TYPES, 'modalBtn')
11 |
12 | export default (state = initalState, action) => {
13 | switch (action.type) {
14 | case TYPES.SHOW:
15 | return {
16 | ...state,
17 | [action.payload]: true,
18 | }
19 | case TYPES.HIDE:
20 | return {
21 | ...state,
22 | [action.payload]: false,
23 | }
24 | default:
25 | return state
26 | }
27 | }
28 |
29 | export const modalBtnActions = {
30 | show: createAction(TYPES.SHOW),
31 | hide: createAction(TYPES.HIDE),
32 | }
33 |
34 | export function selectVisible(state, ownProp) {
35 | if (state[ownProp.id] === undefined) return !!ownProp.visibleDefault
36 | return !!state[ownProp.id]
37 | }
38 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/components/Chatting/Messages/Text.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import dateFormat from 'dateformat'
3 | import PropTypes from 'prop-types'
4 |
5 | import { formatTag } from '../../../utils/format'
6 |
7 | import styles from './Text.scss'
8 |
9 | const Text = ({ username, text, myName, self, date, tag }) => (
10 |
11 |
12 | {self ? myName : username + formatTag(tag)}
13 |
14 | {text}
15 |
18 |
19 | )
20 |
21 | Text.propTypes = {
22 | text: PropTypes.string.isRequired,
23 | date: PropTypes.number.isRequired,
24 | username: PropTypes.string,
25 | self: PropTypes.bool,
26 | myName: PropTypes.string,
27 | tag: PropTypes.string,
28 | }
29 |
30 | export default Text
31 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "p2p-chat-bootstrap",
3 | "version": "0.0.0",
4 | "license": "MIT",
5 | "description": "a P2P LAN chatting and file sharing tool",
6 | "author": "dgeibi",
7 | "private": true,
8 | "scripts": {
9 | "app": "cd packages/p2p-chat && yarn run",
10 | "lint": "eslint .",
11 | "fix": "eslint . --fix",
12 | "format": "prettier --write '**/*.{js,scss}'"
13 | },
14 | "lint-staged": {
15 | "*.{scss,js}": [
16 | "prettier --write",
17 | "git add"
18 | ]
19 | },
20 | "husky": {
21 | "hooks": {
22 | "precommit": "lint-staged"
23 | }
24 | },
25 | "devDependencies": {
26 | "eslint": "^5.11.0",
27 | "eslint-config-dgeibi": "^5.1.1",
28 | "husky": "^1.2.1",
29 | "lint-staged": "^8.1.0",
30 | "prettier": "^1.15.3"
31 | },
32 | "workspaces": [
33 | "packages/*"
34 | ],
35 | "prettier": {
36 | "semi": false,
37 | "singleQuote": true,
38 | "trailingComma": "es5",
39 | "printWidth": 90
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/global/redux.js:
--------------------------------------------------------------------------------
1 | import { createStore, applyMiddleware, compose } from 'redux'
2 | import { routerMiddleware as createRouterMiddleware } from 'connected-react-router'
3 | import createHistory from 'history/createHashHistory'
4 | import makeReducer from './reducer'
5 |
6 | const history = createHistory()
7 | const RouterMiddleware = createRouterMiddleware(history)
8 |
9 | const middlewares = [
10 | applyMiddleware(RouterMiddleware),
11 | process.env.NODE_ENV !== 'production' && require('./devToolsMiddleware').default,
12 | ].filter(Boolean)
13 |
14 | const finalCreateStore = compose(...middlewares)(createStore)
15 |
16 | const configureStore = initialState => {
17 | const store = finalCreateStore(makeReducer(history), initialState)
18 |
19 | if (process.env.NODE_ENV !== 'production' && module.hot) {
20 | module.hot.accept('./reducer', () => {
21 | store.replaceReducer(makeReducer(history))
22 | })
23 | }
24 |
25 | return store
26 | }
27 |
28 | export { history, configureStore }
29 |
--------------------------------------------------------------------------------
/packages/p2p-chat-utils/get-port.js:
--------------------------------------------------------------------------------
1 | const net = require('net')
2 | /* eslint-disable no-param-reassign, no-bitwise */
3 | /* base-on get-port getport */
4 |
5 | function getport(opts, callback) {
6 | if (!callback) throw TypeError('callback required')
7 | opts = opts || { start: 2000, end: 50000 }
8 | opts.start |= 0
9 | opts.end |= 0
10 | opts.start = opts.start < 2000 ? 2000 : opts.start
11 | opts.end = opts.end < 2000 ? 50000 : opts.end
12 |
13 | const { start, end } = opts
14 |
15 | if (start >= end) {
16 | callback(Error('out of ports'))
17 | return
18 | }
19 |
20 | const server = net.createServer()
21 |
22 | server.unref()
23 | server.on('error', () => {
24 | opts.start += 1
25 | getport(opts, callback)
26 | })
27 |
28 | server.listen(start, () => {
29 | if (server.address().port !== start) {
30 | opts.start += 1
31 | getport(opts, callback)
32 | server.close()
33 | return
34 | }
35 | server.close(() => {
36 | callback(null, start)
37 | })
38 | })
39 | }
40 |
41 | module.exports = getport
42 |
--------------------------------------------------------------------------------
/packages/p2p-chat-utils/md5.js:
--------------------------------------------------------------------------------
1 | const fs = require('fs')
2 | const crypto = require('crypto')
3 |
4 | /**
5 | * Get md5sum of file
6 | * @param {string} filepath full path of file
7 | * @param {boolean} strict whether check `file` is a file
8 | * @param {function(?Error, string)} callback
9 | */
10 | const file = (filepath, strict, callback) => {
11 | if (strict) {
12 | let stats
13 | try {
14 | stats = fs.statSync(filepath)
15 | } catch (err) {
16 | callback(err)
17 | return
18 | }
19 | if (!stats.isFile()) {
20 | callback(Error(`${filepath} is not a file`))
21 | return
22 | }
23 | }
24 |
25 | fs.createReadStream(filepath)
26 | .pipe(crypto.createHash('md5').setEncoding('hex'))
27 | .on('finish', function finished() {
28 | callback(null, this.read())
29 | })
30 | }
31 |
32 | /**
33 | * Get md5 checksum of data
34 | * @param {(string|Buffer)} data
35 | * @returns {string}
36 | */
37 | const dataSync = data =>
38 | crypto
39 | .createHash('md5')
40 | .update(data)
41 | .digest('hex')
42 |
43 | module.exports = {
44 | dataSync,
45 | file,
46 | }
47 |
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2017 dgeibi
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/p2p-chat/src/components/Settings/Login/redux.js:
--------------------------------------------------------------------------------
1 | import { ipcRenderer } from 'electron'
2 | import { push } from 'connected-react-router'
3 |
4 | import createReducer from '../../../utils/createReducer'
5 | import getConstants from '../../../utils/constants'
6 |
7 | const TYPES = {
8 | UPDATE_SETTINGS: '',
9 | LOGOUT: '',
10 | }
11 |
12 | getConstants(TYPES, 'LOGIN')
13 | const initialState = {
14 | username: 'anonymous',
15 | port: 8087,
16 | logined: false,
17 | }
18 |
19 | const reducerMap = {
20 | [TYPES.UPDATE_SETTINGS](state, action) {
21 | return {
22 | ...state,
23 | ...action.payload,
24 | logined: true,
25 | }
26 | },
27 | [TYPES.LOGOUT](state) {
28 | return {
29 | ...state,
30 | logined: false,
31 | }
32 | },
33 | }
34 |
35 | export default createReducer(reducerMap, initialState)
36 |
37 | export const logout = () => {
38 | ipcRenderer.send('logout')
39 | return {
40 | type: TYPES.LOGOUT,
41 | }
42 | }
43 |
44 | export const updateSettings = id => ({
45 | type: TYPES.UPDATE_SETTINGS,
46 | payload: id,
47 | })
48 |
49 | export const backToRoot = () => push('/')
50 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Logs
2 | logs
3 | *.log
4 | npm-debug.log*
5 | yarn-debug.log*
6 | yarn-error.log*
7 |
8 | # Runtime data
9 | pids
10 | *.pid
11 | *.seed
12 | *.pid.lock
13 |
14 | # Directory for instrumented libs generated by jscoverage/JSCover
15 | lib-cov
16 |
17 | # Coverage directory used by tools like istanbul
18 | coverage
19 |
20 | # nyc test coverage
21 | .nyc_output
22 |
23 | # Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
24 | .grunt
25 |
26 | # Bower dependency directory (https://bower.io/)
27 | bower_components
28 |
29 | # node-waf configuration
30 | .lock-wscript
31 |
32 | # Compiled binary addons (http://nodejs.org/api/addons.html)
33 | build/Release
34 |
35 | # Dependency directories
36 | node_modules/
37 | jspm_packages/
38 |
39 | # Typescript v1 declaration files
40 | typings/
41 |
42 | # Optional npm cache directory
43 | .npm
44 |
45 | # Optional eslint cache
46 | .eslintcache
47 |
48 | # Optional REPL history
49 | .node_repl_history
50 |
51 | # Output of 'npm pack'
52 | *.tgz
53 |
54 | # Yarn Integrity file
55 | .yarn-integrity
56 |
57 | # dotenv environment variables file
58 | .env
59 |
60 | dist/
61 | assets/
62 |
--------------------------------------------------------------------------------
/packages/p2p-chat/config/devServer.js:
--------------------------------------------------------------------------------
1 | const { spawn } = require('child_process')
2 | const webpack = require('webpack')
3 | const logger = require('p2p-chat-logger')
4 |
5 | class StartElectron {
6 | apply(compiler) {
7 | compiler.hooks.done.tap('selfdone', () => {
8 | if (this.started) return
9 | this.started = true
10 | spawn('electron .', {
11 | shell: true,
12 | env: Object.assign(
13 | {
14 | DEV_PORT: compiler.options.devServer.port,
15 | },
16 | process.env
17 | ),
18 | stdio: 'inherit',
19 | })
20 | .on('close', () => process.exit(0))
21 | .on('error', spawnError => logger.error(spawnError))
22 | })
23 | }
24 | }
25 |
26 | module.exports = options => wtf => {
27 | wtf.plugin(webpack.HotModuleReplacementPlugin)
28 | wtf.plugin(StartElectron)
29 | // eslint-disable-next-line no-param-reassign
30 | wtf.config.devServer = Object.assign(
31 | wtf.config.devServer,
32 | {
33 | disableHostCheck: true,
34 | hot: true,
35 | stats: {
36 | colors: true,
37 | chunks: false,
38 | children: false,
39 | },
40 | },
41 | options
42 | )
43 | }
44 |
--------------------------------------------------------------------------------
/packages/p2p-chat-utils/ensure-unique-filename.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-constant-condition, no-param-reassign */
2 | const fs = require('fs')
3 | const path = require('path')
4 |
5 | /**
6 | * Get Unique filename that do not exist in disk
7 | * @return {string}
8 | * @param {string} filepath
9 | */
10 | const ensureUnique = filepath => {
11 | do {
12 | if (fs.existsSync(filepath)) {
13 | const dirname = path.dirname(filepath)
14 | const basename = path.basename(filepath)
15 |
16 | const arr = basename.split('.')
17 |
18 | if (arr.length === 1) {
19 | arr.push(1)
20 | } else if (arr.length === 2) {
21 | const n = Number(arr[1])
22 | if (Number.isNaN(n)) {
23 | arr.splice(1, 0, '1')
24 | } else {
25 | arr[1] = n + 1
26 | }
27 | } else {
28 | let idx = arr.length - 2
29 | let n = Number(arr[idx])
30 | if (!Number.isNaN(n)) {
31 | arr[idx] = n + 1
32 | } else {
33 | idx += 1
34 | n = Number(arr[idx])
35 | if (!Number.isNaN(n)) {
36 | arr[idx] = n + 1
37 | } else {
38 | arr.splice(arr.length - 1, 0, '1')
39 | }
40 | }
41 | }
42 | filepath = path.join(dirname, arr.join('.'))
43 | } else {
44 | break
45 | }
46 | } while (true)
47 | return filepath
48 | }
49 |
50 | module.exports = ensureUnique
51 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/components/Chatting/FilePanel/FileInfo.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Button } from 'antd'
3 | import PropTypes from 'prop-types'
4 |
5 | import Card from '../../Common/CustomCard'
6 | import { formatSize } from '../../../utils/format'
7 | import styles from './FileReceive.scss'
8 | import { fileLoadStates } from './constants'
9 |
10 | const FileInfo = ({ filename, accept, ignore, size, username, status }) => (
11 |
12 |
13 |
14 | {filename}
15 |
16 |
17 | {formatSize(size)} by {username}
18 |
19 | {fileLoadStates.waitting === status ? (
20 | 'waiting to receive..'
21 | ) : (
22 |
23 |
24 | {' '}
27 |
30 |
31 | )}
32 |
26 |
27 |
28 |
29 |
30 |
31 | }
34 | />
35 | {getDevTool()}
36 |
37 |
38 |
39 |
40 | )
41 |
42 | App.propTypes = {
43 | store: PropTypes.object.isRequired,
44 | history: PropTypes.object.isRequired,
45 | }
46 |
47 | export default hot(module)(App)
48 |
--------------------------------------------------------------------------------
/packages/p2p-chat/config/main.config.js:
--------------------------------------------------------------------------------
1 | const path = require('path')
2 | const Config = require('wtf-webpack-config')
3 | const depExternals = require('./dep-externals')
4 | const analyzer = require('./analyzer')
5 | const pkg = require('../package.json')
6 |
7 | module.exports = (env = {}) => {
8 | const PROD = env.production === true
9 | const mode = PROD ? 'production' : 'development'
10 | const PUBLIC_PATH = PROD ? '' : '/'
11 | const SRC_DIR = path.join(__dirname, '../main')
12 | const OUTPUT_DIR = path.join(__dirname, '..')
13 | const defaultInclude = [SRC_DIR]
14 |
15 | const config = new Config({
16 | optimization: {
17 | minimize: false,
18 | },
19 | devtool: env.debug ? 'eval' : 'source-map',
20 | mode,
21 | entry: {
22 | index: `${SRC_DIR}/index.js`,
23 | worker: `${SRC_DIR}/worker.js`,
24 | },
25 | output: {
26 | path: OUTPUT_DIR,
27 | filename: '[name].js',
28 | publicPath: PUBLIC_PATH,
29 | },
30 | target: 'electron-main',
31 | node: {
32 | console: false,
33 | global: false,
34 | process: false,
35 | Buffer: false,
36 | __filename: false,
37 | __dirname: false,
38 | setImmediate: false,
39 | },
40 | externals: [depExternals(pkg.dependencies)],
41 | })
42 | .rule({
43 | test: /\.js$/,
44 | include: defaultInclude,
45 | loader: 'babel-loader',
46 | options: {
47 | babelrc: false,
48 | presets: [
49 | [
50 | '@babel/env',
51 | {
52 | targets: {
53 | electron: '4.0.0',
54 | },
55 | modules: false,
56 | useBuiltIns: 'usage',
57 | shippedProposals: true,
58 | },
59 | ],
60 | ],
61 | },
62 | })
63 | .use(analyzer, Boolean(env.report))
64 |
65 | return config.toConfig()
66 | }
67 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/components/Chatting/FilePanel/FileReceive.js:
--------------------------------------------------------------------------------
1 | import React from 'react'
2 | import { Progress } from 'antd'
3 | import { shell } from 'electron'
4 | import { dirname } from 'path'
5 | import PropTypes from 'prop-types'
6 |
7 | import Card from '../../Common/CustomCard'
8 | import { fileLoadStates } from './constants'
9 | import { formatSize, formatSpeed, formatPercent } from '../../../utils/format'
10 | import styles from './FileReceive.scss'
11 |
12 | const openFile = filepath => () => {
13 | shell.openItem(filepath)
14 | }
15 | const openDir = filepath => openFile(dirname(filepath))
16 |
17 | const { success, active, exception } = fileLoadStates
18 |
19 | const FileReceive = ({
20 | username,
21 | size,
22 | filename,
23 | error,
24 | speed,
25 | percent,
26 | status,
27 | filepath,
28 | }) => (
29 |
30 |
31 |
32 | {status === success ?
{filename} : filename}
33 |
34 |
35 | {formatSize(size)} by {username}
36 |
37 | {status === active &&
{formatSpeed(speed)}
}
38 | {status === exception &&
{error.message}
}
39 | {status !== success && (
40 |
41 | )}
42 | {status === success && (
43 |
47 | )}
48 |
42 | {messages.map(msg => {
43 | const props = { key: msg.uid }
44 | if (msg.alert) {
45 | const { message, description, alert } = msg
46 | return (
47 |
55 | )
56 | }
57 | if (msg.text) {
58 | props.myName = username
59 | return
60 | }
61 | return null
62 | })}
63 |
47 |
48 |
49 |
50 | {filesArr.map(msg => {
51 | const { type, id, checksum, key, ...payload } = msg
52 | switch (type) {
53 | case cardTypes.RECEIVE:
54 | return
55 | case cardTypes.INFO:
56 | return (
57 |
63 | )
64 | default:
65 | return null
66 | }
67 | })}
68 |
68 |
69 |
70 | )
71 | }
72 | }
73 |
74 | export default Aside
75 |
--------------------------------------------------------------------------------
/packages/p2p-chat/main/worker.js:
--------------------------------------------------------------------------------
1 | import chat from 'p2p-chat-core'
2 | import makePlainError from './makePlainError'
3 |
4 | const postToMain = (key, payload) => {
5 | process.send({
6 | key,
7 | payload,
8 | })
9 | }
10 |
11 | process.on('exit', () => {
12 | if (chat.active) chat.exit()
13 | })
14 |
15 | process.on('uncaughtException', err => {
16 | process.send({ act: 'suicide', error: makePlainError(err) })
17 |
18 | chat.exit(() => {
19 | process.exit(1)
20 | })
21 |
22 | setTimeout(() => {
23 | process.exit(1)
24 | }, 5000)
25 | })
26 |
27 | process.on('message', message => {
28 | const { key, payload } = message
29 | switch (key) {
30 | case 'change-setting': {
31 | chat.connectServers(payload)
32 | break
33 | }
34 | case 'setup': {
35 | chat.setup(payload, (err, id) => {
36 | postToMain('setup-reply', { error: makePlainError(err), id })
37 | })
38 | break
39 | }
40 | case 'logout': {
41 | chat.exit(err => {
42 | postToMain('logout-reply', { error: makePlainError(err) })
43 | })
44 | break
45 | }
46 | case 'local-text': {
47 | chat.textToUsers(payload)
48 | break
49 | }
50 | case 'local-file': {
51 | chat.sendFileToUsers(payload)
52 | break
53 | }
54 | case 'accept-file': {
55 | chat.acceptFile(payload)
56 | break
57 | }
58 | case 'create-channel': {
59 | chat.createChannel(payload)
60 | break
61 | }
62 | default:
63 | break
64 | }
65 | })
66 |
67 | const C2M = key => {
68 | chat.on(key, payload => {
69 | if (payload && typeof payload === 'object' && payload.error) {
70 | // eslint-disable-next-line no-param-reassign
71 | payload.error = makePlainError(payload.error)
72 | }
73 | postToMain(key, payload)
74 | })
75 | }
76 |
77 | chat.on('error', e => {
78 | postToMain('chat-error', {
79 | error: makePlainError(e),
80 | })
81 | })
82 |
83 | C2M('logout')
84 | C2M('login')
85 | C2M('text')
86 | C2M('text-sent')
87 | C2M('fileinfo')
88 | C2M('file-receiced')
89 | C2M('file-receive-fail')
90 | C2M('file-sent')
91 | C2M('file-send-fail')
92 | C2M('file-unable-to-send')
93 | C2M('file-process-start')
94 | C2M('file-processing')
95 | C2M('file-process-done')
96 | C2M('channel-create')
97 |
--------------------------------------------------------------------------------
/packages/p2p-chat-utils/ipset.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-use-before-define */
2 |
3 | /**
4 | * IP-Port set
5 | */
6 | function IPset(initalStore) {
7 | let store = initalStore || {}
8 |
9 | const self = {
10 | add,
11 | remove,
12 | has,
13 | reset,
14 | forEach,
15 | getStore,
16 | mergeStore,
17 | excludeStore,
18 | }
19 |
20 | /**
21 | * add address to ipset
22 | * @param {string} host
23 | * @param {number} port
24 | */
25 | function add(host, port) {
26 | if (typeof host !== 'string') throw TypeError('host should be a string')
27 | const portnum = Math.trunc(port)
28 | if (Number.isNaN(portnum)) {
29 | throw TypeError('port should be a integer')
30 | }
31 | if (store[host] === undefined) store[host] = {}
32 | store[host][portnum] = true
33 | return self
34 | }
35 |
36 | /**
37 | * remove address from ipset
38 | * @param {string} host
39 | * @param {number} port
40 | */
41 | function remove(host, port) {
42 | if (store[host] !== undefined) {
43 | store[host][port] = false
44 | }
45 | return self
46 | }
47 |
48 | /**
49 | * check whether has `host:port` in ipset
50 | * @param {string} host
51 | * @param {number} port
52 | */
53 | function has(host, port) {
54 | if (store[host] === undefined) return false
55 | if (store[host][port]) return true
56 | return false
57 | }
58 |
59 | /**
60 | * reset ipset
61 | */
62 | function reset(s) {
63 | store = s || {}
64 | return self
65 | }
66 |
67 | /**
68 | * invoke function with all addresses
69 | * @param {function(string, number)} fn
70 | */
71 | function forEach(fn) {
72 | Object.keys(store).forEach(host => {
73 | const portStore = store[host]
74 | Object.keys(portStore).forEach(portStr => {
75 | const port = +portStr
76 | const exists = portStore[portStr]
77 | if (exists) {
78 | fn(host, port)
79 | }
80 | })
81 | })
82 | return self
83 | }
84 |
85 | function getStore() {
86 | return store
87 | }
88 |
89 | function mergeStore(s) {
90 | const ipset = IPset(s)
91 | ipset.forEach((host, port) => {
92 | add(host, port)
93 | })
94 | return self
95 | }
96 |
97 | function excludeStore(s) {
98 | const ipset = IPset(s)
99 | ipset.forEach((host, port) => {
100 | if (has(host, port)) {
101 | remove(host, port)
102 | }
103 | })
104 | return self
105 | }
106 |
107 | return self
108 | }
109 |
110 | module.exports = IPset
111 |
--------------------------------------------------------------------------------
/packages/p2p-chat-core/lib/actions.js:
--------------------------------------------------------------------------------
1 | const logger = require('p2p-chat-logger')
2 | const each = require('p2p-chat-utils/each')
3 | const pickByMap = require('p2p-chat-utils/pickByMap')
4 |
5 | const ensureMergeIPset = require('./ensureMergeIPset')
6 | const { connectRange, connectScatter } = require('./connect')
7 | const fileInfoPool = require('./fileInfoPool')
8 | const msgTypes = require('./msgTypes')
9 |
10 | module.exports = superClass =>
11 | class Actions extends superClass {
12 | /**
13 | * 发送文本
14 | * @param {Array} tags
15 | * @param {string} text
16 | */
17 | textToUsers(opts) {
18 | const { tags, payload } = opts
19 | const message = Object.assign(this.getMessage(), payload)
20 | message.type = msgTypes.TEXT
21 | each(this.clients, tags, socket => {
22 | socket.send(message)
23 | })
24 | this.emit('text-sent', Object.assign({ tag: tags[0] }, payload))
25 | }
26 |
27 | /**
28 | * 发送文件
29 | * @param {Array} tags
30 | * @param {string} filepath
31 | */
32 | sendFileToUsers(opts) {
33 | const { tags, filepath, payload } = opts
34 | const msg = Object.assign(this.getMessage(), payload)
35 |
36 | fileInfoPool.getInfoMsg(filepath, msg, (error, message) => {
37 | if (error) {
38 | logger.err('file-unable-to-send', error)
39 | this.emit('file-unable-to-send', { error })
40 | return
41 | }
42 | each(this.clients, tags, socket => {
43 | socket.send(message)
44 | })
45 | })
46 | }
47 |
48 | // 同意接收文件
49 | acceptFile(opts) {
50 | const { tag, payload } = opts
51 | const { id } = payload
52 | const socket = this.clients[tag]
53 | if (socket) {
54 | const message = Object.assign(this.getMessage(), payload)
55 | message.type = msgTypes.FILE_ACCEPTED
56 | this.files.add(id)
57 | socket.send(message)
58 | }
59 | }
60 |
61 | getOnlineUser() {
62 | const infos = pickByMap(this.clients, {
63 | tag: ['info', 'tag'],
64 | username: ['info', 'username'],
65 | })
66 | return infos
67 | }
68 |
69 | confirmFileReceived(id) {
70 | this.files.remove(id)
71 | }
72 |
73 | createChannel(opts) {
74 | const { payload, tags } = opts
75 | const message = Object.assign(this.getMessage(), payload)
76 | message.type = msgTypes.CHANNEL_CREATE
77 |
78 | each(this.clients, tags, socket => {
79 | socket.send(message)
80 | })
81 | }
82 |
83 | /**
84 | * 连接其它服务器
85 | * @param {setupPayload} opts
86 | */
87 | connectServers(opts) {
88 | if (!this.server.listening) return
89 |
90 | ensureMergeIPset(opts)
91 | connectRange(opts, this.address)
92 | connectScatter(opts, this.address)
93 | this.connectIPset(opts.ipset)
94 | }
95 | }
96 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/components/Settings/Login/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import { Input, Form, Button } from 'antd'
3 | import { ipcRenderer } from 'electron'
4 | import PropTypes from 'prop-types'
5 |
6 | import { validPort, validName } from '../validators'
7 | import Modal from '../../Common/Modal'
8 |
9 | function FormItem(props) {
10 | const formItemLayout = {
11 | labelCol: { span: 4 },
12 | wrapperCol: { span: 14 },
13 | }
14 | return
15 | }
16 |
17 | const validForm = (form, callback) => {
18 | form.validateFields((err, options) => {
19 | if (err) {
20 | callback(err)
21 | return
22 | }
23 | ipcRenderer.send('setup', options)
24 | callback()
25 | })
26 | }
27 |
28 | @Form.create()
29 | class Login extends Component {
30 | static propTypes = {
31 | hide: PropTypes.func.isRequired,
32 | visible: PropTypes.bool.isRequired,
33 | form: PropTypes.object.isRequired,
34 | port: PropTypes.number.isRequired,
35 | username: PropTypes.string.isRequired,
36 | }
37 |
38 | handleCancel = () => {
39 | this.props.hide()
40 | }
41 |
42 | handleCreate = () => {
43 | const { form } = this.props
44 | validForm(form, err => {
45 | if (!err) {
46 | this.props.form.resetFields()
47 | this.props.hide()
48 | }
49 | })
50 | }
51 |
52 | render() {
53 | const { getFieldDecorator } = this.props.form
54 | const { visible } = this.props
55 | const footer = (
56 |
59 | )
60 | return (
61 |
68 |
97 |
98 | )
99 | }
100 | }
101 |
102 | export default Login
103 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/global/ipc.js:
--------------------------------------------------------------------------------
1 | import { ipcRenderer } from 'electron'
2 | import replaceable from 'p2p-chat-utils/event-replaceable'
3 | import { loginActions } from '../views/SettingsRedux'
4 | import { chatListActions } from '../views/AsideRedux'
5 | import { dialogActions, filePanelActions } from '../views/ChattingRedux'
6 | import { showError, showInfo } from '../utils/message'
7 | import hot from '../utils/hot'
8 |
9 | function listeners(on, dispatch) {
10 | on('setup-reply', (event, { error, id }) => {
11 | if (!error) {
12 | dispatch(loginActions.updateSettings(id))
13 | dispatch(chatListActions.show())
14 | dispatch(dialogActions.restoreDialog(id.tag))
15 | } else {
16 | showError(error)
17 | }
18 | })
19 |
20 | on('logout-reply', (event, { error }) => {
21 | dispatch({ type: 'LOGOUT' })
22 | if (error) {
23 | showError(error)
24 | } else {
25 | showInfo('Logouted.')
26 | }
27 | })
28 |
29 | on('worker-err', (event, { error }) => {
30 | showError(error)
31 | })
32 |
33 | on('chat-error', (event, { error }) => {
34 | console.error(error.stack)
35 | })
36 |
37 | on('text', (event, message) => {
38 | dispatch(dialogActions.newMessage(message))
39 | })
40 |
41 | on('text-sent', (event, message) => {
42 | dispatch(dialogActions.textSent(message))
43 | })
44 |
45 | // file send
46 | on('file-sent', (event, info) => {
47 | dispatch(dialogActions.fileSentNotice(info))
48 | })
49 |
50 | on('file-send-fail', (event, info) => {
51 | dispatch(dialogActions.fileSendError(info))
52 | })
53 |
54 | on('file-unable-to-send', (event, { error }) => {
55 | showError(error)
56 | })
57 |
58 | // file receive
59 | on('fileinfo', (event, message) => {
60 | dispatch(filePanelActions.fileCome(message))
61 | })
62 |
63 | on('file-process-start', (event, message) => {
64 | dispatch(filePanelActions.fileStart(message))
65 | })
66 |
67 | on('file-processing', (event, message) => {
68 | dispatch(filePanelActions.fileProcessing(message))
69 | })
70 |
71 | on('file-process-done', (event, message) => {
72 | dispatch(filePanelActions.fileEnd(message))
73 | })
74 |
75 | on('file-receive-fail', (event, message) => {
76 | dispatch(filePanelActions.fileReceiveError(message))
77 | })
78 |
79 | on('file-receiced', (event, message) => {
80 | dispatch(filePanelActions.fileReceived(message))
81 | })
82 |
83 | on('logout', (event, message) => {
84 | if (message.error && message.error.code !== 'ECONNRESET') {
85 | dispatch(dialogActions.socketError(message))
86 | }
87 | })
88 | }
89 |
90 | let replace
91 |
92 | export default (...args) => {
93 | replace = replaceable({
94 | args,
95 | emitter: ipcRenderer,
96 | callback: listeners,
97 | disable: !module.hot,
98 | })
99 | }
100 |
101 | hot({
102 | sourceModule: module,
103 | replaceGetter: () => replace,
104 | args: [listeners],
105 | })
106 |
--------------------------------------------------------------------------------
/packages/p2p-chat-core/lib/fileInfoPool.js:
--------------------------------------------------------------------------------
1 | const fs = require('fs')
2 | const path = require('path')
3 | const net = require('net')
4 |
5 | const md5 = require('p2p-chat-utils/md5')
6 | const enhanceSocket = require('./enhanceSocket')
7 |
8 | let messages = {}
9 |
10 | /**
11 | * Get `fileinfo` message
12 | * @param {string} filepath - full file path
13 | * @param {object} message - message template
14 | * @param {function(Error, object)} callback
15 | */
16 | function getInfoMsg(filepath, message, callback) {
17 | fs.stat(filepath, (err, stats) => {
18 | if (err || !stats.isFile()) {
19 | callback(Error(`${filepath} is not a file`))
20 | return
21 | }
22 | const { size } = stats
23 | if (size === 0) {
24 | callback(Error(`${filepath} is empty file`))
25 | return
26 | }
27 | md5.file(filepath, false, (md5Error, checksum) => {
28 | if (md5Error) {
29 | callback(md5Error)
30 | return
31 | }
32 | const filename = path.basename(filepath)
33 | const fileInfoMessage = Object.assign(message, {
34 | type: 'fileinfo',
35 | filename,
36 | checksum,
37 | size,
38 | })
39 | messages[checksum] = Object.assign({}, message, {
40 | filepath,
41 | type: 'file',
42 | })
43 | callback(null, fileInfoMessage)
44 | })
45 | })
46 | }
47 |
48 | /**
49 | * 发送文件
50 | * @param {string} checksum
51 | * @param {object} options connect options
52 | * @param {function(?Error, ?string)} callback
53 | */
54 | function send(checksum, payload, options, callback) {
55 | if (!messages[checksum]) {
56 | callback(Error(`file not loaded from ${checksum}`))
57 | return
58 | }
59 | const fileMsg = Object.assign({}, payload, messages[checksum])
60 | const { filepath, filename } = fileMsg
61 | fs.stat(filepath, (err, stats) => {
62 | if (err) {
63 | callback(Error(`fail to read file ${filepath}`), filename)
64 | return
65 | }
66 |
67 | const { size } = stats
68 | if (size === 0) {
69 | callback(Error(`${filepath} is empty file`), filename)
70 | } else if (size !== fileMsg.size) {
71 | callback(Error(`${filepath} size changed`), filename)
72 | } else {
73 | delete fileMsg.filepath
74 |
75 | net
76 | .connect(
77 | options,
78 | function handler() {
79 | const socket = this
80 | enhanceSocket({ socket })
81 | fileMsg.bodyLength = fileMsg.size
82 | socket.send(fileMsg)
83 | const readStream = fs.createReadStream(filepath)
84 | readStream.pipe(socket)
85 | readStream.once('end', () => {
86 | socket.end()
87 | socket.once('close', () => {
88 | callback(null, filename)
89 | })
90 | })
91 | }
92 | )
93 | .on('error', e => {
94 | callback(e, filename)
95 | })
96 | }
97 | })
98 | }
99 |
100 | function destory() {
101 | messages = {}
102 | }
103 |
104 | module.exports = {
105 | getInfoMsg,
106 | send,
107 | destory,
108 | }
109 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/components/Settings/ConnectRange/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import { ipcRenderer } from 'electron'
3 | import { Input, Form } from 'antd'
4 | import PropTypes from 'prop-types'
5 |
6 | import { validAddress, validPort } from '../validators'
7 | import Modal from '../../Common/Modal'
8 |
9 | const FormItem = Form.Item
10 |
11 | const validForm = (form, callback) => {
12 | form.validateFields((err, values) => {
13 | if (err) {
14 | callback(err)
15 | return
16 | }
17 | ipcRenderer.send('change-setting', values)
18 | callback()
19 | })
20 | }
21 |
22 | @Form.create()
23 | class ConnectRange extends Component {
24 | static propTypes = {
25 | hide: PropTypes.func.isRequired,
26 | visible: PropTypes.bool.isRequired,
27 | form: PropTypes.object.isRequired,
28 | }
29 |
30 | handleCancel = () => {
31 | this.props.hide()
32 | }
33 |
34 | handleCreate = () => {
35 | const { form, hide } = this.props
36 | validForm(form, err => {
37 | if (!err) {
38 | form.resetFields()
39 | hide()
40 | }
41 | })
42 | }
43 |
44 | render() {
45 | const { visible } = this.props
46 | const { getFieldDecorator } = this.props.form
47 |
48 | return (
49 |
57 |
103 |
104 | )
105 | }
106 | }
107 |
108 | export default ConnectRange
109 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/views/Chatting.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import { bindActionCreators } from 'redux'
3 | import { connect } from 'react-redux'
4 | import { basename } from 'path'
5 | import { createSelector } from 'reselect'
6 | import PropTypes from 'prop-types'
7 |
8 | import Dialog from '../components/Chatting/Dialog'
9 | import FilePanel from '../components/Chatting/FilePanel'
10 | import { selectInfo } from '../selectors/chatInfo'
11 | import * as actions from './ChattingRedux'
12 |
13 | const emptyArray = []
14 | const emptyObject = {}
15 |
16 | function select(state, ownProps, fleid) {
17 | const { type, key } = ownProps.match.params
18 | if (!type) return null
19 | if (!fleid) return state[type][key]
20 | if (!state[type][key]) return null
21 | return state[type][key][fleid]
22 | }
23 |
24 | const selectType = (state, props) => props.match.params.type
25 | const selectKey = (state, props) => props.match.params.key
26 |
27 | const selectChannelUsers = (state, props) => {
28 | if (props.match.params.type !== 'channel') return null
29 | return state.aside.chatList.channels[props.match.params.key].users
30 | }
31 |
32 | const selectID = createSelector(
33 | [selectType, selectKey, selectChannelUsers],
34 | (type, key, users) => {
35 | if (type === 'channel') {
36 | return {
37 | type,
38 | key,
39 | tags: Object.keys(users),
40 | channel: key,
41 | }
42 | } else if (type === 'user') {
43 | return {
44 | type,
45 | key,
46 | tags: [key],
47 | }
48 | }
49 | return null
50 | }
51 | )
52 |
53 | const fileMapper = filepath => ({
54 | uid: filepath,
55 | path: filepath,
56 | name: basename(filepath),
57 | })
58 |
59 | const selectFilePaths = (state, props) =>
60 | select(state.chatting.dialog, props, 'filePaths')
61 | const selectFileList = createSelector(
62 | [selectFilePaths],
63 | filePaths => {
64 | if (!filePaths) return emptyArray
65 | return filePaths.map(fileMapper)
66 | }
67 | )
68 |
69 | @connect(
70 | (state, ownProps) => {
71 | const { dialog, filePanel } = state.chatting
72 | return {
73 | dialogProps: {
74 | username: state.settings.login.username,
75 | messages: select(dialog, ownProps, 'messages') || emptyArray,
76 | text: select(dialog, ownProps, 'text') || '',
77 | fileList: selectFileList(state, ownProps),
78 | info: selectInfo(state, ownProps),
79 | },
80 | id: selectID(state, ownProps),
81 | files: select(filePanel, ownProps) || emptyObject,
82 | }
83 | },
84 | dispatch => ({
85 | dialogActions: bindActionCreators(actions.dialogActions, dispatch),
86 | filePanelActions: bindActionCreators(actions.filePanelActions, dispatch),
87 | })
88 | )
89 | class Chatting extends Component {
90 | static propTypes = {
91 | dialogActions: PropTypes.object.isRequired,
92 | files: PropTypes.object.isRequired,
93 | filePanelActions: PropTypes.object.isRequired,
94 | id: PropTypes.object.isRequired,
95 | dialogProps: PropTypes.object.isRequired,
96 | }
97 |
98 | render() {
99 | const { dialogActions, files, filePanelActions, id, dialogProps } = this.props
100 | return (
101 |
102 |
105 |
106 | )
107 | }
108 | }
109 |
110 | export default Chatting
111 |
--------------------------------------------------------------------------------
/packages/p2p-chat/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "p2p-chat",
3 | "version": "1.6.0",
4 | "license": "MIT",
5 | "description": "a P2P LAN chatting and file sharing tool",
6 | "main": "index.js",
7 | "output": "assets",
8 | "author": "dgeibi ",
9 | "private": true,
10 | "homepage": "https://github.com/dgeibi/p2p-chat",
11 | "scripts": {
12 | "webpack:main": "webpack --config ./config/main.config.js --env.debug",
13 | "serve": "webpack-dev-server --progress --config ./config/renderer.config.js --env.serve",
14 | "dev": "run-s webpack:main serve",
15 | "prod": "run-s clean webpack electron",
16 | "dist": "run-s clean webpack builder:*",
17 | "dist:linux": "run-s clean webpack builder:linux",
18 | "dist:win32": "run-s clean webpack builder:win32",
19 | "dist:win64": "run-s clean webpack builder:win64",
20 | "builder:linux": "build -l",
21 | "builder:win32": "node ./build/build-win-portable.js ia32",
22 | "builder:win64": "node ./build/build-win-portable.js x64",
23 | "clean": "rimraf dist assets",
24 | "webpack": "webpack --env.production",
25 | "webpack:report": "webpack --env.production --env.report",
26 | "electron": "electron ."
27 | },
28 | "keywords": [
29 | "electron-app",
30 | "electron",
31 | "p2p",
32 | "socket",
33 | "react",
34 | "redux"
35 | ],
36 | "dependencies": {
37 | "electron-store": "^2.0.0",
38 | "fs-extra": "^5.0.0",
39 | "ip-regex": "^3.0.0",
40 | "p2p-chat-core": "*",
41 | "p2p-chat-logger": "*",
42 | "p2p-chat-utils": "*"
43 | },
44 | "devDependencies": {
45 | "@babel/core": "^7.2.2",
46 | "@babel/preset-env": "^7.2.3",
47 | "@dgeibi/babel-preset-react-app": "2.0.4",
48 | "antd": "^3.11.4",
49 | "babel-core": "^7.0.0-bridge.0",
50 | "babel-loader": "^8.0.4",
51 | "babel-plugin-import": "^1.11.0",
52 | "connected-react-router": "^6.0.0",
53 | "css-loader": "^2.0.0",
54 | "cssnano": "^4.1.8",
55 | "dateformat": "^2.0.0",
56 | "electron": "^4.0.0",
57 | "electron-builder": "^20.38.0",
58 | "file-loader": "^3.0.0",
59 | "history": "^4.7.2",
60 | "html-webpack-plugin": "^3.2.0",
61 | "less": "^3.9.0",
62 | "less-loader": "^4.1.0",
63 | "lodash": "^4.17.11",
64 | "mini-css-extract-plugin": "^0.5.0",
65 | "npm-run-all": "^4.1.5",
66 | "postcss-loader": "^3.0.0",
67 | "postcss-scss": "^2.0.0",
68 | "precss": "^3.0.0",
69 | "prop-types": "15.6.2",
70 | "react": "16.7.0",
71 | "react-dom": "16.7.0",
72 | "react-hot-loader": "^4.6.3",
73 | "react-redux": "6.0.0",
74 | "react-router": "4.3.1",
75 | "react-router-dom": "4.3.1",
76 | "redux": "^4.0.1",
77 | "redux-actions": "^2.6.4",
78 | "redux-devtools": "^3.5.0",
79 | "redux-devtools-dock-monitor": "^1.1.3",
80 | "redux-devtools-log-monitor": "^1.4.0",
81 | "reselect": "^4.0.0",
82 | "rimraf": "^2.6.2",
83 | "style-loader": "^0.23.1",
84 | "webpack": "^4.28.2",
85 | "webpack-bundle-analyzer": "^3.0.3",
86 | "webpack-cli": "^3.1.2",
87 | "webpack-dev-server": "^3.1.13",
88 | "wtf-webpack-config": "^0.1.3"
89 | },
90 | "build": {
91 | "appId": "xyz.dgeibi.p2pchat",
92 | "files": [
93 | "!LICENSE",
94 | "!webpack-config/**",
95 | "!webpack.config.js",
96 | "!package-lock.json",
97 | "!src/**",
98 | "!main/**",
99 | "!report.html",
100 | "!public/**"
101 | ],
102 | "mac": {
103 | "category": "public.app-category.social-networking"
104 | },
105 | "linux": {
106 | "category": "Network",
107 | "target": [
108 | "AppImage",
109 | "deb"
110 | ]
111 | }
112 | }
113 | }
114 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/components/Aside/ChatList/redux.js:
--------------------------------------------------------------------------------
1 | import { push } from 'connected-react-router'
2 | import constants from '../../../utils/constants'
3 | import createReducer from '../../../utils/createReducer'
4 |
5 | const TYPES = {
6 | SETUP: '',
7 | ADD_USER: '',
8 | CHANGE_DIALOG: '',
9 | OFF_USER: '',
10 | ADD_CHANNLE: '',
11 | SHOW_LIST: '',
12 | HIDE_LIST: '',
13 | CLEAR_BADGE: '',
14 | INCREASE_BADGE: '',
15 | RESET: '',
16 | }
17 | constants(TYPES, 'ASIDE')
18 |
19 | const initalState = {
20 | users: {},
21 | channels: {},
22 | visible: false,
23 | }
24 |
25 | const reducerMap = {
26 | [TYPES.SETUP](state, action) {
27 | return {
28 | ...state,
29 | ...action.payload,
30 | }
31 | },
32 | [TYPES.OFF_USER](state, action) {
33 | return {
34 | ...state,
35 | users: {
36 | ...state.users,
37 | [action.payload.tag]: {
38 | ...state.users[action.payload.tag],
39 | ...action.payload,
40 | online: false,
41 | },
42 | },
43 | }
44 | },
45 | [TYPES.ADD_USER](state, action) {
46 | return {
47 | ...state,
48 | users: {
49 | ...state.users,
50 | [action.payload.tag]: {
51 | ...state.users[action.payload.tag],
52 | ...action.payload,
53 | online: true,
54 | },
55 | },
56 | }
57 | },
58 | [TYPES.ADD_CHANNLE](state, action) {
59 | return {
60 | ...state,
61 | channels: {
62 | ...state.channels,
63 | [action.payload.key]: action.payload,
64 | },
65 | }
66 | },
67 | [TYPES.SHOW_LIST](state) {
68 | return {
69 | ...state,
70 | visible: true,
71 | }
72 | },
73 | [TYPES.HIDE_LIST](state) {
74 | return {
75 | ...state,
76 | visible: false,
77 | }
78 | },
79 | [TYPES.INCREASE_BADGE](state, action) {
80 | const { type, key } = action.id
81 | const types = `${type}s`
82 | return {
83 | ...state,
84 | [types]: {
85 | ...state[types],
86 | [key]: {
87 | ...state[types][key],
88 | badge: (state[types][key].badge || 0) + 1,
89 | },
90 | },
91 | }
92 | },
93 | [TYPES.CLEAR_BADGE](state, action) {
94 | const { type, key } = action.id
95 | const types = `${type}s`
96 | if (!state[types][key].badge) return state
97 | return {
98 | ...state,
99 | [types]: {
100 | ...state[types],
101 | [key]: {
102 | ...state[types][key],
103 | badge: 0,
104 | },
105 | },
106 | }
107 | },
108 | [TYPES.RESET]() {
109 | return { ...initalState }
110 | },
111 | }
112 |
113 | export default createReducer(reducerMap, initalState)
114 |
115 | export const setup = ({ users, channels }) => ({
116 | type: TYPES.SETUP,
117 | payload: { users, channels },
118 | })
119 |
120 | export const addUser = message => ({
121 | type: TYPES.ADD_USER,
122 | payload: message,
123 | })
124 |
125 | export const offUser = message => ({
126 | type: TYPES.OFF_USER,
127 | payload: message,
128 | })
129 |
130 | export const addChannel = channel => ({
131 | type: TYPES.ADD_CHANNLE,
132 | payload: channel,
133 | })
134 |
135 | export const show = () => ({
136 | type: TYPES.SHOW_LIST,
137 | })
138 |
139 | export const hide = () => ({
140 | type: TYPES.HIDE_LIST,
141 | })
142 |
143 | export const changeDialog = (type, key) => push(`/chat/${type}/${key}`)
144 |
145 | export const clearBadge = id => ({
146 | type: TYPES.CLEAR_BADGE,
147 | id,
148 | })
149 |
150 | export const increaseBadge = id => ({
151 | type: TYPES.INCREASE_BADGE,
152 | id,
153 | })
154 |
155 | export const reset = () => ({
156 | type: TYPES.RESET,
157 | })
158 |
--------------------------------------------------------------------------------
/packages/p2p-chat-core/lib/Chat.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-param-reassign, no-continue, no-underscore-dangle */
2 | const net = require('net')
3 | const { EventEmitter } = require('events')
4 | const logger = require('p2p-chat-logger')
5 | const each = require('p2p-chat-utils/each')
6 | const noop = require('p2p-chat-utils/noop')
7 |
8 | const login = require('./login')
9 | const ensureMergeIPset = require('./ensureMergeIPset')
10 | const Store = require('./Store')
11 | const socketHandler = require('./socketHandler')
12 | const actions = require('./actions')
13 | const fileInfoPool = require('./fileInfoPool')
14 | const defaultOpts = require('./defaultOpts')
15 |
16 | class Chat extends actions(socketHandler(EventEmitter)) {
17 | constructor() {
18 | super()
19 | this.clients = null
20 | this.active = false
21 | this.tag = null
22 | this.port = null
23 | this.address = null
24 | this.username = null
25 | this.files = new Store()
26 |
27 | this.downloadDir = 'Downloads'
28 | }
29 |
30 | setup(options, callback) {
31 | const opts = Object.assign({}, defaultOpts, options)
32 |
33 | // 已经处于启动状态，重新启动
34 | if (this.active) {
35 | // 保存用户地址/端口到 ipset
36 | opts.payload = opts.payload || {}
37 |
38 | // 退出后启动
39 | this.exit(err => {
40 | if (!err) {
41 | this.setup(options, callback)
42 | } else {
43 | callback(err)
44 | }
45 | })
46 | return
47 | }
48 |
49 | opts.port = Math.trunc(opts.port)
50 | if (Number.isNaN(opts.port) || opts.port < 2000 || opts.port > 59999) {
51 | callback(TypeError('port should be a integer (2000~59999)'))
52 | return
53 | }
54 | if (typeof opts.username !== 'string') {
55 | callback(TypeError('username should be a string'))
56 | return
57 | }
58 |
59 | login(opts, this._login(callback))
60 | }
61 |
62 | _setID({ port, username, tag, address, downloadDir }) {
63 | this.username = username
64 | this.port = port
65 | this.address = address
66 | this.tag = tag
67 | this.downloadDir = downloadDir || this.downloadDir
68 | this.clients = {}
69 | }
70 |
71 | _login(callback) {
72 | return (error, id) => {
73 | if (error) {
74 | callback(error)
75 | return
76 | }
77 |
78 | // id has props from opts
79 | this._setID(id)
80 |
81 | // 1. create server, sending data
82 | const server = net.createServer(this.handleSocket)
83 |
84 | const { host, port, username, tag, address, payload = {} } = id
85 |
86 | // 2. start listening
87 | server.listen({ port, host }, () => {
88 | this.server = server
89 | logger.verbose('>> opened server on', server.address())
90 | logger.verbose(`>> Hi! ${username}[${tag}]`)
91 |
92 | // 3. connect to other servers
93 | ensureMergeIPset(payload)
94 | this.connectServers(payload)
95 | this.active = true
96 | callback(null, {
97 | host,
98 | port,
99 | username,
100 | tag,
101 | address,
102 | })
103 | })
104 | }
105 | }
106 |
107 | destory(callback = noop) {
108 | this.files.destory()
109 | fileInfoPool.destory()
110 |
111 | each(this.clients, client => {
112 | client.end()
113 | client.destroy()
114 | })
115 |
116 | this.server.close(() => {
117 | this.active = false
118 | logger.verbose(`>> Bye! ${this.username}[${this.tag}]`)
119 | setImmediate(callback)
120 | // when reloading, why process.nextTick make the app slow
121 | // https://nodejs.org/en/docs/guides/event-loop-timers-and-nexttick/#process-nexttick
122 | // process.nextTick create a microtask, close event callback is also a microtask
123 | })
124 | }
125 |
126 | exit(callback = noop) {
127 | if (this.active) {
128 | this.destory(callback)
129 | } else {
130 | callback()
131 | }
132 | }
133 | }
134 |
135 | module.exports = Chat
136 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/components/Settings/Connect/index.js:
--------------------------------------------------------------------------------
1 | import { Form, Input, Icon, Button, Col } from 'antd'
2 | import React, { Component } from 'react'
3 | import { ipcRenderer } from 'electron'
4 | import PropTypes from 'prop-types'
5 |
6 | import Modal from '../../Common/Modal'
7 | import { validAddress, validPort } from '../validators'
8 |
9 | const InputGroup = Input.Group
10 | const FormItem = Form.Item
11 |
12 | let uuid = 0
13 |
14 | const validForm = (form, callback) => {
15 | form.validateFields((err, values) => {
16 | if (err) {
17 | callback(err)
18 | return
19 | }
20 |
21 | const connects = values.keys.map(i => {
22 | const port = Math.floor(values[`port-${i}`])
23 | const host = values[`address-${i}`]
24 | return { port, host }
25 | })
26 |
27 | if (connects.length > 0) {
28 | ipcRenderer.send('change-setting', { connects })
29 | }
30 |
31 | callback()
32 | })
33 | }
34 |
35 | @Form.create()
36 | class Connect extends Component {
37 | static propTypes = {
38 | hide: PropTypes.func.isRequired,
39 | visible: PropTypes.bool.isRequired,
40 | form: PropTypes.object.isRequired,
41 | }
42 |
43 | remove = k => {
44 | const { form } = this.props
45 | const keys = form.getFieldValue('keys')
46 | if (keys.length === 1) return
47 | form.setFieldsValue({
48 | keys: keys.filter(key => key !== k),
49 | })
50 | }
51 |
52 | add = () => {
53 | const { form } = this.props
54 |
55 | uuid += 1
56 | const keys = form.getFieldValue('keys')
57 | const nextKeys = keys.concat(uuid)
58 | form.setFieldsValue({
59 | keys: nextKeys,
60 | })
61 | }
62 |
63 | handleCancel = () => {
64 | this.props.hide()
65 | }
66 |
67 | handleCreate = () => {
68 | const { form, hide } = this.props
69 | validForm(form, err => {
70 | if (!err) {
71 | form.resetFields()
72 | hide()
73 | }
74 | })
75 | }
76 |
77 | render() {
78 | const { form } = this.props
79 | const { getFieldDecorator, getFieldValue } = form
80 |
81 | const { remove, add } = this
82 | getFieldDecorator('keys', { initialValue: [] })
83 | const keys = getFieldValue('keys')
84 | const minusCircle = k => ({
85 | addonAfter:
86 | keys.length > 1 ? (
87 | remove(k)}
91 | />
92 | ) : null,
93 | })
94 | const formItems = keys.map(k => (
95 |
96 |
97 |
98 | {getFieldDecorator(`address-${k}`, {
99 | validateTrigger: ['onChange'],
100 | rules: [
101 | {
102 | validator: validAddress,
103 | },
104 | ],
105 | })()}
106 |
107 |
108 |
109 |
110 |
111 | {getFieldDecorator(`port-${k}`, {
112 | validateTrigger: ['onChange'],
113 | rules: [
114 | {
115 | validator: validPort,
116 | },
117 | {
118 | required: true,
119 | message: 'Please input port or remove the entry',
120 | },
121 | ],
122 | })()}
123 |
124 |
125 |
126 | ))
127 |
128 | const { visible } = this.props
129 | const { handleCancel, handleCreate } = this
130 | return (
131 |
139 |
147 |
148 | )
149 | }
150 | }
151 |
152 | export default Connect
153 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/components/Settings/CreateChannel/index.js:
--------------------------------------------------------------------------------
1 | import { Form, Input, Checkbox, Button, Alert } from 'antd'
2 | import React, { Component } from 'react'
3 | import PropTypes from 'prop-types'
4 | import { ipcRenderer } from 'electron'
5 |
6 | import Modal from '../../Common/Modal'
7 | import { validName } from '../validators'
8 |
9 | const CheckboxGroup = Checkbox.Group
10 | const FormItem = Form.Item
11 |
12 | const create = ({ tags, name }) => {
13 | ipcRenderer.send('create-channel', { tags, name })
14 | }
15 |
16 | const validForm = (form, callback) => {
17 | form.validateFields((err, values) => {
18 | if (err) {
19 | callback(err)
20 | return
21 | }
22 | create(values)
23 | callback()
24 | })
25 | }
26 |
27 | @Form.create()
28 | class CreateChannel extends Component {
29 | static checkboxsField = 'tags'
30 |
31 | static propTypes = {
32 | hide: PropTypes.func.isRequired,
33 | form: PropTypes.object.isRequired,
34 | visible: PropTypes.bool.isRequired,
35 | onlineUsers: PropTypes.arrayOf(PropTypes.object).isRequired,
36 | }
37 |
38 | state = {
39 | indeterminate: false,
40 | checkAll: false,
41 | }
42 |
43 | handleCancel = () => {
44 | this.props.hide()
45 | }
46 |
47 | handleCreate = () => {
48 | const { form, hide } = this.props
49 | validForm(form, err => {
50 | if (!err) {
51 | form.resetFields()
52 | hide()
53 | }
54 | })
55 | }
56 |
57 | onChange = checkedList => {
58 | const { onlineUsers } = this.props
59 | this.setState({
60 | indeterminate: checkedList.length > 0 && checkedList.length < onlineUsers.length,
61 | checkAll: checkedList.length === onlineUsers.length,
62 | })
63 | }
64 |
65 | onCheckAllChange = e => {
66 | const values = this.props.onlineUsers.map(x => x.value)
67 | this.props.form.setFieldsValue({
68 | [CreateChannel.checkboxsField]: e.target.checked ? values : [],
69 | })
70 | this.setState({
71 | indeterminate: false,
72 | checkAll: e.target.checked,
73 | })
74 | }
75 |
76 | renderForm() {
77 | const { getFieldDecorator } = this.props.form
78 | const { onlineUsers } = this.props
79 | return (
80 |
114 | )
115 | }
116 |
117 | render() {
118 | const { onlineUsers, visible } = this.props
119 | const props = {}
120 | if (onlineUsers.length <= 0) {
121 | props.footer = (
122 |
125 | )
126 | props.children = (
127 |
132 | )
133 | } else {
134 | props.children = this.renderForm()
135 | }
136 | return (
137 |
146 | )
147 | }
148 | }
149 |
150 | export default CreateChannel
151 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/components/Aside/ChatList/index.js:
--------------------------------------------------------------------------------
1 | import React, { PureComponent } from 'react'
2 | import { Menu } from 'antd'
3 | import { ipcRenderer } from 'electron'
4 | import PropTypes from 'prop-types'
5 | import { isEqual } from 'lodash'
6 | import EventObservable from 'p2p-chat-utils/EventObservable'
7 | import { formatTag } from '../../../utils/format'
8 | import ListItem from '../ListItem'
9 | import DialogType from './DialogType'
10 | import styles from './ChatList.scss'
11 |
12 | function idOf(tag, channel) {
13 | if (channel) {
14 | return { type: 'channel', key: channel }
15 | }
16 | return { type: 'user', key: tag }
17 | }
18 |
19 | class ChatList extends PureComponent {
20 | static propTypes = {
21 | current: PropTypes.shape({
22 | type: PropTypes.string,
23 | key: PropTypes.string,
24 | }),
25 | addUser: PropTypes.func.isRequired,
26 | offUser: PropTypes.func.isRequired,
27 | addChannel: PropTypes.func.isRequired,
28 | setup: PropTypes.func.isRequired,
29 | increaseBadge: PropTypes.func.isRequired,
30 | clearBadge: PropTypes.func.isRequired,
31 | changeDialog: PropTypes.func.isRequired,
32 | users: PropTypes.arrayOf(
33 | PropTypes.shape({
34 | username: PropTypes.string,
35 | tag: PropTypes.string,
36 | })
37 | ).isRequired,
38 | channels: PropTypes.arrayOf(
39 | PropTypes.shape({
40 | users: PropTypes.object,
41 | })
42 | ).isRequired,
43 | visible: PropTypes.bool.isRequired,
44 | }
45 |
46 | observables = EventObservable(ipcRenderer)
47 |
48 | componentWillMount() {
49 | const { addUser, offUser, addChannel, setup, increaseBadge } = this.props
50 | const { observe } = this.observables
51 | observe('login', (event, message) => {
52 | addUser(message)
53 | })
54 |
55 | observe('logout', (event, message) => {
56 | offUser(message)
57 | })
58 |
59 | observe('channel-create', (events, { channel }) => {
60 | addChannel(channel)
61 | })
62 |
63 | observe('after-setup', (event, { users, channels }) => {
64 | setup({ users, channels })
65 | })
66 |
67 | const handleIncome = (event, { tag, channel }) => {
68 | const currentID = this.props.current
69 | const id = idOf(tag, channel)
70 | if (!isEqual(id, currentID)) {
71 | increaseBadge(id, currentID)
72 | }
73 | }
74 |
75 | observe('fileinfo', handleIncome)
76 | observe('text', handleIncome)
77 | }
78 |
79 | componentWillUnmount() {
80 | this.observables.removeAllObservables()
81 | }
82 |
83 | componentWillReceiveProps(nextProps) {
84 | const currentID = this.props.current
85 | const nextID = nextProps.current
86 |
87 | if (nextID && nextID.type && !isEqual(currentID, nextID)) {
88 | this.props.clearBadge(nextID)
89 | }
90 | }
91 |
92 | handleClick = e => {
93 | const [key, type] = e.keyPath
94 | this.props.changeDialog(type, key)
95 | }
96 |
97 | render() {
98 | const { users, channels, visible } = this.props
99 | if (!visible) {
100 | return null
101 | }
102 |
103 | return (
104 |
134 | )
135 | }
136 | }
137 |
138 | export default ChatList
139 |
--------------------------------------------------------------------------------
/packages/p2p-chat/src/components/Chatting/Dialog/index.js:
--------------------------------------------------------------------------------
1 | import React, { Component } from 'react'
2 | import PropTypes from 'prop-types'
3 | import { Input, Button, Form, Upload, Collapse } from 'antd'
4 | import Messages from '../Messages'
5 | import { formatTag } from '../../../utils/format'
6 | import styles from './Dialog.scss'
7 |
8 | const { TextArea } = Input
9 | const { Panel } = Collapse
10 |
11 | class Dialog extends Component {
12 | static propTypes = {
13 | setText: PropTypes.func.isRequired,
14 | id: PropTypes.object.isRequired,
15 | fileList: PropTypes.arrayOf(PropTypes.object).isRequired,
16 | sendFiles: PropTypes.func.isRequired,
17 | text: PropTypes.string.isRequired,
18 | sendMessage: PropTypes.func.isRequired,
19 | removeFile: PropTypes.func.isRequired,
20 | addFile: PropTypes.func.isRequired,
21 | messages: PropTypes.array.isRequired,
22 | username: PropTypes.string.isRequired,
23 | info: PropTypes.shape({
24 | online: PropTypes.bool,
25 | username: PropTypes.string,
26 | name: PropTypes.string,
27 | users: PropTypes.object,
28 | }).isRequired,
29 | children: PropTypes.oneOfType([
30 | PropTypes.element,
31 | PropTypes.arrayOf(PropTypes.element),
32 | ]),
33 | }
34 |
35 | handleTextChange = e => {
36 | const { setText, id } = this.props
37 | const text = e.target.value
38 | setText(id, text)
39 | }
40 |
41 | handleSubmit = e => {
42 | e.preventDefault()
43 | const { id, fileList, sendFiles, text, sendMessage, setText } = this.props
44 | if (text) {
45 | sendMessage(id, text)
46 | setText(id, '')
47 | }
48 | if (fileList.length > 0) {
49 | const filePaths = fileList.map(x => x.path)
50 | sendFiles(id, filePaths)
51 | }
52 | }
53 |
54 | handleFileRemove = file => {
55 | const { removeFile, id } = this.props
56 | removeFile(id, file.path)
57 | }
58 |
59 | handleFileAdd = file => {
60 | const { addFile, id } = this.props
61 | addFile(id, file.path)
62 |
63 | return false
64 | }
65 |
66 | render() {
67 | const { messages, username, fileList, text, info } = this.props
68 | return (
69 |
70 | {info.name && (
71 |
72 |
75 | onlines:{' '}
76 |
77 | {username}
78 | [me]
79 | {' '}
80 | {Object.values(info.users)
81 | .filter(x => x.online)
82 | .map(x => (
83 |
84 | {x.username}
85 | {formatTag(x.tag)}{' '}
86 |
87 | ))}
88 |
89 |
90 | )}
91 | {info.username && (
92 |
93 | {info.username}
94 | {formatTag(info.tag)} ({info.online ? `${info.host}:${info.port}` : 'Offline'}
95 | )
96 |
97 | )}
98 |
99 |
{this.props.children}
100 |
106 |
107 |
108 |
127 |
72 | {!logined && (
73 |
74 | {({ hide, visible }) => (
75 |
81 | )}
82 |
83 | )}
84 | {logined && (
85 |
86 |
87 | {({ show, hide, visible }) => (
88 |
89 |
90 |
91 |
92 | )}
93 | {' '}
94 |
95 | {({ show, hide, visible }) => (
96 |
97 |
98 |
99 |
100 | )}
101 | {' '}
102 |
103 | {({ show, hide, visible }) => (
104 |
105 |
106 |
111 |
112 | )}
113 | {' '}
114 |
120 |
121 | )}
122 |
123 |