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

@danpacho/gh-action-test

v1.1.1

Published

github action test

Downloads

8

Readme

Github action을 학습해봅니다.

현재 기술 Stack?

  1. pnpm 패키지 매니저
  2. branch merge로 패키지를 관리하는 상황

Workflows?

  1. codeql.yml

    • "javascript" 코드 퀄리티 관리
    • main branch에 pull request 되는 순간 실행
  2. release.yml

    • main branch에 commit되는 순간 실행
    • pull request가 merge 되는 순간 실행 (이는 autolabeler를 작동시키기 위함)
    • release 변경 내역, branch의 title과 tag를 기준으로 자동 작성
  3. publish.yml

    • github release되는 순간 ci script 실행
    • ci 실행 이후 npm에 배포
  4. size-limit.yml

    • pull request에 의해 main branch에 merge되는 순간 실행
    • 패키지의 gzip bundle size를 보고 후 제한량 비교 및 사이즈 변경점 체크

Workflows Helpers Packages

  1. pnpm/action-setup@v2

    • pnpm을 패키지 매니저로 사용
  2. actions/cache@v3

    • node_modules 캐싱 전략 사용
    • unique key를 hash한 후 조회
    • 이것을 안하면? 시간-비용 손해
  3. JS-DevTools/npm-publish@v1

    • npm publish 자동화

    • NPM_TOKEN을 이용해 npm 자동화

      uses: JS-DevTools/npm-publish@v1
                   name: Publish package
                   with:
                       token: ${{ secrets.NPM_TOKEN }}
  4. release-drafter/release-drafter@v5

    • release 내역 업데이트 자동화
  5. andresz1/size-limit-action@v1

    • 패키지 bundle size를 체크 및 검토

Action 작동 순서

  1. branch를 파서 코드 작업
  2. branch pull request 요청
    • codeql.yml 코드퀄리티 action run
    • release.yml release action run
    • size-limit.yml size limit action run
  3. branch merge
    • release.yml release action run
  4. release draft: release action으로 생성된 release template로 version release
    • publish.yml npm publish action run