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

@avnish100/autodeps

v1.0.2

Published

Automatically detect missing or unused imports and update packages while preserving essential dependencies

Downloads

1

Readme

autodeps

autodeps is a CLI tool designed to streamline dependency management in NextJS projects. It automatically detects missing or unused imports in your TypeScript/JavaScript files and updates your package dependencies accordingly, while preserving essential NextJS-related dependencies.

Features

  • Analyzes your NextJS project's TypeScript/JavaScript files (including TSX/JSX) to identify used packages
  • Detects and installs missing dependencies
  • Removes unused dependencies
  • Runs as a pre-build script to ensure your dependencies are always up-to-date

Key Benefits

Streamlined Dependency Management

autodeps takes the hassle out of managing your project's dependencies. It ensures that your package.json file always reflects the actual dependencies used in your code, reducing bloat and potential conflicts.

Faster Iteration with LLM-Generated Code

When working with code generated by Large Language Models (LLMs), you often need to quickly add new dependencies to your project. This tool automates that process, allowing you to paste LLM-generated code into your project and have the necessary dependencies automatically installed. This significantly speeds up the development process and reduces the friction of integrating AI-assisted code into your NextJS projects.

Installation

Install autodeps as a dev dependency in your project:

npm install --save-dev npm i @avnish100/autodeps

Usage

As a CLI Tool

You can run autodeps using npx:

npx autodeps

As a Pre-build Script

To automatically run autodeps before your build process, add it to your package.json scripts:

{
  "scripts": {
    "prebuild": "autodeps",
    "build": "next build"
  }
}

Now, whenever you run npm run build, autodeps will execute first, ensuring your dependencies are up-to-date before the build process starts.

How It Works

  1. Analyzes all TypeScript/JavaScript files in your NextJS project
  2. Identifies packages imported in your code
  3. Compares the used packages with your current dependencies
  4. Installs missing dependencies
  5. Removes unused dependencies
  6. Preserves essential NextJS dependencies (next, react, react-dom, etc.)

Essential NextJS Dependencies

The following dependencies are considered essential and will always be preserved:

  • next
  • react
  • react-dom
  • @types/react
  • @types/react-dom
  • @types/node
  • typescript
  • eslint
  • eslint-config-next

Configuration

Currently, autodeps works out of the box without any configuration. It's specifically tailored for NextJS projects and automatically preserves the essential NextJS dependencies.

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.

License

This project is licensed under the MIT License.

Support

If you encounter any issues or have questions, please file an issue on the GitHub repository.

Roadmap

Future improvements may include:

  • Support for custom configurations
  • Integration with other NextJS-related tools and libraries
  • Performance optimizations for larger projects
  • Support for other JS frameworks

Stay tuned for updates!