Add Fire OS

.github/workflows/cleanup-data-blobs.yml

@@ -12,10 +12,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     - uses: actions/checkout@v4
-    - name: Use Node.js 20
+    - name: Use Node.js 22
       uses: actions/setup-node@v4
       with:
-        node-version: '20'
+        node-version: '22'
     - name: Install dependencies
       run: yarn
     - name: Cleanup data blobs

.github/workflows/deploy-to-production.yml

@@ -17,10 +17,10 @@ jobs:
       url: https://reactnative.directory
     steps:
     - uses: actions/checkout@v4
-    - name: Use Node.js 20
+    - name: Use Node.js 22
       uses: actions/setup-node@v4
       with:
-        node-version: '20'
+        node-version: '22'
     - name: Deploy
       shell: bash
       run: npx vercel --force --token "$VERCEL_TOKEN" --prod

.github/workflows/test-and-validate.yml

@@ -12,10 +12,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
     - uses: actions/checkout@v4
-    - name: Use Node.js 20
+    - name: Use Node.js 22
       uses: actions/setup-node@v4
       with:
-        node-version: '20'
+        node-version: '22'
     - name: Install dependencies
       run: yarn
     - name: Lint

.github/workflows/test-deploy.yml

@@ -11,10 +11,10 @@ jobs:
 
     steps:
       - uses: actions/checkout@v4
-      - name: Use Node.js 20
+      - name: Use Node.js 22
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
+          node-version: '22'
       - name: Deploy
         shell: bash
         run: npx vercel --force --token "$VERCEL_TOKEN"

.yarnrc.yml

@@ -1,3 +1,3 @@
 nodeLinker: node-modules
 
-yarnPath: .yarn/releases/yarn-4.5.0.cjs
+yarnPath: .yarn/releases/yarn-4.5.3.cjs

README.md

@@ -51,6 +51,7 @@
   "expoGo": false,
   "windows": false,
   "macos": false,
+  "fireos": false,
   "tvos": false,
   "visionos": false,
   "unmaintained": false,
@@ -98,6 +99,8 @@
   **(boolean)** - works on Android device.
 - #### `ios`
   **(boolean)** - works on iOS device.
