Add diff2html iframe to commit view

The commit view has been updated to use an iframe showing a diff2html view of each commit link. Also submission bug fixed

app.py

@@ -19,17 +19,48 @@ def get_github_link(repo, hash):
     return repo_url
 
 
+def get_diff2html_demo_iframe(github_link):
+    diff2html_link = (f"https://diff2html.xyz/demo.html?matching=none"
+                      f"&matchWordsThreshold=0.25"
+                      f"&maxLineLengthHighlight=10000"
+                      f"&diffStyle=word"
+                      f"&colorScheme=light"
+                      f"&renderNothingWhenEmpty=0"
+                      f"&matchingMaxComparisons=2500"
+                      f"&maxLineSizeInBlockForComparison=200"
+                      f"&outputFormat=line-by-line"
+                      f"&drawFileList=1&synchronisedScroll=1"
+                      f"&highlight=1"
+                      f"&fileListToggle=1"
+                      f"&fileListStartVisible=0"
+                      f"&highlightLanguages=[object%20Map]"
+                      f"&smartSelection=1"
+                      f"&fileContentToggle=1"
+                      f"&stickyFileHeaders=1"
+                      f"&diff={github_link}")
+
+    iframe_html = (f"<iframe "
+                   f"src=\"{diff2html_link}\" "
+                   f"title=\"diff2html Demo Diff Viewer\" "
+                   f"style='width:100%; height:720px; overflow:auto'>"
+                   f"</iframe>")
+
+    return iframe_html
+
+
 def update_commit_view(sample_ind):
     if sample_ind >= n_samples:
         return None
 
     record = dataset[sample_ind]
-    github_link_md = f"[See the commit on GitHub]({get_github_link(record['repo'], record['hash'])})"
-    diff_json = record['mods']
+    github_link = get_github_link(record['repo'], record['hash'])
+
+    github_link_md = f"[See the commit on GitHub]({github_link})"
+    diff_view = get_diff2html_demo_iframe(github_link)
     commit_msg = record['message']
     repo_val = record['repo']
     hash_val = record['hash']
-    return github_link_md, diff_json, commit_msg, repo_val, hash_val
+    return github_link_md, diff_view, commit_msg, repo_val, hash_val
 
 
 def next_sample(current_sample_ind, shuffled_idx):
@@ -60,7 +91,7 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
     with gr.Row():
         with gr.Column(scale=2):
             github_link = gr.Markdown()
-            diff_view = gr.JSON()
+            diff_view = gr.HTML()
         with gr.Column(scale=1):
             commit_msg = gr.Textbox(label="AI-generated commit message",
                                     interactive=False,
@@ -107,14 +138,14 @@ with gr.Blocks(theme=gr.themes.Soft()) as demo:
         format_feedback
     ]
 
-    saver.setup(feedback_form, "feedback")
+    saver.setup([current_sample_sld] + feedback_form, "feedback")
 
     skip_btn.click(next_sample, inputs=[current_sample_sld, shuffled_idx_val],
                    outputs=[current_sample_sld] + commit_view)
 
 
     def submit(current_sample, shuffled_idx, *args):
-        saver.flag([current_sample] + args)
+        saver.flag((current_sample,) + args)
         return next_sample(current_sample, shuffled_idx)