EDF

v2025-11-21: .NET10 https://blazor.net WebAssembly (WASM) app to read EDF https://www.edfplus.info and BDF header information. Progressive web app (PWA) for offline use in desktop or mobile browser. File is analyzed locally. App is hosted at https://jussivirkkala.github.io/Blazor-EDF/ and source code at https://github.com/jussivirkkala/Blazor-EDF. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND...

Use Ctrl+F5 to force refresh. Install as PWA by clicking icon in the end of browser address bar.

Select EDF or BDF file e.g. from https://physionet.org/about/database/. Example https://physionet.org/content/siena-scalp-eeg/1.0.0/PN00/PN00-1.edf.

You can copy header to clipboard or download as ascii PN00-1.edf.txt. Annotation example https://physionet.org/content/hmc-sleep-staging/1.1/recordings/SN001_sleepscoring.edf.

Code

There are minimal changes to default Blazor empty template. You can use .NET10 SDK https://dotnet.microsoft.com/ to build and run app:

dotnet watch run

Code and UI is in Pages/Home.razor. Additional script e.g. saveFiles.js wwwroot/index.html for saving file.

...
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimum-scale=1, height=device-height, viewport-fit=cover" />
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />...
...
<script src="saveFile.js"></script>
<script src="saveBinary.js"></script>
<script src="saveStream.js"></script>
<script src="_framework/blazor.webassembly.js"></script>
...

In .csproj compression is disabled

  <PropertyGroup>
    <CompressionEnabled>false</CompressionEnabled>

In wwwroot/css/app.css for mobile layout

html {
    overscroll-behavior: none;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

body {
    overflow-y: scroll;
    overscroll-behavior: contain;
}
...

Remove from wwwroot\service_worker.published.js integrity by changing.

.map(asset => new Request(asset.url, { integrity: asset.hash, cache: 'no-cache' }));

to. See discussion about this in https://learn.microsoft.com/en-us/aspnet/core/blazor/host-and-deploy/webassembly/bundle-caching-and-integrity-check-failures?view=aspnetcore-10.0.

.map(asset => new Request(asset.url));

Publish app with:

dotnet publish -c release

Copy files from bin\Release\net10.0\publish\wwwroot into GitHub repository docs folder. Change correct folder in docs\index.html e.g.

<base href="https://jussivirkkala.github.io/Blazor-EDF/" />

Use \docs option in GitHub pages settings. You need empty .nojekyll in docs folder.

End