fix: PlatformTabs

Change-Id: I5452a1ea0a0366cb77e975053aa48d619f847e89

Author: SoonIter

rspress.config.ts

@@ -224,7 +224,9 @@ export default defineConfig({
   },
   llms: {
     remarkSplitMdxOptions: {
-      includes: [[['Go', 'LegacyCompatTable', 'APITable'], '@lynx']],
+      includes: [
+        [['Go', 'LegacyCompatTable', 'APITable', 'PlatformTabs'], '@lynx'],
+      ],
     },
   },
 });

src/components/platform-tabs/PlatformTabs.tsx

@@ -108,6 +108,15 @@ interface PlatformTabProps {
  * ```
  */
 const PlatformTab = ({ platform, children }: PlatformTabProps) => {
+  if (process.env.__SSR_MD__) {
+    return (
+      <>
+        <>{`\n**${platform} specific content start**\n`}</>
+        {children}
+        <>{`\n**${platform} specific content end**\n`}</>
+      </>
+    );
+  }
   return <div data-platform={platform}>{children}</div>;
 };
 
@@ -178,6 +187,9 @@ export const PlatformTabs = ({
   className,
   queryKey,
 }: PlatformTabsProps) => {
+  if (process.env.__SSR_MD__) {
+    return <>{children}</>;
+  }
   // Get available platforms from children
   const availablePlatforms = React.Children.toArray(children).reduce<
     Platform[]

theme/index.tsx

@@ -10,6 +10,7 @@ import {
   Layout as BaseLayout,
   getCustomMDXComponent,
   Link as BaseLink,
+  Tabs as BaseTabs,
 } from '@rspress/core/theme';
 import type { SearchProps } from '@rspress/plugin-algolia/runtime';
 import {
@@ -232,8 +233,6 @@ const Search = (props?: Partial<SearchProps> | undefined) => {
   );
 };
 
-export { HomeLayout, Layout, Search };
-
 const Link = (props: React.ComponentProps<typeof BaseLink>) => {
   const { href, children, className, ...restProps } = props;
   const getLangPrefix = (lang: string) => (lang === 'en' ? '' : `/${lang}`);
@@ -255,6 +254,14 @@ const Link = (props: React.ComponentProps<typeof BaseLink>) => {
   );
 };
 
-export { Link }; // override Link from @rspress/core/theme
+/* FIXME: overrides builtin Tabs for avoid "window is not defined" warning inner Tabs component, remove this line in the future when upgrading Rspress  */
+const Tabs = (props: any) => {
+  if (process.env.__SSR_MD__) {
+    return <>{props.children}</>;
+  }
+
+  return <BaseTabs {...props} />;
+};
 
+export { HomeLayout, Layout, Search, Link, Tabs };
 export * from '@rspress/core/theme';