Deploy blipwren-music to the hub

.gitattributes

@@ -399,3 +399,28 @@ brand/recall-brief/cover.png filter=lfs diff=lfs merge=lfs -text
 brand/recall-brief/image-1-output.png filter=lfs diff=lfs merge=lfs -text
 brand/recall-brief/image-2-shot.png filter=lfs diff=lfs merge=lfs -text
 brand/recall-brief/image-3-inside.png filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/free/boss_lose.wav filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/free/dungeon_deep_cave.wav filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/free/overworld_meadow_run.wav filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/free/overworld_win.wav filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/dungeon_crypt_steps.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/dungeon_deep_cave.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/dungeon_ruin_echoes.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/night_firefly_path.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/night_lofi_pixels.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/night_moonlit_lake.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/overworld_meadow_run.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/overworld_open_road.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/puzzle_bubble_pop.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/puzzle_clockwork.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/puzzle_tile_logic.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/space_orbit_drift.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/space_signal_lost.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/space_star_patrol.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/title_main_menu.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/title_options_screen.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/title_press_start.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/town_inn_fireside.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/town_item_shop.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/audio/preview/town_market_square.mp3 filter=lfs diff=lfs merge=lfs -text
+blipwren-music/og.png filter=lfs diff=lfs merge=lfs -text

blipwren-music/app.js

