├── .gitignore ├── README.md ├── extension ├── css │ └── main.css ├── img │ └── icon.png ├── js │ ├── main.js │ └── vue.js └── manifest.json └── media ├── preview-0.png ├── preview-1.png ├── store-icon.png ├── store-screenshot.acorn └── store-screenshot.png /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # GitHub Pocket 2 | 3 | Ahhhhh, sometimes I don't want to star a repo, I just have no time to know if it's really interesting, but it looks it is! I don't want to miss good stuff either. So I just add it to pocket and read it later! 4 | 5 | ## Pocket it 6 | 7 |  8 | 9 | ## View your pocket 10 | 11 |  12 | 13 | ## Install 14 | 15 | ### From Chrome Web Store 16 | You can install the extension [here](https://chrome.google.com/webstore/detail/github-pocket/cfkoiggmhiohdhpkcpinclakhcodmdal). 17 | 18 | ### [Manuall install](http://superuser.com/questions/247651/how-does-one-install-an-extension-for-chrome-browser-from-the-local-file-system/247654#247654): 19 | 20 | ``` 21 | Navigate to chrome://extensions 22 | Expand the developer dropdown menu and click "Load Unpacked Extension" 23 | Navigate to local folder 24 | Assuming there are no errors, the extension should load into your browser 25 | ``` 26 | 27 | ## License 28 | 29 | [MIT](http://egoist.mit-license.org) © [EGOIST](https://github.com/egoist) 30 | -------------------------------------------------------------------------------- /extension/css/main.css: -------------------------------------------------------------------------------- 1 | .repo-list-stats { 2 | display: flex; 3 | align-items: center; 4 | justify-content: center; 5 | } 6 | 7 | .pocket .boxed-group-action button { 8 | padding: 2px 6px 5px 10px; 9 | margin-top: 0; 10 | margin-right: 0; 11 | line-height: 20px; 12 | color: #767676; 13 | background-color: transparent; 14 | border: 0; 15 | outline: none; 16 | } -------------------------------------------------------------------------------- /extension/img/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/egoist/github-pocket/89141459dd8b7cd118d5492b944ea541e855b341/extension/img/icon.png -------------------------------------------------------------------------------- /extension/js/main.js: -------------------------------------------------------------------------------- 1 | const $ = document.querySelector.bind(document) 2 | const $$ = document.querySelectorAll.bind(document) 3 | 4 | const pocketIcon = `` 5 | 6 | const store = new Vue({ 7 | data: { 8 | repos: JSON.parse(localStorage.getItem('pocket:repos') || '[]') 9 | } 10 | }) 11 | store.$on('TOGGLE_REPO', repo => { 12 | if (store.repos.indexOf(repo) !== -1) { 13 | store.repos = store.repos.filter(slug => slug !== repo) 14 | } else { 15 | store.repos.unshift(repo) 16 | } 17 | localStorage.setItem('pocket:repos', JSON.stringify(store.repos)) 18 | }) 19 | store.$on('REMOVE_ALL_REPOS', () => { 20 | store.repos = [] 21 | localStorage.setItem('pocket:repos', JSON.stringify(store.repos)) 22 | }) 23 | 24 | // pocket list in home page 25 | function addPocketList() { 26 | const sidebar = $('.dashboard-sidebar') 27 | if (sidebar) { 28 | const pocket = document.createElement('div') 29 | pocket.className = 'pocket' 30 | sidebar.insertBefore(pocket, sidebar.firstChild) 31 | const Pocket = { 32 | template: `