# Auth
# https://docs.kinde.com/developer-tools/sdks/frontend/react-sdk/
npm i @kinde-oss/kinde-auth-react
got auth working on both frrontend and backend
# TODO:
[ ] Upload audio data to Backblaze
[ ] render audio data using wavesurfer.js (allow url or file as input)
[ ] set up create and edit routes on api, use file access api to import folder, fall back to <input type="file">
You can check if a browser supports the File System Access API in several ways, using JavaScript. Here are the most common and reliable methods, along with explanations:
**1. Checking for the `window.showOpenFilePicker` function:**
This is the simplest and most direct way to detect support. The `showOpenFilePicker` function is the core of the API, used to prompt the user to select files.
```javascript
if ('showOpenFilePicker' in window) {
console.log('The File System Access API is supported!');
// Your code that uses the API goes here
} else {
console.log('The File System Access API is NOT supported in this browser.');
// Provide a fallback or alternative behavior
}
```
**Explanation:**
* `'showOpenFilePicker' in window`: This checks if the `showOpenFilePicker` property exists on the `window` object. If it exists, it means the browser has implemented the function. This is generally the preferred method because it directly tests for the function you'll be using.