support webdirt in minirepl

+ add section in tutorial

tutorial/MiniRepl.jsx

@@ -2,6 +2,8 @@ import { Tone } from '@strudel.cycles/tone';
 import { evalScope } from '@strudel.cycles/eval';
 import { MiniRepl as _MiniRepl } from '@strudel.cycles/react';
 import controls from '@strudel.cycles/core/controls.mjs';
+import * as WebDirt from 'WebDirt';
+import { loadWebDirt } from '@strudel.cycles/webdirt';
 
 export const defaultSynth = new Tone.PolySynth().chain(new Tone.Gain(0.5), Tone.Destination).set({
   oscillator: { type: 'triangle' },
@@ -21,8 +23,14 @@ evalScope(
   import('@strudel.cycles/xen'),
   import('@strudel.cycles/webaudio'),
   import('@strudel.cycles/osc'),
+  import('@strudel.cycles/webdirt'),
 );
 
+loadWebDirt({
+  sampleMapUrl: '../EmuSP12.json',
+  sampleFolder: 'EmuSP12',
+});
+
 export function MiniRepl({ tune }) {
   return <_MiniRepl tune={tune} defaultSynth={defaultSynth} hideOutsideView={true} />;
 }

tutorial/tutorial.mdx

@@ -758,6 +758,12 @@ They can provide streams of numbers that can be sampled at discrete points in ti
 
 {{ 'square2' | jsdoc }}
 
+## Using Samples with Webdirt
+
+You can use the powerful sampling engine [Webdirt](https://github.com/dktr0/WebDirt) with Strudel.
+
+{{ 'Pattern.webdirt' | jsdoc }}
+
 ## Using Superdirt via OSC
 
 In mainline tidal, the actual sound is generated via Superdirt, which runs inside Supercollider.