😍 Com a File System Access API não precisamos baixar ou fazer upload de arquivos para criação, leitura, atualização e deleção de arquivos locais — a aplicação web pode ler e gravar diretamente no disco do usuário, com permissão explícita.
🛠 Os principais entry points são window.showOpenFilePicker(), window.showSaveFilePicker() e window.showDirectoryPicker():
const [fileHandle] = await window.showOpenFilePicker();
const file = await fileHandle.getFile();
const conteudo = await file.text();
const writable = await fileHandle.createWritable();
await writable.write("novo conteúdo");
await writable.close();
👉 Quando combinada com Canvas API, Selection API, APIs de áudio/vídeo entre outras, a File System Access API permite editores de texto, IDEs, ferramentas de design e editores de mídia rodando 100% no browser.
🔐 A API exige consentimento explícito do usuário para cada acesso — o browser sempre mostra um picker, e a aplicação só consegue acessar o que foi escolhido.
📊 Suporte: estável em Chrome, Edge e Opera (Chromium). Safari e Firefox não implementam, citando preocupações com privacidade e segurança. Para esses casos, a recomendação é usar o pacote browser-fs-access do Google, que faz fallback automático para <input type="file"> e download manual.