Update 3 files

codesandbox · Apr 1, 2023 · 72cca4a · 72cca4a
1 parent fcf31f1
commit 72cca4a
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 19 deletions.
diff --git a/sandpack-client/src/clients/runtime/index.ts b/sandpack-client/src/clients/runtime/index.ts
@@ -31,9 +31,9 @@ const BUNDLER_URL =
   process.env.CODESANDBOX_ENV === "development"
     ? "http://localhost:3000/"
     : `https://${process.env.PACKAGE_VERSION?.replace(
-      /\./g,
-      "-"
-    )}-sandpack.codesandbox.io/`;
+        /\./g,
+        "-"
+      )}-sandpack.codesandbox.io/`;
 
 export class SandpackRuntime extends SandpackClient {
   fileResolverProtocol?: Protocol;

diff --git a/sandpack-react/src/components/Console/Console.stories.tsx b/sandpack-react/src/components/Console/Console.stories.tsx
@@ -184,7 +184,7 @@ console.log("foo");`,
 );
 
 export const MaxMessageCount = () => {
-  const [mode, setMode] = useState('client');
+  const [mode, setMode] = useState("client");
   const [maxMessageCount, setMaxMessageCount] = useState(5);
 
   return (
@@ -198,29 +198,40 @@ export const MaxMessageCount = () => {
           }),
         }}
         options={{ visibleFiles: ["/index.js"], recompileDelay: 500 }}
-        template={mode === 'client' ? 'vanilla' : 'node'}
+        template={mode === "client" ? "vanilla" : "node"}
       >
         <SandpackLayout>
           <SandpackCodeEditor />
-          <SandpackConsole standalone maxMessageCount={Number(maxMessageCount)} />
+          <SandpackConsole
+            standalone
+            maxMessageCount={Number(maxMessageCount)}
+          />
         </SandpackLayout>
-        <div style={{
-          marginTop: 32,
-          display: 'flex',
-          flexDirection: 'column',
-          gap: 8,
-          justifyItems: 'left',
-          width: 'fit-content'
-        }}>
-          <button onClick={() => setMode(mode === 'client' ? 'server' : 'client')}>
+        <div
+          style={{
+            marginTop: 32,
+            display: "flex",
+            flexDirection: "column",
+            gap: 8,
+            justifyItems: "left",
+            width: "fit-content",
+          }}
+        >
+          <button
+            onClick={() => setMode(mode === "client" ? "server" : "client")}
+          >
             Toggle mode: {mode}
           </button>
-          <label style={{ display: 'flex', flexDirection: 'column', gap: 4 }}>
+          <label style={{ display: "flex", flexDirection: "column", gap: 4 }}>
             <span>Max Message Count</span>
-            <input type="number" value={maxMessageCount} onChange={e => setMaxMessageCount(+e.target.value)} />
+            <input
+              type="number"
+              value={maxMessageCount}
+              onChange={(e) => setMaxMessageCount(+e.target.value)}
+            />
           </label>
         </div>
       </SandpackProvider>
     </>
   );
-}
+};
diff --git a/sandpack-react/src/components/Console/SandpackConsole.tsx b/sandpack-react/src/components/Console/SandpackConsole.tsx
@@ -131,7 +131,7 @@ export const SandpackConsole = React.forwardRef<
         )}
         {...props}
       >
-        {(showHeader && isNodeEnvironment) && (
+        {showHeader && isNodeEnvironment && (
           <Header
             currentTab={currentTab}
             node={isNodeEnvironment}