@@ -0,0 +1,196 @@
+/* Blipwren Music player: Web Audio, no libraries. © 2026 CyberMax */
+(function () {
+  "use strict";
+  var $ = function (s) { return document.querySelector(s); };
+  var ctx = null, master = null, music = null, meta = null, mood = "all";
+  var buffers = {};  // id -> AudioBuffer or Promise
+  var tiles = {};    // id -> {el, item}
+  var cur = null;    // {item, src, t0, dur, loop}
+  var DUCK = 0.35;
+
+  function audio() {
+    if (!ctx) {
+      var AC = window.AudioContext || window.webkitAudioContext;
+      ctx = new AC();
+      master = ctx.createGain(); master.gain.value = 0.8; master.connect(ctx.destination);
+      music = ctx.createGain(); music.gain.value = 1; music.connect(master);
+    }
+    if (ctx.state === "suspended") ctx.resume();
+    return ctx;
+  }
+
+  function toast(msg) {
+    var t = $("#toast"); t.textContent = msg; t.classList.add("on");
+    clearTimeout(toast._t); toast._t = setTimeout(function () { t.classList.remove("on"); }, 3200);
+  }
+
+  function url(item) { return item.free ? "audio/free/" + item.id + ".wav" : "audio/preview/" + item.id + ".mp3"; }
+
+  function load(item) {
+    if (buffers[item.id]) return Promise.resolve(buffers[item.id]);
+    buffers[item.id] = fetch(url(item)).then(function (r) {
+      if (!r.ok) throw new Error(r.status);
+      return r.arrayBuffer();
+    }).then(function (ab) {
+      return new Promise(function (res, rej) { audio().decodeAudioData(ab, res, rej); });
+    }).then(function (b) { buffers[item.id] = b; return b; }, function (e) { delete buffers[item.id]; throw e; });
+    return buffers[item.id];
+  }
+
+  function moodOf(id) { return meta.moods.filter(function (m) { return m.id === id; })[0]; }
+
+  function stopLoop() {
+    if (!cur) return;
+    try { cur.src.stop(); } catch (e) {}
+    tiles[cur.item.id].el.classList.remove("playing");
+    cur = null;
+    $("#stop").disabled = true;
+    $("#bar").style.width = "0";
+    $("#now-title").textContent = "Tap a loop to play it";
+    $("#now-sub").textContent = "Then drop a stinger on top: it's in the same key.";
+    setStingers(null);
+  }
+
+  function setStingers(m) {
+    Array.prototype.forEach.call(document.querySelectorAll("#stingers .chip"), function (b) {
+      b.disabled = !m;
+      b.dataset.id = m ? m + "_" + b.dataset.kind : "";
+    });
+  }
+
+  function playLoop(item) {
+    audio();
+    return load(item).then(function (buf) {
+      stopLoop();
+      var src = ctx.createBufferSource();
+      src.buffer = buf;
+      src.loop = !!item.free;  // full-quality free loops repeat forever; previews fade out
+      src.connect(music);
+      src.start(0);
+      var me = cur = { item: item, src: src, t0: ctx.currentTime, dur: buf.duration, loop: src.loop };
+      src.onended = function () { if (cur === me) stopLoop(); };
+      tiles[item.id].el.classList.add("playing");
+      $("#stop").disabled = false;
+      $("#now-title").textContent = item.title + (item.free ? " (free, looping)" : " (preview)");
+      $("#now-sub").textContent = moodOf(item.mood).label + " · " + item.bpm + " BPM · " + item.key +
+        (item.free ? " · full quality, listen for the seam" : " · first 8 of 16 bars");
+      setStingers(item.mood);
+      window.__blipwrenPlaying = item.id;
+    }).catch(function () { toast("Couldn't play that loop. Please try again."); });
+  }
+
+  function playStinger(item) {
+    audio();
+    return load(item).then(function (buf) {
+      var src = ctx.createBufferSource();
+      src.buffer = buf;
+      src.connect(master);
+      var now = ctx.currentTime;
+      if (cur) {  // duck the loop under the stinger, like the engine helpers do
+        music.gain.cancelScheduledValues(now);
+        music.gain.setValueAtTime(music.gain.value, now);
+        music.gain.linearRampToValueAtTime(DUCK, now + 0.12);
+        music.gain.setValueAtTime(DUCK, now + Math.max(buf.duration - 0.3, 0.1));
+        music.gain.linearRampToValueAtTime(1, now + buf.duration + 0.4);
+      }
+      src.start(now);
+      var t = tiles[item.id];
+      if (t) { t.el.classList.add("playing"); setTimeout(function () { t.el.classList.remove("playing"); }, buf.duration * 1000); }
+      window.__blipwrenStinger = item.id;
+    }).catch(function () { toast("Couldn't play that stinger. Please try again."); });
+  }
+
+  function tick() {
+    if (cur && ctx) {
+      var p = ((ctx.currentTime - cur.t0) % cur.dur) / cur.dur;
+      $("#bar").style.width = (p * 100).toFixed(1) + "%";
+    }
+    requestAnimationFrame(tick);
+  }
+
+  function chips() {
+    var box = $("#moods"), list = [{ id: "all", label: "All" }].concat(meta.moods).concat([{ id: "stingers", label: "Stingers" }]);
+    list.forEach(function (m) {
+      var b = document.createElement("button");
+      b.type = "button";
+      b.className = "chip" + (m.id === mood ? " on" : "");
+      b.dataset.mood = m.id;
+      b.textContent = m.label;
+      b.addEventListener("click", function () {
+        mood = m.id;
+        Array.prototype.forEach.call(box.children, function (x) { x.classList.toggle("on", x.dataset.mood === mood); });
+        filter();
+      });
+      box.appendChild(b);
+    });
+  }
+
+  function tile(item) {
+    var el = document.createElement("button");
+    el.type = "button";
+    el.className = "loop" + (item.type === "stinger" ? " st" : "");
+    el.setAttribute("aria-label", "Play " + item.title + (item.type === "stinger" ? " stinger, " + moodOf(item.mood).label : "") + (item.free ? " (free)" : ""));
+    el.innerHTML = '<span class="nm"></span><span class="ds"></span><span class="mt"></span><span class="dur"></span>';
+    el.querySelector(".nm").textContent = item.type === "stinger" ? item.title + " · " + moodOf(item.mood).label.split(" &")[0] : item.title;
+    el.querySelector(".ds").textContent = item.desc;
+    el.querySelector(".mt").textContent = item.bpm + " BPM · " + item.key + (item.bars ? " · " + item.bars + " bars" : "");
+    el.querySelector(".dur").textContent = item.dur.toFixed(1) + "s";
+    if (item.free) {
+      var foot = document.createElement("span"); foot.className = "foot";
+      var badge = document.createElement("span"); badge.className = "free-badge"; badge.textContent = "FREE";
+      var dl = document.createElement("a"); dl.className = "dl"; dl.href = url(item);
+      dl.download = "blipwren_" + item.id + ".wav"; dl.textContent = "WAV ↓";
+      dl.addEventListener("click", function (e) { e.stopPropagation(); });
+      foot.appendChild(badge); foot.appendChild(dl); el.appendChild(foot);
+    }
+    el.addEventListener("click", function () { if (item.type === "stinger") playStinger(item); else playLoop(item); });
+    tiles[item.id] = { el: el, item: item };
+    return el;
+  }
+
+  function build() {
+    var list = $("#list");
+    meta.moods.forEach(function (m) {
+      var h = document.createElement("h3"); h.className = "mood-h"; h.dataset.mood = m.id; h.textContent = m.label;
+      list.appendChild(h);
+      meta.items.filter(function (i) { return i.mood === m.id; }).forEach(function (i) { list.appendChild(tile(i)); });
+    });
+  }
+
+  function filter() {
+    var n = 0;
+    Array.prototype.forEach.call($("#list").children, function (el) {
+      if (el.classList.contains("mood-h")) { el.hidden = !(mood === "all" || mood === "stingers" || mood === el.dataset.mood); return; }
+      var id = Object.keys(tiles).filter(function (k) { return tiles[k].el === el; })[0], it = tiles[id].item;
+      var show = mood === "all" ? it.type === "loop" : mood === "stingers" ? it.type === "stinger" : it.mood === mood;
+      el.hidden = !show;
+      if (show) n++;
+    });
+    $("#status").textContent = n + (mood === "stingers" ? " stingers" : mood === "all" ? " loops" : " tracks") +
+      " · tap to play" + (mood === "all" ? " · pick a mood to see its stingers" : "");
+  }
+
+  function tabs() {
+    Array.prototype.forEach.call(document.querySelectorAll("#tabs .chip"), function (b) {
+      b.addEventListener("click", function () {
+        Array.prototype.forEach.call(document.querySelectorAll("#tabs .chip"), function (x) {
+          x.classList.toggle("on", x === b); x.setAttribute("aria-selected", x === b ? "true" : "false");
+        });
+        Array.prototype.forEach.call(document.querySelectorAll("pre[data-pane]"), function (p) { p.hidden = p.dataset.pane !== b.dataset.tab; });
+      });
+    });
+  }
+
+  $("#stop").addEventListener("click", stopLoop);
+  Array.prototype.forEach.call(document.querySelectorAll("#stingers .chip"), function (b) {
+    b.addEventListener("click", function () { var t = tiles[b.dataset.id]; if (t) playStinger(t.item); });
+  });
+  document.addEventListener("keydown", function (e) { if (e.key === "Escape") stopLoop(); });
+  tabs();
+  if (/[?&]thanks=1/.test(location.search)) setTimeout(function () { toast("Thanks for your order! Your download links are in the Polar receipt email."); }, 800);
+
+  fetch("music.json").then(function (r) { return r.json(); }).then(function (m) {
+    meta = m; chips(); build(); filter(); requestAnimationFrame(tick);
+    window.__blipwrenReady = true;
+  }).catch(function () { $("#status").textContent = "Couldn't load the music list. Please reload the page."; });
+})();

