From 4241ac486b1575f5ce7d614fbd42c4738fa9bd36 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 31 Oct 2026 12:51:58 +0000
Subject: [PATCH] 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
---
 .../sponsor/SponsorAmountPicker.vue           |  2 +-
 .../components/sponsor/SponsorTierCard.vue    |  2 +-
 .../theme/components/sponsor/tierLinks.ts     | 33 ----------
 .../theme/components/sponsor/tiers.ts         | 63 +++++++++++++------
 4 files changed, 46 insertions(+), 54 deletions(-)
 delete mode 100644 docs/.vitepress/theme/components/sponsor/tierLinks.ts

diff --git a/docs/.vitepress/theme/components/sponsor/SponsorAmountPicker.vue b/docs/.vitepress/theme/components/sponsor/SponsorAmountPicker.vue
index 0e297042b..85d8c48b1 100644
--- a/docs/.vitepress/theme/components/sponsor/SponsorAmountPicker.vue
+++ b/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();
diff --git a/docs/.vitepress/theme/components/sponsor/SponsorTierCard.vue b/docs/.vitepress/theme/components/sponsor/SponsorTierCard.vue
index d4df714e3..d4e9db33b 100644
--- a/docs/.vitepress/theme/components/sponsor/SponsorTierCard.vue
+++ b/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>
diff --git a/docs/.vitepress/theme/components/sponsor/tierLinks.ts b/docs/.vitepress/theme/components/sponsor/tierLinks.ts
deleted file mode 100644
index 023a94175..000000000
--- a/docs/.vitepress/theme/components/sponsor/tierLinks.ts
+++ /dev/null
@@ -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',
-  },
-};
diff --git a/docs/.vitepress/theme/components/sponsor/tiers.ts b/docs/.vitepress/theme/components/sponsor/tiers.ts
index 14831bd33..fa780374d 100644
--- a/docs/.vitepress/theme/components/sponsor/tiers.ts
+++ b/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),
   });