repos.getContent errors rest.repos.getContent No 'Access-Controll-Allow-Origin'

[naturedamends]

I'm trying to use octokit in the browser, I load like so

        <script type="module">
            import { Octokit, App } from "https://esm.sh/octokit";

Server that returns the web page has the self.send_header('Access-Control-Allow-Origin', '*') .

but when making the request to getContents it makes a success request to github and then github redirects me to another page, which throws this error.

0.0.0.0/:1 Access to fetch at 'https://api.github.com/repositories/692564386/contents/randomdir%2' (redirected from 'https://api.github.com/repos/natured-amends/edit-api-test-repo/contents/randomdir%2F?ref=main&branch=main') from origin 'http://0.0.0.0:8000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
index.js:36     GET https://api.github.com/repositories/692564386/contents/randomdir%2 net::ERR_FAILED
l @ index.js:36
t @ index.js:147
c @ index.js:32
Promise.then (async)
i @ add.js:35
f @ index.js:36
doExecute @ light.js:405
(anonymous) @ light.js:1202
setTimeout (async)
_run @ light.js:1201
(anonymous) @ light.js:1236
Promise.then (async)
(anonymous) @ light.js:1224
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_drainOne @ light.js:1212
_drainAll @ light.js:1246
_addToQueue @ light.js:1354
await in _addToQueue (async)
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_receive @ light.js:1364
schedule @ light.js:1406
l @ index.js:30
doExecute @ light.js:405
(anonymous) @ light.js:1202
setTimeout (async)
_run @ light.js:1201
(anonymous) @ light.js:1236
Promise.then (async)
(anonymous) @ light.js:1224
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_drainOne @ light.js:1212
_drainAll @ light.js:1246
_addToQueue @ light.js:1354
await in _addToQueue (async)
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_receive @ light.js:1364
schedule @ light.js:1406
S @ index.js:32
doExecute @ light.js:405
(anonymous) @ light.js:1202
setTimeout (async)
_run @ light.js:1201
(anonymous) @ light.js:1236
Promise.then (async)
(anonymous) @ light.js:1224
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_drainOne @ light.js:1212
_drainAll @ light.js:1246
_addToQueue @ light.js:1354
await in _addToQueue (async)
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_receive @ light.js:1364
schedule @ light.js:1406
G @ index.js:11
(anonymous) @ register.js:25
Promise.then (async)
y @ register.js:18
Object.assign.endpoint @ index.js:155
(anonymous) @ (index):48
0.0.0.0/:1 Access to fetch at 'https://api.github.com/repositories/692564386/contents/randomdir%2' (redirected from 'https://api.github.com/repos/natured-amends/edit-api-test-repo/contents/randomdir%2F?ref=main&branch=main') from origin 'http://0.0.0.0:8000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
index.js:36     GET https://api.github.com/repositories/692564386/contents/randomdir%2 net::ERR_FAILED
l @ index.js:36
t @ index.js:147
c @ index.js:32
Promise.then (async)
i @ add.js:35
f @ index.js:36
doExecute @ light.js:405
(anonymous) @ light.js:1202
setTimeout (async)
_run @ light.js:1201
_onFailure @ light.js:437
await in _onFailure (async)
doExecute @ light.js:414
await in doExecute (async)
(anonymous) @ light.js:1202
setTimeout (async)
_run @ light.js:1201
(anonymous) @ light.js:1236
Promise.then (async)
(anonymous) @ light.js:1224
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_drainOne @ light.js:1212
_drainAll @ light.js:1246
_addToQueue @ light.js:1354
await in _addToQueue (async)
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_receive @ light.js:1364
schedule @ light.js:1406
l @ index.js:30
doExecute @ light.js:405
(anonymous) @ light.js:1202
setTimeout (async)
_run @ light.js:1201
(anonymous) @ light.js:1236
Promise.then (async)
(anonymous) @ light.js:1224
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_drainOne @ light.js:1212
_drainAll @ light.js:1246
_addToQueue @ light.js:1354
await in _addToQueue (async)
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_receive @ light.js:1364
schedule @ light.js:1406
S @ index.js:32
doExecute @ light.js:405
(anonymous) @ light.js:1202
setTimeout (async)
_run @ light.js:1201
(anonymous) @ light.js:1236
Promise.then (async)
(anonymous) @ light.js:1224
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_drainOne @ light.js:1212
_drainAll @ light.js:1246
_addToQueue @ light.js:1354
await in _addToQueue (async)
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_receive @ light.js:1364
schedule @ light.js:1406
G @ index.js:11
(anonymous) @ register.js:25
Promise.then (async)
y @ register.js:18
Object.assign.endpoint @ index.js:155
(anonymous) @ (index):48
0.0.0.0/:1 Access to fetch at 'https://api.github.com/repositories/692564386/contents/randomdir%2' (redirected from 'https://api.github.com/repos/natured-amends/edit-api-test-repo/contents/randomdir%2F?ref=main&branch=main') from origin 'http://0.0.0.0:8000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.
index.js:36     GET https://api.github.com/repositories/692564386/contents/randomdir%2 net::ERR_FAILED
l @ index.js:36
t @ index.js:147
c @ index.js:32
Promise.then (async)
i @ add.js:35
f @ index.js:36
doExecute @ light.js:405
(anonymous) @ light.js:1202
setTimeout (async)
_run @ light.js:1201
_onFailure @ light.js:437
await in _onFailure (async)
doExecute @ light.js:414
await in doExecute (async)
(anonymous) @ light.js:1202
setTimeout (async)
_run @ light.js:1201
_onFailure @ light.js:437
await in _onFailure (async)
doExecute @ light.js:414
await in doExecute (async)
(anonymous) @ light.js:1202
setTimeout (async)
_run @ light.js:1201
(anonymous) @ light.js:1236
Promise.then (async)
(anonymous) @ light.js:1224
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_drainOne @ light.js:1212
_drainAll @ light.js:1246
_addToQueue @ light.js:1354
await in _addToQueue (async)
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_receive @ light.js:1364
schedule @ light.js:1406
l @ index.js:30
doExecute @ light.js:405
(anonymous) @ light.js:1202
setTimeout (async)
_run @ light.js:1201
(anonymous) @ light.js:1236
Promise.then (async)
(anonymous) @ light.js:1224
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_drainOne @ light.js:1212
_drainAll @ light.js:1246
_addToQueue @ light.js:1354
await in _addToQueue (async)
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_receive @ light.js:1364
schedule @ light.js:1406
S @ index.js:32
doExecute @ light.js:405
(anonymous) @ light.js:1202
setTimeout (async)
_run @ light.js:1201
(anonymous) @ light.js:1236
Promise.then (async)
(anonymous) @ light.js:1224
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_drainOne @ light.js:1212
_drainAll @ light.js:1246
_addToQueue @ light.js:1354
await in _addToQueue (async)
(anonymous) @ light.js:773
_tryToRun @ light.js:783
schedule @ light.js:798
_receive @ light.js:1364
schedule @ light.js:1406
G @ index.js:11
(anonymous) @ register.js:25
Promise.then (async)
y @ register.js:18
Object.assign.endpoint @ index.js:155
(anonymous) @ (index):48
0.0.0.0/:1 Access to fetch at 'https://api.github.com/repositories/692564386/contents/randomdir%2' (redirected from 'https://api.github.com/repos/natured-amends/edit-api-test-repo/contents/randomdir%2F?ref=main&branch=main') from origin 'http://0.0.0.0:8000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

