Swap package manager prefixes in web pages

Latest Version

Version
1.1
Update
August 24, 2024
Size
208KiB
Developer
Category
Users
1
Rating
0 ★
Manifest Version
3
Web Store Status
Languages Support
English
See more
Permissions
ActiveTab
Storage
See more

Package Prefix Swapper Extension

Swap Package Managers On Any Webpage.

The Package Prefix Swapper for developers who work with multiple package managers.

Quickly replace npm, yarn, pnpm, and more with just a few clicks, streamlining your workflow and making it easier to navigate code samples and documentation across the web.

Example:

1. npm → pnpm
2. pip → pipenv

or anything else.

Key Features:

1. Automatic Prefix Detection: The extension automatically identifies the package manager prefixes used on the current web page.
2. One-Click Prefix Swapping: Easily swap the detected prefixes with the ones you prefer, with just a single click.
3. Swap History: Keep track of your past prefix swaps and reapply them with ease.
4. Dark Mode: Enjoy a clean, distraction-free experience with the built-in dark mode.
5. Keyboard Shortcuts: Quickly access the extension's features using intuitive keyboard shortcuts.

How to Use:

1. Install the \"Package Prefix Swapper\" extension from the Chrome Web Store.
2. Visit a web page with package manager prefixes (e.g., documentation, project READMEs, etc.).
3. Click the extension icon in your Chrome toolbar to open the popup.
4. The extension will automatically detect the prefixes used on the page.
5. Swap the prefixes as needed, and the page will be updated instantly.
6. Your swap history is saved, so you can easily reapply previous changes.

Disclaimer:

While the \"Package Prefix Swapper\" extension is designed to work on a wide range of web pages, it's important to note that some websites may explicitly prevent or restrict the modification of their content. The extension operates by detecting and replacing package manager prefixes on the current web page, but certain websites may have measures in place to protect their content from such modifications.

Users should be mindful of where they choose to use this extension, as the website owners may not approve of the automatic replacement of their content. The extension is provided without any guarantees or warranties, and users are solely responsible for ensuring they use it in an ethical and legal manner. This tool is for educational and productivity purposes only.

If a website prohibits or restricts the kind of content modification performed by the \"Package Prefix Swapper\" extension, the extension may not function as expected, or the website may take action against the user. It is the user's responsibility to respect the terms of service and content policies of the websites they visit, and to use the extension only on pages where it is appropriate and permitted.

The developer of the \"Package Prefix Swapper\" extension cannot be held liable for any consequences that may arise from the use of this tool. Users are advised to exercise caution, double-check the swapped prefixes, and respect the wishes of website owners when using this extension.
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "name": "Package Prefix Swapper", "version": "1.1", "description": "Swap package manager prefixes in web pages", "permissions": ["activeTab", "storage"], "action": { "default_popup": "src/popup.html" }, "content_scripts": [ { "matches": [""], "js": ["src/content.js"] } ], "icons": { "16": "src/img/icons/icon16.png", "32": "src/img/icons/icon32.png", "48": "src/img/icons/icon48.png", "128": "src/img/icons/icon128.png" }, "background": { "service_worker": "src/background.js" }, "content_security_policy": { "extension_pages": "script-src 'self'; object-src 'self'" }, "web_accessible_resources": [ { "resources": ["src/data/package-managers.json"], "matches": [""] } ] }
Read more

How to download and manually install Package Prefix Swapper extension for Chrome

Looking for a way to install Package Prefix Swapper extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install Package Prefix Swapper extensions manually, this article outlines two simple methods to effortlessly install Package Prefix Swapper extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download Package Prefix Swapper extension and manually install through Drag &Drop

If you ever need to manually install a Package Prefix Swapper extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the Package Prefix Swapper Extension by clicking the "Download CRX" button on the website.

Look for the Package Prefix Swapper extension you wish to install. Go to the website and download the Package Prefix Swapper extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for Package Prefix Swapper extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the Package Prefix Swapper extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download Package Prefix Swapper extension for Chrome and install in Developer Mode

This is another method to install Package Prefix Swapper extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the Package Prefix Swapper extension file

Select and download the Package Prefix Swapper extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the Package Prefix Swapper extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your Package Prefix Swapper extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the Package Prefix Swapper extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install Package Prefix Swapper extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

LTR-RTL Extension · Accessibility 1 29 ★ 4.09KiB

icon

MindPane Extension · Productivity 1 9 ★ 1.13MiB

icon

Popup Blocker (strict) Extension · Productivity 1 931 ★ 147KiB

icon

Word Replacer Max Extension · Social & Communication 1 10 ★ 456KiB

icon

New tab page by start.me Extension · Productivity 1 1417 ★ 1.93MiB

icon

tabVertikal - vertical tabs Extension · Productivity 1 21 ★ 157KiB

icon

SideTab Pro - Vertical Tabs Extension · Productivity 1 59 ★ 169KiB

icon

Advanced User Agent Switcher Extension · Developer Tools 1 4 ★ 236KiB

icon

Tampermonkey BETA Extension · Developer Tools 1 4523 ★ 1.58MiB

icon

VertiTab - Vertical Tabs in Side Panel Extension · Productivity 1 14 ★ 2.87MiB

icon

Tampermonkey Editors Extension · Developer Tools 1 19 ★ 87.43KiB

icon

ModHeader - Modify HTTP headers Extension · Developer Tools 1 1061 ★ 676KiB

icon

Plugins Extension · Productivity 1 297 ★ 1.36MiB

icon

Extension Manager Extension · Productivity 1 69 ★ 937KiB

icon

Ad Dimmer Extension · Productivity 1 2 ★ 1.39MiB

icon

Property Tracker Extension · Shopping 1 77 ★ 131KiB

icon

Nice Tab Manager | 标签页管理器 Extension · Productivity 1 6 ★ 955KiB

icon

Locale Switcher Extension · Developer Tools 1 7 ★ 215KiB

icon

Icon Changer Extension · Productivity 1 1 ★ 201KiB

icon

Core Web Vitals Visualizer Extension · Developer Tools 1 12 ★ 2.39MiB

icon

Page Editable Extension · Productivity 1 10 ★ 32.43KiB

icon

Easy WebPage Editor Extension · Productivity 1 3 ★ 587KiB

icon

Edit website Extension · Productivity 1 0 ★ 271KiB

icon

Vertical Tabs Extension · Productivity 1 151 ★ 1017KiB