Better Onboarding & Added Cache for GitHub Graph

• Made it easier to access settings on first run. Reference Issue #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 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.
devTabs.zip

Update DOMPurify & Responsiveness

• Upgraded the sanitization lib included. DOMPurify has been upgraded to latest version due to a vulnerability.
• Adjusted CSS on Main page to make it slightly more responsive on smaller screens < 1300px
• Moved the "add single bookmark" button up and side by side with options button so it would work on MacBook Pro - < 1300px screen

Dev.to by-line fix & Refactored bookmarks input

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 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 that input too.

Console Error fix | Delete bookmark fix

• 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.

Style && API

Minor fixes

• fixed script tags outside body in index.html - was throwing error
• Darkened Settings UI slightly to better fit w/Dark Theme of Index Page
• API call to Dev.to going stale not fetching the latest articles. Changed the query to fetch 'top' articles and after testing it for days, it seems to be doing much better.
• Adjusted CSS for the list of Repo's so it no longer shows a scrollbar on smaller screens
• Adjusted style on the buttons in the settings to better match overall style

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

Rewrite of github-calendar.js

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 proxy for GitHub graph call

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.

Fixed DEV Box

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.

Fixed Twitter after UI update

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.

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

Added option to change the Unit of Measure on weather display

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.