Chrome Extension for blurring text

This extension can blur specified text/keywords in web pages.

Demo

Keyword matching

https://github.com/horihiro/TextBlurrer-ChromeExtension/assets/4566555/f33e548c-c360-42fd-9777-dbf89187588b

Regular Expression matching

https://github.com/horihiro/TextBlurrer-ChromeExtension/assets/4566555/dbd7d6f7-3879-4ab0-895c-8c6b154fecf2

RegExp Validation

https://github.com/horihiro/TextBlurrer-ChromeExtension/assets/4566555/f7c86192-a407-4497-b4e6-ff1c98f461ca

Show value on mouseover (v0.1.3 or later)

https://github.com/horihiro/TextBlurrer-ChromeExtension/assets/4566555/6f3753dd-9031-43df-87af-f9f572f7b758

Blur value in input tag (experimental, v0.1.3 or later)

https://github.com/horihiro/TextBlurrer-ChromeExtension/assets/4566555/27f2c3b1-ecf0-4a1f-88df-2f6e2b948f06

Exclusion URL list (v0.2.0 or later)

If you want NOT to blur keywords in specific sites/frames, you can specify URLs of the site in the Exclusion URL patterns tab.

You can add URLs on the current tab to the list by clicking + Add URLs in the current tab on the popup.

Context menu for adding keyword (v0.2.0 or later)

Simple way to add the blurry keyword.

Shortcut keys on popup (v0.2.0 or later)

• Ctrl / ⌘ + s: applying keywords/url patterns change (i.e. pressing Apply button)
• Shift + Alt + f: removing empty lines in active textarea

Mask value in title (experimental, v0.1.9 or later)

https://github.com/horihiro/TextBlurrer-ChromeExtension/assets/4566555/25c24d50-b478-4e63-9388-20b391046fc6

Try this

This extension can be installed from Chrome Web Store.

If you can try a development version, the following steps are needed.

1. get contents of this repository
   1. clone this repository
      or
   2. download zip file and extract it
2. open chrome://extensions
3. enable Developer mode and click Load Unpacked
   1. Google Chrome
      
   2. Microsoft Edge
      
4. select the directory created by cloning at step 1.

Limitations

• These are experimental features
  • Input Element blurring
  • Tab title masking
• The following HTML elements are not supported:
  • HTML Canvas
  • TextArea
• Web Terminal based on Xterm.js:
  see here

• Web Editor based on CodeMirror:
  CodeMirror, which bases GitHub code editor, repairs its own contents automatically after blurring by this extension. Then blurring and repairing are repeated, it causes infinity loop. (#62)

  [!NOTE] Not limited to CodeMirror, it's possible that an infinity loop and a site freezing happen caused by repeat of blurring and DOM tree keeping when the extension tries to blur text on a site composited by frameworks or components which try to keep DOM tree. As long as I investigate, lexical is also such a component.

Dependencies

• jsdiff: A JavaScript text differencing implementation (BSD 3-Clause License).

Change logs

0.2.5

• Bug fixes
  • Improve performance if there are invisible (display: none or visibility: hidden) elements containing target keywords.
• Chores
  • Typescriptize

0.2.4

• New features
  • Support contentEditable-enabled elements
• Bug fixes
  • Fix tab title masking (#65)
  • Fix issue with matching empty string (#67)
• Chores
  • Add documentation about priority of the keywords/patterns

0.2.3

• Bug fixes
  • Fix tab title masking (#56)
  • Fix white-space handling (#57)
  • Fix hanging up on sites contain CodeMirror (#62)
• Chores
  • Add documentation about blurring on Xterm.js

0.2.2

• Bug fixes
  • Improve performance (#52)
  • Fix adding exclusion URL patterns list

0.2.1

• Bug fixes
  • Improve performance (#48)

0.2.0

Refactoring blurring logic to improve performance and maintainability.
From this version, this extension includes jsdiff

• New features
  • Disable blurring on listed sites on Exclusion URL pattern list
  • Add Context Menu for adding the blurry keywords
  • Add shortcut keys on popup :
    • Ctrl / ⌘ + s: applying keywords/url patterns change
    • Shift + Alt + f: removing empty lines in active textarea
• Bug fixes
  • Improve title masking (#38, #39)
  • Improve unblurring on updating text node by javascript (#40)
  • Improve inputting keywords using RegExp assersions (#41)

0.1.9

• New features
  • Add experimental option to mask title by keywords
• Bug fixes
  • Improve misalignment of mask position for input element

0.1.8

• Bug fixes
  • Fix misalignment of mask position for input element with box-sizing set to border-box (#32)

0.1.7

• Bug fixes
  • Fix handling empty line in keyword/pattern list(#29)

0.1.5

• Bug fixes
  • Fix misalignment of mask position(#26)
  • Improve performance with many keywords/patterns

0.1.4

• New features
  • Add a link to new issue
• Bug fixes
  • Fix logic for getting backgroud color
  • Restore title attribute

0.1.3

• New features
  • Blur keywords splitted into some elements (#2)
  • Show blurred value on mouse over blurred area
  • Blur value in input tag (experimental)
    :warning: this cannot detect change by value property and javascript
• Bug fixes
  • Improve performance by change blurring logic
  • Blur keywords in shadow DOM

0.1.2

• New features
  • Add warning on popup for RegExp one character matches
• Bug fixes
  • Improve performance

0.1.1

• Bug fixes
  • Make RegExp/Matching Case buttons more clear

0.1.0

• New features

  • New Popup UI
    • Add buttons for:
    • Regular Expression (#3) w/ validation
    • Match case

• Bug fixes

  • Enabled toggle button behavior

0.0.2-alpha

First release on Chrome Web Store.

• Bug fixes

  • Improve performance

• Chores

  • Remove unnesessary features
    • server worker
    • tabs permission
    • dependency to jQuery

0.0.1-alpha

First release on GitHub