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

@ndive/design-tracker

v0.0.7

Published

- This CLI tool provides a static analysis of `@ndive/design-components` usage in your codebase. Leveraging [ts-morph](https://ts-morph.com/), it systematically examines how specific components or features are utilized within TypeScript code and generates

Downloads

246

Readme

@ndive/design-tracker

  • This CLI tool provides a static analysis of @ndive/design-components usage in your codebase. Leveraging ts-morph, it systematically examines how specific components or features are utilized within TypeScript code and generates a comprehensive report.
  • @ndive/design-components의 사용량을 분석하는 CLI 도구. ts-morph를 활용해 타입스크립트 코드에서 컴포넌트 사용 패턴을 정적 분석하고, 명확하고 체계적인 리포트를 생성합니다.

Warning

  • This package is created for learning purposes. Caution is advised when using in production. Use at your own risk.
  • 이 패키지는 학습용으로 제작되었습니다. 프로덕션 환경에서 사용 시 주의가 필요합니다. 사용 시 본인의 책임 하에 사용해 주시기 바랍니다.

How to use

Installing the package is as follows:

패키지 설치는 다음과 같습니다:

➜ npm install --save-dev @ndive/design-tracker

Next, the package runs as follows:

실행은 다음과 같습니다:

➜ npx @ndive/design-tracker --config /path/to/config --tsconfig /path/to/tsconfig.json

Required Configuration

This package uses an rc file such as ndive-design-tracker.json to set its behavior. Add the ndive-design-tracker.json file to the project root directory and set it as in the example below:

이 패키지는 ndive-design-tracker.json과 같은 rc파일을 사용하여 동작을 설정합니다. 프로젝트 루트 디렉토리에 ndive-design-tracker.json 파일을 추가한 후 아래 예시와 같이 설정하세요:

{
    "tsConfigFilePath": "./tsconfig.json",
    "outputTo": "./data.json", // default "stdout",
    "globs": ["**/!(*.test|*.spec|*.d).@(js|ts)?(x)"] // default ["**/!(*.test|*.spec|*.d).@(js|ts)?(x)"]
}