Support older browsers

[ysmoradi]

While .NET 9 can run on the followings:

Browsers:

• Safari 15+
• Firefox 100+
• Chrome/Edge 95+

OS:

• iOS 15+
• Windows 7 SP1+
• macOS (Monterey) 12+
• Android 8+ & WebView 84+

The TypeScript project responsible for generating blazor.web.js, blazor.webassembly.js, blazor.webview.js, and blazor.server.js targets ES2022, leading to the following updates in the compatibility table.

Browsers:

• Safari 16.4+

OS:

• iOS 16.4+
• macOS (Monterey) 13.3+
• Android 8+ & WebView 94+

Therefore, we decided to generate an ES2019-based output from the aspnetcore repository using the following script:

git clone https://github.com/dotnet/aspnetcore.git
cd aspnetcore
git switch release/9.0
git submodule update --init --recursive
sed -i 's/ES2022/ES2019/g' src/Components/Shared.JS/tsconfig.json
./restore.sh
npm run-script build
cd src/Components/
./build.sh
cd Web.JS
npm run-script build:production

We're running the above script in pre-release and release nuget packages pipelines so you can use these assets published in nuget.org

To ensure compatibility with older browsers in Blazor WebAssembly, add the following configuration to your client web project:

<PropertyGroup>
     <WasmEnableSIMD>false</WasmEnableSIMD>
</PropertyGroup>

[ysmoradi]

Using original assets

To use original aspnetcore assets in projects created by bit Boilerplate:

1- In Client.Web/wwwroot/index.html, change the followings:

<script src="_content/Bit.BlazorES2019/blazor.webview.js" autostart="false"></script>

to the followings:

<script src="_framework/blazor.webview.js" autostart="false"></script>

---

2- In Client.Maui/wwwroot/index.html, change the followings:

<script src="_content/Bit.BlazorES2019/blazor.webassembly.js" autostart="false"></script>
<script src="_content/Bit.Bswup/bit-bswup.js" blazorScript="_content/Bit.BlazorES2019/blazor.webassembly.js"></script>

to the followings:

<script src="_framework/blazor.webassembly.js" autostart="false"></script>
<script src="_content/Bit.Bswup/bit-bswup.js" blazorScript="_framework/blazor.webassembly.js"></script>

---

3- Un-comment the followings in Client.Web/wwwroot/service-worker.published.js

{
    url: "_framework/blazor.web.js"
},

---

4- In Server.Web/Components/App.razor, change the followings:

<Script src="_content/Bit.BlazorES2019/blazor.web.js" autostart="false"></Script>
<Script src="_content/Bit.Bswup/bit-bswup.js" blazorScript="_content/Bit.BlazorES2019/blazor.web.js"></Script>

to the followings:

<Script src="_framework/blazor.web.js" autostart="false"></Script>
<Script src="_content/Bit.Bswup/bit-bswup.js"></Script>