preload and cache fonts, bump dependencies (#2148)

Author: Simek

.oxfmtrc.json

@@ -23,8 +23,7 @@
   "experimentalSortImports": {
     "groups": [
       ["side-effect"],
-      ["builtin"],
-      ["external", "external-type"],
+      ["builtin", "external", "external-type"],
       ["internal", "internal-type"],
       ["parent", "parent-type"],
       ["sibling", "sibling-type"],

bun.lock

@@ -49,6 +49,10 @@ export default withPlugins([withExpo, withImages, withFonts, withBundleAnalyzer]
           { key: 'Access-Control-Allow-Methods', value: 'GET,HEAD' },
         ],
       },
+      {
+        source: '/fonts/:path*',
+        headers: [{ key: 'Cache-Control', value: 'public, max-age=31536000, immutable' }],
+      },
     ];
   },
 } satisfies NextConfig);

next.config.ts

@@ -26,19 +26,19 @@
     "@radix-ui/react-tooltip": "^1.2.8",
     "@react-native-async-storage/async-storage": "^2.2.0",
     "@react-native-picker/picker": "^2.11.4",
-    "@sentry/react": "^10.35.0",
+    "@sentry/react": "^10.36.0",
     "@visx/gradient": "^3.12.0",
     "@visx/responsive": "^3.12.0",
     "@visx/xychart": "^3.12.0",
     "crypto-js": "^4.2.0",
     "es-toolkit": "^1.44.0",
-    "expo": "54.0.31",
+    "expo": "54.0.32",
     "expo-font": "^14.0.11",
     "next": "^16.1.4",
     "node-emoji": "^2.2.0",
     "postcss": "^8.5.6",
     "react": "19.2.3",
-    "react-content-loader": "^7.1.1",
+    "react-content-loader": "^7.1.2",
     "react-dom": "19.2.3",
     "react-easy-linkify": "^1.0.8",
     "react-native": "0.83.1",
@@ -65,7 +65,7 @@
     "@vercel/blob": "^0.27.3",
     "ajv-cli": "^5.0.0",
     "browserslist": "^4.28.1",
-    "cheerio": "^1.1.2",
+    "cheerio": "^1.2.0",
     "dotenv": "^17.2.3",
     "lint-staged": "^16.2.7",
     "next-compose-plugins": "^2.2.1",

package.json

@@ -26,6 +26,28 @@ function DirectoryWebsite() {
         <meta property="og:type" content="website" />
         <meta property="og:url" content="https://reactnative.directory" />
 
+        <link
+          rel="preload"
+          href="/fonts/Optimistic-Display-Regular.woff2"
+          as="font"
+          type="font/woff2"
+          crossOrigin="anonymous"
+        />
+        <link
+          rel="preload"
+          href="/fonts/Optimistic-Display-Light.woff2"
+          as="font"
+          type="font/woff2"
+          crossOrigin="anonymous"
+        />
+        <link
+          rel="preload"
+          href="/fonts/Optimistic-Display-Bold.woff2"
+          as="font"
+          type="font/woff2"
+          crossOrigin="anonymous"
+        />
+
         <StructuredData
           data={{
             '@context': 'https://schema.org',

pages/_document.tsx

@@ -1,7 +1,6 @@
-import { type ParsedUrlQuery } from 'node:querystring';
-
 import { type NextPageContext } from 'next';
 import { useRouter } from 'next/router';
+import { type ParsedUrlQuery } from 'node:querystring';
 
 import ContentContainer from '~/components/ContentContainer';
 import Libraries from '~/components/Libraries';

pages/packages.tsx

@@ -1,9 +1,8 @@
-import fs from 'node:fs';
-import path from 'node:path';
-
 import { BlobAccessError, list, put } from '@vercel/blob';
 import { fetch } from 'bun';
 import { chunk } from 'es-toolkit';
+import fs from 'node:fs';
+import path from 'node:path';
 
 import debugGithubRepos from '~/debug-github-repos.json';
 import githubRepos from '~/react-native-libraries.json';

scripts/build-and-score-data.ts

@@ -1,8 +1,7 @@
+import { identity, omit, pickBy } from 'es-toolkit';
 import fs from 'node:fs';
 import path from 'node:path';
 
-import { identity, omit, pickBy } from 'es-toolkit';
-
 import libraries from '~/react-native-libraries.json';
 import { type LibraryDataEntryType } from '~/types';
 import { VALID_ENTRY_KEYS } from '~/util/Constants';