make regular cyclist work in the background

+ use worker-timers in Repl
+ repl / cyclist now accept custom interval functions

website/package.json

@@ -26,9 +26,9 @@
     "@nanostores/react": "^0.7.1",
     "@strudel/codemirror": "workspace:*",
     "@strudel/core": "workspace:*",
-    "@strudel/draw": "workspace:*",
     "@strudel/csound": "workspace:*",
     "@strudel/desktopbridge": "workspace:*",
+    "@strudel/draw": "workspace:*",
     "@strudel/hydra": "workspace:*",
     "@strudel/midi": "workspace:*",
     "@strudel/mini": "workspace:*",
@@ -60,7 +60,8 @@
     "rehype-slug": "^6.0.0",
     "rehype-urls": "^1.2.0",
     "remark-toc": "^9.0.0",
-    "tailwindcss": "^3.4.0"
+    "tailwindcss": "^3.4.0",
+    "worker-timers": "^7.1.4"
   },
   "devDependencies": {
     "@vite-pwa/astro": "^0.2.0",

website/src/repl/Repl.jsx

@@ -37,6 +37,7 @@ import { prebake } from './prebake.mjs';
 import { getRandomTune, initCode, loadModules, shareCode, ReplContext } from './util.mjs';
 import PlayCircleIcon from '@heroicons/react/20/solid/PlayCircleIcon';
 import './Repl.css';
+import { setInterval, clearInterval } from 'worker-timers';
 
 const { latestCode } = settingsMap.get();
 
@@ -75,6 +76,8 @@ export function Repl({ embedded = false }) {
       sync: false,
       defaultOutput: webaudioOutput,
       getTime: () => getAudioContext().currentTime,
+      setInterval,
+      clearInterval,
       transpiler,
       autodraw: false,
       root: containerRef.current,