Add support for external run and showNavigation

hermanzdosilovic · hermanzdosilovic · commit 3271d6dad358 · 2025-02-14T04:08:50.000+01:00
diff --git a/embed/index.html b/embed/index.html
@@ -1,10 +1,11 @@
 <body>
     <p>The source code for this example is available <a href="https://github.com/judge0/ide/tree/master/embed" target="_blank">here</a>.</p>
 
-    <iframe id="judge0-ide" src="https://ide.judge0.com?judge0.style=minimal&judge0.theme=dark" frameborder="0" width="80%" height="300px"></iframe>
+    <iframe id="judge0-ide" src="https://ide.judge0.com?judge0.style=minimal&judge0.theme=dark&judge0.styleOptions.showNavigation=false" frameborder="0" width="80%" height="300px"></iframe>
 
     <hr />
     <button onclick="getDataFromJudge0IDE()">Get Data</button>
+    <button onclick="runCodeInsideJudge0IDE()">Run Code</button>
     <pre id="judge0-ide-data-viewer" style="padding: 1rem; background-color: #eee;"></pre>
 
     <script>
@@ -44,5 +45,9 @@
         function getDataFromJudge0IDE() {
             judge0IDE.contentWindow.postMessage({action: "get"}, '*');
         }
+
+        function runCodeInsideJudge0IDE() {
+            judge0IDE.contentWindow.postMessage({action: "run"}, '*');
+        }
     </script>
 </body>
diff --git a/index.html b/index.html
@@ -91,7 +91,7 @@
 </head>
 
 <body>
-    <div id="judge0-site-navigation" class="ui top fixed borderless menu">
+    <div id="judge0-site-navigation" class="ui top fixed borderless menu judge0-showNavigation">
         <a id="judge0-header" href="https://judge0.com" target="_blank" class="header item judge0-showLogo">
             <img id="judge0-logo" src="./images/icon_var2_rounded_512.png">
         </a>
diff --git a/js/configuration.js b/js/configuration.js
@@ -17,7 +17,8 @@ const DEFAULT_CONFIGURATIONS = {
             showThemeButton: true,
             showPuterSignInOutButton: true,
             showStatusLine: true,
-            showCopyright: true
+            showCopyright: true,
+            showNavigation: true
         },
         appOptions: {
             showAIAssistant: true,
@@ -42,7 +43,8 @@ const DEFAULT_CONFIGURATIONS = {
             showThemeButton: false,
             showPuterSignInOutButton: false,
             showStatusLine: false,
-            showCopyright: false
+            showCopyright: false,
+            showNavigation: true
         },
         appOptions: {
             showAIAssistant: false,
@@ -67,7 +69,8 @@ const DEFAULT_CONFIGURATIONS = {
             showThemeButton: true,
             showPuterSignInOutButton: true,
             showStatusLine: true,
-            showCopyright: false
+            showCopyright: false,
+            showNavigation: true
         },
         appOptions: {
             showAIAssistant: true,
@@ -92,7 +95,8 @@ const DEFAULT_CONFIGURATIONS = {
             showThemeButton: true,
             showPuterSignInOutButton: true,
             showStatusLine: true,
-            showCopyright: false
+            showCopyright: false,
+            showNavigation: true
         },
         appOptions: {
             showAIAssistant: true,
@@ -117,7 +121,8 @@ const DEFAULT_CONFIGURATIONS = {
             showThemeButton: true,
             showPuterSignInOutButton: false,
             showStatusLine: true,
-            showCopyright: true
+            showCopyright: true,
+            showNavigation: true
         },
         appOptions: {
             showAIAssistant: true,
diff --git a/js/ide.js b/js/ide.js
@@ -748,6 +748,8 @@ document.addEventListener("DOMContentLoaded", async function () {
             if (e.data.api_key) {
                 AUTH_HEADERS["Authorization"] = `Bearer ${e.data.api_key}`;
             }
+        } else if (e.data.action === "run") {
+            run();
         }
     };
 });

Original file line number	Diff line number	Diff line change
`@@ -748,6 +748,8 @@ document.addEventListener("DOMContentLoaded", async function () {`
`748`	`748`	`if (e.data.api_key) {`
`749`	`749`	AUTH_HEADERS["Authorization"] = `Bearer ${e.data.api_key}`;
`750`	`750`	`}`
	`751`	`+ } else if (e.data.action === "run") {`
	`752`	`+ run();`
`751`	`753`	`}`
`752`	`754`	`};`
`753`	`755`	`});`