Add predefined link types and artist roles

- app/lib/constants.ts: LINK_TYPES (12種) and ARTIST_ROLES (13種)
- Band link forms: label input → type select (公式サイト, X, Instagram, ...)
- Band member forms: role text → role select (Vocal, Guitar, Bass, ...)
- Band detail: resolve link type key to display label via LINK_TYPE_LABEL

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

1 files changed, 36 insertions, 0 deletions

diff --git a/app/lib/constants.ts b/app/lib/constants.ts
new file mode 100644
index 0000000..8c9fb28
--- /dev/null
+++ b/app/lib/constants.ts
@@ -0,0 +1,36 @@
+export const LINK_TYPES = [
+  { value: "official",    label: "公式サイト" },
+  { value: "x",          label: "X" },
+  { value: "instagram",  label: "Instagram" },
+  { value: "youtube",    label: "YouTube" },
+  { value: "spotify",    label: "Spotify" },
+  { value: "apple_music",label: "Apple Music" },
+  { value: "wikipedia",  label: "Wikipedia" },
+  { value: "soundcloud", label: "SoundCloud" },
+  { value: "bandcamp",   label: "Bandcamp" },
+  { value: "tiktok",     label: "TikTok" },
+  { value: "linktree",   label: "Linktree" },
+  { value: "other",      label: "その他" },
+] as const;
+
+export type LinkTypeValue = (typeof LINK_TYPES)[number]["value"];
+
+export const LINK_TYPE_LABEL: Record<string, string> = Object.fromEntries(
+  LINK_TYPES.map((t) => [t.value, t.label])
+);
+
+export const ARTIST_ROLES = [
+  "Vocal",
+  "Guitar",
+  "Bass",
+  "Drums",
+  "Keyboard",
+  "Synthesizer",
+  "Violin",
+  "Trumpet",
+  "Saxophone",
+  "Percussion",
+  "DJ",
+  "Producer",
+  "Support",
+] as const;