shimo164 / re-name-favbar

A Chrome extension to shorten AWS service names in the console

re:Name FavBar

This Chrome extension simplifies your AWS console experience by renaming the names of AWS service icons. By automatically modifying the text in the DOM, the extension replaces the long service names with more concise abbreviations.

Released version

You can also find re:Name FavBar on Chrome Web Store.

Example of how the extension works

How to Install the Chrome Extension in Developer Mode

1. Download the extension folder to your computer.
2. Open Google Chrome and navigate to chrome://extensions/.
3. Enable Developer mode by toggling the switch in the top right corner.
4. Click on the Load unpacked button.
5. Browse to the downloaded extension folder, select it, and click Open.
6. The extension will now be installed in Developer mode.

For more information on using Chrome extensions in Developer mode, you can visit the Google Chrome Enterprise Help page.

Settings

Options page:

Use the Options page to set custom mappings for service name abbreviations.

• Default mappings are provided for some services. To add a custom mapping, enter it in the format "original name, new name", with each mapping on a separate line.
• By default, the extension removes "AWS" and "Amazon" prefixes from service names. However, any custom mapping will override this default behavior.

Custom Mapping Examples

Here are some examples of how to use custom mappings:

Mapping	Description
DynamoDB, DDB	Rename "DynamoDB" to "DDB"
DynamoDB,	Remove "DynamoDB" from the display
Amazon Timestream, Amazon Timestream	Keep "Amazon Timestream" in its original form

Toggle Options

There are also two toggle buttons that provide further customization.

Toggle	Default	Description
Enable Extension	On	Extension will active and apply the mappings to the service names
Empty All Service Names	Off	All service names will be removed from display, regardless of the mappings specified

Note: Display Update Delay

When you open an AWS Console page, you may initially see the original AWS service names. This is because the extension needs to read the page's Document Object Model (DOM) and then rewrite the navigation bar sections to apply the renamed service names. This operation takes a small amount of time.

Contributing

Contributions to this project are warmly welcomed! Please feel free to open an issue or submit a pull request.

re-name-favbar's Issues

Adjust the spaces between icons

Is your feature request related to a problem? Please describe.
No

Describe the solution you'd like
Spaces between icons can be adjusted via css.
It would be useful to adjust as users like.

Here is the current fabvar. Nicer to have half of the current?

Describe alternatives you've considered
NA

Additional context
NA

Default setting of mapping does not set onInstall

Describe the bug

• Default setting of mapping does not set onInstall
• When press reset to default, it starts to work

Feat: Add region markers to fav bar

Is your feature request related to a problem? Please describe.

Sometimes we change the region unexpectedly. The region is shown on the top right position, but some markers on the top left will be nicer.

Describe the solution you'd like

Add region markers at the left position of the fav bar.

• with on/off for each region
• with a color for each region

Describe alternatives you've considered

There are some chrome extensions for the region marker.

Set textMapping in options page

Current Behavior
textMapping is hard-coded in content_script.js

Desired Behavior
Allow users to customize textMapping in the options page.

ex.

API Gateway, API GW
Application Discovery Service,ADS

• Data is save in Local Storage

Update default mappings

Is your feature request related to a problem? Please describe.
No

Describe the solution you'd like
Update default mappings for convienience

Describe alternatives you've considered
NA

Additional context
NA

fix: Uncaught SyntaxError: Identifier 'textMapping' has already been declared

fix: cont to let

fix: icon128.png size is not valid

Describe the bug
icon128.png size is not valid.

Unchecked runtime.lastError: No tab with id: 995512188.

Change repository name

Describe the solution you'd like
A clear and concise description of what you want to happen.

"shorten-aws-icon-names" is a temporary name. So change to "re:Name Favbar".

Add enable toggle on Options page

• default: enable

Error handling response: TypeError: Cannot read properties of undefined

Error handling response: TypeError: Cannot read properties of undefined (reading 'url') at init (chrome-extension://xxx/background.js:3:73) at chrome-extension://xxx/background.js:14:7

Cannot save a name as empty for specific service

Describe the bug
Cannot set a mapping name as empty for specific service.

To Reproduce
This does not work as intended, set xxxx to empty name.
xxxx,<newline>

This works but if you re-open options page, will be removed.
xxxx,<space><newline>

Toggle to "Service icon only" in the Options page

Describe the solution you'd like

When toggle this feature, the names in navibar would be empty. Same as the setting "Service icon only"