import { registerSound, onTriggerSample } from '@strudel/webaudio'; import { isAudioFile } from './files.mjs'; import { logger } from '@strudel/core'; //utilites for writing and reading to the indexdb export const userSamplesDBConfig = { dbName: 'samples', table: 'usersamples', columns: ['blob', 'title'], version: 1, }; // deletes all of the databases, useful for debugging function clearIDB() { window.indexedDB .databases() .then((r) => { for (var i = 0; i < r.length; i++) window.indexedDB.deleteDatabase(r[i].name); }) .then(() => { alert('All data cleared.'); }); } // queries the DB, and registers the sounds so they can be played export function registerSamplesFromDB(config = userSamplesDBConfig, onComplete = () => {}) { openDB(config, (objectStore) => { // const keys = objectStore.getAllKeys(); // keys.onsuccess = (e) => { // console.log(e); // const result = e.target.result[0]; // console.log(result); // const q = objectStore.get(result); // q.onerror = (e) => console.error(e.target.error); // q.onsuccess = (e) => console.log(e); // }; let query = objectStore.getAll(); query.onerror = (e) => { logger('User Samples failed to load ', 'error'); onComplete(); console.error(e?.target?.error); }; query.onsuccess = (event) => { const soundFiles = event.target.result; if (!soundFiles?.length) { return; } const sounds = new Map(); [...soundFiles] .sort((a, b) => a.title.localeCompare(b.title, undefined, { numeric: true, sensitivity: 'base' })) .forEach((soundFile) => { const title = soundFile.title; if (!isAudioFile(title)) { return; } const splitRelativePath = soundFile.id.split('/'); const parentDirectory = //fallback to file name before period and seperator if no parent directory splitRelativePath[splitRelativePath.length - 2] ?? soundFile.id.split(/\W+/)[0] ?? 'user'; const soundPath = soundFile.blob; const soundPaths = sounds.get(parentDirectory) ?? new Set(); soundPaths.add(soundPath); sounds.set(parentDirectory, soundPaths); }); sounds.forEach((soundPaths, key) => { const value = Array.from(soundPaths); registerSound(key, (t, hapValue, onended) => onTriggerSample(t, hapValue, onended, value), { type: 'sample', samples: value, baseUrl: undefined, prebake: false, tag: undefined, }); }); logger('imported sounds registered!', 'success'); onComplete(); }; }); } // creates a blob from a buffer that can be read async function bufferToDataUrl(buf) { return new Promise((resolve) => { var blob = new Blob([buf], { type: 'application/octet-binary' }); var reader = new FileReader(); reader.onload = function (event) { resolve(event.target.result); }; reader.readAsDataURL(blob); }); } //open db and initialize it if necessary function openDB(config, onOpened) { const { dbName, version, table, columns } = config; if (typeof window === 'undefined') { return; } if (!('indexedDB' in window)) { console.log('IndexedDB is not supported.'); return; } const dbOpen = indexedDB.open(dbName, version); dbOpen.onupgradeneeded = (_event) => { const db = dbOpen.result; const objectStore = db.createObjectStore(table, { keyPath: 'id', autoIncrement: false }); columns.forEach((c) => { objectStore.createIndex(c, c, { unique: false }); }); }; dbOpen.onerror = (err) => { logger('Something went wrong while trying to open the the client DB', 'error'); console.error(`indexedDB error: ${err.errorCode}`); }; dbOpen.onsuccess = () => { const db = dbOpen.result; // lock store for writing const writeTransaction = db.transaction([table], 'readwrite'); // get object store const objectStore = writeTransaction.objectStore(table); onOpened(objectStore, db); }; } async function processFilesForIDB(files) { return await Promise.all( Array.from(files) .map(async (s) => { const title = s.name; if (!isAudioFile(title)) { return; } //create obscured url to file system that can be fetched const sUrl = URL.createObjectURL(s); //fetch the sound and turn it into a buffer array const buf = await fetch(sUrl).then((res) => res.arrayBuffer()); //create a url base64 containing all of the buffer data const base64 = await bufferToDataUrl(buf); const path = s.webkitRelativePath; const id = path?.length ? path : title; return { title, blob: base64, id, }; }) .filter(Boolean), ).catch((error) => { logger('Something went wrong while processing uploaded files', 'error'); console.error(error); }); } export async function uploadSamplesToDB(config, files) { await processFilesForIDB(files).then((files) => { const onOpened = (objectStore, _db) => { files.forEach((file) => { if (file == null) { return; } objectStore.put(file); }); }; openDB(config, onOpened); }); }