+
+ {shouldShowStdout && (
+
+
+
+ )}
+
+
+
+ {progressMessage && (
+
)}
- style={{
- ...style,
- opacity: stillLoading ? 1 : 0,
- transition: `opacity ${FADE_ANIMATION_DURATION}ms ease-out`,
- }}
- {...props}
- >
-
-
+ >
);
};
+
+const stdoutPreview = css({
+ position: "absolute",
+ left: 0,
+ right: 0,
+ bottom: "$space$8",
+ overflow: "auto",
+ opacity: 0.5,
+ overflowX: "hidden",
+});
+
+const wrapperClassName = css({
+ position: "absolute",
+ left: "$space$5",
+ bottom: "$space$4",
+ zIndex: "$top",
+ color: "$colors$clickable",
+ animation: `${fadeIn} 150ms ease`,
+ fontFamily: "$font$mono",
+ fontSize: ".8em",
+ width: "75%",
+ p: {
+ whiteSpace: "nowrap",
+ margin: 0,
+ textOverflow: "ellipsis",
+ overflow: "hidden",
+ },
+});
diff --git a/sandpack-react/src/contexts/utils/useClient.ts b/sandpack-react/src/contexts/utils/useClient.ts
index 647590807..95f505015 100644
--- a/sandpack-react/src/contexts/utils/useClient.ts
+++ b/sandpack-react/src/contexts/utils/useClient.ts
@@ -23,7 +23,7 @@ import { generateRandomId } from "../../utils/stringUtils";
import type { FilesState } from "./useFiles";
type SandpackClientType = InstanceType