-
- )
- }
-
- const getSeverityClass = (severity) => {
- if (severity === 'warning') return 'border-yellow-500'
- return 'border-red-500' // Default to error
- }
-
- const handleDownload = () => {
- const errorsToDownload = downloadableErrors || errors
- const data = JSON.stringify(errorsToDownload, null, 2)
- const blob = new Blob([data], { type: 'text/plain' })
- const url = URL.createObjectURL(blob)
- const link = document.createElement('a')
- link.href = url
- link.download = 'hed_validation_issues.json'
- document.body.appendChild(link)
- link.click()
- document.body.removeChild(link)
- URL.revokeObjectURL(url)
- }
-
- return (
- No validation issues found.
-
-
- )
-}
diff --git a/browser/src/components/FileInput.jsx b/browser/src/components/FileInput.jsx
deleted file mode 100644
index 991a3bf7..00000000
--- a/browser/src/components/FileInput.jsx
+++ /dev/null
@@ -1,51 +0,0 @@
-import React, { useState } from 'react'
-
-// A reusable file input component with updated layout and styling
-export const FileInput = ({ id, buttonText, tooltip, accept, onFileSelect, isLoading }) => {
- const [fileName, setFileName] = useState('')
-
- const handleFileChange = (e) => {
- if (e.target.files.length > 0) {
- const file = e.target.files[0]
- setFileName(file.name)
- onFileSelect(file)
- } else {
- setFileName('')
- onFileSelect(null)
- }
- }
-
- const hasFile = !!fileName
-
- // Determine button color
- let buttonClass = ''
- if (isLoading || hasFile) {
- buttonClass = 'bg-gray-400 dark:bg-gray-600'
- } else {
- buttonClass = 'bg-blue-600 hover:bg-blue-700'
- }
-
- return (
- // Flex container for the entire row to align items horizontally
-
-
- Validation Issues Found
- -
- {errors.map((error, index) => {
- let locationString = ''
- if (error.location) {
- locationString += `Location: ${error.location}`
- }
- const lineNumber = error.line || error.hedIssue?.parameters?.tsvLine
- if (lineNumber) {
- if (locationString) {
- locationString += ', '
- }
- locationString += `Line: ${lineNumber}`
- }
- if (error.hedIssue?.parameters?.sidecarKey) {
- if (locationString) {
- locationString += ', '
- }
- locationString += `Sidecar column: ${error.hedIssue.parameters.sidecarKey}`
- }
- return (
-
-
-
- )
- })}
- {error.issueMessage}
- {locationString &&{locationString}
} -
- {/* 1. The button with text, tooltip, fixed width, and new color logic */}
-
-
-
- {/* 2. The filename message, now with a title attribute for the tooltip */}
-
- )
-}
diff --git a/browser/src/components/FileList.jsx b/browser/src/components/FileList.jsx
deleted file mode 100644
index 61e37212..00000000
--- a/browser/src/components/FileList.jsx
+++ /dev/null
@@ -1,9 +0,0 @@
-import React from 'react'
-
-export const FileList = ({ files }) => (
- - {fileName || 'No file selected'} -
--
- {files.map((file, i) => (
-
- {file.webkitRelativePath || file.name} - ))} -
-
-
-
- )
-}
diff --git a/browser/src/components/NavOptions.jsx b/browser/src/components/NavOptions.jsx
deleted file mode 100644
index 922e7b52..00000000
--- a/browser/src/components/NavOptions.jsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from 'react'
-
-// A single navigation card component for a clean and reusable structure
-const NavCard = ({ href, icon, title, description }) => {
- return (
-
- - {folderName || 'No folder selected'} -
-
- {icon}
-
- {title}
-{description}
- - ) -} - -export const NavOptions = ({ base_url }) => { - const navOptions = [ - { - href: './validate_dataset.html', - icon:
- {navOptions.map((option) => (
-
- )
-}
diff --git a/browser/src/main.jsx b/browser/src/main.jsx
deleted file mode 100644
index beeaf344..00000000
--- a/browser/src/main.jsx
+++ /dev/null
@@ -1,60 +0,0 @@
-import React from 'react'
-import { createRoot } from 'react-dom/client'
-import { NavOptions } from './components/NavOptions'
-
-// --- Reusable Components ---
-
-// A single navigation card component for a clean and reusable structure
-const NavCard = ({ href, icon, title, description }) => {
- return (
-
-
- {icon}
-
- {title}
-{description}
- - ) -} - -// --- Main Application Component --- - -function App() { - const base_url = import.meta.env.BASE_URL - - return ( -
-
-
-
-
-
-
-
-
- )
-}
-
-// --- Mount the App to the DOM ---
-
-const container = document.getElementById('root')
-const root = createRoot(container)
-root.render(
- - Welcome to the HED JavaScript Validator -
-
- A suite of tools to validate HED (Hierarchical Event Descriptor) tags.
-
- These tools are browser-based -- all data remains local.
-