Merge pull request #150 from oslabs-beta/dev

add zipped chrome extension and update readme

Author: rocky9413

.gitignore

@@ -7,6 +7,5 @@ parents
 coverage
 src/extension/build.zip
 src/extension/build.crx
-src/extension/build/key.pem
-bower_components
-package/__tests__/astParser.test.js
+src/extension/build.pem
+bower_components

build.zip

@@ -10,6 +10,7 @@
 [![Dependencies](https://david-dm.org/oslabs-beta/reactime.svg)](https://david-dm.org/oslabs-beta/reactime#info=dependencies)
 [![DevDependencies](https://david-dm.org/oslabs-beta/reactime/dev-status.svg)](https://david-dm.org/oslabs-beta/reactime?type=dev)
 [![Vulnerabilities](https://snyk.io/test/github/oslabs-beta/reactime/badge.svg)](https://snyk.io/test/github/oslabs-beta/reactime)
+
 <p align="center">
 <a href="https://nodei.co/npm/reactime/"><img src="https://nodei.co/npm/reactime.png"></a>
 
@@ -18,16 +19,16 @@
 
 Reactime is a debugging tool for React developers. It records state whenever it is changed and allows the user to jump to any previously recorded state.
 
-This dev tool is for React apps using stateful components and prop drilling, and has beta support for Context API, conditional state routing, Hooks (useState & useEffect) and functional components. 
+This dev tool is for React apps using stateful components and prop drilling, and has beta support for Context API, conditional state routing, Hooks (useState & useEffect) and functional components.
 
 One thing to note is that this library does not work well when mixing React with direct DOM manipulation.
 
-Two parts are needed for this tool to function. The <a href="https://chrome.google.com/webstore/detail/react-time-travel/cgibknllccemdnfhfpmjhffpjfeidjga"><strong>chrome extension</strong></a> must be installed, and the <a href="https://www.npmjs.com/package/reactime"><strong>NPM package</strong></a> must be installed and used in the React code.
+Two parts are needed for this tool to function. The [**chrome extension**](https://chrome.google.com/webstore/detail/react-time-travel/cgibknllccemdnfhfpmjhffpjfeidjga) must be installed, and the [**NPM package**](https://www.npmjs.com/package/reactime) must be installed and used in the React code.
 
 After successfully installing the chrome extension, you can test Reactime functionalities in the demo repositories below.
 
-- <a href="http://reactime-demo1.us-east-1.elasticbeanstalk.com/">Calculator</a>
-- <a href="http://reactime-demo2.us-east-1.elasticbeanstalk.com/">Bitcoin Price Index</a>
+- [Calculator](http://reactime-demo1.us-east-1.elasticbeanstalk.com)
+- [Bitcoin Price Index](http://reactime-demo2.us-east-1.elasticbeanstalk.com)
 
 ## Installing
 
@@ -75,7 +76,7 @@ Jumping is the most important feature of all. It allows you to jump to any previ
 ### And Much More
 
 - multiple tree graph branches depicting state changes
-- tree graph hover functionality to view state changes 
+- tree graph hover functionality to view state changes
 - ability to pan and zoom tree graph
 - multiple tabs support
 - a slider to move through snapshots quickly
@@ -92,7 +93,7 @@ Jumping is the most important feature of all. It allows you to jump to any previ
 - **Josh Kim** - [@joshua0308](https://github.com/joshua0308)
 - **Sierra Swaby** - [@starkspark](https://github.com/starkspark)
 - **Ruth Anam** - [@peachiecodes](https://github.com/peachiecodes)
-- **David Chai** - [@davidchaidev](https://github.com/davidchaidev)
+- **David Chai** - [@davidchaidev](https://github.com/davidchai717)
 - **Yujin Kang** - [@yujinkay](https://github.com/yujinkay)
 - **Andy Wong** - [@andywongdev](https://github.com/andywongdev)
 - **Chris Flannery** - [@chriswillsflannery](https://github.com/chriswillsflannery)

package/readme.md

@@ -23,12 +23,12 @@ This dev tool is for React apps using stateful components and prop drilling, and
 
 One thing to note is that this library does not work well when mixing React with direct DOM manipulation.
 
-Two parts are needed for this tool to function. The <a href="https://chrome.google.com/webstore/detail/react-time-travel/cgibknllccemdnfhfpmjhffpjfeidjga"><strong>chrome extension</strong></a> must be installed, and the <a href="https://www.npmjs.com/package/reactime"><strong>NPM package</strong></a> must be installed and used in the React code.
+Two parts are needed for this tool to function. The [**chrome extension**](https://chrome.google.com/webstore/detail/react-time-travel/cgibknllccemdnfhfpmjhffpjfeidjga) must be installed, and the [**NPM package**](https://www.npmjs.com/package/reactime) must be installed and used in the React code. You can also download [**zipped version**](build.zip) of the chrome extension and install it in [Developer mode](https://developer.chrome.com/extensions/faq#faq-dev-01) and turn on 'Allow access to file URLs' in extension details page if testing locally.
 
 After successfully installing the chrome extension, you can test Reactime functionalities in the demo repositories below.
 
-- <a href="http://reactime-demo1.us-east-1.elasticbeanstalk.com/">Calculator</a>
-- <a href="http://reactime-demo2.us-east-1.elasticbeanstalk.com/">Bitcoin Price Index</a>
+- [Calculator](http://reactime-demo1.us-east-1.elasticbeanstalk.com)
+- [Bitcoin Price Index](http://reactime-demo2.us-east-1.elasticbeanstalk.com)
 
 ## Installing
 
@@ -103,7 +103,7 @@ Jumping is the most important feature of all. It allows you to jump to any previ
 - **Josh Kim** - [@joshua0308](https://github.com/joshua0308)
 - **Sierra Swaby** - [@starkspark](https://github.com/starkspark)
 - **Ruth Anam** - [@peachiecodes](https://github.com/peachiecodes)
-- **David Chai** - [@davidchaidev](https://github.com/davidchaidev)
+- **David Chai** - [@davidchaidev](https://github.com/davidchai717)
 - **Yujin Kang** - [@yujinkay](https://github.com/yujinkay)
 - **Andy Wong** - [@andywongdev](https://github.com/andywongdev)
 - **Chris Flannery** - [@chriswillsflannery](https://github.com/chriswillsflannery)