mirror of
https://github.com/kuhyx/utils.git
synced 2026-11-10 21:07:15 +01:00
Krzysztof kuhy Rudnicki
c5b3fceeae
The two shared packages are the first repos on the preset (link:../ts_config inside the monorepo; consumers outside use the git tag). Each eslint.config.js is now the defineConfig() call plus one override with its reason: a public API name (`nextChance`, `fuzzyMatch`) the boolean-prefix rule would rename, which is a breaking change for the three repos importing it. Everything else the preset flagged is fixed in code, not disabled: key order (perfectionist), hex casing, sort compare functions in tests, Iterator#map().toArray(), explicit returns on multiline arrows. web_ui: react-refresh/only-export-components was a real finding -- range-slider.tsx exported `steppedValue` next to the component, which breaks Vite HMR for the module. The keyboard contract moves to stepped-value.ts as `steppedValue` + a new pure `keyTarget(key, values, current)`, which also resolves unicorn/no-late-event-control: the handler now decides the target first and calls preventDefault() only when it owns the key. Its tests move with it (the 250-line gate caught the combined file). Minor bump for the new export. dist/ rebuilt in both packages. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01DnAYyNH1Sm4iJNidfYbrZJ
70 lines
2.5 KiB
JavaScript
70 lines
2.5 KiB
JavaScript
/**
|
|
* The keyboard contract of the range slider, kept pure and in its own module
|
|
* so range-slider.tsx exports only the component (react-refresh needs that
|
|
* for HMR to keep working) and the contract is testable without layout.
|
|
*/
|
|
import { nth, valueQuantile } from "./quantile.js";
|
|
/**
|
|
* Steps one thumb by `delta` positions through the distribution. Pure, so the
|
|
* keyboard contract is testable without layout.
|
|
*
|
|
* Steps to the next *distinct* value rather than the next index. Real
|
|
* distributions are lumpy -- awesome-mcp-explorer's star counts hold ~1500
|
|
* duplicate zeros -- and an index step inside a run of equal values changes the
|
|
* index while leaving the value (and therefore the thumb, and the filter)
|
|
* exactly where it was. That reads as a dead arrow key.
|
|
*/
|
|
export function steppedValue(values, current, delta) {
|
|
const last = values.length - 1;
|
|
// Round to a real sample index so a thumb sitting between two samples still
|
|
// advances rather than stalling on a fractional step.
|
|
const index = Math.round(valueQuantile(values, current) * last);
|
|
const direction = Math.sign(delta);
|
|
if (direction === 0)
|
|
return nth(values, index);
|
|
let cursor = index;
|
|
for (let taken = 0; taken < Math.abs(delta); taken++) {
|
|
let next = cursor + direction;
|
|
while (next >= 0 && next <= last && nth(values, next) === nth(values, cursor)) {
|
|
next += direction;
|
|
}
|
|
if (next < 0 || next > last)
|
|
break;
|
|
cursor = next;
|
|
}
|
|
return nth(values, cursor);
|
|
}
|
|
/**
|
|
* The value a thumb at `current` moves to for a key, or `undefined` when the
|
|
* key is not one the slider handles (so the event is left to the browser).
|
|
* Arrow keys step one distinct value, Page keys ten, Home/End jump to the
|
|
* bounds.
|
|
*/
|
|
export function keyTarget(key, values, current) {
|
|
switch (key) {
|
|
case "ArrowDown":
|
|
case "ArrowLeft": {
|
|
return steppedValue(values, current, -1);
|
|
}
|
|
case "ArrowRight":
|
|
case "ArrowUp": {
|
|
return steppedValue(values, current, 1);
|
|
}
|
|
case "End": {
|
|
return nth(values, values.length - 1);
|
|
}
|
|
case "Home": {
|
|
return nth(values, 0);
|
|
}
|
|
case "PageDown": {
|
|
return steppedValue(values, current, -10);
|
|
}
|
|
case "PageUp": {
|
|
return steppedValue(values, current, 10);
|
|
}
|
|
default: {
|
|
return undefined;
|
|
}
|
|
}
|
|
}
|
|
//# sourceMappingURL=stepped-value.js.map
|