formbricks / oss.gg

Gamify Open Source Contributions
https://oss.gg
MIT License
77 stars 46 forks source link

oss.gg 🕹️

Thanks for your interest in contributing to oss.gg

In this manual we'll walk you through the steps you need to take to get oss.gg and your own GitHub app up and running. It consists of four parts:

  1. GitHub SSO Configuration (make the login with GitHub work)
  2. oss.gg Github App Setup (setup your own version of the oss.gg GitHub app)
  3. Run oss.gg server locally
  4. Start the local instance of oss.gg with your GitHub test app and install oss.gg on test repository

1. GitHub Personal Access Token

In the development environemnt we're using Personal Access Tokens to query the GitHub API. This is neccessary because the rate limit of GitHub can be quite strict so we need to decentralize the request amount:

image

Generate one and fill it in the env variable:

GITHUB_APP_ACCESS_TOKEN

Let's setup your oss.gg GitHub App 👇

2. oss.gg Github App Setup

You need to create your own GitHub app to test the oss.gg functionality you're developing and to make the GitHub SSO work locally:

Stay in your GitHub Account Settings -> Developer Settings -> GitHub Apps and Create a New App:

image

Set it up as follows:

Fill in these env varibales with the data you get on the app detail page:

GITHUB_APP_CLIENT_ID= GITHUB_APP_CLIENT_SECRET= GITHUB_APP_WEBHOOK_SECRET GITHUB_APP_ID GITHUB_APP_SLUG

Lastly, you need to fill in the GITHUB_APP_PRIVATE_KEY variable.

This key comes in a .pem file. Open it and copy the code enclosed in double quotes, like so:

image

Setting up the GitHub App Permissions

To let the app manage the repo on your behalf it needs some permission:

Go to Permissions & events:

image

Set it up as follows:

Issues: Read & write

image

Metadata: Read only

image

Pull requests: Read & write

image

And subscribe to the following events:

image

All set 💪

2. Run oss.gg server locally

  1. Clone the project
  git clone https://github.com/formbricks/oss.gg.git
  cd oss.gg
  1. Install dependencies
  pnpm install
  1. Copy .env.example to .env and fill in the required environment variables
    cp .env.example .env

There is a bunch of differnet env variables which aren't always neccessary. I've prefilled the ones most contributors likely don't need in the env-example.

The NEXTAUTH_SECRET you can generate with the command written in the command below it.

  1. Start the server
  pnpm dev
  1. Run the Webhook Proxy. To be able to do that please run this first:

    npm install -g smee-client

    and then replace the SME path in the command below before you run it:

  smee --url https://smee.io/<your-smee-path> --path /api/github-webhook --port 3000

4. Start the local instance of oss.gg with your GitHub test app and install oss.gg on test repository

Please follow this video: https://youtu.be/KkKwqcw-h-k

Got stuck?

Please join our Discord and let us know so we can update this guide 🤓: oss.gg/discord