Fix issue with fs on cloudflare for the /icons endpoint.

Author: dlabaj

…ages/api/[version]/icons/[setId].json.ts …c/pages/api/[version]/icons/[iconSet].tssrc/pages/api/[version]/icons/[setId].json.ts renamed to src/pages/api/[version]/icons/[iconSet].ts src/pages/api/[version]/icons/[setId].json.ts renamed to src/pages/api/[version]/icons/[iconSet].ts

@@ -6,31 +6,31 @@ import { getIconSvgsForSet } from '../../../../utils/icons/reactIcons'
 /**
  * Prerender at build time so this doesn't run in the Cloudflare Worker.
  * getIconSvgsForSet() reads from @patternfly/react-icons/dist/static (Node fs).
- * Serves JSON of all icon SVGs for a set (e.g. /api/v5/icons/pf.json).
+ * Serves JSON of all icon SVGs for a set (e.g. /api/v6/icons/pf).
  */
 export const prerender = true
 
 export const getStaticPaths: GetStaticPaths = async () => {
   const versions = await getVersionsFromIndexFile()
   return versions.flatMap((version) => [
-    { params: { version, setId: 'pf' } },
+    { params: { version, iconSet: 'pf' } },
   ])
 }
 
 export const GET: APIRoute = async ({ params }) => {
-  const { version, setId } = params
+  const { version, iconSet } = params
   if (!version) {
     return createJsonResponse(
       { error: 'Version parameter is required' },
       400,
     )
   }
-  if (!setId) {
-    return createJsonResponse({ error: 'Set ID is required' }, 400)
+  if (!iconSet) {
+    return createJsonResponse({ error: 'Icon set is required' }, 400)
   }
 
   try {
-    const svgs = await getIconSvgsForSet(setId)
+    const svgs = await getIconSvgsForSet(iconSet)
     return createJsonResponse(svgs)
   } catch (error) {
     const details = error instanceof Error ? error.message : String(error)

src/pages/api/[version]/icons/index.ts

@@ -2,10 +2,28 @@ import type { APIRoute } from 'astro'
 import { createJsonResponse } from '../../../../utils/apiHelpers'
 import { fetchApiIndex } from '../../../../utils/apiIndex/fetch'
 import { fetchIconsIndex } from '../../../../utils/icons/fetch'
-import { filterIcons } from '../../../../utils/icons/reactIcons'
+import { IconMetadata } from '../../../../utils/icons/icons'
 
 export const prerender = false
 
+/**
+ * Filter icons by search term (case-insensitive match on name or reactName)
+ */
+export function filterIcons(
+  icons: IconMetadata[],
+  filter: string,
+): IconMetadata[] {
+  if (!filter || !filter.trim()) {
+    return icons
+  }
+  const term = filter.toLowerCase().trim()
+  return icons.filter(
+    (icon) =>
+      icon.name.toLowerCase().includes(term) ||
+      icon.reactName.toLowerCase().includes(term),
+  )
+}
+
 /**
  * GET /api/{version}/icons
  * Returns list of all available icons with metadata.

src/utils/icons/fetch.ts

@@ -1,4 +1,4 @@
-import type { IconMetadata } from './reactIcons'
+import type { IconMetadata } from './icons'
 
 export interface IconsIndex {
   icons: IconMetadata[]
@@ -41,7 +41,7 @@ export async function fetchIconSvgs(
   version: string,
   setId: string,
 ): Promise<Record<string, string> | null> {
-  const iconsSvgsUrl = new URL(`/api/${version}/icons/${setId}.json`, url.origin)
+  const iconsSvgsUrl = new URL(`/api/${version}/icons/${setId}`, url.origin)
   const response = assetsFetch
     ? await assetsFetch(new Request(iconsSvgsUrl))
     : await fetch(iconsSvgsUrl)

src/utils/icons/icons.ts

@@ -0,0 +1,7 @@
+export interface IconMetadata {
+    name: string
+    reactName: string
+    usage: string
+  }
+  
+  export const PF_ICONS_SET_ID = 'pf'

src/utils/icons/reactIcons.ts

@@ -2,17 +2,9 @@
  * Utilities for working with @patternfly/react-icons.
  * Icons are loaded from @patternfly/react-icons/dist/static (SVG files).
  */
-import fs from 'fs'
-import path from 'path'
-
-export interface IconMetadata {
-  name: string
-  reactName: string
-  usage: string
-}
-
-const PF_ICONS_SET_ID = 'pf'
-
+import fs from 'node:fs'
+import path from 'node:path'
+import { IconMetadata, PF_ICONS_SET_ID } from './icons'
 /** Resolve path to @patternfly/react-icons/dist/static. Uses cwd so it works in dev and build. */
 function getStaticIconsDir(): string {
   return path.join(
@@ -70,24 +62,6 @@ export async function getAllIcons(): Promise<IconMetadata[]> {
   return icons
 }
 
-/**
- * Filter icons by search term (case-insensitive match on name or reactName)
- */
-export function filterIcons(
-  icons: IconMetadata[],
-  filter: string,
-): IconMetadata[] {
-  if (!filter || !filter.trim()) {
-    return icons
-  }
-  const term = filter.toLowerCase().trim()
-  return icons.filter(
-    (icon) =>
-      icon.name.toLowerCase().includes(term) ||
-      icon.reactName.toLowerCase().includes(term),
-  )
-}
-
 /**
  * Get SVG markup for all PatternFly icons (single set).
  * Used at build time for prerendering.

wrangler.jsonc

@@ -1,7 +1,7 @@
 {
     "$schema": "node_modules/wrangler/config-schema.json",
     "name": "patternfly-docs-core",
-    "compatibility_date": "2025-06-17",
+    "compatibility_date": "2026-02-18",
     "compatibility_flags": ["nodejs_compat"],
     "observability": {
       "enabled": true