commit initial 09-12-2025 023

src/App.js

@@ -17,7 +17,7 @@ import { downloadProjectZip } from "./zipExport";
 import { parseProblems } from "./problemParser";
 import "./App.css";
 import "xterm/css/xterm.css";
-import XTerm from "./Terminal";
+
 // =================== SUPPORTED LANGUAGES ===================
 const LANGUAGE_OPTIONS = [
   { id: "python", ext: ".py", icon: "🐍", monaco: "python" },
@@ -242,58 +242,7 @@ function codeNeedsInput(code, langId) {
     return false;
   }
 }
-// ----------------------
-// Call this whenever a new terminal line arrives (from xterm onData)
-// It appends the line to accumulated stdin and re-runs the current file.
-// Uses a local variable for stdin to avoid setState races.
-// ----------------------
-const runCodeWithUpdatedInput = async (inputLine) => {
-  // echo the line in terminal UI
-  appendTerminal(`> ${inputLine}`);
-
-  // build new accumulated stdin locally (so we can use it immediately)
-  const newAccum = (accumStdin || "") + inputLine + "\n";
-  // update state so further interactions know about it
-  setAccumStdin(newAccum);
-
-  // get current file node
-  const node = getNodeByPath(tree, activePath);
-  if (!node || node.type !== "file") {
-    appendTerminal("[Error] No file selected to run.");
-    setAwaitingInput(false);
-    return;
-  }
-
-  const selectedLang = LANGUAGE_OPTIONS.find((l) => node.name.endsWith(l.ext))?.id;
-  if (!selectedLang || !RUNNABLE_LANGS.includes(selectedLang)) {
-    appendTerminal(`[Error] Run not supported for ${node.name}`);
-    setAwaitingInput(false);
-    return;
-  }
 
-  // run immediately with local stdin (newAccum)
-  setIsRunning(true);
-  try {
-    const res = await runCode(node.content, selectedLang, newAccum);
-    const out = res.output ?? "";
-    setOutput(out);
-    appendTerminal(out);
-    setProblems(res.error ? parseProblems(res.output) : []);
-
-    // if output indicates program needs more input, keep awaitingInput true
-    if (outputLooksForInput(out)) {
-      setAwaitingInput(true);
-    } else {
-      setAwaitingInput(false);
-    }
-  } catch (err) {
-    const errText = String(err);
-    appendTerminal(errText);
-    setAwaitingInput(false);
-  } finally {
-    setIsRunning(false);
-  }
-};
   const handleRun = async () => {
   const node = getNodeByPath(tree, activePath);
   if (!node || node.type !== "file") {
@@ -587,14 +536,34 @@ const runCodeWithUpdatedInput = async (inputLine) => {
           {/* Bottom panels */}
           <div className="ide-panels">
             {/* Terminal output */}
-      <XTerm
-  output={output}
-  onData={(userInputLine) => {
-    // previously you called setAccumStdin(...) or undefined runCodeWithUpdatedInput
-    // Now call the defined function:
-    runCodeWithUpdatedInput(userInputLine);
-  }}
-/>
+            <div className="ide-output-terminal" style={{ marginBottom: 8 }}>
+              <div style={{ fontSize: 12, color: "#ccc", marginBottom: 6 }}>Terminal</div>
+              <div className="terminal-content" style={{ background: "#000", color: "#0f0", padding: 8, borderRadius: 6, maxHeight: 220, overflowY: "auto", whiteSpace: "pre-wrap", fontFamily: "Consolas, monospace" }}>
+                {terminalLines.length === 0 ? <div style={{ color: "#999" }}>[Program output will appear here]</div> : terminalLines.map((ln, i) => <div key={i}>{ln}</div>)}
+                {awaitingInput && <div style={{ color: "#fff" }}>&nbsp;</div>}
+              </div>
+
+              {/* Terminal input (shown only when program asks input) */}
+              {awaitingInput ? (
+                <div style={{ display: "flex", gap: 6, marginTop: 6 }}>
+                  <input
+                    className="ide-input-box"
+                    placeholder="Type input and press Enter..."
+                    value={terminalInput}
+                    onChange={(e) => setTerminalInput(e.target.value)}
+                    onKeyDown={onTerminalKeyDown}
+                    disabled={!awaitingInput || isRunning}
+                  />
+                  <button onClick={sendTerminalInput} disabled={!awaitingInput || isRunning} className="ide-button">Send</button>
+                </div>
+              ) : (
+                // If not awaiting input, show legacy single-run input + hint to run for interactive programs
+                <div style={{ display: "flex", gap: 6, marginTop: 6 }}>
+                  <input className="ide-input-box" placeholder="(Optional) Program input for single-run" value={stdin} onChange={(e) => setStdin(e.target.value)} />
+                  <div style={{ alignSelf: "center", color: "#999", fontSize: 12 }}>Press Run → to execute</div>
+                </div>
+              )}
+            </div>
 
             {/* Problems */}
             {problems.length > 0 && (