Merge pull request #57 from henry40408/develop

Release 3.0.0

.babelrc

@@ -1,11 +1,17 @@
 {
   "presets": [
-    ["env", { "target": { "browser": "last 2 versions" } }],
+    ["env", {
+      "targets": {
+        "browsers": "last 2 Chrome versions"
+      },
+      "useBuiltIns": true,
+      "debug": false
+    }],
     "react"
   ],
   "plugins": [
     "transform-class-properties",
-    "transform-decorators-legacy",
+    "transform-object-rest-spread",
     "transform-runtime"
   ],
   "ignore": ["node_modules"]

.circleci/config.yml

@@ -1,9 +1,8 @@
 version: 2
 jobs:
   build:
-    working_directory: ~/awesome-stars
     docker:
-      - image: circleci/node:boron
+      - image: circleci/node:carbon
     steps:
       - checkout
       - run: sudo npm install gulp --global

.eslintrc

@@ -1,14 +1,11 @@
 {
-  "extends": "airbnb",
+  "extends": ["standard", "standard-react"],
   "env": {
-    "browser": true
+    "browser": true,
+    "node": true
   },
   "globals": {
-    "chrome": true,
-    "crypto": true
+    "chrome": true
   },
-  "parser": "babel-eslint",
-  "rules": {
-    "strict": 0
-  }
+  "parser": "babel-eslint"
 }

.gitignore

@@ -1,8 +1,71 @@
+.idea/
+dist/
+packages/
 
-.DS_Store
+#### joe made this: http://goel.io/joe
 
-node_modules
-npm-debug.log
+#### node ####
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
 
-dist/
-packages/
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# Typescript v1 declaration files
+typings/
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+
+# next.js build output
+.next
+
+# webpack-bundle-analyzer report
+report.html

.nvmrc

@@ -1 +1 @@
-lts/boron
+lts/carbon

.storybook/addons.js

@@ -0,0 +1,2 @@
+import '@storybook/addon-actions/register';
+import '@storybook/addon-knobs/register';

.storybook/config.js

@@ -0,0 +1,7 @@
+import { configure } from '@storybook/react';
+
+function loadStories() {
+    require('../app/stories/index');
+}
+
+configure(loadStories, module);

.storybook/webpack.config.js

@@ -0,0 +1,12 @@
+const path = require('path');
+
+module.exports = (storybookBaseConfig, configType) => {
+  storybookBaseConfig.module.rules.push({
+    test: /\.svg$/,
+    loader: require.resolve('file-loader'),
+  });
+
+  storybookBaseConfig.resolve.extensions.push('.svg');
+
+  return storybookBaseConfig;
+};

README.md

@@ -1,52 +1,57 @@
 ![Awesome Stars](promo/Promo-Image-Large_920x680.png)
 
-[![CircleCI](https://circleci.com/gh/henry40408/awesome-stars/tree/master.svg?style=shield)](https://circleci.com/gh/henry40408/awesome-stars/tree/master) [![GitHub tag](https://img.shields.io/github/tag/henry40408/awesome-stars.svg)](https://github.com/henry40408/awesome-stars) [![Chrome Web Store Version](https://img.shields.io/chrome-web-store/v/lcokkcbdmicofdahlooopcpinogephfb.svg)](https://chrome.google.com/webstore/detail/awesome-stars/lcokkcbdmicofdahlooopcpinogephfb) [![Chrome Web Store Downloads](https://img.shields.io/chrome-web-store/d/lcokkcbdmicofdahlooopcpinogephfb.svg)](https://chrome.google.com/webstore/detail/awesome-stars/lcokkcbdmicofdahlooopcpinogephfb) [![license](https://img.shields.io/github/license/henry40408/awesome-stars.svg)](https://github.com/henry40408/awesome-stars/blob/develop/LICENSE.txt) ![stability-stable](https://img.shields.io/badge/stability-stable-green.svg) [![Code style: airbnb](https://img.shields.io/badge/code%20style-airbnb-blue.svg?style=flat)](https://github.com/airbnb/javascript)
+[![CircleCI](https://circleci.com/gh/henry40408/awesome-stars/tree/master.svg?style=shield)](https://circleci.com/gh/henry40408/awesome-stars/tree/master)
+[![GitHub tag](https://img.shields.io/github/tag/henry40408/awesome-stars.svg)](https://github.com/henry40408/awesome-stars)
+[![Chrome Web Store Version](https://img.shields.io/chrome-web-store/v/lcokkcbdmicofdahlooopcpinogephfb.svg)](https://chrome.google.com/webstore/detail/awesome-stars/lcokkcbdmicofdahlooopcpinogephfb)
+[![Chrome Web Store Downloads](https://img.shields.io/chrome-web-store/d/lcokkcbdmicofdahlooopcpinogephfb.svg)](https://chrome.google.com/webstore/detail/awesome-stars/lcokkcbdmicofdahlooopcpinogephfb)
+[![license](https://img.shields.io/github/license/henry40408/awesome-stars.svg)](https://github.com/henry40408/awesome-stars/blob/develop/LICENSE.txt)
+![stability-stable](https://img.shields.io/badge/stability-stable-green.svg)
 
-## Installation
+# Installation
 
 [![Available on Chrome Web Store](assets/available-on-chrome-web-store.png)](https://chrome.google.com/webstore/detail/awesome-stars/lcokkcbdmicofdahlooopcpinogephfb)
 
-## How to Use
+# How to Use
 
 1. [Create a access token](https://github.com/settings/tokens/new?description=Awesome%20Stars) at GitHub settings. **DO NOT select any scopes**!
    * For more information, checkout [GitHub documentation](https://help.github.com/articles/creating-a-personal-access-token-for-the-command-line/#creating-a-token).
-2. Click Awesome Stars icon to open Options page. It locates near the icon to open Chrome menu.
+1. Click Awesome Stars icon to open Options page. It locates near the icon to open Chrome menu.
 
-![Awesome Stars Icon](assets/awesome-stars-icon.png)
+   ![Awesome Stars Icon](assets/awesome-stars-icon.png)
 
-3. Paste access token into the field, which has placeholder `Paste access token here`.
+1. Paste access token into the field, which has placeholder `Paste access token here`.
 
-![Awesome Options Page](assets/field-and-progress-bar.png)
+   ![Awesome Options Page](assets/field-and-progress-bar.png)
 
-4. Click `Save`.
-5. That's it!
+1. Click `Save`.
+1. That's it!
 
-## Screenshots
+# Screenshots
 
-### Awesome Node.js
+## Awesome Node.js
 
 ![Awesome Node.js](assets/nodejs.png)
 
-### Awesome PHP
+## Awesome PHP
 
 ![Awesome PHP](assets/php.png)
 
-### Awesome Swift
+## Awesome Swift
 
 ![Awesome Swift](assets/swift.png)
 
-## Thanks to Contributors
+# Thanks to Contributors
 
 > sorted in alphabetical order
 
 * Peter [@sandokaishy](https://github.com/sandokaishy)
 * Peter Dave Hello [@PeterDaveHello](https://github.com/PeterDaveHello)
 * Tonypai [@tpai](https://github.com/tpai)
 
-## How to Contribute
+# How to Contribute
 
 Please checkout [contribute documentation](CONTRIBUTE.md).
 
-## License
+# License
 
 MIT

app/_locales/en/messages.json

@@ -11,8 +11,140 @@
     "message": "Awesome Stars is a chrome extension that shows you stars of repository on awesome list.",
     "description": "The description of the application"
   },
-  "browserActionTitle": {
+  "applyOnGithubIssues": {
+    "message": "Apply on GitHub Issues",
+    "description": "Content menu item"
+  },
+  "pageActionTitle": {
     "message": "Awesome Stars",
     "description": "The title of the browser action button"
+  },
+  "blue": {
+    "message": "blue",
+    "description": "Color"
+  },
+  "colorForLess": {
+    "message": "$COLOR$ for less than $COUNT$.",
+    "description": "Option page string",
+    "placeholders": {
+      "color": {
+        "content": "$1",
+        "example": "Blue"
+      },
+      "count": {
+        "content": "$2",
+        "example": "1,000"
+      }
+    }
+  },
+  "colorForMore": {
+    "message": "$COLOR$ for more than $COUNT$.",
+    "description": "Option page string",
+    "placeholders": {
+      "color": {
+        "content": "$1",
+        "example": "Orange"
+      },
+      "count": {
+        "content": "$2",
+        "example": "10,000"
+      }
+    }
+  },
+  "colorForRange": {
+    "message": "$COLOR$ for $MIN$ to $MAX$.",
+    "description": "Option page string",
+    "placeholders": {
+      "color": {
+        "content": "$1",
+        "example": "White"
+      },
+      "min": {
+        "content": "$2",
+        "example": "1,000"
+      },
+      "max": {
+        "content": "$3",
+        "example": "4,999"
+      }
+    }
+  },
+  "ifYouDontHaveOneYet": {
+    "message": "If you don't have one yet, ",
+    "description": "Option page string"
+  },
+  "getAnAccessToken": {
+    "message": "get an access token",
+    "description": "Option page string"
+  },
+  "githubDocumentation": {
+    "message": "GitHub documentation",
+    "description": "Option page string"
+  },
+  "menuRateLimit": {
+    "message": "Rate Limit: $REMAINING$ / $LIMIT$ ($RATIO$)",
+    "description": "Rate limit on context menu",
+    "placeholders": {
+      "remaining": {
+        "content": "$1",
+        "example": "5,000"
+      },
+      "limit": {
+        "content": "$2",
+        "example": "5,000"
+      },
+      "ratio": {
+        "content": "$3",
+        "example": "100%"
+      }
+    }
+  },
+  "opHowHotAreThoseStars": {
+    "message": "How Hot are Those Stars?",
+    "description": "Option page string"
+  },
+  "opHowHotAreThoseStarsDescription": {
+    "message": "There are four levels for the stars of repository. Awesome Stars changes its color according to star count:",
+    "description": "Option page string"
+  },
+  "orange": {
+    "message": "orange",
+    "description": "Color"
+  },
+  "rateLimit": {
+    "message": "Rate Limit",
+    "description": "Option page string"
+  },
+  "rateLimitDescription": {
+    "message": "For requests using Basic Authentication or OAuth (including access token), you can make up to 5,000 requests per hour.",
+    "description": "Option page string"
+  },
+  "pleaseDoNotSelectAnyScopes": {
+    "message": "Please DO NOT select any scopes!",
+    "description": "Option page string"
+  },
+  "setupAccessToken": {
+    "message": "setup access token",
+    "description": "Option page string"
+  },
+  "white": {
+    "message": "white",
+    "description": "Color"
+  },
+  "whyDoYouNeedAnAccessToken": {
+    "message": "Why do You Need an Access Token?",
+    "description": "Option page string"
+  },
+  "whyDoYouNeedAnAccessTokenDescription1": {
+    "message": "According to ",
+    "description": "Option page string"
+  },
+  "whyDoYouNeedAnAccessTokenDescription2": {
+    "message": ". For unauthenticated requests, the rate limit allows you to make up to 60 requests per hour. Unauthenticated requests are associated with your IP address, and not the user making requests. Awesome Stars can only works properly with an access token.",
+    "description": "Option page string"
+  },
+  "yellow": {
+    "message": "yellow",
+    "description": "Color"
   }
 }