Skip to content

Add Web Version with ASP.NET Blazor and FluentUI#17

Draft
Copilot wants to merge 3 commits intomainfrom
copilot/fix-15-2
Draft

Add Web Version with ASP.NET Blazor and FluentUI#17
Copilot wants to merge 3 commits intomainfrom
copilot/fix-15-2

Conversation

Copy link
Copy Markdown
Contributor

Copilot AI commented Aug 12, 2025

This PR adds a complete web version of the EDI Viewer using ASP.NET Blazor Server with Microsoft FluentUI components, providing a modern web-based alternative to the existing WPF and WinUI desktop applications.

Key Features

🌐 Modern Web Interface: Built with ASP.NET Blazor Server and FluentUI components for a clean, responsive design that matches the Aspire aesthetic.

📄 1:1 JSON Compatibility: The web version uses the exact same JSON format definitions as the desktop versions, ensuring complete compatibility and no migration needed for existing format configurations.

🔄 Reused Core Logic: Successfully adapted the existing Models, Parser, and Helper classes from the desktop versions with minimal changes, maintaining consistency across all platforms.

Implementation Details

  • New Project: EDIViewer_Web - Blazor Server application targeting .NET 8.0
  • UI Framework: Microsoft FluentUI for Blazor with Aspire-inspired design
  • Core Components:
    • Home page with feature overview and navigation
    • File Viewer for uploading and processing EDI files
    • Format Management for viewing and managing JSON format definitions
  • Adapted Components:
    • Models/ - Data structures for EDI parsing (copied from desktop version)
    • Parser/ - EDI file parsing logic (adapted for web context)
    • Helper/ - Utility classes modified for web environment (file handling, settings)

Technical Changes

  • Added FluentUI design system with proper theming
  • Created web-compatible versions of desktop helper classes
  • Implemented file upload functionality for EDI files
  • Built responsive layout with collapsible navigation
  • Added data grids for displaying parsed EDI information
  • Ensured proper error handling and user feedback

Usage

The web version provides the same core functionality as the desktop versions:

  1. File Upload: Users can select and upload EDI files through the web interface
  2. Format Selection: Choose from available JSON format definitions
  3. Data Processing: Parse EDI files using the same logic as desktop versions
  4. Data Visualization: View parsed data in structured tables and tabs

Example JSON format files work identically across all versions:

{
  "FormatName": "EDIFACT ORDERS",
  "FormatComment": "Standard EDIFACT Auftragsdaten",
  "FormatSeparator": "+",
  "FormatDetection": "UNB",
  "FormatTypes": [...]
}

The web version maintains full compatibility with existing format definitions while providing the convenience and accessibility of a web-based solution.

Fixes #15.


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

Copilot AI and others added 2 commits August 12, 2025 14:15
Co-authored-by: oppis <74102382+oppis@users.noreply.github.com>
…onality

Co-authored-by: oppis <74102382+oppis@users.noreply.github.com>
Copilot AI changed the title [WIP] Web Version Add Web Version with ASP.NET Blazor and FluentUI Aug 12, 2025
Copilot AI requested a review from oppis August 12, 2025 14:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Web Version

2 participants