BuboBubo/topos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixing sample autopreview

Browse Source
This commit is contained in:
Raphaël Forment
2023-08-27 13:25:28 +02:00
parent 57d5ae6f83
commit 1fd94ba1cf
1 changed files with 29 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/Documentation.ts
View File

@ -4,7 +4,9 @@ const key_shortcut = (shortcut: string): string => {
return `<kbd class="lg:px-2 lg:py-1.5 px-1 py-1 lg:text-sm text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500">${shortcut}</kbd>`; return `<kbd class="lg:px-2 lg:py-1.5 px-1 py-1 lg:text-sm text-xs font-semibold text-gray-800 bg-gray-100 border border-gray-200 rounded-lg dark:bg-gray-600 dark:text-gray-100 dark:border-gray-500">${shortcut}</kbd>`;
}; };
const samples_to_markdown = (samples: object) => { const samples_to_markdown = (application: Editor) => {
let samples = application.api._all_samples();
console.log(samples)
let markdownList = ""; let markdownList = "";
let keys = Object.keys(samples); let keys = Object.keys(samples);
let i = -1; let i = -1;
@ -13,26 +15,32 @@ const samples_to_markdown = (samples: object) => {
if (!samples[keys[i]].data) continue; if (!samples[keys[i]].data) continue;
//@ts-ignore //@ts-ignore
if (!samples[keys[i]].data.samples) continue; if (!samples[keys[i]].data.samples) continue;
markdownList += `**${keys[i]}** (_${ //markdownList += `**${keys[i]}** (_${
//@ts-ignore // //@ts-ignore
samples[keys[i]].data.samples.length // samples[keys[i]].data.samples.length
}_) `; //}_) `;
// let i2 = -1; //
// while (i2++ < samples[keys[i]].data.samples.length - 1) {
// console.log(samples[keys[i]].data.samples[i2]); // Adding new examples for each sample folder!
// markdownList += `\t- <audio controls> <source src="${ const codeId = `sampleExample${i}`;
// samples[keys[i]].data.samples[i2] application.api.codeExamples[codeId] = `mod(.5) :: sound("${keys[i]}").n(irand(1,100)).end(1).out()`;
// }" type="audio/wav">\n const howMany = samples[keys[i]].data.samples.length;
// </audio>
// `; markdownList += `
// } <button
class="hover:bg-neutral-500 inline px-4 py-2 bg-neutral-700 text-orange-300 text-2xl"
onclick="app.api._playDocExample(app.api.codeExamples['${codeId}'])"
>
${keys[i]}
<b class="text-white">(${howMany})</b>
</button>`;
} }
return markdownList; return markdownList;
}; };
const injectAvailableSamples = (application: Editor): string => { const injectAvailableSamples = (application: Editor): string => {
let test = samples_to_markdown(application.api._all_samples()); let generatedPage = samples_to_markdown(application);
return test; return generatedPage;
}; };
export const documentation_factory = (application: Editor) => { export const documentation_factory = (application: Editor) => {
@ -865,12 +873,13 @@ mod(.5)::snd('pad').crush([16, 8, 4].div(2)).clip(.5).out()
Audio samples are dynamically loaded from the web. By default, Topos is providing some samples coming from the classic [Dirt-Samples](https://github.com/tidalcycles/Dirt-Samples) but also from the [Topos-Samples](https://github.com/Bubobubobubobubo/Topos-Samples) repository. You can contribute to the latter if you want to share your samples with the community! For each sample folder, we are indicating how many of them are available in parentheses. Audio samples are dynamically loaded from the web. By default, Topos is providing some samples coming from the classic [Dirt-Samples](https://github.com/tidalcycles/Dirt-Samples) but also from the [Topos-Samples](https://github.com/Bubobubobubobubo/Topos-Samples) repository. You can contribute to the latter if you want to share your samples with the community! For each sample folder, we are indicating how many of them are available in parentheses.
- **sample_folder** (_how_many_)
## Available audio samples ## Available audio samples
${injectAvailableSamples(application)}
<b class="flex lg:pl-6 lg:pr-6 text-bold mb-8">Samples can take a few seconds to load. Please wait if you are not hearing anything.</b>
<div class="lg:pl-6 lg:pr-6 inline-block w-fit flex flex-row flex-wrap gap-x-2 gap-y-2">
${injectAvailableSamples(application)}
</div>
`; `;
const patterns: string = ` const patterns: string = `