Refactor sponsor tier links into tier data

Store only the Open Collective tier slug and GitHub Sponsors tier id on
each tier and derive the checkout URLs from them, so amounts are no
longer duplicated in the links. Removes tierLinks.ts and the circular
import between it and tiers.ts.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01G9u8FefqMHXb8HoeQ8LhcU

docs/.vitepress/theme/components/sponsor/SponsorAmountPicker.vue

@@ -40,7 +40,7 @@ const tier = computed(() => (isMonthly.value ? getTierForAmount(total.value) : n
 const links = computed(() => {
   const value = Math.round(total.value);
 
-  if (customAmount.value === '' && tier.value) return getTierLinks(tier.value.id);
+  if (customAmount.value === '' && tier.value) return getTierLinks(tier.value);
   if (value > 0) return getAmountLinks(value, frequency.value);
 
   return getTierLinks();

docs/.vitepress/theme/components/sponsor/SponsorTierCard.vue

@@ -10,7 +10,7 @@ const props = defineProps<{
 }>();
 
 const previousTier = computed(() => getPreviousTier(props.tier.id));
-const links = computed(() => getTierLinks(props.tier.id));
+const links = computed(() => getTierLinks(props.tier));
 </script>
 
 <template>

docs/.vitepress/theme/components/sponsor/tierLinks.ts

@@ -1,33 +0,0 @@
-import type { TierId } from './tiers';
-
-/**
- * Direct checkout links for each sponsor tier. Leave a link empty to fall back to the
- * general Open Collective or GitHub Sponsors page.
- *
- * - Open Collective: open the tier on opencollective.com/lucide-icons and copy its
- *   "Contribute" link, e.g. https://opencollective.com/lucide-icons/contribute/backer-12345/checkout
- * - GitHub Sponsors: open the tier on github.com/sponsors/lucide-icons and copy its link,
- *   e.g. https://github.com/sponsors/lucide-icons/sponsorships?tier_id=12345
- */
-export const TIER_LINKS: Record<TierId, { openCollective: string; githubSponsors: string }> = {
-  supporter: {
-    openCollective: 'https://opencollective.com/lucide-icons/contribute/basic-73095/checkout?interval=month&amount=5&contributeAs=me',
-    githubSponsors: 'https://github.com/sponsors/lucide-icons/sponsorships?tier_id=671689',
-  },
-  backer: {
-    openCollective: 'https://opencollective.com/lucide-icons/contribute/awesome-backer-73677/checkout?interval=month&amount=20&contributeAs=me',
-    githubSponsors: 'https://github.com/sponsors/lucide-icons/sponsorships?tier_id=671692',
-  },
-  bronze: {
-    openCollective: 'https://opencollective.com/lucide-icons/contribute/donation-55643/checkout?interval=month&amount=100&contributeAs=me',
-    githubSponsors: 'https://github.com/sponsors/lucide-icons/sponsorships?tier_id=675253',
-  },
-  gold: {
-    openCollective: 'https://opencollective.com/lucide-icons/contribute/champions-circle-73678/checkout?interval=month&amount=500&contributeAs=me',
-    githubSponsors: 'https://github.com/sponsors/lucide-icons/sponsorships?tier_id=675254',
-  },
-  platinum: {
-    openCollective: 'https://opencollective.com/lucide-icons/contribute/platinum-107266/checkout?interval=month&amount=1000&contributeAs=me',
-    githubSponsors: 'https://github.com/sponsors/lucide-icons/sponsorships?tier_id=675255',
-  },
-};

docs/.vitepress/theme/components/sponsor/tiers.ts

@@ -1,5 +1,3 @@
-import { TIER_LINKS } from './tierLinks';
-
 export const OPEN_COLLECTIVE_URL = 'https://opencollective.com/lucide-icons';
 export const GITHUB_SPONSORS_URL = 'https://github.com/sponsors/lucide-icons';
 export const PARTNER_EMAIL = 'info@lucide.dev';
@@ -19,6 +17,18 @@ export interface Tier {
   /** Perks this tier adds on top of the previous one. */
   perks: string[];
   featured?: boolean;
+  /**
+   * Tier slug on Open Collective. Open the tier on opencollective.com/lucide-icons and copy
+   * it from the "Contribute" link, e.g. `basic-73095` from
+   * https://opencollective.com/lucide-icons/contribute/basic-73095/checkout
+   */
+  openCollectiveTier: string;
+  /**
+   * Tier id on GitHub Sponsors. Open the tier on github.com/sponsors/lucide-icons and copy
+   * the `tier_id` from its link, e.g. `671689` from
+   * https://github.com/sponsors/lucide-icons/sponsorships?tier_id=671689
+   */
+  githubSponsorsTierId: number;
 }
 
 export const TIERS: Tier[] = [
@@ -29,6 +39,8 @@ export const TIERS: Tier[] = [
     audience: 'For individuals',
     summary: 'Sponsor badge and a Discord sponsor role.',
     perks: ['Sponsor badge', 'Discord sponsor role'],
+    openCollectiveTier: 'basic-73095',
+    githubSponsorsTierId: 671689,
   },
   {
     id: 'backer',
@@ -37,6 +49,8 @@ export const TIERS: Tier[] = [
     audience: 'For individuals and freelancers',
     summary: 'Name and avatar on lucide.dev/sponsor, plus your name in the README.',
     perks: ['Name and avatar on lucide.dev/sponsor', 'Name in the README'],
+    openCollectiveTier: 'awesome-backer-73677',
+    githubSponsorsTierId: 671692,
   },
   {
     id: 'bronze',
@@ -49,6 +63,8 @@ export const TIERS: Tier[] = [
       'Small logo in the README and npm package READMEs',
       'Lucide sticker sheet',
     ],
+    openCollectiveTier: 'donation-55643',
+    githubSponsorsTierId: 675253,
   },
   {
     id: 'gold',
@@ -63,6 +79,8 @@ export const TIERS: Tier[] = [
       'One-time welcome t-shirt',
     ],
     featured: true,
+    openCollectiveTier: 'champions-circle-73678',
+    githubSponsorsTierId: 675254,
   },
   {
     id: 'platinum',
@@ -78,6 +96,8 @@ export const TIERS: Tier[] = [
       'Dedicated welcome post',
       'Private channel with maintainers',
     ],
+    openCollectiveTier: 'platinum-107266',
+    githubSponsorsTierId: 675255,
   },
 ];
 
@@ -91,29 +111,34 @@ export function getTierForAmount(monthly: number) {
   return [...TIERS].reverse().find((tier) => monthly >= tier.monthly) ?? null;
 }
 
-/** Checkout links for a tier, or the general sponsor pages without a tier. */
-export function getTierLinks(id?: TierId) {
-  const links = id ? TIER_LINKS[id] : undefined;
-
-  return {
-    openCollective: links?.openCollective || OPEN_COLLECTIVE_URL,
-    githubSponsors: links?.githubSponsors || GITHUB_SPONSORS_URL,
-  };
-}
-
 export type Frequency = 'monthly' | 'once';
 
-/** Checkout links prefilled with a custom amount and frequency. */
-export function getAmountLinks(amount: number, frequency: Frequency) {
-  const isMonthly = frequency === 'monthly';
-
-  const openCollectiveParams = new URLSearchParams({
-    interval: isMonthly ? 'month' : 'oneTime',
+const getOpenCollectiveParams = (amount: number, frequency: Frequency) =>
+  new URLSearchParams({
+    interval: frequency === 'monthly' ? 'month' : 'oneTime',
     amount: String(amount),
     contributeAs: 'me',
   });
+
+/** Checkout links for a tier, or the general sponsor pages without a tier. */
+export function getTierLinks(tier?: Tier) {
+  if (!tier) {
+    return { openCollective: OPEN_COLLECTIVE_URL, githubSponsors: GITHUB_SPONSORS_URL };
+  }
+
+  const openCollectiveParams = getOpenCollectiveParams(tier.monthly, 'monthly');
+
+  return {
+    openCollective: `${OPEN_COLLECTIVE_URL}/contribute/${tier.openCollectiveTier}/checkout?${openCollectiveParams}`,
+    githubSponsors: `${GITHUB_SPONSORS_URL}/sponsorships?tier_id=${tier.githubSponsorsTierId}`,
+  };
+}
+
+/** Checkout links prefilled with a custom amount and frequency. */
+export function getAmountLinks(amount: number, frequency: Frequency) {
+  const openCollectiveParams = getOpenCollectiveParams(amount, frequency);
   const githubSponsorsParams = new URLSearchParams({
-    frequency: isMonthly ? 'recurring' : 'one-time',
+    frequency: frequency === 'monthly' ? 'recurring' : 'one-time',
     amount: String(amount),
   });