fix

guyutongxue · Jan 31, 2024 · 87cf344 · 87cf344
1 parent 541de73
commit 87cf344
Show file tree

Hide file tree

Showing 4 changed files with 21 additions and 7 deletions.
diff --git a/index.html b/index.html
@@ -20,8 +20,8 @@
               Run code
             </button>
             <div class="button-group" id="buildPanelTab">
-              <button>Input</button>
-              <button active>Output</button>
+              <button active>Input</button>
+              <button>Output</button>
               <button>Compiler Diagnostics</button>
             </div>
             <div class="spacer"></div>
@@ -30,11 +30,11 @@
             </button>
           </div>
           <textarea
-            class="io display-none"
+            class="io"
             id="buildPanelInput"
             placeholder="Type input here..."
           ></textarea>
-          <pre class="io" id="buildPanelOutput"></pre>
+          <pre class="io display-none" id="buildPanelOutput"></pre>
         </div>
       </div>
       <div id="footer">

diff --git a/src/style.css b/src/style.css
@@ -223,6 +223,11 @@ body {
     font-family: var(--font-monospace);
     overflow: auto;
     user-select: text;
+
+    .hint {
+      user-select: none;
+      color:  var(--c-text-light);
+    }
   }
 
   hr {

diff --git a/src/ui.ts b/src/ui.ts
@@ -56,12 +56,14 @@ function showInput() {
   inputEl.classList.remove("display-none");
   outputEl.classList.add("display-none");
 }
-const EMPTY_HINT_HTML = `<span style="user-select: none; color: var(--c-text-light)">No output.</span>`;
+const EMPTY_HINT_HTML = `<span class="hint">No output.</span>`;
+let hasRun = false;
+const OUTPUT_HINT_HTML = `<span class="hint">Click "Run code" button to compile and run.</span>`;
 const RESULT_COPY_HTML = `
-<hr><span style="user-select: none; color: var(--c-text-light)">Compilation provided by <a href="https://godbolt.org" target="_blank">Compiler Explorer</a></span>`;
+<hr><span class="hint">Compilation provided by <a href="https://godbolt.org" target="_blank">Compiler Explorer</a></span>`;
 function showOutput(text: string) {
   if (text === "") {
-    text = EMPTY_HINT_HTML;
+    text = hasRun ? EMPTY_HINT_HTML : OUTPUT_HINT_HTML;
   }
   outputEl.innerHTML = text + RESULT_COPY_HTML;
   outputEl.classList.remove("display-none");
@@ -112,6 +114,7 @@ export async function compileAndRun() {
       getEditorValue(),
       { stdin }
     ));
+    hasRun = true;
     const outputContainer = document.createElement("pre");
     const stdoutEl = document.createElement("span");
     stdoutEl.innerText = stdout;

diff --git a/vite.config.ts b/vite.config.ts
@@ -9,6 +9,12 @@ export default defineConfig({
   build: {
     target: "es2022"
   },
+  server: {
+    headers: {
+      "Cross-Origin-Opener-Policy": "same-origin",
+      "Cross-Origin-Embedder-Policy": "require-corp",
+    }
+  },
   // https://github.com/CodinGame/monaco-vscode-api?tab=readme-ov-file#if-you-use-vite
   optimizeDeps: {
     esbuildOptions: {