How do i upload a folder that contains all my code files to my Github repo using Github's REST API programmatically?

[xts-bit]

Select Topic Area

Question

Body

How do I upload a folder that contains all my code files to my Github repo using Github's REST API programmatically? Can anyone help me do that in JavaScript with Node.js?

Currently, when I try to run my code, it only uploads files, but how do I upload a folder instead? I don't want to upload files one by one. Any idea what to do?

async function upload() {
  const message = 'amogus';
  const content = 'aaaaa';
  const owner = 'MY-USERNAME';
  const repo = 'MY-REPO-NAME';
  const path = 'my-project';
  const auth = '{MY ACCESS TOKEN HERE}';

  const existingFile = await (await fetch(
    `https://api.github.com/repos/${owner}/${repo}/contents/${path}`,
    {
      method: 'GET',
      headers: {
        Accept: 'application/vnd.github+json',
        Authorization: `Bearer ${auth}`
      }
    }
  )).json();

  await (await fetch(
    `https://api.github.com/repos/${owner}/${repo}/contents/${path}`,
    {
      method: 'PUT',
      headers: {
        Accept: 'application/vnd.github+json',
        Authorization: `Bearer ${auth}`
      },
      body: JSON.stringify({
        message: message,
        content: btoa(content),
        sha: existingFile.sha,
      }),
    }
  )).json();
}

[DozenLimeStone]

Probably you have to loop through all files in the folder and upload them one by one.

[xts-bit]

@DozenLimeStone What if the project has multiple folders with multiple files?

[DozenLimeStone]

@xts-bit Well then recursively get them all :) The best other thing you can do is to compress them into one file and send it.

[xts-bit]

@DozenLimeStone Yep, So you mean I should first create a .zip file of my project convert it into base64 string then upload it?

[DozenLimeStone]

@xts-bit Yes, I mean that. If there is nobody to see the contents, and used to store the data, yes.

[xts-bit]

@DozenLimeStone What do you mean by. "If there is nobody to see the contents, and used to store the data" I just tried to upload .zip file but it only uploaded that file with a base64 string like "YW1vZ3VzLmh0bWw=" instead of my code files

any idea?

[DozenLimeStone]

@xts-bit You probably should just read the file in binary, then convert contents into base64 and send.

[xts-bit]

@DozenLimeStone I did this but then it created a myfoldername.zip file in my GitHub repo with a base64 string like "YW1vZ3VzLmh0bWw=" instead of my code files my code:

import fs from 'fs';

function readFileAndConvertToBase64(filePath) {
  try {
    const fileBuffer = fs.readFileSync(filePath);
    const base64Data = fileBuffer.toString('base64');
    return base64Data;
  } catch (error) {
    console.error(error);
  }
}

async function upload() {
  const message = 'hi';
  const content = readFileAndConvertToBase64('./folder.zip');
  const owner = 'MY-USERNAME';
  const repo = 'MY-REPO-NAME';
  const path = 'my-project';
  const auth = '{MY ACCESS TOKEN HERE}';

  const existingFile = await (await fetch(
    `https://api.github.com/repos/${owner}/${repo}/contents/${path}`,
    {
      method: 'GET',
      headers: {
        Accept: 'application/vnd.github+json',
        Authorization: `Bearer ${auth}`
      }
    }
  )).json();

  await (await fetch(
    `https://api.github.com/repos/${owner}/${repo}/contents/${path}`,
    {
      method: 'PUT',
      headers: {
        Accept: 'application/vnd.github+json',
        Authorization: `Bearer ${auth}`
      },
      body: JSON.stringify({
        message: message,
        content: btoa(content),
        sha: existingFile.sha,
      }),
    }
  )).json();
}

upload()

[DozenLimeStone]

@xts-bit Sorry for late response, what does btoa function do?

[xts-bit]

@DozenLimeStone "The btoa function in JavaScript stands for "binary to ASCII," and it is used to encode binary data (like a string of characters) into a base64-encoded ASCII string. In the provided code snippet, it is used to encode the content of a file before sending it in the body of a PUT request to the GitHub API."

btw recursively get them all approach suggested by you worked fine, Thanks!

[DozenLimeStone]

@xts-bit Hmmm, okay. Happy New Year!

[xts-bit]

@DozenLimeStone You too!

[tx0c]

this is not actually answered;

following from isaacs/github#199 to here

how can do Multi file operations in a single commit through the contents API. #199 ?

[DozenLimeStone]

🤣🤣🤣🤣🤣

[tx0c]

filed another #88796