VS Code Extension to manage all urls found in workspace files

Home Page: https://marketplace.visualstudio.com/items?itemName=Leandro.project-urls-manager

License: MIT License

TypeScript 51.05% HTML 6.42% JavaScript 11.61% CSS 30.92%

vscode-extension vscode urls management

project-urls-manager-vscode-extension's Introduction

Project URLs Manager

VS Code Extension to manage all URLs found inside the workspace files

Features

This is what the Project URLs Manager looks like when open:

Search Input: Input Search for URLs on the list
Ignored URLs Visibility Toggle Toggle whenever you want to see or not the ignored URLs on the list
URL Actions: Copy to Clipboard, Ignore, Restore, Star and Unstar actions
Ignored URL: When ignored URLs are visible, they get a little bit of opacity
URL Address: Click at the URL address to open on your browser
URL Description: Add a quick description of the URL
Status Bar/Open Button: See how many URLs were found on your project and click to open the manager window
Treview: Pannels that shows all URLs separated by status. Each item has two buttons, one to open the URL in the browser, and another to open the file source of the URL with the cursor positioned exactly where the URL was found.

Extension Settings

Manage the extension settings

A comma-separated string of valid file extension types that should be considered on sync. (E.g. '.js,.css,.html')
A comma-separated string of domains to be ignored on sync. (E.g. 'google.con,facebook.com')
A comma-separated string of paths to be ignored on sync. (E.g. 'node_modules,src/your-file.js')

The extension settings on VS Code JSON settings file are:

projectURLsManager.extensionsList
projectURLsManager.ignoreDomains
projectURLsManager.ignorePaths

Commands

There are some commands available for the extension too:

This command is used just by tree view, so if you execute it nothing is gonna happen
Show Project URLs Manager TreeView List
Show Project URLs Manager TreeView List and focus on Ignored pannel
Search for URLs in all files, respecting the ignorePaths, ignoreDomains and extensionsList provided configurations
Show Project URLs Manager TreeView List and focus on Normal pannel
Show Project URLs Manager TreeView List and focus on Starred pannel
After syncing, data is cached like images and descriptions of the URLs. Use this command to force the clean of this cache.
Open the URLs manager tab

Release Notes

You can see all change logs here.

project-urls-manager-vscode-extension's People

Contributors

Stargazers

Watchers

Forkers

tieway59

project-urls-manager-vscode-extension's Issues

✨ [FEATURE] Ref source of every url

Describe what the feature is about?

Hi @leandrosimoes, I found this project from the market, because I have a markdown project with 100+ URLs in it. I was hoping to find some tools to view and manage it.

I see your awesome project as a nice start, I hope it can offer the ability to check where some is used.

I'm new here, but don't know where to start to look.

BTW, I don't wish to interrupt your roadmap, and I'd understand if you don't feel this is worth adding.

Anything else?

Maybe we need an icon on the right of the URL to jump to the origin context.

💡 Idea: Copy url to clip board

Add functionality to copy the URL to clipboard

✨UI/UX: Improve webview UI/UX

~~Try to use external URL, maybe a GitHub Pages. This would be awesome for updates.~~ Unfortunately, there's no way to use external URL
Try to use js/css files instead of script and style tags directly inside the HTML.
Improve the webview's content UI/UX.

Ignore lockfiles by default

npm and yarn generate lockfiles with urls in them but aren't excluded in the default list of paths. So the lockfile can contribute thousands of URLs to package tarballs to the urls manager.

package-lock.json
yarn.lock

💡 Idea ✨ UX/UI: Search input

Add a search input to search URLs on the list.

💡 Idea ✨ UX/UI: Media URL preview

Add a way to preview the content of the URL when the URL refers to media files like video, audio or image.
Add a way to preview videos when the URL refers to Youtube and Vimeo.

✨UX/UI: Improve user experience related to favicon

The favicon it's being very annoying because they just reload all the list when they get loaded. This was the easiest way to update the favicons on the list, so now I have to think about how to improve this.

1 - Check a way to cache the icons to fast load and a better offline experience.
2 - Think a way to update just the URLs on the list that the icons were found and not all of them.

💡 Idea ✨ UX/UI: URLs List Pagination

Add pagination to the URLs list when it has more than X items.
Add an item on settings so the user could set the max item per page
Add validation so the user couldn't set less than 5 items per page

💡 Idea ✨ UX/UI: Get Theme From User System

Check if there is a way to use the VS Code theme to set the extension theme
If so, add an item to settings so the user could choose between User System Theme, Light or Dark theme

leandrosimoes / project-urls-manager-vscode-extension Goto Github PK