Issue: CSS files from ModuleInfo are results as script in the HTML file

[chrgei]

I have the following Code in a Module:

 public ModuleDefinition ModuleDefinition => new ModuleDefinition
 {
     // ...
     Resources = new List<Resource>
     {
        new Resource
        {
            ResourceType = ResourceType.Stylesheet,
            Url = "_content/Havit.Blazor.Components.Web.Bootstrap/defaults.css",
            Level = ResourceLevel.Site
        }
     },
 };

This definition results in the HTML file as:

    <script src="/_content/Havit.Blazor.Components.Web.Bootstrap/defaults.css"></script>

I found the reason in the file Oqtane.Server\Pages_Host.cshtml.cs, Line 205:

    foreach (var script in scripts)
    {
        AddScript(script, alias);
    }

should be changed to

    foreach (var script in scripts.Where(x=> x.ResourceType == ResourceType.Script))
    {
        AddScript(script, alias);
    }

The handling of CSS files seems to be completely missing.

[sbwalker]

@chrgei thank you for reporting this issue. The ResourceLevel.Site property is only applicable to script resources (this is because script resources require special handling in Blazor). You should either not specify the Level or set it to ResourceLevel.Module for stylesheets. The fix you suggested would solve the issue - however it should actually be implemented at a lower framework level so that stylesheet items are never added to the collection.

[chrgei]

@sbwalker thank for the fast answer. I think it's better to solve this with a special theme.