Delist TanStack Ranger

Author: tannerlinsley

src/components/Navbar.tsx

@@ -370,17 +370,12 @@ type LibraryMenuColumn = {
  * taxonomy. Iterating `libraryCategories` preserves the intended per-category
  * order; only public, navigable libraries are shown.
  */
-// Public libraries intentionally omitted from the Libraries mega-menu (still
-// reachable via the full-screen "Browse all libraries" overlay).
-const LIBRARY_MENU_EXCLUDED_IDS = new Set(['ranger'])
-
 function getLibraryCategoryColumns(): LibraryMenuColumn[] {
   const byCategory = new Map<LibraryCategory, LibraryMenuEntry[]>(
     categoryOrder.map((category) => [category, []]),
   )
 
   for (const [id, category] of Object.entries(libraryCategories)) {
-    if (LIBRARY_MENU_EXCLUDED_IDS.has(id)) continue
     const library = publicLibraries.find((lib) => lib.id === id)
     if (!library || !library.to) continue
     byCategory.get(category)?.push({

src/components/ShowcaseSubmitForm.tsx

@@ -20,7 +20,10 @@ import { FormEvent, useMemo, useState } from 'react'
 // Filter to only show libraries with proper configuration
 const selectableLibraries = libraries.filter(
   (lib) =>
-    lib.name && lib.id !== 'react-charts' && lib.id !== 'create-tsrouter-app',
+    lib.name &&
+    lib.visible !== false &&
+    lib.id !== 'react-charts' &&
+    lib.id !== 'create-tsrouter-app',
 )
 
 interface ShowcaseSubmitFormProps {

src/components/game/engine/GameEngine.ts

@@ -29,7 +29,7 @@ import {
 } from '../utils/islandGenerator'
 import { generateRockColliders } from '../utils/collision'
 import { generateCoins, generateExpandedCoins } from '../utils/coinGenerator'
-import { libraries } from '~/libraries'
+import { publicLibraries } from '~/libraries'
 import { partners } from '~/utils/partners'
 import { fetchGameShowcases } from '../utils/showcases'
 
@@ -338,7 +338,7 @@ export class GameEngine {
 
     if (state.islands.length === 0) {
       // Generate islands
-      const generatedIslands = generateIslands(libraries)
+      const generatedIslands = generateIslands(publicLibraries)
       state.setIslands(generatedIslands)
 
       // Generate rock colliders

src/components/game/scene/GameScene.tsx

@@ -22,7 +22,7 @@ import {
 } from '../utils/islandGenerator'
 import { generateRockColliders } from '../utils/collision'
 import { generateCoins } from '../utils/coinGenerator'
-import { libraries } from '~/libraries'
+import { publicLibraries } from '~/libraries'
 import { partners } from '~/utils/partners'
 
 // Filter to only active partners and convert to slim format for the game
@@ -162,7 +162,7 @@ function SceneContent() {
     }
 
     // Generate islands
-    const generatedIslands = generateIslands(libraries)
+    const generatedIslands = generateIslands(publicLibraries)
     state.setIslands(generatedIslands)
     const rockColliders = generateRockColliders(generatedIslands, 30, 140)
     state.setRockColliders(rockColliders)

src/libraries/browse-utils.ts

@@ -8,25 +8,20 @@ export function orderLibrariesForBrowse<TLibrary extends LibrarySlim>(
   allLibraries: Array<TLibrary>,
 ) {
   const others = allLibraries.filter(
-    (library) =>
-      library.id !== 'ranger' &&
-      library.id !== 'config' &&
-      library.id !== 'react-charts',
+    (library) => library.id !== 'config' && library.id !== 'react-charts',
   )
-  const ranger = allLibraries.filter((library) => library.id === 'ranger')
   const config = allLibraries.filter((library) => library.id === 'config')
 
   const devtoolsIndex = others.findIndex((library) => library.id === 'devtools')
 
   if (devtoolsIndex === -1) {
-    return [...others, ...config, ...ranger]
+    return [...others, ...config]
   }
 
   return [
     ...others.slice(0, devtoolsIndex + 1),
     ...config,
     ...others.slice(devtoolsIndex + 1),
-    ...ranger,
   ]
 }
 

src/libraries/libraries.ts

@@ -457,6 +457,7 @@ export const ranger: LibrarySlim = {
   latestBranch: 'main',
   availableVersions: ['v0'],
   scarfId: 'dd278e06-bb3f-420c-85c6-6e42d14d8f61',
+  visible: false,
   sitemap: {
     includeLandingPage: true,
     includeDocsPages: true,

tests/static-data-contracts.test.ts

@@ -1,6 +1,7 @@
 import assert from 'node:assert/strict'
 import { allMaintainers } from '../src/libraries/maintainers'
 import {
+  findLibrary,
   isPublicLibrary,
   libraries,
   publicLibraries,
@@ -15,6 +16,17 @@ assert.deepEqual(
   'publicLibraries stays in sync with the public-library selector',
 )
 
+assert.equal(
+  publicLibraries.some((library) => library.id === 'ranger'),
+  false,
+  'Ranger stays delisted from public library discovery',
+)
+assert.equal(
+  findLibrary('ranger')?.to,
+  '/ranger',
+  'Ranger keeps its permalink while delisted',
+)
+
 for (const library of publicLibraries) {
   assert.equal(
     library.to.startsWith('/'),