gr2m

gr2m

Update

The difference between local and play environment is strictNullChecks. It's set to false by default locally, but is enabled on the playground by default.

Here is the [playground link](https://www.typescriptlang.org/play?strictNullChecks=false&allowJs=true&target=5#code/C4TwDgpgBGCGwAsDOUC8UDeBYAUFKARAPSxhgEBcmu++A5hMFdnrfnAE6wC2jEHSZgF8A3DTZQOEJGAD2AOyTThY1vlHiNrYgGNZAE2kB9WQDMje+foCuO4JWpqoDJo4kxYXXsH6DMW9ykZBSU-DADaCK0tXCIAKjiaOKgAFQRoAHlILmAASwUoBFgUWHkoWTA8hVgAGygAZg59KFBIKE86a155YCgAdwRcnQR2mprZPqQkltkoJV7YSQgAR2tcqWaAQQAFAEkYKQA3XIg+qAAKRH5oHVLy+RqQKAAjaAVoKVX1iGb4dpbcrwAJTTaa7UxQXLAADkKHmABoWukoAADTg8PgCFFQADWECeSAQsmsNWauR6vggdn6UJGoLwyQwUF4+lysBS4AgzAOEGOpz8AG0CNwQABaMBHE59AiIgB08qQwA45LoAoAumqoEItfSoMlZFcOH1ckpIb1CcTSZCKQIqb1jYhdYyhEkiLhWplsvB8vIADziACqHDqEAAHj4rCg8SAzB5EEh4eIALKMInNMMR-RR-GxuDxgVBmpqxOsCW8qVoKDWKwQUzkn64AB8lZY7E8GJ8AioKVkGTsshxUO27e8vl9eeQBeDaoFKcQBjVzYAZOJ8AAlFZrDbbSWnce7vqN1T4T7WaSucLHpbBRRcqvyHHyCbyVQxHBhuQcXrkzumWA6aAAFErDkH8UFbQgAHFAJSKASDIBwsn4b0FF9YhSHIRECBcAg

gr2m

Setup

git clone https://gist.github.com/08a749b9eb98ba73e83184894d78675c.git probot-1371
cd probot-1371
npm install

Then run

gr2m

name: End-to-end tests
on: [push]
jobs:
  cypress-run:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v1
      - uses: actions/setup-node@v1
        with:
          node-version: 12

gr2m

Create new Octokit (JS) repository

Example

• repository name: action.js
• description: GitHub API client for GitHub Actions

# create new folder and change into it
mkdir action.js

gr2m

My usecase: Universal JavaScript libraries for GitHub's APIs for Node.js and modern browsers.

All libraries are written in Typescript, so a build step is necessary which makes it easier to seperate the source code structure from the distribution code structure. I rely heavily on pika.dev for creating browser bundles and distributing them via their CDN. Example: https://github.com/octokit/request.js/#usage.

I use @pika/pack to create a ./pkg folder with multiple distributions right before publishing to npm. Example: https://unpkg.com/browse/@octokit/request@5.1.0/

Currently, the dist-web/ folder is the ECMAScript Module export, it's referenced using the "module" key in its package.json. The dist-node/ folder is referenced using the "main" key in its package.json.

Besides the differentiation of common

gr2m

addEventListener('fetch', event => {
  event.respondWith(handleRequest(event.request))
})

const CLIENT_ID = '<your client ID>'
const CLIENT_SECRET = '<your client Secret>'

async function handleRequest(request) {
  if (request.method === 'GET') {
    return new Response(`$ curl -XPOST -H'Content-Type: application/json' -d'{"code": "<your oauth code>"}' ${request.url}`)

gr2m

Octokit.js build setup using @pika/pack

Install @pika/pack and build plugins

npm install --save-dev @pika/pack @pika/plugin-build-node @pika/plugin-build-web @pika/plugin-ts-standard-pkg

Configuration

gr2m

gr2m

Local setup

git clone git@gist.github.com:48ad793b3fb7dbb59bcd696bbf75baee.git github-lock-issue-test
cd github-lock-issue-test
npm install
node github-lock-issue-test.js

Should log