feat(connect-explorer): hiding beta-only content

trezor · Oct 15, 2024 · 21e0d42 · 21e0d42
1 parent f2a5f74
commit 21e0d42
Show file tree

Hide file tree

Showing 5 changed files with 33 additions and 4 deletions.
diff --git a/packages/connect-explorer/src/components/BetaOnly.tsx b/packages/connect-explorer/src/components/BetaOnly.tsx
@@ -0,0 +1,11 @@
+export const isBetaOnly = !process.env.CONNECT_EXPLORER_FULL_URL?.startsWith(
+    'https://connect.trezor.io/9/',
+);
+
+export const BetaOnly = (props: React.PropsWithChildren) => {
+    if (isBetaOnly) {
+        return <>{props.children}</>;
+    }
+
+    return null;
+};
diff --git a/packages/connect-explorer/src/pages/details/deeplinking.mdx b/packages/connect-explorer/src/pages/details/deeplinking.mdx
@@ -1,7 +1,10 @@
 import { Callout } from 'nextra/components';
+import { BetaOnly } from '../../components/BetaOnly';
 
 # Deep linking specification
 
+<BetaOnly>
+
 To support connecting to Trezor devices from 3rd party apps on mobile devices, Trezor Suite Lite provides a communication interface via deep linking.
 
 <Callout type="info">
@@ -64,3 +67,5 @@ trezorsuitelite://connect?method=getAddress&params=%7B%22coin%22%3A%22btc%22%2C%
 ```
 
 When the user returns to the app, the callback URL is called with the result of the method call.
+
+</BetaOnly>
diff --git a/packages/connect-explorer/src/pages/index.mdx b/packages/connect-explorer/src/pages/index.mdx
@@ -21,6 +21,7 @@ import IconWeb from '../components/icons/IconWeb';
 import IconExtension from '../components/icons/IconExtension';
 import IconMobile from '../components/icons/IconMobile';
 import ZoomableIllustration from '../components/ZoomableIllustration';
+import { BetaOnly } from '../components/BetaOnly';
 
 export const SectionCard = ({ children }) => (
     <TrezorCard margin={{ bottom: spacings.xl }}>{children}</TrezorCard>
@@ -111,7 +112,9 @@ export const ExampleHeading = styled.h3`
         <Card icon={<IconNode />} title="Node.js" href="#nodejs" />
         <Card icon={<IconWeb />} title="Web" href="#web" />
         <Card icon={<IconExtension />} title="Web extension" href="#web-extension" />
-        <Card icon={<IconMobile />} title="Mobile" href="#mobile" />
+        <BetaOnly>
+            <Card icon={<IconMobile />} title="Mobile" href="#mobile" />
+        </BetaOnly>
     </Cards>
 
     <CollapsibleBox heading="Still unsure?" margin={{ top: spacings.md }}>
@@ -501,6 +504,8 @@ export const ExampleHeading = styled.h3`
 
 </SectionCard>
 
+<BetaOnly>
+
 <HiddenNextraHeading>
 
 ### Mobile
@@ -632,3 +637,5 @@ export const ExampleHeading = styled.h3`
         </CollapsibleBox>
 
 </SectionCard>
+
+</BetaOnly>
diff --git a/packages/connect-explorer/src/pages/readme/[name].mdx b/packages/connect-explorer/src/pages/readme/[name].mdx
@@ -2,9 +2,14 @@ import { RemoteContent } from 'nextra/data';
 import { buildDynamicMDX, buildDynamicMeta } from 'nextra/remote';
 import rehypeSectionize from '@hbsnow/rehype-sectionize';
 import remarkGemoji from 'remark-gemoji';
+import { isBetaOnly } from '../../components/BetaOnly';
 
 export const getStaticPaths = () => {
-    const packages = ["connect", "connect-web", "connect-webextension", "connect-mobile"]
+    const packages = ["connect", "connect-web", "connect-webextension"];
+    if(isBetaOnly) {
+        packages.push("connect-mobile");
+    }
+
     const paths = packages.map((name) => ({
         params: {
             name,

diff --git a/packages/connect-explorer/src/pages/settings.mdx b/packages/connect-explorer/src/pages/settings.mdx
@@ -6,6 +6,7 @@ import { Callout } from 'nextra/components';
 import * as trezorConnectActions from '../actions/trezorConnectActions';
 import { useSelector, useActions } from '../hooks';
 import { getField } from '../components/Method';
+import { isBetaOnly } from '../components/BetaOnly';
 
 export const SettingsContent = styled.section`
     flex: 1;
@@ -65,12 +66,12 @@ export const Settings = () => {
             key: 'connectSrc',
             value: connectOptions?.connectSrc || '',
         },
-        {
+        ...(isBetaOnly ? [{
             name: 'mobile deeplink',
             type: 'checkbox',
             key: 'deeplink',
             value: connectOptions?.deeplink || false
-        }
+        }] : [])
     ];
 
     return (