mirror of
https://github.com/kuhyx/utils.git
synced 2026-11-12 17:11:01 +01:00
Krzysztof kuhy Rudnicki
03bf1ed08b
The web counterpart to design_system (Dart): one :root block of frozen tokens plus the components that were duplicated across repos. Extracted from dufs-cloud and awesome-mcp-explorer, which both now consume it. - tokens.css: the frozen palette, spacing/radius/type scales, shadow policy and focus ring, under the canonical variable names from unified-design-system. Also ships the global :focus-visible rule, rather than leaving each consumer to remember it. - RangeSlider: reconciled from the two drifted copies. Takes the accessible DOM from awesome-mcp-explorer (real <button> thumbs with role="slider" and the aria-value* trio) and grab-the-nearer-thumb from dufs-cloud. Keyboard support (arrows/PageUp/PageDown/Home/End) is new: both donors were pointer-only, which the design system rules out, and an arrow-key-deaf role="slider" is an ARIA role that lies. - quantile.ts + fuzzyMatch: the genuinely duplicated helpers. FilterBar is deliberately absent. The two same-named components share no structure -- a horizontal <select> strip over files vs a vertical tri-state chip sidebar over servers, with disjoint FilterState, props and sort keys. It is the name-collision-is-not-a-duplicate trap, so extracting it would ship a widget nobody imports. dist/ is committed (and un-ignored against the root rule) because Vite does not transpile dependencies; consumers stay at zero config. Consumed via pnpm's &path:/web_ui suffix -- npm cannot install from a subdirectory of a git repo. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01U4Rj3s7K2qzrLNgJqqPhno
27 lines
967 B
JavaScript
27 lines
967 B
JavaScript
/**
|
|
* Small text helpers shared by the consumers' filter layers.
|
|
*
|
|
* Hand-rolled rather than pulling in Fuse.js, matching the house posture of no
|
|
* runtime dependencies for things this small.
|
|
*/
|
|
/**
|
|
* Case-insensitive subsequence match: every character of `query` appears in
|
|
* `target`, in order, though not necessarily adjacently. An empty query matches
|
|
* everything, so callers can pass the raw search box value straight through.
|
|
*
|
|
* dufs-cloud called this `fuzzyMatch` and awesome-mcp-explorer `matchesFuzzy`;
|
|
* the implementations were identical apart from identifier names.
|
|
*/
|
|
export function fuzzyMatch(query, target) {
|
|
if (query === "")
|
|
return true;
|
|
const q = query.toLowerCase();
|
|
const t = target.toLowerCase();
|
|
let index = 0;
|
|
for (let scan = 0; scan < t.length && index < q.length; scan++) {
|
|
if (t[scan] === q[index])
|
|
index++;
|
|
}
|
|
return index === q.length;
|
|
}
|
|
//# sourceMappingURL=text.js.map
|