blipwren-music/audio/free/boss_lose.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:25cc61feb064e9410944f91b16513174b896fd8c5d057c0ec2d7a72c9781a507
+size 195110

blipwren-music/audio/free/dungeon_deep_cave.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a09060cb131818178de03b61c733efaf4f290236adfe804b72736f7ebf561806
+size 3528044

blipwren-music/audio/free/overworld_meadow_run.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a107a1e2ea368610d92710eee5205da1ea2d94a2cb35ed2c910ebda5fe43232d
+size 2352044

blipwren-music/audio/free/overworld_win.wav

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d963e275c3e2e591a9acba17974cae0c23d12138e161db5baeb482e97965d7e4
+size 162478

blipwren-music/audio/preview/dungeon_crypt_steps.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a76135d29f357e58d5c2f8e8db885ed266df558a30a260aaecfea18a4e7258af
+size 152379

blipwren-music/audio/preview/dungeon_deep_cave.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:acaaa6077f15d2de00fd70aa2c847ee37fba6d5dadb37c2afc71a6e3d4fd87a1
+size 138758

blipwren-music/audio/preview/dungeon_ruin_echoes.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1370f30f0228cb7d5fc95f3d7faf9ff26304ee2dea5b65cea42ed480843412e3
+size 148734

blipwren-music/audio/preview/night_firefly_path.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:509d062324ef11bf096d5c15f0b220af0280c389f4b5c80fe1da45340b49a124
+size 140243

