hide some settings on the public website playground (facebook#1667)

dwelle · Apr 13, 2022 · c023ed4 · c023ed4
1 parent d01ac3f
commit c023ed4
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 14 deletions.
diff --git a/packages/lexical-playground/src/App.jsx b/packages/lexical-playground/src/App.jsx
@@ -10,6 +10,7 @@
 import LexicalComposer from '@lexical/react/LexicalComposer';
 import * as React from 'react';
 
+import {isPlayground} from './appSettings';
 import {SettingsContext, useSettings} from './context/SettingsContext';
 import {SharedHistoryContext} from './context/SharedHistoryContext';
 import Editor from './Editor';
@@ -43,7 +44,7 @@ function App(): React$Node {
           <Editor />
         </div>
         <Settings />
-        <TestRecorderPlugin />
+        {isPlayground && <TestRecorderPlugin />}
         {measureTypingPerf && <TypingPerfPlugin />}
       </SharedHistoryContext>
     </LexicalComposer>

diff --git a/packages/lexical-playground/src/Settings.jsx b/packages/lexical-playground/src/Settings.jsx
@@ -10,6 +10,7 @@
 import * as React from 'react';
 import {useMemo, useState} from 'react';
 
+import {isPlayground} from './appSettings';
 import {useSettings} from './context/SettingsContext';
 import Switch from './ui/Switch';
 
@@ -47,7 +48,7 @@ export default function Settings(): React$Node {
       />
       {showSettings ? (
         <div className="switches">
-          {isRichText && (
+          {isRichText && isPlayground && (
             <Switch
               onClick={() => {
                 setOption('isCollab', !isCollab);
@@ -57,17 +58,19 @@ export default function Settings(): React$Node {
               text="Collaboration"
             />
           )}
-          <Switch
-            onClick={() => {
-              if (isSplitScreen) {
-                window.parent.location.href = `http://localhost:${port}/${search}`;
-              } else {
-                window.location.href = `http://localhost:${port}/split/${search}`;
-              }
-            }}
-            checked={isSplitScreen}
-            text="Split Screen"
-          />
+          {isPlayground && (
+            <Switch
+              onClick={() => {
+                if (isSplitScreen) {
+                  window.parent.location.href = `http://localhost:${port}/${search}`;
+                } else {
+                  window.location.href = `http://localhost:${port}/split/${search}`;
+                }
+              }}
+              checked={isSplitScreen}
+              text="Split Screen"
+            />
+          )}
           <Switch
             onClick={() => setOption('measureTypingPerf', !measureTypingPerf)}
             checked={measureTypingPerf}

diff --git a/packages/lexical-playground/src/appSettings.js b/packages/lexical-playground/src/appSettings.js
@@ -31,3 +31,6 @@ export const DEFAULT_SETTINGS: Settings = {
   showNestedEditorTreeView: false,
   showTreeView: true,
 };
+
+export const isPlayground =
+  window.location.hostname === 'playground.lexical.dev';
diff --git a/packages/lexical-playground/src/plugins/TestRecorderPlugin.jsx b/packages/lexical-playground/src/plugins/TestRecorderPlugin.jsx
@@ -432,7 +432,7 @@ ${steps.map(formatStep).join(`\n`)}
   return [button, output];
 }
 
-export default function TreeViewPlugin(): React$Node {
+export default function TestRecorderPlugin(): React$Node {
   const [editor] = useLexicalComposerContext();
   const [testRecorderButton, testRecorderOutput] = useTestRecorder(editor);