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

@jamesives/github-sponsors-readme-action

v1.5.4

Published

This GitHub Action will automatically add your GitHub Sponsors to your README. It can be configured in multiple ways allowing you to display and breakdown your sponsors by price tier with fallbacks.

Downloads

504

Readme

Getting Started ✈️

You can include the action in your workflow to trigger on any event that GitHub Actions supports.

[!IMPORTANT] You'll need to provide the action with a Personal Access Token (PAT) scoped to read:user and read:org.

Additionally, this action only applies the template within the workspace. You will need to combine it with a deployment action in order to commit it to your project. You can see a full example of this below.

name: Generate Sponsors README
on:
  workflow_dispatch:
  schedule:
    - cron: 30 15 * * 0-6
permissions:
  contents: write
jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout 🛎️
        uses: actions/checkout@v2

      - name: Generate Sponsors 💖
        uses: JamesIves/github-sponsors-readme-action@v1
        with:
          token: ${{ secrets.PAT }}
          file: 'README.md'

      # ⚠️ Note: You can use any deployment step here to automatically push the README
      # changes back to your branch.
      - name: Deploy to GitHub Pages 🚀
        uses: JamesIves/github-pages-deploy-action@v4
        with:
          branch: main
          folder: '.'

You'll also need to the following <!-- sponsors --><!-- sponsors --> in your .md file so the action knows where to place the data.

# Awesome Project

Go you!

## Sponsors

These are our really cool sponsors!

<!-- sponsors --><!-- sponsors -->

[!TIP] Looking for a more guided walkthrough? Check out the following article for more details on how to set everything up in your project.

Install as a Node Module 📦

If you'd like to use the functionality provided by this action in your own action you can either create a composite action, or you can install it using yarn or npm by running the following commands. It's available on both the npm and GitHub registry.

yarn add @jamesives/github-sponsors-readme-action
npm install @jamesives/github-sponsors-readme-action

It can then be imported into your project like so.

import run from '@jamesives/github-sponsors-readme-action'

run({
  token: process.env.GITHUB_TOKEN
})

Calling the functions directly will require you to pass in an object containing the variables found in the configuration section.

Configuration 📁

The with portion of the workflow must be configured before the action will work. You can add these in the with section found in the examples above. Any secrets must be referenced using the bracket syntax and stored in the GitHub repository's Settings/Secrets menu. You can learn more about setting environment variables with GitHub actions here.

Required Setup

The following options must be configured.

| Key | Value Information | Type | Required | | ------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | | token | You must provide the action with a Personal Access Token (PAT) with the read:user and read:org permission scope and store it in the secrets / with menu as a secret. This should be generated from the account or organization that receives sponsorship, and depending on your use case you may need to provide additional scopes. Learn more about creating and using encrypted secrets here. | with | Yes | | file | This should point to the file that you're generating, for example README.md or path/to/CREDITS.md. Defaults to README.md if no value is provided. | with | Yes |

Optional Choices

| Key | Value Information | Type | Required | | ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------ | -------- | | organization | If you're displaying sponsorship information as or for an organization you should toggle this option to true. You also need to provide the action with an read:org and read:user scoped PAT. Note: The PAT must belong to an owner of the organization. | with | No | | minimum | Using this input you can set the minimum sponsorship threshold. For example setting this to 500 will only display sponsors who give of $5 USD and more. By default the action will display all of your sponsors. | with | No | | maximum | Using this input you can set the maximum sponsorship threshold. For example setting this to 500 will only display sponsors who give of $5 USD and less. By default the action will display all of your sponsors. | with | No | | marker | This allows you to modify the marker comment that is placed in your file. By default this is set to sponsors - <!-- sponsors --> <!-- sponsors -->, if you set this to gold for example you can place <!-- gold --> <!-- gold --> in your file. | with | No | | fallback | Allows you to specify a fallback if you have no sponsors. By default nothing is displayed. | with | No | | template | Allows you to modify the default template. Please refer to the template section of this README for more information. | with | No | | active-only | If set to false, inactive sponsors will be displayed. This can be useful if you want to display all sponsors, regardless of their status. By default this is set to true. | with | No | | include-private | If set to true, private sponsors will be displayed in the list, however any identifying information will be redacted. This can be useful if you want to display all sponsors, regardless of their privacy settings. | with | No |

Deployment Status

The action will export a step output as sponsorship-status that you can use in your workflow to determine if the task was successful or not. You can find an explanation of each status type below.

| Status | Description | | --------- | ------------------------------------------------------------------------------------------------------- | | success | The success status indicates that the action was able to successfully generate the README. | | failed | The failed status indicates that the action encountered an error while trying to generate the README. | | skipped | The skipped status indicates that the action could not locate the markers in your .md file. | | running | The running status indicates that the action is actively working. |


Modifying the Template 🔧

You can modify the template that gets generated in your file by using the template input. This input allows you to leverage mustache templating to modify what is displayed. The following values are available.

| Status | Description | | ------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | | name | The users full name. This can sometimes be null if the user hasn't set one. This can be accessed using {{ name }} | | login | The users login, this can be accessed using {{ login }} | | url | The users GitHub profile url, this can be accessed using {{ url }}. | | avatarUrl | The users avatar url, this can be accessed using {{ avatarUrl }}. | | websiteUrl | The users website url. This can sometimes be null if the user hasn't set one, if so this field will fall back to url. This can be accessed using {{ websiteUrl }}. |

You're able to use markdown or GitHub approved basic HTML. The default template can be found here.

name: Generate Sponsors README
on:
  push:
    branches:
      - main
permissions:
  contents: write
jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout 🛎️
        uses: actions/checkout@v2

      - name: Generate Sponsors 💖
        uses: JamesIves/github-sponsors-readme-action@v1
        with:
          token: ${{ secrets.PAT }}
          file: 'README.md'
          template: '* [{{ name }}]({{ url }}) - {{ login }}'

      - name: Deploy to GitHub Pages 🚀
        uses: JamesIves/github-pages-deploy-action@v4
        with:
          branch: main
          folder: '.'
# Awesome Project

Go you!

## Sponsors

These are our really cool sponsors!

<!-- sponsors --><!-- sponsors -->

Separating by Sponsorship Tier ✨

If you'd like to highlight certain users who contribute to a specific sponsorship tier you can do so using a combination of the minimum, maximum and marker inputs. The minimum / maximum inputs equal their dollar contribution in cents.

name: Generate Sponsors README
on:
  push:
    branches:
      - main
permissions:
  contents: write
jobs:
  deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout 🛎️
        uses: actions/checkout@v2

      - name: Generate Sponsors 💖
        uses: JamesIves/github-sponsors-readme-action@v1
        with:
          token: ${{ secrets.PAT }}
          file: 'README.md'
          minimum: 500
          maximum: 999
          marker: 'silver'

      - name: Generate Sponsors 💖
        uses: JamesIves/github-sponsors-readme-action@v1
        with:
          token: ${{ secrets.PAT }}
          file: 'README.md'
          minimum: 1000
          marker: 'gold'

      - name: Deploy to GitHub Pages 🚀
        uses: JamesIves/github-pages-deploy-action@v4
        with:
          branch: main
          folder: '.'
# Awesome Project

Go you!

## Gold Sponsors

<!-- gold -->
<!-- gold -->

## Silver Sponsors

<!-- silver -->
<!-- silver -->