[naturedamends]

Trying to access inside an app, with authentication to act on the repository I get the following

  url: 'https://api.github.com/repositories/692564386/contents/randomdir%2',
  status: 400,
  headers: {
    connection: 'close',
    'content-length': '160962',
    'content-type': 'text/html',
    date: 'Sun, 17 Sep 2023 17:28:49 GMT',
    etag: '"650573a5-274c2"',
    server: 'GitHub.com',

export = (app: Probot) => {
  app.on("issues.opened", async (context) => {
    const issueComment = context.issue({
      body: "Thanks for opening this issue!",
    });
    // await context.octokit.issues.createComment(issueComment);
    const request = {
         owner: "natured-amends",
         repo: "edit-api-test-repo",
         path: "randomdir/",
        //  branch: "main"
    }
    try {

      const response = await context.octokit.request('GET /repos/{owner}/{repo}/contents/{path}', {
        ...request,
        headers: {
          'X-GitHub-Api-Version': '2022-11-28'
        }
      })

Excuse the code, its just testing.

[naturedamends]

Doing

      // const response = await context.octokit.request('GET /repos/natured-amends/edit-api-test-repo/contents/randomdir', {
      //   ...request,
      //   headers: {
      //     'X-GitHub-Api-Version': '2022-11-28'
      //   }
      // })

works but

    const request = {
         owner: "natured-amends",
         repo: "edit-api-test-repo",
         path: "randomdir/",
        //  branch: "main"
    }
    try {
      const response = await context.octokit.repos.getContent(request)

Throws an error, 400 response code. no info

[naturedamends]

urlencode anything in the url.