v0.0.1

README.md

@@ -1,6 +1,29 @@
-# vue-twitter-client-app
-
-> An electron-vue project
+# vue-twitter-client
+
+Twitter client created with Vue.js + Electron
+
+<img src="https://i.gyazo.com/efa829295518aa44e73e277ce3e7ecf9.png">
+
+# Feature
+
+- display hometime line
+- display image, animated gif and video
+- display lists
+- display mentions
+- show profile
+- show some notifications
+- search tweet
+- tweet text
+- tweet text with images
+- retweet
+- favorite
+- reply
+- follow/unfollow
+- open media with link clicked
+- streaming timeline(home, search)
+- real time update with pooling(list, mention)
+
+# Development
 
 ## Build Setup
 

app/package.json

@@ -4,7 +4,7 @@
   "description": "Simple twitter client created with electron-vue",
   "main": "./dist/main.js",
   "dependencies": {
-    "axios": "^0.15.3",
+    "babel-runtime": "^6.23.0",
     "dotenv": "^4.0.0",
     "font-awesome": "^4.7.0",
     "moment": "^2.18.1",

app/src/main/application.js

@@ -2,46 +2,43 @@ import { app, BrowserWindow } from 'electron'
 import AuthenticationWindow from './authentication-window'
 import Store from '../renderer/libraries/store'
 
-let winURL = process.env.NODE_ENV === 'development'
-  ? `http://localhost:${require('../../../config').port}`
-  : `file://${__dirname}/index.html`
-
-let store = new Store({ configName: 'user-preferences', defaults: {} })
-
 export default class Application {
   constructor () {
+    this.store = new Store({ configName: 'user-preferences', defaults: {} })
+    this.winURL = process.env.NODE_ENV === 'development'
+      ? `http://localhost:${require('../../../config').port}`
+      : `file://${__dirname}/index.html`
     this.accessToken = null
     this.accessTokenSecret = null
-    this.consumerKey = process.env.TWITTER_CONSUMER_KEY
-    this.consumerSecret = process.env.TWITTER_CONSUMER_SECRET
     this.mainWindow = undefined
   }
 
   createWindow () {
     this.mainWindow = new BrowserWindow({
-      height: 800,
-      width: 1200
+      height: 600,
+      width: 570
     })
 
-    this.mainWindow.loadURL(winURL)
+    this.mainWindow.loadURL(this.winURL)
 
     this.mainWindow.on('closed', () => {
       this.mainWindow = null
     })
   }
 
   openAuthenticationWindow () {
-    let defaultUser = store.get('defaultUser')
+    let that = this
+    let defaultUser = this.store.get('defaultUser')
     if (defaultUser && defaultUser.accessToken && defaultUser.accessTokenSecret && defaultUser.consumerKey && defaultUser.consumerSecret) {
       this.createWindow()
     } else {
       new AuthenticationWindow().on('authentication-succeeded', (res) => {
-        store.set('defaultUser', {
+        this.store.set('defaultUser', {
           user: res.user,
           accessToken: res.accessToken,
           accessTokenSecret: res.accessTokenSecret,
-          consumerKey: process.env.TWITTER_CONSUMER_KEY,
-          consumerSecret: process.env.TWITTER_CONSUMER_SECRET
+          consumerKey: res.consumerKey,
+          consumerSecret: res.consumerSecret
         })
         this.createWindow()
       })

app/src/main/authentication-window.js

@@ -7,10 +7,13 @@ import Twitter from 'node-twitter-api'
 export default class AuthenticationWindow extends EventEmitter {
   constructor (callback) {
     super()
+    this.consumerKey = '7sVNvnON2PTKLcQcCbmNhLvFG'
+    this.consumerSecret = '9Qq7ZbpHN0SxY7ErEnBgfYviJkWszN8YOFZb0uytTuUBii4aAd'
+
     const twitter = new Twitter({
       callback: 'http://example.com',
-      consumerKey: process.env.TWITTER_CONSUMER_KEY,
-      consumerSecret: process.env.TWITTER_CONSUMER_SECRET
+      consumerKey: this.consumerKey,
+      consumerSecret: this.consumerSecret
     })
 
     twitter.getRequestToken((error, requestToken, requestTokenSecret) => {
@@ -31,6 +34,8 @@ export default class AuthenticationWindow extends EventEmitter {
               that.emit(
                 'authentication-succeeded',
                 {
+                  consumerKey: that.consumerKey,
+                  consumerSecret: that.consumerSecret,
                   accessToken: accessToken,
                   accessTokenSecret: accessTokenSecret,
                   user: data

app/src/main/index.js

@@ -1,7 +1,4 @@
 'use strict'
-
-require('dotenv').config({ path: __dirname + '/.env' })
-
 import Application from './application'
 
 global.application = new Application()

app/src/renderer/components/TweetbarView.vue

@@ -34,7 +34,7 @@
             <div class="media">
               <input type="file" v-on:change="selectImage" accept="image/jpg,image/png" multiple/>
               <i class="fa fa-picture-o" aria-hidden="true"></i>
-              <span>add image</span>
+              <span>add images</span>
             </div>
           </div>
         </div>