docs: Bump t-rex to stable with Docusaurus 3.7

packages/docs-gesture-handler/docs/fundamentals/installation.md

@@ -29,19 +29,19 @@ Setting up `react-native-gesture-handler` is pretty straightforward:
 
 <Tabs groupId="package-managers">
   <TabItem value="expo" label="EXPO" default>
-
+    ```bash
     npx expo install react-native-gesture-handler
-
+    ```
   </TabItem>
   <TabItem value="npm" label="NPM">
-
+    ```bash
     npm install react-native-gesture-handler
-
+    ```
   </TabItem>
   <TabItem value="yarn" label="YARN">
-
+    ```bash
     yarn add react-native-gesture-handler
-
+    ```
   </TabItem>
 </Tabs>
 

packages/docs-gesture-handler/docusaurus.config.js

@@ -113,6 +113,7 @@ const config = {
           'All trademarks and copyrights belong to their respective owners.',
       },
       prism: {
+        additionalLanguages: ['bash'],
         theme: lightCodeTheme,
         darkTheme: darkCodeTheme,
       },
@@ -143,15 +144,18 @@ const config = {
               new webpack.DefinePlugin({
                 ...processMock,
                 __DEV__: 'false',
-                setImmediate: () => {},
               }),
             ],
             module: {
               rules: [
                 {
-                  test: /\.txt/,
+                  test: /\.txt$/,
                   type: 'asset/source',
                 },
+                {
+                  test: /\.tsx?$/,
+                  use: 'babel-loader',
+                },
               ],
             },
             resolve: {

packages/docs-gesture-handler/package.json

@@ -19,45 +19,47 @@
   "dependencies": {
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-export-namespace-from": "^7.18.9",
-    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-env": "^7.24.4",
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.21.0",
-    "@docusaurus/core": "^2.4.3",
-    "@docusaurus/plugin-debug": "^2.4.3",
-    "@docusaurus/preset-classic": "^2.4.3",
-    "@emotion/react": "^11.10.6",
-    "@emotion/styled": "^11.10.6",
-    "@mdx-js/react": "^1.6.22",
-    "@mui/material": "^5.12.0",
-    "@swmansion/t-rex-ui": "^0.0.13",
+    "@docusaurus/core": "3.7.0",
+    "@docusaurus/plugin-debug": "3.7.0",
+    "@docusaurus/preset-classic": "3.7.0",
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.0",
+    "@mdx-js/react": "^3.0.0",
+    "@mui/material": "^7.1.0",
+    "@swmansion/t-rex-ui": "1.0.0",
     "@vercel/og": "^0.6.2",
+    "prism-react-renderer": "^2.1.0",
     "babel-polyfill": "^6.26.0",
     "babel-preset-expo": "^9.2.2",
     "babel-preset-react-native": "^4.0.1",
-    "clsx": "^1.2.1",
+    "clsx": "^2.1.0",
     "raf": "^3.4.1",
     "raw-loader": "^4.0.2",
-    "react": "^17.0.2",
+    "react": "^18.2.0",
     "react-colorful": "^5.6.1",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.2.0",
     "react-draggable": "^4.4.5",
     "react-native": "^0.71.4",
-    "react-native-gesture-handler": "^2.16.0",
-    "react-native-reanimated": "^3.8.1",
+    "react-native-gesture-handler": "^2.24.0",
+    "react-native-reanimated": "4.0.0-nightly-20250325-d67e51599",
     "react-native-web": "^0.18.12",
+    "react-native-worklets": "^0.1.0",
     "source-map": "^0.7.4",
     "source-map-loader": "^4.0.1",
     "usehooks-ts": "^2.9.1"
   },
   "devDependencies": {
-    "@docusaurus/module-type-aliases": "^2.4.3",
-    "@tsconfig/docusaurus": "^1.0.7",
+    "@docusaurus/module-type-aliases": "3.7.0",
+    "@docusaurus/tsconfig": "3.7.0",
     "copy-webpack-plugin": "^11.0.0",
     "esbuild": "^0.25.0",
     "esbuild-register": "^3.5.0",
     "eslint-plugin-mdx": "^2.2.0",
     "prettier": "^3.3.3",
-    "typescript": "^4.7.4",
+    "typescript": "~5.2.2",
     "webpack-cli": "^5.0.1"
   },
   "browserslist": {
@@ -73,7 +75,7 @@
     ]
   },
   "engines": {
-    "node": ">=16.14"
+    "node": ">=18.0"
   },
   "packageManager": "yarn@1.22.22"
 }

packages/docs-gesture-handler/src/theme/CodeBlock/highlighting-dark.js

