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/jsdoc.smartcomment

v0.0.4

Published

Generates JS Doc comment, helps with hinting of type inside comment

Downloads

2

Readme

Brackets-SmartComment

Generates JS Doc comment helps with the hinting of types and tags inside comment

Generate doc comment for js functions, classes, constants, property etc

  1. Start typing /**
  2. One hint will pop-up
  3. Insert hint (this will generate doc comment)

example Generating comment for function

In case of function this is taking care of parameters name, number of parameters, return statement etc

/**
 *
 * @param {[[type]]} template [[Description]]
 * @param {[[type]]} params [[Description]]
 * @param {[[type]]} isReturnSt [[Description]]
 * @return {[[type]]} [[Description]]
 */

Navigate inside comment

  1. Bring your cursor inside comment
  2. Press tab (It will select next item wrapped in square brackets i.e. [[Description]])
  • Inspired by https://github.com/wikunia/brackets-funcdocr
  • This is a great extension which documents functions and supports multiple languages Note:- Together these extensions may behave wrong According to me, For Js language you can use this extension for others FuncDocr is the right choice

Hints inside comment

  1. Select type by pressing tab, remove it and press ctr+space
  2. Tag hints, tag hints will pop up on pressing @
  3. The description is also available on selecting a tag

Hints

Hints

Delete Generated Doc

  1. If generated doc comment is not useful then Press Ctrl+Alt+A
  2. It will select the whole comment, Now you remove that
  3. Still, you will be able to use the tag and type hints

Workflow

Workflow

Known Issues

  • Indentation issue in generated Comment
  • Set Cursor at more useful position

TODO Items

  • Check comment on the fly and give errors to the user in real-time
  • Help user In generating Docs for his project
  • Better Hint Experience And Help more in editing generated comment