+- #### `fireos`
+  **(boolean)** - works on Amazon Fire device.
 - #### `web`
   **(boolean)** - can be used with [`react-native-web`](https://github.com/necolas/react-native-web).
 - #### `expoGo`

components/CompatibilityTags.tsx

@@ -18,6 +18,7 @@ export function CompatibilityTags({ library }: Props) {
     library.expoGo ? 'Expo Go' : null,
     library.ios ? 'iOS' : null,
     library.macos ? 'macOS' : null,
+    library.fireos ? 'Fire OS' : null,
     library.tvos ? 'tvOS' : null,
     library.visionos ? 'visionOS' : null,
     library.web ? 'Web' : null,

components/Filters/helpers.ts

@@ -15,6 +15,10 @@ export const FILTER_PLATFORMS = [
     param: 'macos',
     title: 'macOS',
   },
+  {
+    param: 'fireos',
+    title: 'Fire OS',
+  },
   {
     param: 'tvos',
     title: 'tvOS',
@@ -31,4 +35,4 @@ export const FILTER_PLATFORMS = [
     param: 'windows',
     title: 'Windows',
   },
-];
+];

components/Footer.tsx

@@ -7,6 +7,7 @@ import {
   PlatformAndroid,
   PlatformIOS,
   PlatformMacOS,
+  PlatformFireOS,
   PlatformTvOS,
   PlatformVisionOS,
   PlatformWeb,
@@ -80,6 +81,12 @@ const Footer = () => {
             Icon={PlatformMacOS}
             url="https://github.com/microsoft/react-native-macos#readme"
           />
+          <Platform
+            name="Fire OS"
+            pkgName="react-native"
+            Icon={PlatformFireOS}
+            url="https://github.com/facebook/react-native#readme"
+          />
           <Platform
             name="tvOS"
             pkgName="react-native-tvos"

components/Icons/index.tsx

@@ -420,6 +420,23 @@ export function PlatformVisionOS({ width = 18, height = 18, fill = colors.black
   );
 }
 
+export function PlatformFireOS({ width = 18, height = 18, fill = colors.black }: Props) {
+  return (
+    <Svg width={width} height={height} viewBox="80 120 350 50" fill="none">
+      <Path
+        d="m 374.00642,142.18404 c -34.99948,25.79739 -85.72909,39.56123 -129.40634,39.56123 -61.24255,0 -116.37656,-22.65135 -158.08757,-60.32496 -3.2771,-2.96252 -0.34083,-6.9999 3.59171,-4.69283 45.01431,26.19064 100.67269,41.94697 158.16623,41.94697 38.774689,0 81.4295,-8.02237 120.6499,-24.67006 5.92501,-2.51683 10.87999,3.88009 5.08607,8.17965"
+        fill={fill}
+        strokeWidth="12"
+      />
+      <Path
+        d="m 388.55678,125.53635 c -4.45688,-5.71527 -29.57261,-2.70033 -40.84585,-1.36327 -3.43442,0.41947 -3.95874,-2.56925 -0.86517,-4.71905 20.00346,-14.07844 52.82696,-10.01483 56.65462,-5.2958 3.82764,4.74526 -0.99624,37.64741 -19.79373,53.35128 -2.88385,2.41195 -5.63662,1.12734 -4.35198,-2.07113 4.2209,-10.53917 13.68519,-34.16054 9.20211,-39.90203"
+        fill={fill}
+        strokeWidth="12"
+      />
+    </Svg>
+  );
+}
+
 export function ReactLogo({ width = 18, height = 18, fill = colors.black }: Props) {
   return (
     <Svg width={width} height={height} viewBox="0 0 512 512" fill="none">

next-env.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="next" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/pages/api-reference/config/typescript for more information.

package.json

@@ -25,44 +25,45 @@
     "@jlengstorf/get-share-image": "^1.0.2",
     "@radix-ui/react-hover-card": "^1.1.2",
     "@radix-ui/react-tooltip": "^1.1.3",
-    "@react-native-async-storage/async-storage": "^2.0.0",
-    "@react-native-picker/picker": "^2.9.0",
-    "@sentry/react": "^8.38.0",
-    "@vercel/blob": "^0.26.0",
-    "expo": "^52.0.3",
+    "@react-native-async-storage/async-storage": "^2.1.0",
+    "@react-native-picker/picker": "^2.10.2",
+    "@sentry/react": "^8.46.0",
+    "@vercel/blob": "^0.27.0",
+    "expo": "^52.0.19",
     "expo-font": "~13.0.1",
     "lodash": "^4.17.21",
-    "next": "^15.0.3",
-    "node-emoji": "^2.1.3",
+    "next": "^15.1.0",
+    "node-emoji": "^2.2.0",
     "react": "^18.3.1",
     "react-content-loader": "^7.0.2",
     "react-dom": "^18.3.1",
     "react-easy-linkify": "^1.0.8",
-    "react-native": "^0.76.1",
-    "react-native-safe-area-context": "^4.14.0",
+    "react-native": "^0.76.5",
+    "react-native-safe-area-context": "^4.14.1",
     "react-native-svg": "15.4.0",
     "react-native-web": "^0.19.13",
     "react-native-web-hooks": "^3.0.2",
     "use-debounce": "^10.0.4"
   },
   "devDependencies": {
     "@expo/next-adapter": "^6.0.0",
-    "@next/bundle-analyzer": "^15.0.3",
+    "@next/bundle-analyzer": "^15.1.0",
+    "@types/node": "^22.10.2",
     "@types/react": "^18.3.12",
     "ajv-cli": "^5.0.0",
-    "browserslist": "^4.24.2",
+    "browserslist": "^4.24.3",
     "cheerio": "^1.0.0",
     "cross-fetch": "^4.0.0",
-    "dotenv": "^16.4.5",
+    "dotenv": "^16.4.7",
     "eslint": "^8.57.0",
-    "eslint-config-next": "^15.0.3",
+    "eslint-config-next": "^15.1.0",
     "eslint-config-universe": "14.0.0",
     "isomorphic-fetch": "^3.0.0",
-    "lint-staged": "^15.2.10",
+    "lint-staged": "^15.2.11",
     "next-compose-plugins": "^2.2.1",
     "next-fonts": "^1.5.1",
     "next-images": "^1.8.5",
-    "prettier": "^3.3.3",
+    "prettier": "^3.4.2",
     "simple-git-hooks": "^2.11.1",
     "typescript": "5.6.3",
     "user-agent-data-types": "^0.4.2"
@@ -79,5 +80,5 @@
       "yarn libraries:cleanup"
     ]
   },
-  "packageManager": "[email protected].0"
+  "packageManager": "[email protected].3"
 }

pages/api/libraries/index.ts

@@ -63,6 +63,7 @@ export default function handler(req: NextApiRequest, res: NextApiResponse) {
       web: req.query.web,
       windows: req.query.windows,
       macos: req.query.macos,
+      fireos: req.query.fireos,
       expoGo: req.query.expoGo,
       tvos: req.query.tvos,
       visionos: req.query.visionos,

pages/popular.tsx

@@ -9,6 +9,7 @@ import {
   PlatformExpo,
   PlatformIOS,
   PlatformMacOS,
+  PlatformFireOS,
   PlatformTvOS,
   PlatformVisionOS,
   PlatformWeb,
@@ -65,6 +66,12 @@ const Popular = ({ data }) => {
           data={data}
           filter={lib => lib.macos === true}
         />
+        <ExploreSection
+          title="Fire OS"
+          icon={PlatformFireOS}
+          data={data}
+          filter={lib => lib.fireos === true}
+        />
         <ExploreSection
           title="tvOS"
           icon={PlatformTvOS}