Refactor review submission process to support GitHub integration

Updated the submitReview function to be asynchronous, allowing for a loading state during submission. Added a new function, submitReviewToGitHub, which facilitates the creation of a review file on GitHub with user instructions. Enhanced user feedback for local storage saves and GitHub submission errors.

Author: stephen-rowan

docs/script.js

@@ -489,7 +489,7 @@ async function loadReviewsFromJSON() {
 }
 
 // Submit review form
-function submitReview(event, methodName) {
+async function submitReview(event, methodName) {
     event.preventDefault();
 
     const form = document.getElementById(`review-form-${methodName}`);
@@ -511,10 +511,28 @@ function submitReview(event, methodName) {
     reviews.push(review);
     saveReviewsToStorage(reviews);
 
-    // Show success message
-    const successDiv = document.getElementById(`review-success-${methodName}`);
-    if (successDiv) {
-        successDiv.style.display = 'block';
+    // Show loading state
+    const submitBtn = form.querySelector('.submit-review-btn');
+    const originalBtnText = submitBtn.textContent;
+    submitBtn.disabled = true;
+    submitBtn.textContent = 'Submitting...';
+    
+    // Automatically submit to GitHub
+    try {
+        await submitReviewToGitHub(review);
+        
+        // Show success message
+        const successDiv = document.getElementById(`review-success-${methodName}`);
+        if (successDiv) {
+            successDiv.style.display = 'block';
+        }
+    } catch (error) {
+        console.error('Error submitting to GitHub:', error);
+        // Still show success for localStorage save, but warn about GitHub submission
+        alert('Review saved locally. GitHub submission failed. Please use "Download Review as JSON" to submit manually.');
+    } finally {
+        submitBtn.disabled = false;
+        submitBtn.textContent = originalBtnText;
     }
 
     // Reset form
@@ -531,6 +549,98 @@ function submitReview(event, methodName) {
     return false;
 }
 
+// Submit review to GitHub by creating a file via web interface
+async function submitReviewToGitHub(review) {
+    // Create JSON content for the file
+    const jsonContent = JSON.stringify(review, null, 2);
+    const fileName = `review_${review.method}_${review.id}.json`;
+    
+    // GitHub repository info
+    const repoOwner = 'SingularityNET-Archive';
+    const repoName = 'Graph-Python-scripts';
+    
+    // Create a data URL for the JSON content (for copying)
+    const dataBlob = new Blob([jsonContent], { type: 'application/json' });
+    const dataUrl = URL.createObjectURL(dataBlob);
+    
+    // Open GitHub's create file page in new tab
+    const githubCreateFileUrl = `https://github.com/${repoOwner}/${repoName}/new/main/reviews/${encodeURIComponent(fileName)}`;
+    
+    // Create a modal/popup with instructions and the JSON content
+    const modal = document.createElement('div');
+    modal.style.cssText = `
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        background: rgba(0,0,0,0.7);
+        z-index: 10000;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    `;
+    
+    const modalContent = document.createElement('div');
+    modalContent.style.cssText = `
+        background: white;
+        padding: 30px;
+        border-radius: 8px;
+        max-width: 600px;
+        max-height: 80vh;
+        overflow-y: auto;
+        box-shadow: 0 4px 20px rgba(0,0,0,0.3);
+    `;
+    
+    modalContent.innerHTML = `
+        <h2 style="margin-top: 0;">Submit Review to GitHub</h2>
+        <p>To submit your review and trigger issue creation:</p>
+        <ol>
+            <li>Click "Open GitHub" below to open the file creation page</li>
+            <li>Copy the JSON content below</li>
+            <li>Paste it into the GitHub editor</li>
+            <li>Click "Commit new file" to submit</li>
+        </ol>
+        <div style="margin: 20px 0;">
+            <button onclick="window.open('${githubCreateFileUrl}', '_blank')" 
+                    style="padding: 10px 20px; background: #28a745; color: white; border: none; border-radius: 4px; cursor: pointer; margin-right: 10px;">
+                Open GitHub
+            </button>
+            <button onclick="this.parentElement.nextElementSibling.select(); document.execCommand('copy'); alert('Copied!');" 
+                    style="padding: 10px 20px; background: #0366d6; color: white; border: none; border-radius: 4px; cursor: pointer;">
+                Copy JSON
+            </button>
+            <a href="${dataUrl}" download="${fileName}" 
+               style="padding: 10px 20px; background: #6c757d; color: white; border: none; border-radius: 4px; cursor: pointer; text-decoration: none; display: inline-block;">
+                Download JSON
+            </a>
+        </div>
+        <textarea readonly 
+                  style="width: 100%; height: 300px; font-family: monospace; font-size: 12px; padding: 10px; border: 1px solid #ddd; border-radius: 4px;">${escapeHtml(jsonContent)}</textarea>
+        <div style="margin-top: 20px; text-align: right;">
+            <button onclick="this.closest('[style*=fixed]').remove();" 
+                    style="padding: 10px 20px; background: #6c757d; color: white; border: none; border-radius: 4px; cursor: pointer;">
+                Close
+            </button>
+        </div>
+    `;
+    
+    modal.appendChild(modalContent);
+    document.body.appendChild(modal);
+    
+    // Close on background click
+    modal.addEventListener('click', (e) => {
+        if (e.target === modal) {
+            modal.remove();
+        }
+    });
+    
+    // Auto-open GitHub in new tab
+    window.open(githubCreateFileUrl, '_blank');
+    
+    return Promise.resolve();
+}
+
 // Display reviews for a specific method
 function displayReviewsForMethod(methodName) {
     const reviewsList = document.getElementById(`reviews-list-${methodName}`);