CI and images / lint (push) Successful in 2s
CI and images / extension-version (push) Successful in 3s
CI and images / extension-test (push) Successful in 20s
CI and images / frontend-build (push) Successful in 20s
CI and images / backend-lint-and-test (push) Successful in 32s
CI and images / integration (push) Successful in 2m23s
CI and images / build-agent (push) Successful in 5s
CI and images / sign-extension (push) Successful in 2m56s
CI and images / build-web (push) Successful in 1m37s
CI and images / smoke-web (push) Successful in 56s
CI and images / promote (push) Successful in 1s
Operator, after the first live run: "I need the extension to offer an
autofill search function so it's easier to match an entry with an existing
artist."
- The field searches as soon as the panel opens (the server name, usually)
and on every keystroke; matches list under it, with ↑/↓, Enter/Tab to pick,
Esc to close, and a last "+ New artist" row.
- Inline autofill: the rest of the top match is filled in and selected, so
typing on replaces it and Tab/Enter accepts it. Backspacing never refills.
- A result whose name IS the text, spacing and case aside, is picked on its
own; the hint says in green which existing artist the source will join.
- /api/artists/autocomplete also matches ignoring spacing and punctuation
("Tamada Heijun" finds "TamadaHeijun"), ranked just below an exact match.
The web UI's artist search gets it too.
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01LVjrnpQjRgHdvq95rASoiR
108 lines
4.1 KiB
JavaScript
108 lines
4.1 KiB
JavaScript
/**
|
|
* The content script's decisions, kept apart from its DOM so the specs can
|
|
* load them (test/chip.spec.js): which state the chip shows, what it says,
|
|
* and what the Discord Add panel starts out proposing.
|
|
*
|
|
* `probe` is /api/extension/probe's answer; `platformName` is the display
|
|
* name (PLATFORMS[key].name), passed in so this file needs no other lib.
|
|
*/
|
|
|
|
function chipState(probe) {
|
|
if (!probe || probe.error) return 'new';
|
|
return ({ source_match: 'source-match', artist_match: 'artist-match', new: 'new' })[probe.state] || 'new';
|
|
}
|
|
|
|
function chipLabel(probe, platformName) {
|
|
if (!probe || probe.error) return '+ Add to FabledCurator';
|
|
const artist = probe.artist?.name || 'artist';
|
|
if (probe.platform === 'discord') {
|
|
const d = probe.discord || {};
|
|
if (probe.state === 'source_match') {
|
|
return probe.covered_by_server
|
|
? `✓ Whole server in FabledCurator · ${artist}`
|
|
: `✓ In FabledCurator · ${artist}`;
|
|
}
|
|
// Every other Discord state opens the panel: the artist is always chosen.
|
|
return d.channel_id ? `+ Add ${channelLabel(d)} to FabledCurator` : '+ Add server to FabledCurator';
|
|
}
|
|
switch (probe.state) {
|
|
case 'source_match':
|
|
return `✓ In FabledCurator · ${platformName}`;
|
|
case 'artist_match':
|
|
return `+ Add ${platformName} source to ${artist}`;
|
|
default:
|
|
return '+ Add to FabledCurator';
|
|
}
|
|
}
|
|
|
|
/** `#name` when the probe could read it, else a neutral "this channel". */
|
|
function channelLabel(d) {
|
|
return d.channel_name ? `#${d.channel_name}` : 'this channel';
|
|
}
|
|
|
|
/** `name` when the probe could read it, else "this server". */
|
|
function serverLabel(d) {
|
|
return d.server_name || 'this server';
|
|
}
|
|
|
|
/**
|
|
* What the Discord Add panel opens with. The channel is the default scope
|
|
* when there is one: a server source walks every channel the token can read,
|
|
* which is rarely what a single art channel wants. The artist is the probe's
|
|
* suggestion (the owner of another source on this server), else a new artist
|
|
* named after the server.
|
|
*/
|
|
function discordPanelDefaults(probe) {
|
|
const d = probe?.discord || {};
|
|
const suggested = probe?.state === 'artist_match' && probe.artist ? probe.artist : null;
|
|
return {
|
|
scope: d.channel_id ? 'channel' : 'server',
|
|
channelUrl: d.channel_url || null,
|
|
serverUrl: d.server_url || null,
|
|
artist: suggested ? { id: suggested.id, name: suggested.name } : null,
|
|
artistName: suggested ? suggested.name : (d.server_name || ''),
|
|
};
|
|
}
|
|
|
|
/**
|
|
* The quick-add body for the panel's current choice. A picked artist goes by
|
|
* id — names can collide once slugified — and a typed name creates (or
|
|
* finds) that artist. null when there is nothing valid to send.
|
|
*/
|
|
function discordAddRequest(choice) {
|
|
const url = choice.scope === 'server' ? choice.serverUrl : choice.channelUrl;
|
|
if (!url) return null;
|
|
if (choice.artist && choice.artist.id != null && choice.artist.name === choice.artistName) {
|
|
return { url, artistId: choice.artist.id };
|
|
}
|
|
const name = (choice.artistName || '').trim();
|
|
return name ? { url, artistName: name } : null;
|
|
}
|
|
|
|
/**
|
|
* An artist name reduced to what identifies it: lowercase letters and digits
|
|
* of any script, nothing else — so "Tamada Heijun", "tamada_heijun" and
|
|
* "TamadaHeijun" are one name. Mirrors the server's autocomplete (#429).
|
|
*/
|
|
function squashName(name) {
|
|
return String(name || '').toLowerCase().replace(/[^\p{L}\p{N}]/gu, '');
|
|
}
|
|
|
|
/** The search result that IS the query, spacing aside, else null. */
|
|
function exactArtistMatch(query, results) {
|
|
const q = squashName(query);
|
|
if (!q) return null;
|
|
return (results || []).find((a) => squashName(a.name) === q) || null;
|
|
}
|
|
|
|
/**
|
|
* Inline autofill: the first result whose name extends what was typed
|
|
* (case-insensitive), so the panel can fill in the rest and select it —
|
|
* typing on overwrites it, Tab or Enter accepts it. null when none does.
|
|
*/
|
|
function inlineCompletion(typed, results) {
|
|
const t = String(typed || '').toLowerCase();
|
|
if (!t) return null;
|
|
return (results || []).find((a) => a.name.length > t.length && a.name.toLowerCase().startsWith(t)) || null;
|
|
}
|