treefmt: apply prettier
Pure `nix fmt` output from the commit before this one — no hand edits. 203 files: 52 md, 42 tsx, 32 js, 32 css, 21 ts, 13 html, 8 json, 3 mjs. Reproduce with `nix develop -c nix fmt` on the parent commit; the result should be byte-identical to this tree. None of the 13 `.prettierignore` entries appears here — verified by intersecting the changed-file list against the ignore file, with a control proving the intersection finds a match when one exists.
This commit is contained in:
parent
5d24bedd60
commit
39b95c2ede
203 changed files with 10090 additions and 6085 deletions
|
|
@ -27,44 +27,44 @@ export function createTabStrip(tabbar, opts = {}) {
|
|||
if (!tabbar) {
|
||||
return { show() {}, active: () => null };
|
||||
}
|
||||
const tabs = Array.from(tabbar.querySelectorAll('[data-tab]'));
|
||||
const ids = tabs.map((t) => t.getAttribute('data-tab'));
|
||||
const tabs = Array.from(tabbar.querySelectorAll("[data-tab]"));
|
||||
const ids = tabs.map((t) => t.getAttribute("data-tab"));
|
||||
const fallback = defaultId && ids.includes(defaultId) ? defaultId : ids[0];
|
||||
|
||||
const paneFor = (id) => document.querySelector(`[data-tab-pane="${id}"]`);
|
||||
|
||||
const active = () => {
|
||||
const hash = location.hash.replace(/^#/, '');
|
||||
const hash = location.hash.replace(/^#/, "");
|
||||
return ids.includes(hash) ? hash : fallback;
|
||||
};
|
||||
|
||||
const show = (id) => {
|
||||
const target = ids.includes(id) ? id : fallback;
|
||||
for (const tab of tabs) {
|
||||
const tid = tab.getAttribute('data-tab');
|
||||
const tid = tab.getAttribute("data-tab");
|
||||
const on = tid === target;
|
||||
tab.classList.toggle('hive-tab--active', on);
|
||||
tab.setAttribute('aria-selected', String(on));
|
||||
tab.classList.toggle("hive-tab--active", on);
|
||||
tab.setAttribute("aria-selected", String(on));
|
||||
const pane = paneFor(tid);
|
||||
if (pane) pane.hidden = !on;
|
||||
}
|
||||
if (typeof onShow === 'function') onShow(target);
|
||||
if (typeof onShow === "function") onShow(target);
|
||||
};
|
||||
|
||||
// Drive every activation through the hash so deep-links + back/forward
|
||||
// stay authoritative; the hashchange listener does the actual showing.
|
||||
for (const tab of tabs) {
|
||||
tab.addEventListener('click', (e) => {
|
||||
tab.addEventListener("click", (e) => {
|
||||
e.preventDefault();
|
||||
const id = tab.getAttribute('data-tab');
|
||||
if (location.hash.replace(/^#/, '') === id) {
|
||||
const id = tab.getAttribute("data-tab");
|
||||
if (location.hash.replace(/^#/, "") === id) {
|
||||
show(id); // same hash → no hashchange, re-show directly
|
||||
} else {
|
||||
location.hash = id;
|
||||
}
|
||||
});
|
||||
}
|
||||
window.addEventListener('hashchange', () => show(active()));
|
||||
window.addEventListener("hashchange", () => show(active()));
|
||||
|
||||
show(active()); // initial render from the current hash
|
||||
return { show, active };
|
||||
|
|
|
|||
Loading…
Reference in a new issue