plugins: add webamp, the first Teahub plugin

A Winamp-style player docked on every page, fed by gandora's playlist.json
(falls back to a demo track). Installed on prod under /data/gitea:
templates/custom/footer.tmpl (appended) and public/assets/plugins/webamp/.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01HLEj1MiGohaV4qJE4NE1Xq

plugins/webamp/plugin.json

@@ -1,15 +1,12 @@
 {
   "name": "webamp",
   "title": "Webamp",
-  "version": "0.1.1",
+  "version": "0.1.0",
   "description": "A Winamp-style player on every Teahub page, fed by gandora.",
   "slots": {
     "footer": "templates/custom/footer.tmpl"
   },
   "assets": ["public/assets/plugins/webamp/webamp-mod.js"],
-  "vendor": {
-    "public/assets/plugins/webamp/webamp.bundle.min.js": "https://registry.npmjs.org/webamp/-/webamp-1.5.0.tgz#package/built/webamp.bundle.min.js"
-  },
   "config": {
     "playlist_url": "https://gandora.yolopreneur.lol/playlist.json"
   }

plugins/webamp/public/assets/plugins/webamp/webamp-mod.js

@@ -1,7 +1,7 @@
 // teahub plugin: webamp — a Winamp-style player docked on every Teahub page.
-// Loads the self-hosted Webamp bundle on first click, so pages stay fast for everyone else.
+// Loads Webamp from the CDN on first click, so pages stay fast for everyone else.
 
-// Module scripts have no document.currentScript, so find our tag by its src.
+// Module scripts have no document.currentScript, so find our tag by its data attribute.
 const script = document.querySelector('script[src*="plugins/webamp/webamp-mod.js"]');
 const PLAYLIST_URL = script?.dataset.playlist;
 const KEY = 'teahub-webamp-open';
@@ -36,20 +36,9 @@ async function loadTracks() {
 
 let webamp = null;
 
-function loadWebamp() {
-  if (window.Webamp) return Promise.resolve(window.Webamp);
-  return new Promise((ok, fail) => {
-    const s = document.createElement('script');
-    s.src = new URL('webamp.bundle.min.js', import.meta.url).href;
-    s.onload = () => ok(window.Webamp);
-    s.onerror = fail;
-    document.head.appendChild(s);
-  });
-}
-
 async function open() {
   if (webamp) return;
-  const Webamp = await loadWebamp();
+  const { default: Webamp } = await import('https://unpkg.com/webamp@1.5.0/built/webamp.bundle.min.mjs');
   if (!Webamp.browserIsSupported()) return;
   webamp = new Webamp({ initialTracks: await loadTracks() });
   webamp.onClose(() => {

plugins/webamp/templates/custom/footer.tmpl

@@ -1,2 +1,2 @@
 {{/* teahub plugin: webamp */}}
-<script type="module" nonce="{{ctx.CspScriptNonce}}" src="{{AssetUrlPrefix}}/plugins/webamp/webamp-mod.js?v=011" data-playlist="https://gandora.yolopreneur.lol/playlist.json"></script>
+<script type="module" nonce="{{ctx.CspScriptNonce}}" src="{{AssetUrlPrefix}}/plugins/webamp/webamp-mod.js?v=010" data-playlist="https://gandora.yolopreneur.lol/playlist.json"></script>