- Made it easier to access settings on first run. Reference [Issue #1](https://github.com/Cipher-Coder/chromeExtension/issues/1)
- Added a Cache for the Github Graph - Too many requests are being sent. Sometimes a single person is aquiring a new tab > 20 times an hour. Since my self-hosted proxy is hosted on GCP the cost is increasing exponentially. Right now, it is set to cache the data for one hour. However, if this does not bring the cost back down to a managable range I will have to increase the time.
- Fixed inject.js for Twitter portion. After Twitter UI update the CSS classes were not the same, so it was not triggering the the insertion of the [DEV](https://www.dev.to) box. Now it works when Twitter UI is set to dark mode.
- Added link to Changelog in icon popup.

> No other libs added or taken away. Only the original library's are being used. The list is at the end of this changelog.

# DEV API
### DEV API has either changed or been updated and it was no longer fetching the latest articles. The articles it was displaying were stale.
### I updated the API call to pull in the latest 20 articles and display them.
#### added minor css changes
No other libs were added or taken away. Original libraries are listed in changelog.

Fixed the 'Streaks that were still not working. Also adjusted the CSS for the graph so the months and days would fit and look nicer.

GitHub's contributions graph on the public facing website, is an SVG. This is where I get your contributions info from to reconstruct that graph as well as do the math on the streaks and other info. However, they keep changing the SVG and how it is rendered and the classNames used as well as the attributes used to create it. I am using a Library to parse this info and I finally forked it and made appropriate changes so that hopefully this will not happen again.

GitHub keeps changing the way their contributions page is getting rendered. Which keeps making the Streaks and Contributions not show up correctly. Or at all. Just says all 0's. They seem to have changed it back to the way it was so I just rolled the code back to the previous release.

- Fixed GitHub graph streak not rendering again - They keep changing how the graph gets rendered.
- Took out the long cache for the commits so as soon as you push or commit a change it is reflected in the graph. If I get a lot of users I may have to re-enable the cache but as of right now... It's not necessary.

#### HOTFIX - Github calendar stopped working

- GitHub changed the way they rendered the calendar SVG and accompanying CSS
- Added CSS Vars so the calendar days will render
- Updated the Github-Calendar lib with newest release which fixed problem
- Slight UI improvements
- Took out the settings cog and moved to a menu in the popup icon
- Updated DOMPurify again

## 2.1.8

#### Update DOMPurify Library

- Updated DOMPurify to the latest release.
- Adjusted CSS and HTML on main page to make it more responsive on smaller screens < 1300px
- Moved the "Add Single Bookmark" button up and next to the options button so it would work on my MacBook Pro screen 1300px and not be off screen
- Took out some of the rambling on the options page to shrink the writing so it all fits without running over other writing when bookmarks was open.

Fixed Dev.to article by-line - problem was: if there was no twitter_username returned with the article object, the entire article was omitted. I fixed it so if there is no twitter_username, it will now display and link to the Dev.to username.

Refactor - cleaned up some variables and got rid of redundant call to sanitize. While updating, the [Marked.js](https://marked.js.org) library dropped support for sanitizing markdown on input. I was able to just use the DOMpurify library already being used in other places, to sanitize bookmark input too. Which marked.js was doing.

- Fixed console error when there was not a cover_image included with an article. Error would be thrown when JSON value of cover_image field was `null`. Added a simple `if` statement to evaluate and on null its now just `display:none`.

- I fixed some misspellings, and made the '+' icon to add a bookmark switch to '-' when clicked to signal to user to click that button again to get back to the original state.

- Basic refactoring, fixed some commas that should have been semi-colons. Changed some var into let.

- Changed the font color of the save button on the place you add a single bookmark.

- Added some JSDoc comments to clear errors in Webstorm.

- Fixed chrome.storage.removeItem to just chrome.storage.remove to fix the delete bookmark option and actually make it work correctly. Previously it would not actually delete the saved bookmarks for the extension.

- Updated DOMpurify lib to latest, and removed line referencing sourcemaps to get rid of warning in console.

- Fixed minor errors
- Darkened settings UI to match dark theme better
- Dev articles seemed to be always stale - changed the query part of the API call to query 'top' articles and it seemed to display new articles all the time
- Adjusted CSS on the Repo list so the scrollbar did not show on smaller screens
- Adjusted the style of all the buttons to better match

This release is centered around a complete re-write of the `githubGraph.js` file. I changed from hitting GitHub in general to `https://github.com/users/username/contributions` API and instead of parsing the entire profile and getting just the contribution info this will in turn decrease the downloaded file size and increase loading time for the calendar since it is just the contribution info being loaded. A 20 kb vs 382 kb download difference. I also made sure my proxy was coded into the lib so it did not depend on someone else's free tier from App Engine.

Fixed URL Proxy I was using: kept going over Limit:

The URL Proxy I was using to hit GitHub (in githubGraph.js) and get commit graph details kept going over its limit and interrupting my service. So I created my own Proxy through Google App Engine and am now hitting that and all is working again.

Also changed className in Twitter inject script for new Twitter UI. They are still changing their UI so this may only work temporarily. I will continue checking the site to keep up on the new classNames.

After the last update to fix the DEV box, I realized if you were to navigate to another page on Twitter, the DEV portion would show up in your main feed. It had to do with the className I was referencing to inject the DEV node into the DOM.
I fixed the reference classes selected to inject after and all seems well now.
I also added a little more CSS styling.

Changes

Fixed Twitter portion of extension after Twitter's UI update

Changed all CSS classes in inject.js
- Adjusted all function calls
- Changed all class names to match Twitter's new ones
- Changed Template literals so everything will work

*Still some work to be done on styling - Just wanted to at least get it working*

Ran autoprefixer on all CSS files

Sanitize user input for the individual bookmark add

- DOMPurify lib is already being used for the input on the settings page. I made sure the input from the single add bookmark on the main page was sanitized as well.

Had a request to add in functionality to change the weather information display to Metric

Added option in the Weather options to toggle between Imperial Units for the US and Metric Units for other countries.

Now there is a toggle switch before getting weather location. The default is Imperial but you can toggle it to Metric so you can have the Wind Speed displayed in KPH instead of MPH and the Temperature will be in Celsius.

This selection is stored in 'chrome.storage.local' with all the other options and is just appended onto the end of the API call to Open Weather Map then it will return the info in that unit of measure. Then the browser will check that selection again prior to display and show either MPH of KPH after wind speed.

Shrunk the margin on Options page to try and keep the Warning about deleting bookmarks from bleeding into the donate portion.
On smaller screens the warning under Delete Bookmarks was mixed into the paragraph on donating.
I shrunk the margin as well as shortened the message to warn users about deleting the bookmarks.

** This only effected small screens

Minor style changes - Changed font size and style on the article and repo descriptions
Bumped padding on the calendar columns
Added clear function to bookmark input so it will clear when saved

Fixed options page not working

Took out Content Security Policy. Sanitized, and fixed problems.