Update index.html

index.html

@@ -1,11 +1,3 @@
-<div style="padding-bottom: 10px; display: flex; gap: 10px; align-items: center;">
-  <input id="original_url" type="text" placeholder="Original file URL" style="flex: 1; padding: 6px; font-size: 13px;"
-    value="https://trl-lib-diff-view.static.hf.space/grpo_trainer.py" />
-    <input id="modified_url" type="text" placeholder="Modified file URL" style="flex: 1; padding: 6px; font-size: 13px;"
-      value="https://trl-lib-diff-view.static.hf.space/rloo_trainer.py" />
-    <button onclick="loadDiff()" style="padding: 6px 14px; font-size: 13px;">Load</button>
-</div>
-
 <div style="padding-bottom: 20px;">
   <div id="trl_diff" style="width: 100%; height: 400px; border: 1px solid grey;"></div>
 </div>
@@ -15,11 +7,11 @@
   const proxy = URL.createObjectURL(
     new Blob(
       [`
-          self.MonacoEnvironment = {
-            baseUrl: 'https://unpkg.com/monaco-editor@latest/min/'
-          };
-          importScripts('https://unpkg.com/monaco-editor@latest/min/vs/base/worker/workerMain.js');
-        `],
+        self.MonacoEnvironment = {
+          baseUrl: 'https://unpkg.com/monaco-editor@latest/min/'
+        };
+        importScripts('https://unpkg.com/monaco-editor@latest/min/vs/base/worker/workerMain.js');
+      `],
       { type: "text/javascript" }
     )
   );
@@ -40,14 +32,15 @@
     loadDiff();
   });
 
+  const ORIGINAL_URL = "https://trl-lib-diff-view.static.hf.space/grpo_trainer.py";
+  const MODIFIED_URL = "https://trl-lib-diff-view.static.hf.space/rloo_trainer.py";
+
   function loadDiff() {
-    const originalUrl = document.getElementById("original_url").value.trim();
-    const modifiedUrl = document.getElementById("modified_url").value.trim();
-    if (!diffEditor || !originalUrl || !modifiedUrl) return;
+    if (!diffEditor) return;
 
     Promise.all([
-      fetch(originalUrl).then(r => r.text()),
-      fetch(modifiedUrl).then(r => r.text())
+      fetch(ORIGINAL_URL).then(r => r.text()),
+      fetch(MODIFIED_URL).then(r => r.text())
     ]).then(([originalTxt, modifiedTxt]) => {
       diffEditor.setModel({
         original: monaco.editor.createModel(originalTxt, "python"),
@@ -55,4 +48,4 @@
       });
     });
   }
-</script>
+</script>