docs: update theme (#389)

* Update dependencies and add global styles for documentation site

Co-authored-by: oskar.kwasniewski <[email protected]>

* Checkpoint before follow-up message

* Update to @callstack/[email protected] and [email protected]

- Updated @callstack/rspress-theme from 0.1.4 to 0.2.0
- Updated rspress from 1.42.1 to 2.0.0-beta.21 to meet theme requirements
- Renamed all _meta.json files to _nav.json for rspress v2 compatibility
- Temporarily disabled SSG to resolve SSR compatibility issues
- Ran copy-assets command to update theme assets

* fix: part 1

* fix: dont hoist

* chore: revert removing package-lock

* fix: yarn.lock

---------

Co-authored-by: Cursor Agent <[email protected]>
Co-authored-by: oskar.kwasniewski <[email protected]>
Co-authored-by: Jakub Romanczyk <[email protected]>

Author: 4 people

docs/docs/_meta.json renamed to docs/docs/_nav.json

@@ -2,17 +2,20 @@
   "name": "react-native-bottom-tabs-docs",
   "version": "1.0.0",
   "private": true,
+  "installConfig": {
+    "hoistingLimits": "workspaces"
+  },
   "scripts": {
     "dev": "rspress dev",
     "build": "rspress build",
     "preview": "rspress preview"
   },
   "dependencies": {
-    "@callstack/rspress-theme": "^0.0.2",
-    "rspress": "^1.39.3"
+    "@callstack/rspress-theme": "^0.2.0",
+    "rspress": "^2.0.0-beta.21"
   },
   "devDependencies": {
-    "@types/node": "^16",
+    "@types/node": "^20",
     "rsbuild-plugin-open-graph": "^1.0.2"
   }
 }

docs/package.json

@@ -11,6 +11,7 @@ export default defineConfig({
   logoText: 'React Native Bottom Tabs',
   icon: '/img/phone.png',
   logo: '/img/phone.png',
+  globalStyles: path.join(__dirname, 'theme/styles.css'),
   themeConfig: {
     enableContentAnimation: true,
     enableAppearanceAnimation: false,
@@ -23,10 +24,7 @@ export default defineConfig({
       },
     ],
   },
-  plugins: [
-    // @ts-ignore
-    pluginCallstackTheme(),
-  ],
+  plugins: [pluginCallstackTheme()],
   builderConfig: {
     plugins: [
       pluginOpenGraph({