https://github.com/exizt/github-repo-list-graphql

github-my-repo-list-graphql
https://github.com/exizt/github-repo-list-graphql

github github-api

Last synced: 6 days ago
JSON representation

github-my-repo-list-graphql

• Host: GitHub
• URL: https://github.com/exizt/github-repo-list-graphql
• Owner: exizt
• License: gpl-2.0
• Created: 2022-08-13T09:57:19.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-08T08:22:57.000Z (10 months ago)
• Last Synced: 2024-01-08T09:40:38.081Z (10 months ago)
• Topics: github, github-api
• Language: TypeScript
• Homepage:
• Size: 105 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Github repo list (graphql)

> 자신의 깃헙 저장소 목록을 조회하는 기능

# 사용법

## 셋팅

1. `config.sample.json`을 복사해서 `config.json`파일을 생성

2. `personal_access_token`을 발행해서 입력해주고, `author`에는 자신의 아이디를 입력

    - Github 접속 > Settings > Developer settings > Personal access tokens > Tokens(classic)

    - `repo` 권한 체크 후 토큰 발행

3. `index.html`을 실행하면 목록을 조회해 볼 수 있음.

## 다른 곳에서 코드를 재사용시

> `typescript` 코드 예시. 핵심적인 구문.

```typescript

import { fetchRepoList_GraphQL } from "./src/github-api.js"

const authToken = ''

const author = ''

const query = `user:${author} sort:name-asc`

const searchParam = { page: 10, after: "", before: ""}

fetchRepoList_GraphQL(authToken, query, searchParam, (data:any)=>{

    let data = _data.search

    let itemList = data.edges

    let pageInfo = data.pageInfo

    for(let _item of itemList){

        let item = _item.node

        console.log(item.name)

    }

})

```

# 특징 및 목적

github에 로그인해서 저장소 목록을 보는 기능과 거의 비슷하게 구현을 했음. 로그인 없이 로컬에서 저장소 목록을 쉽게 볼 수 있다는 점과 js 파일을 다른 곳에 응용해서 사용해 볼 수 있음.

# 사용된 라이브러리

- octokit : 인터넷을 통한 사용. `src/github-api.ts`에서 `import { Octokit } from "https://cdn.skypack.dev/@octokit/core";`