styleurl-extension

Fix bug in feedback box in ViewStyleURL bar

The bottom bar is now hidden when in print mode. Thanks whomever wrote in and flagged this issue.

StyleURL now supports creating secret gists, so that they don't appear in search or anywhere public. This is now the behavior by default.

Fixed issue where navigating around in Reddit sometimes caused a giant diff to appear of changes on the page. This happened because Reddit uses <style> which are empty in the DOM, but with rules populated via insertRule - https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet/insertRule

It just so happens that these style tags are not editable from within devtools anyway.

• On some websites, the code diff text was centered. It should be left aligned. So, I made it left-aligned.

• Automatically hide the bottom bar when there are no more CSS changes
• Include whether in-app feedback is from the view styleurl or the create styleurl bar

• Fixed flash of unstyled content when the bar at the bottom loads
• Added in-app feedback widget to help us improve the product, inspired by the one in the Stripe Dashboard.

• Hide Intercom only when the StyleURL bar is visible in the page because it covers up StyleURL and, for now, it's easier to forcefully hide it than to move it to be above the bar. TODO: observe for the #intercom-container selector instead of inserting a style tag when bar appears
• Add a spacer div to handle a good amount of cases where the bottom of screen is covered up by StyleURL. This won't fix every case, particularly websites like Facebook where the bottom of the screen is something else that's floaty

• Add "Share StyleURL" link to GitHub Gist
• Show error message when devtools isn't open and the user clicks "Share" or "Create Gist"

Ignore error causd by tab to not exist when resetting browserAction. This caused other things to break, and is a safe error to silence (famous last words)

Fix bug caused in 1.1.3 where the redirect URL was the share URL

Fix "Share changes" button on HTTP-only sites

Remove console.*(^[error|log]) in production

Remove query string from exported filenames because that's usually just a way to deal with caching and not how filenames are in the filesystem.

Improve performance of memoizer slightly

Fix issue where stylesheets after page changes on the same tab were being diffed. For example, you'd open Hacker News, edit some styles, click on a link to a page, then it would show all the Hacker News styles being unset.

Now, it clears all the cached styles on chrome.webNavigation.onCommitted.

Additionally:

• Made the box 400px wide instead of 320px.
• Made the filenames use "_" instead of "!" as the replacement character when a character is invalid. For example, before news.css!asodKPODSAKDPOK.css and after news.css_COKASODK.css

Performance improvements and bug fixes

New version

New version

New version