blipwren-music/audio/preview/night_lofi_pixels.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:cf7a4dbe2d6ffeb5e0b9cbe0f02645a207475d57dda5bc723e9650ad9224c0e3
+size 152716

blipwren-music/audio/preview/night_moonlit_lake.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d7b5d1c193cdaa53736f7d0df229aa936a73a2e7935675122bc2a7eff56683de
+size 151424

blipwren-music/audio/preview/overworld_meadow_run.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:a22910fb5040723ce186741431261e6df73f6972bbb3785973d946d69981e973
+size 100156

blipwren-music/audio/preview/overworld_open_road.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f369425980da45934be1038d31cdc5c8b0dd3c6ff1f9f03582d595aa3748a20f
+size 103835

blipwren-music/audio/preview/puzzle_bubble_pop.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:39eb8ac84b817761ea98a361197a41bed40e89c0f9e15b5008ed079677606e91
+size 111530

blipwren-music/audio/preview/puzzle_clockwork.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d2079fd83acb59a751a7a6dc74cd4c517a9bc5a8d52e78eb4da9de9b3decfabe
+size 141024

blipwren-music/audio/preview/puzzle_tile_logic.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:709fda342044d0aeca05fb2a7d0151e6157a1c5add9ee327dae3d27fafce3b4d
+size 118107

blipwren-music/audio/preview/space_orbit_drift.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:d4d6989dc933e24bbaf18ceeef465c29654b42da974f3e6ed686da11323edef7
+size 118056

blipwren-music/audio/preview/space_signal_lost.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:504f2c68f67eaadf4efca9913a8ce492a9ca416c2b5f01d2b5281edc2484fe95
+size 125656

blipwren-music/audio/preview/space_star_patrol.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:1c1aabc3c743fd3ecd30092e3dcba3fbcc9126237d80a764436b00ca06406052
+size 111756

blipwren-music/audio/preview/title_main_menu.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:77262fa454a07015d042c9cd948ef2efc41f32b9cbc8645a86d1438167a548ab
+size 128792

blipwren-music/audio/preview/title_options_screen.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:2559a0bac6ba4e7baf44aa83ce81c66a894f9d159cb1c747efde7d03f91fb19f
+size 117920

blipwren-music/audio/preview/title_press_start.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:44b5d5258952ad8c628fa8bcf67374d7c7856905ec7feb8fad4cd3dca08f3c5c
+size 109451

blipwren-music/audio/preview/town_inn_fireside.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:83fe1840b7f5bcb35805c7b2ab98abcc1086c5e28288afa2a3dc3dee913e8932
+size 144730

blipwren-music/audio/preview/town_item_shop.mp3

@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:c6ba05b107b1683522cc9f70535c6b51447eb8510b48bcbfd2a46abf73bd58a5
+size 127811