From f9bf2122b7af01e835998b3375d331c9bc37d51b Mon Sep 17 00:00:00 2001
From: Felix Roos <flix91@gmail.com>
Date: Thu, 24 Nov 2022 20:13:54 +0100
Subject: [PATCH] add without-audio example

---
 packages/core/examples/without-audio.html | 73 +++++++++++++++++++++++
 1 file changed, 73 insertions(+)
 create mode 100644 packages/core/examples/without-audio.html
diff --git a/packages/core/examples/without-audio.html b/packages/core/examples/without-audio.html
new file mode 100644
index 00000000..87ffc8de
--- /dev/null
+++ b/packages/core/examples/without-audio.html
@@ -0,0 +1,73 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Buildless Vanilla Strudel REPL</title>
+  </head>
+  <body style="margin: 0; background: #222">
+    <div style="display: grid; height: 100vh">
+      <textarea
+        id="text"
+        style="font-size: 2em; border: 0; color: white; background: transparent; outline: none; padding: 20px"
+        spellcheck="false"
+      >
+// LOADING</textarea
+      >
+    </div>
+    <button
+      id="start"
+      style="
+        position: absolute;
+        border-radius: 10px;
+        top: 20px;
+        right: 20px;
+        padding: 20px;
+        border: 2px solid white;
+        background: transparent;
+        color: white;
+        cursor: pointer;
+      "
+    >
+      evaluate
+    </button>
+    <div id="output"></div>
+    <script type="module">
+      import { controls, repl, evalScope } from 'https://cdn.skypack.dev/@strudel.cycles/core@0.4.1';
+      import { transpiler } from 'https://cdn.skypack.dev/@strudel.cycles/transpiler@0.4.1';
+
+      const modules = [
+        import('https://cdn.skypack.dev/@strudel.cycles/core@0.4.1'),
+        import('https://cdn.skypack.dev/@strudel.cycles/mini@0.4.1'),
+      ];
+
+      const input = document.getElementById('text');
+
+      Promise.all(modules).then(() => {
+        input.innerHTML = getTune();
+      });
+      evalScope(controls, ...modules);
+
+      const { evaluate } = repl({
+        defaultOutput: (...args) => {
+          console.log(args);
+        },
+        getTime: () => Date.now() / 1000,
+        transpiler,
+        beforeEval: (code) => console.log('evaluate', code),
+        afterEval: (code) => {},
+      });
+      document.getElementById('start').addEventListener('click', () => {
+        evaluate(input.value);
+      });
+
+      function getTune() {
+        return `const output = (deadline, hap, now) => {
+  const { whole: { begin, end }, value } = hap; 
+  console.log(deadline, begin+0, end+0, value);
+}
+note("<c3 [d3 e3]>").cutoff(1000).onTrigger(output)`;
+      }
+    </script>
+  </body>
+</html>
