Giter Club home page Giter Club logo

app's Introduction

Comics Reader

以 React/Redux/Electron 架構打造的漫畫閱讀器,可在各平臺(Windows/macOS/Linux/Chrome)使用。

點此下載/Download Here

下載 Chrome Extension 版本

Screenshots

Build with web tools and technology

Development

先把專案 clone 下來:

git clone https://github.com/ComicsReader/app
cd app

npm install # or run: yarn
npm run build:dll
npm run build:dev

# in a seperate tab
cd electron
npm install
npm run start

要注意的是 npm run build:dll 在套件更新時(比如升級 npm 套件版本)需要重新跑一次。

Build

npm install
npm run build:dll
npm run build:prod

# in electron directory
cd electron
npm install
npm run dist

進到 electron/dist 目錄即是建置完的成果。

Credits

Fork 自 zeroshine/ComicsScroller,以此專案為基底打造。

LICENSE

The MIT License (MIT)

Copyright (c) 2016 Yukai Huang

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

app's People

Contributors

yukaii avatar zeroshine avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

app's Issues

cross device syncing、backup

因為使用 firebase 作為 Backend,同步備份閱讀進度、收藏都挺容易的。

需要有個填入 device_id 的界面

Optimize webpack bundle

雖然是個 SPA 還是有優化空間的 🎉

material-ui: 1008.46 KB (26.6%)
react: 690.64 KB (18.2%)
  fbjs: 32.61 KB (4.72%)
  <self>: 658.02 KB (95.3%)
firebase: 300.01 KB (7.91%)
lodash: 140.03 KB (3.69%)
react-router: 103.24 KB (2.72%)
radium: 100 KB (2.64%)

webpack-bundle-size-analyzer 產生

material-ui 真是一大包啊

Split Image view

https://github.com/Yukaii/ComicsReader/issues/27#issue-179925286

有很多漫畫是一次掃兩頁的。身為一個合格的閱讀器,應該要做到分割閱讀,以及方向調整:由左到右或相反。

https://github.com/Yukaii/ComicsReader/issues/27#issuecomment-250478707

會用到 cavas 呀

或是用 vanilla cavas 硬幹惹,不過如果用 konva 就可以玩更多效果,像剪裁、dran 'n drop,保有未來擴充性 😜

不過一提到擴充性,就會怕又 over engineering 啦 😓

hi 你好 我是 comics scroller 的原作者

看到有人這麼認真幫我把我小時候寫的那麼醜的 code 翻成 electron app 有點感動,首先先向你說聲抱歉code 寫的那麼醜,研究起來一定很辛苦,之前因為開始上班也沒有那麼多的時間維護,其實最近正在改寫中希望可以把它寫漂亮一點

README 加上安裝和啟動說明應該會更好?

Hi
我是從 HackMD 的 contributors 看到你的 Github 和部落格,還有這個專案 :)
看起來很不錯 👍

一點小建議
我對 JavaScript 生態圈不熟
如果在 Readme 可以加上安裝和啟動的指令
像 HackMD 的那樣
是不是會比較好?

i18n

既然拔掉了 firebase,在中國使用就沒啥問題了吧。

至少要做到 正/簡切換,日的話等支援自訂圖檔/zip 開啟時再說

Add option to disable chrome auto redirect

https://github.com/Yukaii/ComicsReader/issues/16#issue-171452942

像最近剛好 dm5 改版,想換回原版一直被跳就有點煩 😂 應該給個選項 disable 掉,反正都有搜尋和 collection 功能惹

https://github.com/Yukaii/ComicsReader/issues/16#issuecomment-244557364

在界面上有個想法:把 toolbar 的 popup 加回來,加入簡單地按鈕,開啟 ComicsReader Popup 或是 new tab,然後 checkbox 可供設定。

當然是希望設定最終都能在一個統一的界面弄啦,前提是要有那麼多選項啊 😅

功能規劃

這裡是還沒排程、但又有點想做的功能
#1.1 版

  • 打包成 firefox 和 safari 可用的套件
  • 推上 36kr 的 NEXT
  • hello page for proxy server
    #1.2 版
  • 加入 Ziltag 圖片社群功能
  • 搭一個留言系統
  • Bitcoin 捐款之類(誤)
  • 界面設定:配色、白天模式(?),一些 UI 細節
  • 漫畫打包 zip 下載
    • 會不會用到 s3 呢
    • electron 或 chrome 應該有類似功能

未排程

  • 純 web 版
  • 把 api server 做成 docker file,丟到阿里雲
  • 截圖儲存、單張儲存
  • 梗圖收藏、管理
  • 一個一般化的漫畫插件表達法 (#5)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.