/* global React, ReactDOM, TABLES, MAP_STRUCTURE, EVENT, FloorMap, SavedDrawer */
const { useState, useMemo, useEffect, useCallback } = React;
const { cx, FilterBar, SearchInput, TagFilter, SidePanel, DetailPanel, searchTables, ClaimsProvider, useClaims } = window.AS;
const { useSaved, useVisited, useNotes, useTheme } = window.AS_STORE;
const PRODUCT_PRESETS = [
'prints', 'buttons', 'plushies', 'stickers', 'charms/keychains',
'enamel pins', 'postcards', 'tote bags', 'jewelry', 'apparel',
];
const PLACEHOLDER_FANDOMS = new Set([
'indie vtubers', 'hololive', 'chainsaw man', 'jujutsu kaisen', 'original',
'frieren', 'studio ghibli', 'genshin', 'honkai: star rail', 'oshi no ko',
'mob psycho', 'apothecary diaries', 'sanrio', 'pokemon', 'zelda',
'fire emblem', 'splatoon', 'nijisanji', 'persona', 'ff14', 'dandadan',
'phase connect', 'dungeon meshi',
]);
const DATA_EXPORT_COLUMNS = [
['tableId', 'tableId'],
['displayName', 'displayName'],
['x', 'x'],
['ig', 'ig'],
['bsky', 'bsky'],
['fandoms', 'fandoms'],
['products', 'products'],
['catalogUrl', 'catalogUrl'],
['contact', 'contact'],
['verifiedVia', 'verifiedVia'],
['verifiedHandle', 'verifiedHandle'],
];
function parseCSV(text, limit = 8) {
return String(text || '')
.split(/[\n,]/)
.map(s => s.trim())
.filter(Boolean)
.slice(0, limit);
}
function parseSocialUrl(input) {
const raw = String(input || '').trim();
if (!raw) return null;
const withProtocol = /^https?:\/\//i.test(raw) ? raw : `https://${raw.replace(/^@/, 'x.com/')}`;
try {
const u = new URL(withProtocol);
const host = u.hostname.replace(/^www\./, '').toLowerCase();
const bits = u.pathname.split('/').filter(Boolean);
if ((host === 'x.com' || host === 'twitter.com') && bits[0]) return { provider: 'x', handle: bits[0].replace(/^@/, '') };
if (host === 'instagram.com' && bits[0]) return { provider: 'ig', handle: bits[0].replace(/^@/, '') };
if ((host === 'bsky.app' && bits[0] === 'profile' && bits[1]) || host.endsWith('.bsky.social')) {
return { provider: 'bsky', handle: bits[1] || host };
}
} catch {}
if (raw.startsWith('@')) return { provider: 'x', handle: raw.slice(1) };
return null;
}
function socialProfileHref(provider, handle) {
const clean = String(handle || '').trim().replace(/^@/, '');
if (!clean) return '';
if (provider === 'x') return `https://x.com/${clean}`;
if (provider === 'ig') return `https://instagram.com/${clean}/`;
if (provider === 'bsky') return `https://bsky.app/profile/${clean}`;
return '';
}
function socialProviderLabel(provider) {
if (provider === 'x') return 'X';
if (provider === 'ig') return 'Instagram';
if (provider === 'bsky') return 'Bluesky';
return provider;
}
function contactHref(value) {
const raw = String(value || '').trim();
if (!raw) return '';
if (/^https?:\/\//i.test(raw)) return raw;
if (/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(raw)) return `mailto:${raw}`;
return '';
}
function splitMultiValue(text, limit = 8) {
const raw = String(text || '').trim();
if (!raw) return [];
const parts = raw.includes('|')
? raw.split('|')
: raw.split(/[\n,]/);
return parts
.map(s => s.trim())
.filter(Boolean)
.slice(0, limit);
}
function csvEscape(value) {
const text = String(value ?? '');
if (!/[",\n]/.test(text)) return text;
return `"${text.replace(/"/g, '""')}"`;
}
function downloadTextFile(filename, text, mime = 'text/plain;charset=utf-8') {
const blob = new Blob([text], { type: mime });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url;
a.download = filename;
document.body.appendChild(a);
a.click();
a.remove();
setTimeout(() => URL.revokeObjectURL(url), 500);
}
function parseDelimitedRows(text) {
const source = String(text || '').trim();
if (!source) return [];
if (source.includes('\t')) {
return source
.split(/\r?\n/)
.filter(Boolean)
.map(line => line.split('\t').map(cell => cell.trim()));
}
const rows = [];
let row = [];
let cell = '';
let inQuotes = false;
for (let i = 0; i < source.length; i++) {
const ch = source[i];
if (inQuotes) {
if (ch === '"') {
if (source[i + 1] === '"') {
cell += '"';
i++;
} else {
inQuotes = false;
}
} else {
cell += ch;
}
continue;
}
if (ch === '"') {
inQuotes = true;
continue;
}
if (ch === ',') {
row.push(cell.trim());
cell = '';
continue;
}
if (ch === '\n') {
row.push(cell.trim());
rows.push(row);
row = [];
cell = '';
continue;
}
if (ch !== '\r') cell += ch;
}
row.push(cell.trim());
rows.push(row);
return rows.filter(r => r.some(cellValue => cellValue !== ''));
}
function normalizeHeader(text) {
return String(text || '').trim().toLowerCase().replace(/[^a-z0-9]+/g, '');
}
// Match behaviour to viewport: phones get the mobile shell; narrow desktop
// keeps desktop chrome but uses modal details when the side panel is cramped.
function useMediaMax(breakpoint) {
const [matches, setMatches] = useState(() =>
typeof window !== 'undefined' && window.matchMedia(`(max-width: ${breakpoint}px)`).matches
);
useEffect(() => {
const mq = window.matchMedia(`(max-width: ${breakpoint}px)`);
const onChange = (e) => setMatches(e.matches);
mq.addEventListener ? mq.addEventListener('change', onChange) : mq.addListener(onChange);
return () => {
mq.removeEventListener ? mq.removeEventListener('change', onChange) : mq.removeListener(onChange);
};
}, [breakpoint]);
return matches;
}
function TopBar({ onOpenSaved, onOpenClaim, theme, onToggleTheme, onOpenFaq }) {
const nextLabel = theme === 'dark' ? 'switch to light' : 'switch to dark';
return (
AlleySearcher
made to optimize your con time because i hate walking around aimlessly
);
}
function FilterPill({ label, children, onClear, extra }) {
return (
{label}
{children}
{extra && {extra}}
{onClear && (
)}
);
}
function SelectedTagSummary({ label, values, onClear, onOpen, mobile }) {
const emptyLabel = label === 'Products' ? 'Any product' : 'Any fandom';
const shown = [...values].slice(0, 2);
const rest = Math.max(0, values.size - shown.length);
const count = values.size;
const onKeyDown = (e) => {
if (e.key !== 'Enter' && e.key !== ' ') return;
e.preventDefault();
onOpen();
};
return (
{mobile ? `${label} (${count})` : label.toLowerCase()}
{values.size === 0 ? (
{emptyLabel}
) : shown.map(v => (
{ e.stopPropagation(); onClear(v); }} />
))}
{rest > 0 && +{rest}}
⌄
);
}
function DesktopFilterStrip({ tables, query, onQuery, filters, setFilters, savedCount, visitedCount, notVisitedCount, notedCount, anyFilter, onClearFilters, onPickTable, onOpenFilter }) {
const setF = (patch) => setFilters({ ...filters, ...patch });
const removeTag = (key, value) => {
const next = new Set(filters[key]);
next.delete(value);
setF({ [key]: next });
};
const catalogCount = tables.filter(t => t.hasCatalog).length;
return (
Status:
removeTag('fandoms', v)} onOpen={() => onOpenFilter('fandom')} />
removeTag('niches', v)} onOpen={() => onOpenFilter('niche')} />
{anyFilter && (
)}
);
}
function FilterSelectSheet({ kind, tables, filters, setFilters, onClose, mobile,
savedCount, visitedCount, notVisitedCount, notedCount }) {
const isStatus = kind === 'status';
const isNiche = kind === 'niche';
const key = isNiche ? 'niches' : 'fandoms';
const title = isNiche ? 'Select Products' : 'Select Fandoms';
const catalogCount = tables.filter(t => t.hasCatalog).length;
const [draft, setDraft] = useState(() => new Set(filters[key]));
const [sortBy, setSortBy] = useState('count');
useEffect(() => {
if (isStatus) return;
setDraft(new Set(filters[key]));
}, [kind, filters, isStatus]); // eslint-disable-line
const apply = () => {
setFilters({ ...filters, [key]: draft });
onClose();
};
const setStatus = (patch) => setFilters({ ...filters, ...patch });
const statusBody = (
Status filters
);
const body = (
{title}
Sort by:
{draft.size} selected
);
if (mobile) {
return (
{isStatus ? statusBody : body}
);
}
return (
);
}
function MobileChrome({ savedCount, listCount, activeView, hasFilters, onShowMap, onShowList, theme, onToggleTheme, onOpenSaved, onOpenStatus, onOpenFandoms, onOpenProducts, onClearFilters }) {
return (
<>
);
}
function MobileBottomNav({ activeView, onShowMap, onShowList, onOpenSaved, onOpenSettings }) {
return (
);
}
function MobileSettingsSheet({ open, onClose, onOpenFaq, onOpenClaim, onExportNotes }) {
useEffect(() => {
if (!open) return;
const onKey = (e) => { if (e.key === 'Escape') onClose(); };
window.addEventListener('keydown', onKey);
return () => window.removeEventListener('keydown', onKey);
}, [open, onClose]);
if (!open) return null;
const run = (fn) => {
onClose();
fn();
};
return (
settings
);
}
function ExportNotesDrawer({ open, onClose, tables, savedIds, notes }) {
const [copied, setCopied] = useState(false);
const rows = useMemo(() => {
const ids = new Set(savedIds || []);
for (const [id, text] of Object.entries(notes || {})) {
if (text && text.trim()) ids.add(id);
}
return tables
.filter(t => ids.has(t.id))
.sort((a, b) => a.id.localeCompare(b.id, 'en', { numeric: true }))
.map(t => {
const artist = t.artists[0];
const fandoms = [...new Set(t.artists.flatMap(a => a.fandoms))].slice(0, 3).join(', ') || 'none';
return {
id: t.id,
name: t.artists.map(a => a.name).join(' / '),
fandoms,
note: (notes[t.id] || '').trim(),
saved: savedIds.has(t.id),
artist,
};
});
}, [tables, savedIds, notes]);
const exportText = useMemo(() => rows.map(r => (
`${r.name} - ${r.id} - ${r.fandoms} - ${r.note || ''}`.trim()
)).join('\n'), [rows]);
const copy = async () => {
if (!exportText) return;
try {
await navigator.clipboard.writeText(exportText);
setCopied(true);
setTimeout(() => setCopied(false), 1400);
} catch {
window.prompt('copy your notes', exportText);
}
};
useEffect(() => {
if (!open) return;
const onKey = (e) => { if (e.key === 'Escape') onClose(); };
window.addEventListener('keydown', onKey);
return () => window.removeEventListener('keydown', onKey);
}, [open, onClose]);
if (!open) return null;
return (