From cfa67c4bc5dd400a598889b34ef88508ad58616b Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Fri, 4 Jul 2025 17:29:31 -0700
Subject: [PATCH] Update example to use new /butterchurn entrypoint

---
 examples/minimal/index.html         |  2 +-
 examples/minimalMilkdrop/index.html | 50 ++++-------------------------
 examples/multipleSkins/index.html   |  3 +-
 examples/multipleTracks/index.html  |  6 ++--
 4 files changed, 12 insertions(+), 49 deletions(-)

diff --git a/examples/minimal/index.html b/examples/minimal/index.html
index 240cbd2e..fbd6b4cd 100755
--- a/examples/minimal/index.html
+++ b/examples/minimal/index.html
@@ -20,7 +20,7 @@
             },
             // NOTE: Your audio file must be served from the same domain as your HTML
             // file, or served with permissive CORS HTTP headers:
-            // https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
+            // https://docs.webamp.org/docs/guides/cors
             url: "https://cdn.jsdelivr.net/gh/captbaritone/webamp@43434d82cfe0e37286dbbe0666072dc3190a83bc/mp3/llama-2.91.mp3",
             duration: 5.322286,
           },
diff --git a/examples/minimalMilkdrop/index.html b/examples/minimalMilkdrop/index.html
index 2abeb46f..757d3811 100755
--- a/examples/minimalMilkdrop/index.html
+++ b/examples/minimalMilkdrop/index.html
@@ -11,50 +11,12 @@
     </div>
     <script type="module">
       /**
-       * Webamp now includes an ESModule build, so you can import it directly. I
-       * haven't validated full backwards compatibility with all the ways people
-       * can import Webamp, so I haven't shipped this as the default build yet,
-       * but it's on NPM as: `webamp@0.0.0-next-361ce79`.
-       *
-       * Changelog since the version you have can be found here:
-       * https://github.com/captbaritone/webamp/blob/master/packages/webamp/CHANGELOG.md
+       * Webamp includes a `webamp/butterchurn` entrypoint which includes the Butterchurn
+       * library to enable the Milkdrop visualizer. It hasn't been included in a
+       * stable version yet, until it is, you can use by installing
+       * `webamp@next`.
        */
-      import Webamp from "https://unpkg.com/webamp@^2";
-
-      /**
-       * Butterchurn is not being actively maintained, but it is still works
-       * great. Before it went into maintenance mode Jordan Berg (different
-       * Jordan) cut a beta release of a version with the faster/more secure
-       * eel->Wasm compiler that I wrote, so we use `butterchurn@3.0.0-beta.3`.
-       *
-       * Blog post about the eel->Wasm compiler here:
-       * https://jordaneldredge.com/blog/speeding-up-winamps-music-visualizer-with-webassembly/
-       *
-       * This version is still using AMD modules, so it will write the export to
-       * `window.butterchurn`. This is a pretty chunky files, so you way want to
-       * find a way to lazy load it inside `importButterchurn` below.
-       * Unfortunately, it's not an ES module, so I wasn't able to call
-       * `import()` on it without some kind of bundler.
-       */
-      import "https://unpkg.com/butterchurn@3.0.0-beta.3/dist/butterchurn.min.js";
-      const butterchurn = window.butterchurn;
-
-      /**
-       * This module, `butterchurn-presets@3.0.0-beta.4` contains a curated set
-       * of awesome Butterchurn presets that have been packaged up to work with
-       * the new compiler. This module is also packaged as an AMD module, so
-       * when imported without a bundler it will write the export to `window`. I
-       * think the package was never that thoughtfully built, so the export name
-       * is, confusingly `window.base`. If that's a problem, using a bundler
-       * might help.
-       *
-       * As audio plays, Webamp will randomly cycle through these presets with a
-       * cool transition effect. You can also press "l" while the Milkdrop
-       * window is open to open Milkdrop's preset selection menu.
-       */
-      import "https://unpkg.com/butterchurn-presets@3.0.0-beta.4/dist/base.js";
-      const butterchurnPresets = window.base.default;
-
+      import Webamp from "https://unpkg.com/webamp@0.0.0-next-f432117/butterchurn";
       const webamp = new Webamp({
         initialTracks: [
           {
@@ -64,7 +26,7 @@
             },
             // NOTE: Your audio file must be served from the same domain as your HTML
             // file, or served with permissive CORS HTTP headers:
-            // https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
+            // https://docs.webamp.org/docs/guides/cors
             url: "https://cdn.jsdelivr.net/gh/captbaritone/webamp@43434d82cfe0e37286dbbe0666072dc3190a83bc/mp3/llama-2.91.mp3",
             duration: 5.322286,
           },
diff --git a/examples/multipleSkins/index.html b/examples/multipleSkins/index.html
index 3f37d2e5..974e30d7 100755
--- a/examples/multipleSkins/index.html
+++ b/examples/multipleSkins/index.html
@@ -14,7 +14,8 @@
       const webamp = new Webamp({
         // Optional. An array of objects representing skins.
         // These will appear in the "Options" menu under "Skins".
-        // Note: These URLs must be served with the correct CORs headers.
+        // NOTE: These URLs must be served with the correct CORs headers.
+        // https://docs.webamp.org/docs/guides/cors
         //
         // These will appear in the dropdown menu under "Skins".
         availableSkins: [
diff --git a/examples/multipleTracks/index.html b/examples/multipleTracks/index.html
index 3a8e46c1..a0baa30f 100755
--- a/examples/multipleTracks/index.html
+++ b/examples/multipleTracks/index.html
@@ -26,7 +26,7 @@
             },
             // NOTE: Your audio file must be served from the same domain as your HTML
             // file, or served with permissive CORS HTTP headers:
-            // https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
+            // https://docs.webamp.org/docs/guides/cors
             url: "https://cdn.jsdelivr.net/gh/captbaritone/webamp@43434d82cfe0e37286dbbe0666072dc3190a83bc/mp3/llama-2.91.mp3",
             duration: 5.322286,
           },
@@ -37,7 +37,7 @@
             },
             // NOTE: Your audio file must be served from the same domain as your HTML
             // file, or served with permissive CORS HTTP headers:
-            // https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
+            // https://docs.webamp.org/docs/guides/cors
             url: "https://raw.githubusercontent.com/captbaritone/webamp-music/4b556fbf/Diablo_Swing_Orchestra_-_01_-_Heroines.mp3",
             duration: 322.612245,
           },
@@ -48,7 +48,7 @@
             },
             // NOTE: Your audio file must be served from the same domain as your HTML
             // file, or served with permissive CORS HTTP headers:
-            // https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS
+            // https://docs.webamp.org/docs/guides/cors
             url: "https://raw.githubusercontent.com/captbaritone/webamp-music/4b556fbf/Eclectek_-_02_-_We_Are_Going_To_Eclecfunk_Your_Ass.mp3",
             duration: 190.093061,
           },