IN BROWSER: shows a directory picker, then gets all files from a local folder - How to

browser-access-dir-and-create-append-file.js

async function getDir() {
  const dirHandle = await window.showDirectoryPicker({id: 'rememberMyLastSelected', mode: 'readwrite', 'startIn': 'documents'}); // https://developer.mozilla.org/en-US/docs/Web/API/Window/showDirectoryPicker#parameters
  console.log('Opened file system: ', dirHandle);


  // simple file list
  for await (const entry of dirHandle.values()) {
    console.log(entry.kind, entry.name);
  }



  // file list with details
  const promises = [];
  for await (const entry of dirHandle.values()) {
    if (entry.kind !== 'file') {
      continue;
    }
    promises.push(entry.getFile().then((file) => `${file.name} (${file.size})`));
  }
  console.log(await Promise.all(promises));




  // create/open file and append string
  const newFileHandle = await dirHandle.getFileHandle('repos.txt', { create: true });

  console.log('created file', newFileHandle);

  const file = await newFileHandle.getFile();
  const contents = await file.text();

  const writable = await newFileHandle.createWritable();
  // Write the contents of the file to the stream.
  await writable.write(contents + "Some text.\n");
  // Close the file and write the contents to disk.
  await writable.close();


}
getDir();