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

inkdrop-visualizer

v1.1.49

Published

<p align="center"> <picture width="100px" align="center"> <source media="(prefers-color-scheme: dark)" srcset="https://github.com/inkdrop-org/inkdrop-visualizer/assets/86591160/f93f558f-81e8-4d70-9dcd-d7512b3a47d4"> <img alt="Inkdrop" src="h

Downloads

49

Readme

Overview

Inkdrop generates a visual, interactive map of your resources helps you understand relationships and dependencies.

Inkdrop takes your Terraform Plan and renders it locally as an interactive WebUI, allowing you to get a clean overview in seconds.

Benefits:

  • Review proposed changes at a glance.
  • Document your infrastructure automatically.
  • Onboard engineers to a new project 10 times faster.

Installation

With Brew:

brew tap inkdrop-org/inkdrop-visualizer
brew install inkdrop-visualizer

With Linux:

wget https://github.com/inkdrop-org/inkdrop-visualizer/releases/latest/download/inkdrop-linux-x64.tar.gz
tar -xzf inkdrop-linux-x64.tar.gz
chmod +x inkdrop
mv inkdrop /usr/local/bin/

With NPM:

npm install -g inkdrop-visualizer

With Docker:

Usage

CLI Usage

Run inkdrop where you would run Terraform init/plan.

terraform plan -out plan.out
inkdrop plan.out

This will launch an interactive WebUI showing you which resources will change according to your tf.plan.

When you click on a resource you will get additional details such as variables and outputs used.

At the top left of the UI you can filter the diagram by resource type, tags and other built-in debugging filters .

Command Line Arguments

| Argument | Description | Example Usage | |--------------------|-----------------------------------------------------------------------|--------------------------------------------| | (no argument) | Automatically launches a browser tab to display the diagram interactively.| inkdrop | | plan-filename | Visualizes the impact of changes defined in a specified terraform plan (or plan JSON) file. | inkdrop plan.out | | --state-dirs | List of directories that contain Terraform configuration files with configured backends. This option allows visualizing multiple states in a single diagram. | inkdrop plan.out --state-dirs ./path/to/tf/dir1 ./path/to/tf/dir2 | | --help, -h | Displays help information about the CLI tool and its commands. | inkdrop --help | | --version, -v | Shows the current version number of the CLI tool. | inkdrop --version | | --debug | Shows the logs of the diagram generation. | inkdrop --debug | | --path | Sets the working directory to a specified Terraform project path. | inkdrop --path ./repos/my-tf-project | | --renderer-port | Defines the port for the local diagram rendering service (default: 3000). | inkdrop --renderer-port 8080 |

Note: Without a plan file the diagram will be missing some functionality

CI Usage

To run inkdrop from your CI process you will need to follow the following short tutorials:

Github example

Atlantis example

[Gitlab example (coming soon)]

The runner will comment an SVG Image in the PR. Using the Inkdrop extension this image becomes interactive and behaves like the CLI version when you click on it.

Docker Usage

docker run \
  -v /path/to/your/terraform/root:/tfroot \  # Mount your Terraform root directory
  --env TF_VERSION=1.5.7 \                   # Set the Terraform version you're using
  -p 3000:3000 \                             # Map port 3000 for the WebUI
  -it \                                      # Use -d instead of -it to run the container in detached mode
  inkdroporg/inkdrop:latest \
  plan.out [additional arguments]

Replace /path/to/your/terraform/root with the absolute path to your local Terraform root directory. Adjust the TF_VERSION to match the version of Terraform you're using locally (e.g., 1.5.7). The plan.out argument refers to your Terraform plan file, and you can add any additional arguments required.

Misc

Troubleshooting

If you encounter any issues while using inkdrop, please use the --debug flag and report the issue. We're looking forward to help.

Telemetry

As this is a local CLI tool we have no information about your setup. The only telemetry we collect is a simple ping to our server, to estimate usage of the tool and the command line arguments you are using. To turn it off simply use the flag --telemetry-off.

Development

We welcome contributions and feedback! Feel free to open GitHub issues for bugs or feature requests.

Contact

Feel free to reach out:

Slack

Email

Calendar