// Bold, gym-poster SVG glyphs for each exercise category
// Designed to be visual at a glance — no text needed
const ICON_SIZE = 100;
// Helper components
const Plate = ({ x, y, w, h, fill }) => (
);
// Each glyph is a function returning SVG content sized for 100x100 viewBox
const GLYPHS = {
// ===== BARBELL =====
bb_squat: () => (
{/* Squatting figure with bar overhead */}
),
bb_front_squat: () => (
),
bb_deadlift: () => (
{/* Person bent over, bar on ground */}
{/* Bar on ground */}
),
bb_rdl: () => (
),
bb_bench: () => (
{/* Bench horizontal, person lying, bar above */}
{/* Bar */}
),
bb_ohp: () => (
{/* Bar overhead, arms locked out */}
),
bb_row: () => (
{/* Bent-over row */}
{/* Arm pulling bar up to torso */}
),
bb_curl: () => (
{/* Curled arms */}
),
bb_lunge: () => (
{/* Front leg */}
{/* Back leg bent */}
),
bb_hipthrust: () => (
{/* Bench */}
{/* Body lying with hips up */}
{/* Bar over hips */}
),
// ===== DUMBBELL =====
db_press: () => (
{/* Two dumbbells */}
),
db_ohp: () => (
),
db_row: () => (
{/* Bench-supported row, one knee up */}
{/* Arm pulling DB up */}
{/* Support knee */}
),
db_curl: () => (
),
db_hammer: () => (
),
db_lateral: () => (
{/* Arms out wide */}
{/* Arrows showing motion */}
),
db_rear_fly: () => (
{/* Bent-over fly */}
),
db_skullcrush: () => (
),
db_goblet: () => (
{/* Dumbbell at chest */}
),
db_lunge: () => (
),
db_rdl: () => (
),
db_shrug: () => (
{/* Shrugged shoulders up */}
),
db_calf: () => (
{/* Heels lifted */}
),
// ===== PULL-UP STAND =====
pu_pullup: () => (
),
pu_chinup: () => (
),
pu_dip: () => (
),
pu_legraise: () => (
{/* Legs raised horizontal */}
),
pu_kneeraise: () => (
),
pu_lsit: () => (
),
// ===== BODYWEIGHT =====
bw_pushup: () => (
),
bw_diamond: () => (
),
bw_plank: () => (
),
bw_squat: () => (
),
bw_lunge: () => (
),
bw_glutebridge: () => (
),
bw_calf: () => (
),
bw_situp: () => (
),
bw_russian: () => (
),
bw_superman: () => (
),
};
// Subcomponent for dumbbell glyph (small pair of weights)
const DumbIcon = ({ x, y, rotated }) => {
if (rotated) {
return (
);
}
return (
);
};
// Fallback for any unmapped exercise
const fallbackGlyph = () => (
);
const ExerciseGlyph = ({ id, color }) => {
const G = GLYPHS[id] || fallbackGlyph;
return (
);
};
window.ExerciseGlyph = ExerciseGlyph;