Mark Laravel Breadcrumbs and Server Push Manager as unsupported, split package listing

- Mark Laravel Breadcrumbs and Laravel Server Push Manager as no longer supported
- Split the package listing page into active and "No Longer Supported" sections
- Add a red banner to documentation pages for unsupported packages
- Update llms.txt to list unsupported packages separately and annotate their docs links

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

Author: mbabker

app/data/packages.ts

@@ -12,7 +12,7 @@ export const packages: Package[] = [
         packagistName: 'babdev/laravel-breadcrumbs',
         packageType: 'laravel-package',
         hasDocumentation: true,
-        supported: true,
+        supported: false,
         visible: true,
         versions: [
             { version: '2.x', released: true },
@@ -30,7 +30,7 @@ export const packages: Package[] = [
         packagistName: 'babdev/laravel-server-push-manager',
         packageType: 'laravel-package',
         hasDocumentation: true,
-        supported: true,
+        supported: false,
         visible: true,
         versions: [
             { version: '2.x', released: true },

app/pages/open-source/packages/[slug]/docs/[version]/[...path].vue

@@ -167,6 +167,21 @@ onUnmounted(() => {
                 </aside>
 
                 <main class="lg:col-span-9 xl:col-span-10">
+                    <div v-if="!pkg.supported" class="mb-6 rounded-lg border border-red-200 bg-red-50 p-4">
+                        <div class="flex">
+                            <div class="shrink-0">
+                                <Icon name="fa7-solid:circle-xmark" class="h-5 w-5 fill-current text-red-400" />
+                            </div>
+                            <div class="ml-3">
+                                <div class="text-xl font-semibold text-red-800">Package No Longer Supported</div>
+                                <p class="text-md mt-1 text-red-700">
+                                    The {{ pkg.name }} package is no longer supported and will not receive further
+                                    updates or bug fixes. You are advised to migrate to an alternative solution.
+                                </p>
+                            </div>
+                        </div>
+                    </div>
+
                     <div v-if="!pkgVersion!.released" class="mb-6 rounded-lg border border-blue-200 bg-blue-50 p-4">
                         <div class="flex">
                             <div class="shrink-0">

app/pages/open-source/packages/index.vue

@@ -1,6 +1,9 @@
 <script setup lang="ts">
 const { data: packages } = await useFetch('/api/packages')
 
+const supportedPackages = computed(() => packages.value?.filter(pkg => pkg.supported) ?? [])
+const unsupportedPackages = computed(() => packages.value?.filter(pkg => !pkg.supported) ?? [])
+
 useSeoMeta({
     title: 'Open Source Packages',
 })
@@ -13,7 +16,14 @@ useSeoMeta({
 
     <section class="py-16">
         <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
-            <PackageCard v-for="pkg in packages" :key="pkg.slug" :pkg="pkg" />
+            <div v-if="supportedPackages.length">
+                <PackageCard v-for="pkg in supportedPackages" :key="pkg.slug" :pkg="pkg" />
+            </div>
+
+            <div v-if="unsupportedPackages.length" class="mt-8">
+                <h2 class="mb-6 text-2xl font-bold text-gray-900">No Longer Supported</h2>
+                <PackageCard v-for="pkg in unsupportedPackages" :key="pkg.slug" :pkg="pkg" />
+            </div>
         </div>
     </section>
 </template>

server/routes/llms.txt.ts

@@ -5,6 +5,8 @@ export default defineEventHandler(event => {
     setHeader(event, 'Content-Type', 'text/plain; charset=utf-8')
 
     const visiblePackages = packages.filter(pkg => pkg.visible)
+    const supportedPackages = visiblePackages.filter(pkg => pkg.supported)
+    const unsupportedPackages = visiblePackages.filter(pkg => !pkg.supported)
     const packagesWithDocs = visiblePackages.filter(pkg => pkg.hasDocumentation)
 
     const lines = [
@@ -23,10 +25,10 @@ export default defineEventHandler(event => {
         '',
     ]
 
-    // Group packages by type
+    // Group supported packages by type
     const packagesByType = new Map<string, Package[]>()
 
-    for (const pkg of visiblePackages) {
+    for (const pkg of supportedPackages) {
         const typeLabel = getPackageTypeLabel(pkg.packageType)
 
         if (!packagesByType.has(typeLabel)) {
@@ -49,6 +51,18 @@ export default defineEventHandler(event => {
         lines.push('')
     }
 
+    // List unsupported packages
+    if (unsupportedPackages.length > 0) {
+        lines.push('### No Longer Supported')
+        lines.push('')
+
+        for (const pkg of unsupportedPackages.sort((a, b) => a.name.localeCompare(b.name, 'en-US'))) {
+            lines.push(`- ${pkg.name} (no longer supported)${pkg.description ? `: ${pkg.description}` : ''}`)
+        }
+
+        lines.push('')
+    }
+
     // Add documentation section when available
     if (packagesWithDocs.length > 0) {
         lines.push('## Documentation')
@@ -60,8 +74,10 @@ export default defineEventHandler(event => {
             const latestVersion = getLatestStablePackageVersion(pkg)
 
             if (latestVersion) {
+                const unsupportedNote = pkg.supported ? '' : ' (no longer supported)'
+
                 lines.push(
-                    `- [${pkg.name} Documentation](/open-source/packages/${pkg.slug}/docs/${latestVersion.version}/intro)`,
+                    `- [${pkg.name} Documentation](/open-source/packages/${pkg.slug}/docs/${latestVersion.version}/intro)${unsupportedNote}`,
                 )
             }
         }