Currently work in progress! Please do not use productively.
- Receive Token (CORS PROBLEM)
- Check Cookie, if User already logedin
- Integrate Oktokit.js
- Integrate GitHub Form Schema HTML
- Submit Issue
- Define Readme
GitHub Issue Widget for your Website
GitHub Issue Widget bring your issue tracking to your website.
- GitHub's form schema
- Primer CSS support
- TypeScript Support
yarn add github-issue-widget # yarn
npm i github-issue-widget # npm
- Create your own GitHub OAuth App (https://github.com/settings/developers)
- Application name: name of the website (Issue Widget (Example))
- Homepage URL: url of the page in which the widget was integrated (https://127.0.0.1:5173)
- Authorization callback URL: url of the page in which the widget was integrated (https://127.0.0.1:5173/example/index.html)
- Generate a new client secret
- Copy client id and client secret
<div id="widget"></div>
import 'github-issue-widget/dist/style.css';
import { GitHubIssueWidget } from 'github-issue-widget';
document.addEventListener('DOMContentLoaded', () => {
document.getElementById('widget').innerHTML = new GitHubIssueWidget({
owner: 'JonathanSchndr',
repository: 'github-issue-widget',
branch: 'main',
issueSchemaPath: '.github/ISSUE_TEMPLATE/bug_report.yml',
appClientId: '',
appClientSecret: '',
}).render();
})
- Clone this repository
- Install dependencies using
yarn install
ornpm install
- Change vite.confg.js to
mode:'development'
/minify:false
/sourcemap:true
- Start development server using
yarn dev && yarn build:watch
ornpm run dev && npm run build:watch
Copyright (c) 2022 Jonathan Schneider MIT License