npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@phoenix-plugin-registry/technet.clipbox

v0.2.1

Published

It's a clipboard with history, Allows you to access recently copied texts and paste them back to the editor.

Downloads

4

Readme

Brackets ClipBox (Clipboard History)

Another simple extension which remembers last few copied texts and allow you to access them and paste back whenever needed. This will capture Ctrl+C keystrokes and store selected text in its own internal array. Then you can invoke the hot-key Ctrl+Alt+V to launch QuickOpen window, select and paste back.

This extension won't change how you normally copy text (i.e. Ctrl+C), but it seamlessly keeps history of copied texts for future reference. Clopboard history is really important when you need to copy segments from multiple locations of and paste in another location. Normally you have to copy and paste each segment one after another. But with this extension you can keep on copying these segments and then paste them all in one go.

There are some limitations, but considering 99% of common usage, these limitations won't be that significant.

Usage

  • Use Ctrl+C as usual to copy texts and continue work on editor. In background ClipBox will capture texts and store.

  • Hit Ctrl+Alt+V to invoke QuickOpen box to see the history of copied texts, and use Up and Down arrow keys to navigate through the entries. Then hit Enter to paste the selected entry back to the editor.

  • Hit Ctrl+Alt+E to clear the stored history.

  • This will store maximum of 10 history entries.

QuickOpen screenshot

Limitations

  • No Cut, only Copy In ideal environment this should capture both Copy and Cut functionality. However I implemented this just by handling the key event and then accessing the editor. During Copy operation selected text is available on the editor so we can capture a copy of it. But in the event of Cut system has already removed selected text from the editor so unless you directly access clipboard we don't have access to this text. I'm still not sure how to access clipboard directly using Javascript in this environment so left it for future enhancements.

    • I could have used direct key binding using KeyBindingManager to capture both Ctrl+C and Ctrl+X commands, then I would have implemented both scenarios successfully. Problem is that event brackets editor itself avodes ignoreCommand handling these native commands by itself. Main thing is I just wanted to implement this as a supplementary feature without breaking most primary functionality that any editor has.

  • Won't handle menu action This won't respond if you copy using the Edit -> Copy menu option. Because with my knowledge I have so far related to brackets, I cannot register another event handler to same command, so I don't know how to know whether user clicks on this menu item.

Design Considerations

  • Didn't want to introduce new hot key to make this extension usable, which will hinder the normal editor usage, instead you can use usual Ctrl+C key combination and extension will capture and build its own clipboard.

  • Didn't use KeyBindingManaer to capture the keyevent mainly because these are primary key combinations for any editor so didn't want to mess with them.

  • Utilized the QuickOpen plugin to show the stored clipboard history as it is easy to navigate and select history item.

  • Even though it uses QuickOpen it doesn't do any filtering mainly because this isn't a search feature. (probably in future releases)

Future Enhancements

  • Capture both Cut and Copy operations.
  • Handle Edit -> Cut and Edit -> Copy menu actions.
  • Filter entries by search string.

Version History

0.2.1
0.2.0
  • Settings dialog, Now you can change number of history entries and customize shortcut key combinations. (Note: you need to restart brackets in order to apply new shortcut settings)
  • Seperated language specific strings to support localization. However it only supports English in this release.
  • Code cleanup
0.1.0

Initial release with main functionality.