styling

app.py

@@ -82,7 +82,7 @@ def create_ui():
             validation_progress = gr.HTML(visible=False)
             
             # Collapsible report section
-            with gr.Accordion("Download full validation repoort", visible=False) as report_group:
+            with gr.Accordion("Download full validation report ▶", visible=False, open=False) as report_group:
                 with gr.Column():
                     report_md = gr.File(
                         label="Download Report",
@@ -220,6 +220,25 @@ def create_ui():
             background-color: var(--background-fill-secondary);
             border-radius: 8px;
         }
+
+        /* Override Gradio's default accordion arrow */
+        .gr-accordion {
+            position: relative;
+        }
+        .gr-accordion > .label-wrap {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+        }
+        .gr-accordion > .label-wrap::after {
+            content: "▶";
+            position: absolute;
+            right: 16px;
+            transition: transform 0.3s ease;
+        }
+        .gr-accordion[data-open=true] > .label-wrap::after {
+            transform: rotate(90deg);
+        }
         </style>
         """)
         
@@ -274,7 +293,13 @@ def create_ui():
         
         def fetch_from_url(url):
             if not url:
-                return """<div class="progress-status">Please enter a URL</div>""", gr.update(visible=False)
+                return [
+                    """<div class="progress-status">Please enter a URL</div>""",
+                    gr.update(visible=False),
+                    gr.update(visible=False),
+                    None,
+                    None
+                ]
             
             try:
                 # Fetch JSON from URL
@@ -282,33 +307,68 @@ def create_ui():
                 response.raise_for_status()
                 json_data = response.json()
                 
-                # Show success message
-                progress_html = """<div class="progress-status">✅ JSON fetched successfully from URL</div>"""
-                
-                # Validate the fetched JSON
+                # Process validation
                 results = []
-                results.append(("JSON Format Validation", True, "✅ The URL returned valid JSON."))
+                results.append(("JSON Format Validation", True, "The URL returned valid JSON."))
                 
                 croissant_valid, croissant_message = validate_croissant(json_data)
                 results.append(("Croissant Schema Validation", croissant_valid, croissant_message))
                 
                 if not croissant_valid:
-                    return progress_html, build_results_html(results)
+                    return [
+                        """<div class="progress-status">✅ JSON fetched successfully from URL</div>""",
+                        build_results_html(results),
+                        gr.update(visible=False),
+                        None,
+                        None
+                    ]
                 
                 records_valid, records_message = validate_records(json_data)
                 results.append(("Records Generation Test", records_valid, records_message))
                 
-                return progress_html, build_results_html(results)
+                # Generate report
+                report = generate_validation_report(url.split("/")[-1], json_data, results)
+                report_filename = f"report_croissant-validation_{json_data.get('name', 'unnamed')}.md"
+                
+                if report:
+                    with open(report_filename, "w") as f:
+                        f.write(report)
+                
+                return [
+                    """<div class="progress-status">✅ JSON fetched successfully from URL</div>""",
+                    build_results_html(results),
+                    gr.update(visible=True),
+                    report,
+                    report_filename
+                ]
                 
             except requests.exceptions.RequestException as e:
-                error_message = f"❌ Error fetching URL: {str(e)}"
-                return f"""<div class="progress-status">{error_message}</div>""", gr.update(visible=False)
+                error_message = f"Error fetching URL: {str(e)}"
+                return [
+                    f"""<div class="progress-status">{error_message}</div>""",
+                    gr.update(visible=False),
+                    gr.update(visible=False),
+                    None,
+                    None
+                ]
             except json.JSONDecodeError as e:
-                error_message = f"❌ URL did not return valid JSON: {str(e)}"
-                return f"""<div class="progress-status">{error_message}</div>""", gr.update(visible=False)
+                error_message = f"URL did not return valid JSON: {str(e)}"
+                return [
+                    f"""<div class="progress-status">{error_message}</div>""",
+                    gr.update(visible=False),
+                    gr.update(visible=False),
+                    None,
+                    None
+                ]
             except Exception as e:
-                error_message = f"❌ Unexpected error: {str(e)}"
-                return f"""<div class="progress-status">{error_message}</div>""", gr.update(visible=False)
+                error_message = f"Unexpected error: {str(e)}"
+                return [
+                    f"""<div class="progress-status">{error_message}</div>""",
+                    gr.update(visible=False),
+                    gr.update(visible=False),
+                    None,
+                    None
+                ]
         
         def build_results_html(results):
             # Build validation results HTML
@@ -423,7 +483,7 @@ def create_ui():
         fetch_btn.click(
             fetch_from_url,
             inputs=url_input,
-            outputs=[upload_progress, validation_results]
+            outputs=[upload_progress, validation_results, report_group, report_text, report_md]
         )
         
         # Footer

validation.py

@@ -10,26 +10,26 @@ def validate_json(file_path):
     try:
         with open(file_path, 'r') as f:
             json_data = json.load(f)
-        return True, "✅ The file is valid JSON.", json_data
+        return True, "The file is valid JSON.", json_data
     except json.JSONDecodeError as e:
-        error_message = f"❌ Invalid JSON format: {str(e)}"
+        error_message = f"Invalid JSON format: {str(e)}"
         return False, error_message, None
     except Exception as e:
-        error_message = f"❌ Error reading file: {str(e)}"
+        error_message = f"Error reading file: {str(e)}"
         return False, error_message, None
 
 def validate_croissant(json_data):
     """Validate that the JSON follows Croissant schema."""
     try:
         dataset = mlc.Dataset(jsonld=json_data)
-        return True, "✅ The dataset passes Croissant validation."
+        return True, "The dataset passes Croissant validation."
     except mlc.ValidationError as e:
         error_details = traceback.format_exc()
-        error_message = f"❌ Validation failed: {str(e)}\n\n{error_details}"
+        error_message = f"Validation failed: {str(e)}\n\n{error_details}"
         return False, error_message
     except Exception as e:
         error_details = traceback.format_exc()
-        error_message = f"❌ Unexpected error during validation: {str(e)}\n\n{error_details}"
+        error_message = f"Unexpected error during validation: {str(e)}\n\n{error_details}"
         return False, error_message
 
 def validate_records(json_data):
@@ -39,7 +39,7 @@ def validate_records(json_data):
         record_sets = dataset.metadata.record_sets
         
         if not record_sets:
-            return True, "✅ No record sets found to validate."
+            return True, "No record sets found to validate."
         
         results = []
         
@@ -48,19 +48,19 @@ def validate_records(json_data):
                 records = dataset.records(record_set=record_set.uuid)
                 print(records)
                 _ = func_timeout.func_timeout(WAIT_TIME, lambda: next(iter(records)))
-                results.append(f"✅ Record set '{record_set.uuid}' passed validation.")
+                results.append(f"Record set '{record_set.uuid}' passed validation.")
             except func_timeout.exceptions.FunctionTimedOut:
-                error_message = f"❌ Record set '{record_set.uuid}' generation took too long (>300s)"
+                error_message = f"Record set '{record_set.uuid}' generation took too long (>300s)"
                 return False, error_message
             except Exception as e:
                 error_details = traceback.format_exc()
-                error_message = f"❌ Record set '{record_set.uuid}' failed: {str(e)}\n\n{error_details}"
+                error_message = f"Record set '{record_set.uuid}' failed: {str(e)}\n\n{error_details}"
                 return False, error_message
         
         return True, "\n".join(results)
     except Exception as e:
         error_details = traceback.format_exc()
-        error_message = f"❌ Unexpected error during records validation: {str(e)}\n\n{error_details}"
+        error_message = f"Unexpected error during records validation: {str(e)}\n\n{error_details}"
         return False, error_message 
 
 def generate_validation_report(filename, json_data, results):
@@ -68,27 +68,19 @@ def generate_validation_report(filename, json_data, results):
     report = []
     report.append("# CROISSANT VALIDATION REPORT")
     report.append("=" * 80)
-    report.append("\n## VALIDATION RESULTS")
+    report.append("## VALIDATION RESULTS")
     report.append("-" * 80)
-    
     report.append(f"Starting validation for file: {filename}")
-    report.append("")
     
     # Add validation results
     for test_name, passed, message in results:
         report.append(f"### {test_name}")
-        if passed:
-            report.append("✓")
-            report.append(message.strip())  # Remove any trailing newlines
-        else:
-            report.append("❌")
-            report.append(message.strip())  # Remove any trailing newlines
-        report.append("")  # Add spacing between sections
+        report.append("✓" if passed else "✗")
+        report.append(message.strip())  # Remove any trailing newlines
     
     # Add JSON-LD reference
     report.append("## JSON-LD REFERENCE")
     report.append("=" * 80)
-    report.append("")
     report.append("```json")
     report.append(json.dumps(json_data, indent=2))
     report.append("```")