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

todo-red

v1.3.0

Published

A plugin for Node-RED which helps to visualize your open tasks for a flow on the workspace

Downloads

3

Readme

todo-RED

A Node-RED plugin to help you managing your flow creation and documentation.

This plugin enhance the Node-RED documentation feature with those features:

  • adds a tooltip with the nodes documentation
  • adds a todo-tab to keep an overview for your todo lists
  • shows the output names in the tooltip if requested
  • adds a small icon if a todo list and/or documentation exists

Usage

General

You can use the node documentation which has every tab, group, subflow or node.

Everything you write there will be counted as normal documentation, with two exceptions:

"# Outputs" and "# Todo" will be handled different and will always be shown above your documentation in the tooltip (no matter where you write them).

Create a Todo list

Use the node red documentation in a tab, group, subflow or node.

Add a "# Todo" headline and write your text what should be done. This info will be shown in the Todo Tab.

Tip: You can use markdown to create a list with things that must be done.

# Todo
- [ ] step 1
- [ ] step 2
- [x] already done step 3
- [ ] step 4

How to add todos

If you use a subflow you can add a todo list either on the node self or in the subflow description. The description on the node will be used if both has a todo description.

Outputs

If you want to quickly see the names of your outputs you can add an "# Output" header into your documentation.

If you want also some detailed text for an output you can add a subheader like "## Outputname" and write some text to it.

´´´

Outputs

special 1

This is a hint for the special 1 output.

  • Why does it exists?
  • Does special 2 exists? ´´´

Outputs

Visualization in Workspace

This node adds some icons and tooltips in the workspace. This can be disabled in the todo tab.

Icons

If a node has a documentation or a todo section it adds a small icon on the node.

The pencil icon will be added if there is a todo section.

The page will be added if there is some other documentation.

icons

Tooltip

The node gets also a tooltip where you find the full documentation and todo list.

The todo list will always be shown first.

tooltip

Todo tab

If you want to check your open tasks use the todo tab.

There will be all todos listed. If you hover the node you get a search icon to find the position of the node and an shortcut to edit the nodes documentation.

You can also search for the any text you see in the tab.

If your todo has a completed list, it will still be added but with grey text and a (done) suffix.

If you want to hide the tooltip and the icon for either the todos or documentation or both. This can be made in the settings next to the search bar.

Gitpod and example json

A ready to launch gitpod setting is available. Just start it, wait till your workspace is ready and start "node-red examples/todo.json".

License

This repository and the code inside it is licensed under the MIT License. Read LICENSE for more information.