@@ -1,4 +1,4 @@
-const darkTheme = require('prism-react-renderer/themes/github');
+const darkTheme = require('prism-react-renderer').themes.github;
 
 module.exports = {
   ...darkTheme,

packages/docs-gesture-handler/src/theme/CodeBlock/highlighting-light.js

@@ -1,4 +1,4 @@
-const lightTheme = require('prism-react-renderer/themes/github');
+const lightTheme = require('prism-react-renderer').themes.github;
 
 module.exports = {
   ...lightTheme,

packages/docs-gesture-handler/tsconfig.json

@@ -1,6 +1,6 @@
 {
   // This file is not used in compilation. It is here just for a nice editor experience.
-  "extends": "@tsconfig/docusaurus/tsconfig.json",
+  "extends": "@docusaurus/tsconfig",
   "compilerOptions": {
     "baseUrl": "."
   }

packages/docs-gesture-handler/versioned_docs/version-1.x/getting-started.md

@@ -27,7 +27,7 @@ In a nutshell, the library provides:
 | 1.1.0+    | 0.57.2+                |
 | <1.1.0 | 0.50.0+                |
 
-It may be possible to use newer versions of react-native-gesture-handler on React Native with version <= 0.59 by reverse Jetifying.
+It may be possible to use newer versions of react-native-gesture-handler on React Native with version &lt;= 0.59 by reverse Jetifying.
 Read more on that here https://github.com/mikehardy/jetifier#to-reverse-jetify--convert-node_modules-dependencies-to-support-libraries
 
 Note that if you wish to use [`React.createRef()`](https://reactjs.org/docs/refs-and-the-dom.html) support for [interactions](interactions.md) you need to use v16.3 of [React](https://reactjs.org/)

packages/docs-gesture-handler/versioned_sidebars/version-1.x-sidebars.json

@@ -1,29 +1,29 @@
 {
-  "version-1.x/docs": [
+  "docs": [
     {
       "collapsed": true,
       "type": "category",
       "label": "Basics",
       "items": [
         {
           "type": "doc",
-          "id": "version-1.x/getting-started"
+          "id": "getting-started"
         },
         {
           "type": "doc",
-          "id": "version-1.x/about-handlers"
+          "id": "about-handlers"
         },
         {
           "type": "doc",
-          "id": "version-1.x/state"
+          "id": "state"
         },
         {
           "type": "doc",
-          "id": "version-1.x/interactions"
+          "id": "interactions"
         },
         {
           "type": "doc",
-          "id": "version-1.x/example"
+          "id": "example"
         }
       ]
     },
@@ -39,43 +39,43 @@
           "items": [
             {
               "type": "doc",
-              "id": "version-1.x/api/gesture-handlers/common-gh"
+              "id": "api/gesture-handlers/common-gh"
             },
             {
               "type": "doc",
-              "id": "version-1.x/api/gesture-handlers/pan-gh"
+              "id": "api/gesture-handlers/pan-gh"
             },
             {
               "type": "doc",
-              "id": "version-1.x/api/gesture-handlers/tap-gh"
+              "id": "api/gesture-handlers/tap-gh"
             },
             {
               "type": "doc",
-              "id": "version-1.x/api/gesture-handlers/longpress-gh"
+              "id": "api/gesture-handlers/longpress-gh"
             },
             {
               "type": "doc",
-              "id": "version-1.x/api/gesture-handlers/rotation-gh"
+              "id": "api/gesture-handlers/rotation-gh"
             },
             {
               "type": "doc",
-              "id": "version-1.x/api/gesture-handlers/fling-gh"
+              "id": "api/gesture-handlers/fling-gh"
             },
             {
               "type": "doc",
-              "id": "version-1.x/api/gesture-handlers/pinch-gh"
+              "id": "api/gesture-handlers/pinch-gh"
             },
             {
               "type": "doc",
-              "id": "version-1.x/api/gesture-handlers/force-gh"
+              "id": "api/gesture-handlers/force-gh"
             },
             {
               "type": "doc",
-              "id": "version-1.x/api/gesture-handlers/nativeview-gh"
+              "id": "api/gesture-handlers/nativeview-gh"
             },
             {
               "type": "doc",
-              "id": "version-1.x/api/gesture-handlers/create-native-wrapper"
+              "id": "api/gesture-handlers/create-native-wrapper"
             }
           ]
         },
@@ -86,19 +86,19 @@
           "items": [
             {
               "type": "doc",
-              "id": "version-1.x/api/components/buttons"
+              "id": "api/components/buttons"
             },
             {
               "type": "doc",
-              "id": "version-1.x/api/components/swipeable"
+              "id": "api/components/swipeable"
             },
             {
               "type": "doc",
-              "id": "version-1.x/api/components/touchables"
+              "id": "api/components/touchables"
             },
             {
               "type": "doc",
-              "id": "version-1.x/api/components/drawer-layout"
+              "id": "api/components/drawer-layout"
             }
           ]
         }
@@ -111,21 +111,21 @@
       "items": [
         {
           "type": "doc",
-          "id": "version-1.x/contributing"
+          "id": "contributing"
         },
         {
           "type": "doc",
-          "id": "version-1.x/troubleshooting"
+          "id": "troubleshooting"
         },
         {
           "type": "doc",
-          "id": "version-1.x/resources"
+          "id": "resources"
         },
         {
           "type": "doc",
-          "id": "version-1.x/credits"
+          "id": "credits"
         }
       ]
     }
   ]
-}
+}