Updated .js and HTML files to dynamically pass sequence to Hugging Face and display scores

.ipynb_checkpoints/app-checkpoint.py

@@ -151,8 +151,17 @@ def fetch_and_display_pdb(pdb_id):
     return viewer._make_html()
 
 # Define the Gradio interface
+def gradio_interface(sequence, pdb_id):
+    # Call the prediction function
+    binding_site_predictions = predict_protein_sequence(sequence)
+    
+    # Call the PDB structure visualization function
+    pdb_structure_html = fetch_and_display_pdb(pdb_id)
+    
+    return binding_site_predictions, pdb_structure_html
+
 interface = gr.Interface(
-    fn=predict_protein_sequence,
+    fn=gradio_interface,
     inputs=[
         gr.Textbox(lines=2, placeholder="Enter protein sequence here...", label="Protein Sequence"),
         gr.Textbox(lines=1, placeholder="Enter PDB ID here...", label="PDB ID for 3D Visualization")

app.py

@@ -151,8 +151,17 @@ def fetch_and_display_pdb(pdb_id):
     return viewer._make_html()
 
 # Define the Gradio interface
+def gradio_interface(sequence, pdb_id):
+    # Call the prediction function
+    binding_site_predictions = predict_protein_sequence(sequence)
+    
+    # Call the PDB structure visualization function
+    pdb_structure_html = fetch_and_display_pdb(pdb_id)
+    
+    return binding_site_predictions, pdb_structure_html
+
 interface = gr.Interface(
-    fn=predict_protein_sequence,
+    fn=gradio_interface,
     inputs=[
         gr.Textbox(lines=2, placeholder="Enter protein sequence here...", label="Protein Sequence"),
         gr.Textbox(lines=1, placeholder="Enter PDB ID here...", label="PDB ID for 3D Visualization")