// Shared primitives: icons, album art placeholders
const { useMemo } = React;
// ---- Icons (inline SVG, original designs) ----
const Icon = {
Search: (p) => (
),
Check: (p) => (
),
X: (p) => (
),
Lock: (p) => (
),
Pause: (p) => (
),
Play: (p) => (
),
// Socials — geometric, original strokes
Instagram: (p) => (
),
X_twitter: (p) => (
),
TikTok: (p) => (
),
Spotify: (p) => (
),
YouTube: (p) => (
),
};
// Deterministic hash from a string → integer
function hash(str) {
let h = 2166136261 >>> 0;
for (let i = 0; i < str.length; i++) { h ^= str.charCodeAt(i); h = Math.imul(h, 16777619); }
return h >>> 0;
}
// ---- Album art: abstract striped / geometric placeholder per song ----
function AlbumArt({ song, size = 160 }) {
const [c1, c2] = song.grad;
const h = hash(song.id);
const variant = h % 4;
const rot = (h % 60) - 30;
return (
);
}
Object.assign(window, { Icon, AlbumArt, hash });