add http server

Author: Doge Chan

.travis.yml

@@ -1,36 +1,30 @@
 osx_image: xcode8.3
-sudo: required
+sudo: false
 dist: trusty
-language: c
-matrix:
-  include:
-  - os: osx
-  - os: linux
-    env: CC=clang CXX=clang++ npm_config_clang=1
-    compiler: clang
+language: node_js
+node_js: "8"
+
+env:
+  global:
+    - ELECTRON_CACHE=$HOME/.cache/electron
+    - ELECTRON_BUILDER_CACHE=$HOME/.cache/electron-builder
+
+os:
+  - linux
+  - osx
+
 cache:
   directories:
-  - node_modules
-  - "$HOME/.electron"
-  - "$HOME/.cache"
-addons:
-  apt:
-    packages:
-    - libgnome-keyring-dev
-    - icnsutils
-before_install:
-- mkdir -p /tmp/git-lfs && curl -L https://github.com/github/git-lfs/releases/download/v1.2.1/git-lfs-$([
-  "$TRAVIS_OS_NAME" == "linux" ] && echo "linux" || echo "darwin")-amd64-1.2.1.tar.gz
-  | tar -xz -C /tmp/git-lfs --strip-components 1 && /tmp/git-lfs/git-lfs pull
-- if [[ "$TRAVIS_OS_NAME" == "linux" ]]; then sudo apt-get install --no-install-recommends -y icnsutils graphicsmagick xz-utils; fi
-install:
-- nvm install 7
-- curl -o- -L https://yarnpkg.com/install.sh | bash
-- source ~/.bashrc
-- npm install -g xvfb-maybe
-- yarn
+    - node_modules
+    - "$HOME/.electron"
+    - “$HOME/.cache/electron-builder”
+    - "$HOME/.cache"
+    - "$HOME/.npm/_prebuilds"
+
 script:
-- yarn run build
+  - npm install
+  - npm run build
+
 branches:
   only:
-  - master
+    - master

package.json

@@ -6,7 +6,7 @@
   "license": null,
   "main": "./dist/electron/main.js",
   "scripts": {
-    "build": "node .electron-vue/build.js && electron-builder --win --linux",
+    "build": "node .electron-vue/build.js && electron-builder --publish onTagOrDraft",
     "build:dir": "node .electron-vue/build.js && electron-builder --dir",
     "build:clean": "cross-env BUILD_TARGET=clean node .electron-vue/build.js",
     "build:web": "cross-env BUILD_TARGET=web node .electron-vue/build.js",
@@ -53,7 +53,9 @@
     }
   },
   "dependencies": {
+    "@koa/cors": "^2.2.2",
     "axios": "^0.18.0",
+    "koa": "^2.6.2",
     "material-design-icons-iconfont": "^4.0.2",
     "rss-parser": "^3.5.3",
     "vue": "^2.5.16",

src/main/httpserver.js

@@ -0,0 +1,19 @@
+const Koa = require("koa");
+const cors = require("@koa/cors");
+const app = new Koa();
+app.use(cors());
+// response
+// app.use(ctx => {
+//   ctx.body = "Hello Koa";
+// });
+
+//TODO:功能 使用Bookmarklet 从浏览器里面获取url处理
+// use bookmarklet:
+// javascript: (function () { var request = new XMLHttpRequest(); request.open("GET", 'http://127.0.0.1:3000/open?url=' + document.location.href); request.send(null); })();
+app.use(async (ctx, next) => {
+  ctx.status = 200;
+  await next();
+  console.log(ctx.request.query);
+});
+
+app.listen(3000);

src/main/index.js

@@ -3,6 +3,7 @@ import { fetchFeed } from "./feeds.js";
 import { resolve } from "url";
 import { __await } from "tslib";
 import "../renderer/store";
+import "./httpserver";
 var fs = require("fs");
 
 /**

src/renderer/App.vue

@@ -14,6 +14,11 @@ export default {
 /* CSS */
 html {
   height: 100%;
+  font-family: "BlinkMacSystemFont", "Lucida Grande", "Segoe UI", Ubuntu,
+    Cantarell, sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+  background-color: #fff;
 }
 body {
   height: 100%;

src/renderer/components/index.vue

@@ -1,17 +1,20 @@
 <template>
   <v-app class="content">
-    <v-navigation-drawer app v-model="drawer" :mini-variant.sync="mini" mini-variant-width=50 width=200 permanent>
+    <v-navigation-drawer class="nav" app v-model="drawer" :mini-variant.sync="mini" v-on:mouseover.native="mini=false" v-on:mouseleave.native="mini=true" mini-variant-width=50 width=200 permanent>
       <v-list>
         <v-btn icon @click.stop="mini = !mini">
           <v-icon>menu</v-icon>
         </v-btn>
         <template v-for="(item, index) in sites">
           <v-list-tile :key="index" ripple :class="{'mini-tile':mini}" @click="siteItemClick(index)">
             <v-list-tile-action>
-              <v-img :src="getFavicon(item.src)" max-width="16px" position="left center"></v-img>
+              <v-badge v-if="feedCount[item.feed]>0&&mini" overlap color="cyan"><span slot="badge">{{feedCount[item.feed]}}</span>
+                <v-img :src="getFavicon(item.src)" width="20px" position="left center"></v-img>
+              </v-badge>
+              <v-img v-else :src="getFavicon(item.src)" max-width="16px" position="left center"></v-img>
             </v-list-tile-action>
             <v-list-tile-content>
-              <v-badge v-if="feedCount[item.feed]>0" color="grey"><span slot="badge">{{feedCount[item.feed]}}</span><span v-show="1">{{item.title}}</span></v-badge><span v-else>{{item.title}}</span>
+              <v-badge v-if="feedCount[item.feed]>0" color="cyan"><span slot="badge">{{feedCount[item.feed]}}</span><span>{{item.title}}</span></v-badge><span v-else>{{item.title}}</span>
             </v-list-tile-content>
           </v-list-tile>
           <!-- <v-divider v-if="index + 1 < sites.length" :key="`site-${index}`"></v-divider> -->
@@ -65,7 +68,7 @@ export default {
     return {
       fab: false,
       drawer: true,
-      mini: false,
+      mini: true,
       webViewSrc: "https://www.v2ex.com/",
       sites: [
         {
@@ -104,6 +107,18 @@ export default {
   methods: {
     ...mapActions(["setLoadingState"]),
     saveHtml() {
+      const notification = {
+        title: "基本通知",
+        body: "简短的通知内容"
+      };
+      const myNotification = new window.Notification(
+        notification.title,
+        notification
+      );
+      myNotification.onclick = () => {
+        console.log("通知被点击");
+      };
+
       var path =
         this.appPath +
         this.$refs.webView
@@ -206,6 +221,13 @@ export default {
   margin-top: -5px;
   z-index: 99;
 }
+.nav {
+  background-color: hsl(0, 0%, 96%) !important;
+}
+.v-badge__badge {
+  width: 18px !important;
+  height: 18px !important;
+}
 </style>