zsbqb-static 0.1.0

package/js/catalog-search.js

@@ -0,0 +1,311 @@
+/** 浏览器歌单搜索：与 apps/core/search_index.py 对齐（子串打分 + 模糊回落）。 */
+(function (root) {
+  const FUZZY_MIN_RATIO = 0.72;
+  const FUZZY_LIMIT = 12;
+  const NOISE_RE = /[\s\-_/\\|·・'"“”‘’[\]()（）【】<>《》,，.。!！?？:：;；~～]+/g;
+
+  let charPinyin = {};
+
+  function setCharPinyinMap(map) {
+    charPinyin = map && typeof map === "object" ? map : {};
+  }
+
+  function compactNoise(value) {
+    return String(value || "")
+      .toLowerCase()
+      .replace(NOISE_RE, "");
+  }
+
+  function lower(value) {
+    return String(value || "").toLowerCase();
+  }
+
+  function queryPinyin(text) {
+    const compact = compactNoise(text);
+    if (!compact) return "";
+    let out = "";
+    for (const ch of compact) {
+      out += charPinyin[ch] || ch;
+    }
+    return out;
+  }
+
+  function tokenVariants(token) {
+    const t = lower(token).trim();
+    if (!t) return [];
+    const compact = t.replace(NOISE_RE, "");
+    const variants = [t];
+    if (compact && compact !== t) variants.push(compact);
+    return variants;
+  }
+
+  function fieldValues(entry, keys) {
+    const out = [];
+    keys.forEach((key) => {
+      const raw = entry[key];
+      if (raw == null || raw === "") return;
+      const val = String(raw).toLowerCase();
+      out.push(val);
+      const compact = val.replace(NOISE_RE, "");
+      if (compact !== val) out.push(compact);
+    });
+    return out;
+  }
+
+  const SEARCHABLE_KEYS = [
+    "title",
+    "artist",
+    "title_compact",
+    "artist_compact",
+    "title_pinyin",
+    "artist_pinyin",
+    "title_initials",
+    "artist_initials",
+    "title_first_pinyin",
+    "artist_first_pinyin",
+    "title_first_letter",
+    "artist_first_letter",
+  ];
+
+  function tokenMatches(entry, token) {
+    const variants = tokenVariants(token);
+    if (!variants.length) return true;
+    const haystack = fieldValues(entry, SEARCHABLE_KEYS);
+    for (const variant of variants) {
+      for (const hay of haystack) {
+        if (hay.includes(variant) || hay.startsWith(variant)) return true;
+      }
+    }
+    return false;
+  }
+
+  function matchingBlocks(a, b) {
+    const la = a.length;
+    const lb = b.length;
+    const match = new Array(lb);
+    const blocks = [];
+    let ai = 0;
+    while (ai < la) {
+      let bestJ = -1;
+      let bestLen = 0;
+      for (let bj = 0; bj < lb; bj++) {
+        if (match[bj]) continue;
+        if (a[ai] !== b[bj]) continue;
+        let len = 0;
+        while (ai + len < la && bj + len < lb && !match[bj + len] && a[ai + len] === b[bj + len]) {
+          len += 1;
+        }
+        if (len > bestLen) {
+          bestLen = len;
+          bestJ = bj;
+        }
+      }
+      if (bestLen > 0) {
+        for (let k = 0; k < bestLen; k++) match[bestJ + k] = 1;
+        blocks.push(bestLen);
+        ai += bestLen;
+      } else {
+        ai += 1;
+      }
+    }
+    return blocks;
+  }
+
+  function sequenceRatio(left, right) {
+    if (!left && !right) return 1;
+    if (!left || !right) return 0;
+    if (left === right) return 1;
+    const blocks = matchingBlocks(left, right);
+    const matches = blocks.reduce((sum, n) => sum + n, 0);
+    return (2 * matches) / (left.length + right.length);
+  }
+
+  function similarity(left, right) {
+    if (!left || !right) return 0;
+    if (left === right) return 1;
+    const shorter = left.length <= right.length ? left : right;
+    const longer = left.length <= right.length ? right : left;
+    if (shorter.length >= 2 && longer.includes(shorter)) {
+      return Math.max(0.75, shorter.length / Math.max(longer.length, 1));
+    }
+    return sequenceRatio(left, right);
+  }
+
+  function fuzzyScore(entry, query) {
+    const needle = lower(query).trim();
+    if (!needle) return 0;
+    const compact = needle.replace(NOISE_RE, "");
+    if (compact.length < 2) return 0;
+    const needlePy = queryPinyin(needle);
+    const fields = [
+      entry.title_compact || String(entry.title || "").toLowerCase().replace(NOISE_RE, ""),
+      entry.artist_compact || String(entry.artist || "").toLowerCase().replace(NOISE_RE, ""),
+      entry.title_pinyin || "",
+      entry.artist_pinyin || "",
+    ];
+    if (compact.length <= 6 && /^[\x00-\x7f]+$/.test(compact)) {
+      fields.push(entry.title_initials || "", entry.artist_initials || "");
+    }
+    let best = 0;
+    fields.forEach((hay) => {
+      if (!hay || hay.length < 2) return;
+      best = Math.max(best, similarity(compact, hay));
+      if (needlePy && needlePy !== compact && needlePy.length >= 2) {
+        best = Math.max(best, similarity(needlePy, hay));
+      }
+    });
+    const titlePy = entry.title_pinyin || "";
+    if (needlePy && titlePy && needlePy.length >= 2) {
+      best = Math.max(best, similarity(needlePy, titlePy));
+      if (titlePy.startsWith(needlePy) || needlePy.startsWith(titlePy)) {
+        best = Math.max(best, 0.82);
+      }
+    }
+    if (best < FUZZY_MIN_RATIO) return 0;
+    return Math.round(best * 100);
+  }
+
+  function matchScore(entry, query) {
+    const needle = lower(query).trim();
+    if (!needle) return 0;
+    const tokens = needle.split(/\s+/).filter(Boolean);
+    if (!tokens.length) return 0;
+    for (const token of tokens) {
+      if (!tokenMatches(entry, token)) {
+        const compactToken = token.replace(NOISE_RE, "");
+        if (!compactToken || !tokenMatches(entry, compactToken)) return 0;
+      }
+    }
+    const needleCompact = needle.replace(NOISE_RE, "");
+    const title = lower(entry.title);
+    const artist = lower(entry.artist);
+    const titleCompact = entry.title_compact || title.replace(NOISE_RE, "");
+    const artistCompact = entry.artist_compact || artist.replace(NOISE_RE, "");
+    let score = 10;
+    if (title === needle || titleCompact === needleCompact) score += 100;
+    else if (title.startsWith(needle) || titleCompact.startsWith(needleCompact)) score += 60;
+    else if (title.includes(needle) || titleCompact.includes(needleCompact)) score += 40;
+    if (artist === needle || artistCompact === needleCompact) score += 50;
+    else if (artist.includes(needle) || artistCompact.includes(needleCompact)) score += 25;
+    const titlePinyin = entry.title_pinyin || "";
+    const artistPinyin = entry.artist_pinyin || "";
+    const needlePy = queryPinyin(needle);
+    if (
+      needleCompact &&
+      (titlePinyin.startsWith(needleCompact) ||
+        artistPinyin.startsWith(needleCompact) ||
+        titlePinyin.includes(needleCompact) ||
+        artistPinyin.includes(needleCompact))
+    ) {
+      score += 20;
+    }
+    if (
+      needlePy &&
+      needlePy !== needleCompact &&
+      (titlePinyin.startsWith(needlePy) ||
+        titlePinyin.includes(needlePy) ||
+        artistPinyin.startsWith(needlePy) ||
+        artistPinyin.includes(needlePy))
+    ) {
+      score += 35;
+    }
+    const titleInitials = entry.title_initials || "";
+    const artistInitials = entry.artist_initials || "";
+    if (
+      needleCompact &&
+      (titleInitials.startsWith(needleCompact) ||
+        artistInitials.startsWith(needleCompact) ||
+        titleInitials.includes(needleCompact) ||
+        artistInitials.includes(needleCompact))
+    ) {
+      score += 15;
+    }
+    if (tokens.length === 1 && tokens[0].length === 1) {
+      const token = tokens[0];
+      if (token === entry.title_first_letter || token === entry.artist_first_letter) score += 12;
+    }
+    return score;
+  }
+
+  function bpmMatches(entry, bpmBucket, bpmExact) {
+    const raw = entry.bpm;
+    const bpm = Number(raw);
+    const hasBpm = raw !== "" && raw != null && Number.isFinite(bpm);
+    if (bpmExact || bpmBucket) {
+      if (!hasBpm) return false;
+      if (bpmExact) return Math.round(bpm) === parseInt(bpmExact, 10);
+      if (bpmBucket === "100-") return bpm < 100;
+      if (bpmBucket === "200+") return bpm >= 200;
+      const low = parseInt(bpmBucket, 10);
+      return bpm >= low && bpm < low + 10;
+    }
+    return true;
+  }
+
+  function letterMatches(entry, letter) {
+    const key = String(letter || "").trim();
+    if (!key) return true;
+    if (key === "#") return Boolean(entry.title_lead_non_zh_en);
+    return String(entry.title_first_letter || "").toLowerCase() === key.toLowerCase();
+  }
+
+  function titleSortKey(title) {
+    const text = String(title || "");
+    const ch = text.trim()[0] || "";
+    const nonZhEn = ch && !/[A-Za-z]/.test(ch) && !/[\u4e00-\u9fff]/.test(ch);
+    return [nonZhEn ? 0 : 1, text];
+  }
+
+  function searchCatalog(songs, query, filters) {
+    const list = Array.isArray(songs) ? songs : [];
+    const needle = String(query || "").trim();
+    const star = String((filters && filters.star) || "").trim();
+    const letter = String((filters && filters.letter) || "").trim();
+    const bpmBucket = String((filters && filters.bpmBucket) || "").trim();
+    const bpmExact = (filters && filters.bpmExact) || "";
+    const exact = [];
+    list.forEach((entry) => {
+      if (star && String(entry.star) !== star) return;
+      if (!letterMatches(entry, letter)) return;
+      if (!bpmMatches(entry, bpmBucket, bpmExact)) return;
+      if (!needle) {
+        exact.push({ entry, score: 0, fuzzy: false });
+        return;
+      }
+      const score = matchScore(entry, needle);
+      if (score > 0) exact.push({ entry, score, fuzzy: false });
+    });
+    let ranked = exact;
+    if (needle && !ranked.length) {
+      const fuzzy = [];
+      list.forEach((entry) => {
+        if (star && String(entry.star) !== star) return;
+        if (!letterMatches(entry, letter)) return;
+        if (!bpmMatches(entry, bpmBucket, bpmExact)) return;
+        const score = fuzzyScore(entry, needle);
+        if (score > 0) fuzzy.push({ entry, score, fuzzy: true });
+      });
+      fuzzy.sort((a, b) => b.score - a.score || titleSortKey(a.entry.title).join("").localeCompare(titleSortKey(b.entry.title).join("")));
+      ranked = fuzzy.slice(0, FUZZY_LIMIT);
+    } else if (needle) {
+      ranked.sort((a, b) => b.score - a.score || String(a.entry.title).localeCompare(String(b.entry.title), "zh"));
+    } else {
+      ranked.sort((a, b) => {
+        const ka = titleSortKey(a.entry.title);
+        const kb = titleSortKey(b.entry.title);
+        if (ka[0] !== kb[0]) return ka[0] - kb[0];
+        return String(ka[1]).localeCompare(String(kb[1]), "zh");
+      });
+    }
+    return ranked;
+  }
+
+  root.CatalogSearch = {
+    setCharPinyinMap,
+    queryPinyin,
+    matchScore,
+    fuzzyScore,
+    searchCatalog,
+    FUZZY_LIMIT,
+  };
+})(typeof window !== "undefined" ? window : globalThis);

package/js/query-app.js

@@ -0,0 +1,331 @@
+/** 查询页：从缓存的 catalog JSON 渲染歌单并用 CatalogSearch 过滤。 */
+(function () {
+  const boot = window.__QUERY_CATALOG__ || {};
+  const songList = document.querySelector("[data-query-app]");
+  if (!songList || !boot.familyUrls) return;
+
+  const emptyHint = songList.querySelector("[data-client-empty]");
+  const countEl = document.querySelector("[data-song-count]");
+  const qHint = document.querySelector("[data-query-q-hint]");
+  const hintTail = document.querySelector("[data-query-hint-tail]");
+  const searchInput = document.querySelector("[data-search-input]");
+  const starNative = document.querySelector(".star-picker__native");
+  const bpmBucketInput = document.querySelector("[data-bpm-bucket]");
+  const bpmExactField = document.querySelector("[data-bpm-exact-field]");
+  const familyNative = document.querySelector(".family-picker__native");
+
+  const cache = Object.create(null);
+  let songs = [];
+  let pinyinReady = null;
+  let family = boot.family || (familyNative && familyNative.value) || "xingdong";
+  let fuzzySuggest = false;
+
+  const urlParams = new URLSearchParams(window.location.search);
+  let filterState = {
+    q: (urlParams.get("q") || "").trim(),
+    star: (urlParams.get("star") || "").trim(),
+    letter: (urlParams.get("letter") || "").trim(),
+    bpmBucket: (urlParams.get("bpm") || "").trim(),
+    bpmExact: (urlParams.get("bpm_exact") || "").trim(),
+  };
+
+  if (searchInput && filterState.q && searchInput.value !== filterState.q) {
+    searchInput.value = filterState.q;
+    const clearBtn = searchInput.parentElement && searchInput.parentElement.querySelector("[data-search-clear]");
+    if (clearBtn) clearBtn.classList.toggle("is-on", filterState.q.length > 0);
+  }
+
+  function fetchCatalog(url, cacheMode) {
+    const abs = /^https?:/i.test(url);
+    const same = !abs || url.indexOf(window.location.origin) === 0;
+    return fetch(url, {
+      credentials: same ? "same-origin" : "omit",
+      mode: same ? "same-origin" : "cors",
+      cache: cacheMode,
+      priority: "high",
+    });
+  }
+
+  function cachedFetch(url) {
+    if (!url) return Promise.resolve(null);
+    if (cache[url]) return cache[url];
+    cache[url] = fetchCatalog(url, "force-cache")
+      .then((res) => {
+        if (!res.ok) throw new Error("catalog_http");
+        return res.json();
+      })
+      .catch(() =>
+        fetchCatalog(url, "reload").then((res) => {
+          if (!res.ok) throw new Error("catalog_http");
+          return res.json();
+        })
+      );
+    return cache[url];
+  }
+
+  function ensurePinyin() {
+    if (pinyinReady) return pinyinReady;
+    if (!boot.pinyinUrl || !window.CatalogSearch) {
+      pinyinReady = Promise.resolve();
+      return pinyinReady;
+    }
+    pinyinReady = cachedFetch(boot.pinyinUrl).then((map) => {
+      window.CatalogSearch.setCharPinyinMap(map || {});
+    });
+    return pinyinReady;
+  }
+
+  function loadFamily(nextFamily) {
+    const key = nextFamily || family;
+    const url = boot.familyUrls[key];
+    if (!url) return Promise.resolve([]);
+    return ensurePinyin().then(() =>
+      cachedFetch(url).then((payload) => {
+        songs = (payload && payload.songs) || [];
+        family = key;
+        syncFamilyHint((payload && payload.label) || key);
+        rebuildStarPicker((boot.starChoices && boot.starChoices[key]) || []);
+        return songs;
+      })
+    );
+  }
+
+  function escapeHtml(value) {
+    return String(value || "")
+      .replace(/&/g, "&")
+      .replace(/</g, "&lt;")
+      .replace(/>/g, "&gt;")
+      .replace(/"/g, "&quot;");
+  }
+
+  function detailBase(row) {
+    return `/query/${encodeURIComponent(row.family)}/${encodeURIComponent(row.star)}/${encodeURIComponent(row.title)}/`;
+  }
+
+  function iconFor(row) {
+    return (boot.icons && boot.icons[row.family]) || "";
+  }
+
+  function bpmLabel(row) {
+    if (row.bpm == null || row.bpm === "") return "";
+    const n = Number(row.bpm);
+    return Number.isFinite(n) ? String(Math.round(n)) : "";
+  }
+
+  function rebuildStarPicker(stars) {
+    if (!starNative) return;
+    const allowed = (stars || []).map(String);
+    if (filterState.star && allowed.indexOf(String(filterState.star)) < 0) {
+      filterState.star = "";
+    }
+    const current = String(filterState.star || "");
+    starNative.innerHTML =
+      '<option value="">全部</option>' +
+      allowed
+        .map((star) => `<option value="${star}"${star === current ? " selected" : ""}>${star}星</option>`)
+        .join("");
+    starNative.value = current;
+    const menu = document.querySelector("[data-star-menu]");
+    if (menu) {
+      menu.innerHTML =
+        `<button type="button" class="star-picker__option${current ? "" : " is-on"}" data-star-option data-star-value="" role="option" aria-selected="${current ? "false" : "true"}">全部</button>` +
+        allowed
+          .map(
+            (star) =>
+              `<button type="button" class="star-picker__option${star === current ? " is-on" : ""}" data-star-option data-star-value="${star}" role="option" aria-selected="${star === current ? "true" : "false"}">${star}星</button>`
+          )
+          .join("");
+    }
+    const valueEl = document.querySelector("[data-star-value]");
+    if (valueEl) valueEl.textContent = current ? `${current}星` : "全部";
+    const hintStar = document.querySelector(".query-hint__star");
+    if (hintStar) {
+      hintStar.textContent = current ? `${current}星` : "";
+      hintStar.hidden = !current;
+    }
+  }
+
+  function syncFamilyHint(label) {
+    const hint = document.querySelector(".query-hint__mode");
+    if (!hint) return;
+    hint.setAttribute("data-family", family);
+    hint.textContent = label || family;
+  }
+
+  function renderRow(row) {
+    const canDetail = boot.canDetail !== false;
+    const fire = row.list_skill === "fire" ? " is-fire" : "";
+    const tagKeys = String(row.keys || "").toLowerCase() === "5k" ? '<span class="song-tag">(5K)</span>' : "";
+    const mutation = (row.score_mutation || "").trim();
+    const tagMut = mutation && mutation !== "无" ? `<span class="song-tag">[${escapeHtml(mutation)}]</span>` : "";
+    const bpm = bpmLabel(row);
+    const bpmHtml = bpm ? `<span class="song-row__bpm">BPM ${escapeHtml(bpm)}</span>` : "";
+    const inner = `
+      <span class="song-row__title-rail" data-title-marquee title="${escapeHtml(row.title)}">
+        <span class="song-row__title" data-title-marquee-text>${escapeHtml(row.title)}</span>
+      </span>
+      <span class="song-row__meta">
+        ${tagKeys}${tagMut}
+        <span class="song-row__star">${escapeHtml(row.star)}星</span>
+      </span>
+      ${bpmHtml}`;
+    if (!canDetail) {
+      return `<div class="song-row${fire}" role="listitem">${inner}</div>`;
+    }
+    return `<button type="button" class="song-row${fire}" role="listitem" data-song-pick
+      data-title="${escapeHtml(row.title)}"
+      data-artist="${escapeHtml(row.artist)}"
+      data-family="${escapeHtml(row.family)}"
+      data-family-label="${escapeHtml(row.family_label || "")}"
+      data-star="${escapeHtml(row.star)}"
+      data-bpm="${escapeHtml(row.bpm == null ? "" : row.bpm)}"
+      data-supports-double="${row.supports_double ? "1" : "0"}"
+      data-icon="${escapeHtml(iconFor(row))}"
+      data-detail-base="${escapeHtml(detailBase(row))}"
+    >${inner}</button>`;
+  }
+
+  function syncHint(visibleCount) {
+    if (countEl) countEl.textContent = String(visibleCount);
+    const qDisplay = (searchInput && searchInput.value ? searchInput.value : filterState.q || "").trim();
+    if (qHint) {
+      qHint.textContent = qDisplay ? `[${qDisplay}]` : "";
+      qHint.hidden = !qDisplay;
+    }
+    if (hintTail) {
+      if (fuzzySuggest && qDisplay) {
+        hintTail.textContent = "。未精确匹配，是否你想找以下结果？";
+      } else if (qDisplay) {
+        hintTail.textContent = "。点击歌曲选择查看类别。";
+      } else if (filterState.star || filterState.letter || filterState.bpmBucket || filterState.bpmExact) {
+        hintTail.textContent = "。可继续输入关键词缩小范围。";
+      } else {
+        hintTail.textContent = "。点左侧字母或选择星级/BPM 浏览本模式全部歌曲。";
+      }
+    }
+  }
+
+  function syncLetterField(letter) {
+    const form = document.querySelector(".query-filters");
+    if (!form) return;
+    let input = form.querySelector("[data-letter-field]");
+    const value = (letter || "").trim();
+    if (!value) {
+      if (input) input.remove();
+      return;
+    }
+    if (!input) {
+      input = document.createElement("input");
+      input.type = "hidden";
+      input.name = "letter";
+      input.setAttribute("data-letter-field", "");
+      form.appendChild(input);
+    }
+    input.value = value;
+  }
+
+  function applyFilters() {
+    if (!window.CatalogSearch) return;
+    const q = (searchInput && searchInput.value ? searchInput.value : filterState.q || "").trim();
+    filterState.q = q;
+    filterState.star = (starNative && starNative.value) || filterState.star || "";
+    filterState.bpmBucket = (bpmBucketInput && bpmBucketInput.value) || filterState.bpmBucket || "";
+    filterState.bpmExact = (bpmExactField && bpmExactField.value) || filterState.bpmExact || "";
+    if (q) filterState.letter = "";
+    const ranked = window.CatalogSearch.searchCatalog(songs, q, filterState);
+    fuzzySuggest = Boolean(q && ranked.length && ranked.every((item) => item.fuzzy));
+    const html = ranked.map((item) => renderRow(item.entry)).join("");
+    const keepEmpty = emptyHint;
+    songList.querySelectorAll(".song-row").forEach((el) => el.remove());
+    if (keepEmpty) {
+      keepEmpty.hidden = ranked.length > 0;
+      keepEmpty.insertAdjacentHTML("afterend", html);
+    } else {
+      songList.insertAdjacentHTML("beforeend", html);
+    }
+    syncHint(ranked.length);
+    syncLetterField(filterState.letter);
+    document.querySelectorAll("[data-alpha-item]").forEach((el) => {
+      const active =
+        filterState.letter && el.textContent.trim().toLowerCase() === filterState.letter.toLowerCase();
+      el.classList.toggle("is-on", Boolean(active));
+    });
+    const params = new URLSearchParams(window.location.search);
+    if (family) params.set("family", family);
+    if (filterState.q) params.set("q", filterState.q);
+    else params.delete("q");
+    if (filterState.star) params.set("star", filterState.star);
+    else params.delete("star");
+    if (filterState.letter) params.set("letter", filterState.letter);
+    else params.delete("letter");
+    if (filterState.bpmExact) params.set("bpm_exact", filterState.bpmExact);
+    else params.delete("bpm_exact");
+    if (filterState.bpmBucket) params.set("bpm", filterState.bpmBucket);
+    else params.delete("bpm");
+    const qs = params.toString();
+    const target = qs ? `${window.location.pathname}?${qs}` : window.location.pathname;
+    window.history.replaceState(null, "", target);
+    songList.hidden = false;
+    songList.removeAttribute("data-filter-pending");
+    if (typeof window.bindTitleMarquees === "function") window.bindTitleMarquees();
+  }
+
+  window.__applyQueryFilters = function () {
+    applyFilters();
+  };
+
+  window.__setQueryLetterFilter = function (label) {
+    const next = (label || "").trim();
+    if (filterState.letter.toLowerCase() === next.toLowerCase()) filterState.letter = "";
+    else filterState.letter = next;
+    if (searchInput) {
+      searchInput.value = "";
+      filterState.q = "";
+      const clearBtn = searchInput.parentElement && searchInput.parentElement.querySelector("[data-search-clear]");
+      if (clearBtn) clearBtn.classList.remove("is-on");
+    }
+    applyFilters();
+  };
+
+  window.__queryLoadFamily = function (nextFamily, nextStar) {
+    const key = String(nextFamily || "").trim();
+    if (!key || !boot.familyUrls[key]) return false;
+    filterState.star = nextStar == null ? "" : String(nextStar || "");
+    if (starNative) {
+      starNative.value = filterState.star;
+      starNative.dispatchEvent(new Event("change"));
+    }
+    loadFamily(key).then(applyFilters);
+    return true;
+  };
+
+  if (searchInput) {
+    searchInput.addEventListener("input", () => {
+      filterState.q = searchInput.value.trim();
+      if (filterState.q) filterState.letter = "";
+      applyFilters();
+    });
+    searchInput.addEventListener("keydown", (e) => {
+      if (e.key === "Enter") {
+        e.preventDefault();
+        applyFilters();
+      }
+    });
+  }
+
+  loadFamily(family)
+    .then(applyFilters)
+    .catch(() => {
+      if (emptyHint) {
+        emptyHint.hidden = false;
+        emptyHint.textContent = "歌单加载失败，请刷新重试。";
+      }
+      songList.hidden = false;
+      songList.removeAttribute("data-filter-pending");
+    });
+
+  Object.keys(boot.familyUrls || {}).forEach((key) => {
+    if (key === family) return;
+    cachedFetch(boot.familyUrls[key]);
+  });
+})();

package/note-preview/assets/atlas/manifest.json

@@ -0,0 +1 @@
+{"v":1,"shared":{"sheet":"atlas/shared.webp","w":1544,"h":1542,"frames":{"pinball/UIAtlasPinball.png":[2,2,1024,1024,1024,1024],"pinball/font/ComboFontBlue.png":[1028,2,512,512,512,512],"pinball/font/ComboFontGreen.png":[2,1028,512,512,512,512],"pinball/font/ComboOrangeNum.png":[516,1028,512,512,512,512],"pinball/font/ComboFinalColorNum.png":[1028,516,512,256,512,256],"pinball/font/ComboLevelFive.png":[1030,1028,512,256,512,256],"hud/baoqi_bg_01.png":[1166,774,118,118,118,118],"hud/baoqi_bg_02.png":[1028,774,136,138,136,138]}},"modes":{"idol":{"sheet":"atlas/idol.webp","w":1028,"h":1107,"frames":{"idol/idol_ui_atlas.png":[2,2,1024,1024,1024,1024],"idol/idol_ribbon.png":[172,1028,40,40,80,80],"idol/idol_ribbon2.png":[2,1028,102,77,203,154],"idol/back_huadong.png":[106,1028,64,64,128,128],"idol/tiaodai.png":[214,1028,32,32,64,64]}},"crescent":{"sheet":"atlas/crescent.webp","w":3757,"h":516,"frames":{"crescent/UIAtlasInGameModeCrescentTrack.png":[1028,2,512,512,2048,2048],"crescent/track/crescent-track-1.png":[1542,2,441,478,882,956],"crescent/track/crescent-track-2.png":[1985,2,441,478,882,956],"crescent/track/crescent-track-3.png":[2428,2,441,478,882,956],"crescent/track/crescent-track-4.png":[2871,2,441,478,882,956],"crescent/track/crescent-track-5.png":[3314,2,441,478,882,956],"crescent/UIAtlasInGameModeCrescent.png":[2,2,1024,512,1024,512]}},"pinball":{"sheet":"atlas/pinball.webp","w":516,"h":2056,"frames":{"pinball/danzhu_putong.png":[110,1778,88,88,175,175],"pinball/danzhu_jiafen.png":[57,1964,64,64,128,128],"pinball/danzhu_pandingxian.png":[57,1778,51,94,101,188],"pinball/danzhu_qiangbi.png":[2,1544,53,510,106,1020],"pinball/danzhu_changentuowei.png":[57,1544,218,76,436,151],"pinball/danzhu_changentuowei_021.png":[327,1874,74,40,147,80],"pinball/danzhu_lianjiexian_01.png":[470,1778,23,15,45,29],"pinball/danzhu_lianjiexian_02.png":[497,1544,15,24,29,48],"pinball/danzhu_liuxing.png":[123,1964,64,64,128,128],"pinball/danzhu_fantan.png":[200,1778,88,88,175,175],"pinball/tex_ui_xulie_27.png":[2,2,512,512,512,512],"pinball/tex_ui_lizi_21.png":[189,1964,64,64,128,128],"pinball/tex_ui_lizi_32.png":[255,1964,64,64,128,128],"pinball/danzhu_yijie.png":[290,1778,88,88,175,175],"pinball/danzhu_changentuowei_yijie.png":[277,1544,218,76,436,151],"pinball/danzhu_erjie.png":[380,1778,88,88,175,175],"pinball/danzhu_changentuowei_erjie.png":[57,1622,218,76,436,151],"pinball/danzhu_sanjie.png":[57,1874,88,88,175,175],"pinball/danzhu_changentuowei_sanjie.png":[277,1622,218,76,436,151],"pinball/danzhu_sijie.png":[147,1874,88,88,175,175],"pinball/danzhu_changentuowei_sijie.png":[57,1700,218,76,436,151],"pinball/danzhu_wujie.png":[237,1874,88,88,175,175],"pinball/danzhu_changentuowei_wujie.png":[277,1700,218,76,436,151],"pinball/danzhu_jiafen.pink.png":[321,1964,64,64,128,128],"pinball/danzhu_jiafen.red.png":[387,1964,64,64,128,128],"pinball/danzhu_lianjiexian_02.pink.png":[497,1570,15,24,29,48],"pinball/danzhu_lianjiexian_02.red.png":[497,1596,15,24,29,48],"pinball/tex_ui_xulie_27.pink.png":[2,516,512,512,512,512],"pinball/tex_ui_xulie_27.red.png":[2,1030,512,512,512,512]}},"bubble":{"sheet":"atlas/bubble.webp","w":618,"h":702,"frames":{"bubble/pop_yellow.png":[72,2,107,107,214,214],"bubble/pop_yellow_bg.png":[181,2,107,107,214,214],"bubble/pop_green.png":[290,2,107,107,214,214],"bubble/pop_green_bg.png":[399,2,107,107,214,214],"bubble/pop_green_bigstar.png":[571,111,30,30,60,60],"bubble/pop_green_star.png":[206,534,61,25,122,50],"bubble/pop_blue.png":[508,2,107,107,214,214],"bubble/pop_blue_bg.png":[72,111,107,107,214,214],"bubble/pop_blue01.png":[72,534,66,66,132,132],"bubble/pop_lanse_chuansong.png":[2,2,68,600,136,1200],"bubble/pop_line.png":[72,514,79,18,158,36],"bubble/tex_ui_paopao_blue.png":[140,534,64,64,128,128],"bubble/pop_green_0.png":[181,111,76,96,76,96],"bubble/pop_green_1.png":[259,111,76,96,76,96],"bubble/pop_green_2.png":[337,111,76,96,76,96],"bubble/pop_green_3.png":[415,111,76,96,76,96],"bubble/pop_green_4.png":[493,111,76,96,76,96],"bubble/pop_green_5.png":[72,220,76,96,76,96],"bubble/pop_green_6.png":[150,220,76,96,76,96],"bubble/pop_green_7.png":[228,220,76,96,76,96],"bubble/pop_green_8.png":[306,220,76,96,76,96],"bubble/pop_green_9.png":[384,220,76,96,76,96],"bubble/pop_blue_0.png":[462,220,76,96,76,96],"bubble/pop_blue_1.png":[540,220,76,96,76,96],"bubble/pop_blue_2.png":[72,318,76,96,76,96],"bubble/pop_blue_3.png":[150,318,76,96,76,96],"bubble/pop_blue_4.png":[228,318,76,96,76,96],"bubble/pop_blue_5.png":[306,318,76,96,76,96],"bubble/pop_blue_6.png":[384,318,76,96,76,96],"bubble/pop_blue_7.png":[462,318,76,96,76,96],"bubble/pop_blue_8.png":[540,318,76,96,76,96],"bubble/pop_blue_9.png":[72,416,76,96,76,96],"bubble/pop_yellow_0.png":[150,416,76,96,76,96],"bubble/pop_yellow_1.png":[228,416,76,96,76,96],"bubble/pop_yellow_2.png":[306,416,76,96,76,96],"bubble/pop_yellow_3.png":[384,416,76,96,76,96],"bubble/pop_yellow_4.png":[462,416,76,96,76,96],"bubble/pop_yellow_5.png":[540,416,76,96,76,96],"bubble/pop_yellow_6.png":[2,604,76,96,76,96],"bubble/pop_yellow_7.png":[80,604,76,96,76,96],"bubble/pop_yellow_8.png":[158,604,76,96,76,96],"bubble/pop_yellow_9.png":[236,604,76,96,76,96]}}}}