Add some more infrastructure

Author: njannink

Source/Extensions/Blazorise.RichTextEdit.Rooster/JSRoosterModule.cs

@@ -15,9 +15,9 @@ public JSRoosterModule( IJSRuntime jsRuntime, IVersionProvider versionProvider )
     /// <inheritdoc/>
     public override string ModuleFileName => $"./_content/Blazorise.RichTextEdit.Rooster/blazorise.rooster.js?v={VersionProvider.Version}";
 
-    public ValueTask Initialize( DotNetObjectReference<RichTextEdit> adapterReference, ElementReference elementRef, string elementId, object options )
+    public ValueTask Initialize( DotNetObjectReference<RoosterAdapter> adapterReference, ElementReference elementRef, string elementId, object options )
         => InvokeSafeVoidAsync( "initialize", adapterReference, elementRef, elementId, options );
 
     public ValueTask Destroy( ElementReference elementRef, string elementId )
-        => ValueTask.CompletedTask;
+        => InvokeSafeVoidAsync( "destroy", elementRef, elementId );
 }

Source/Extensions/Blazorise.RichTextEdit.Rooster/RichTextEdit.razor

@@ -1,9 +1,3 @@
 @namespace Blazorise.RichTextEdit.Rooster
 @inherits BaseComponent
-
-<div @ref="@ElementRef"
-     id="@ElementId"
-     class="@ClassNames"
-     style="width: 500px; height: 300px; overflow: auto; border: solid 1px black"
-     @attributes="@Attributes">
-</div>
+<div @ref="@ElementRef" id="@ElementId" class="@ClassNames" style="@StyleNames" @attributes="@Attributes" />

Source/Extensions/Blazorise.RichTextEdit.Rooster/RichTextEdit.razor.cs

@@ -1,24 +1,59 @@
 using System.Threading.Tasks;
+using Blazorise.Extensions;
+using Blazorise.Utilities;
 using Microsoft.AspNetCore.Components;
 using Microsoft.JSInterop;
 
 namespace Blazorise.RichTextEdit.Rooster;
 
+/// <summary>
+/// RichTextEdit based on rooster.js
+/// </summary>
 public partial class RichTextEdit : BaseComponent
 {
+    private DotNetObjectReference<RoosterAdapter> adapter;
+
+    /// <inheritdoc/>
     protected override async Task OnAfterRenderAsync( bool firstRender )
     {
         await base.OnAfterRenderAsync( firstRender );
 
         if ( firstRender )
         {
             JSModule ??= new JSRoosterModule( JSRuntime, VersionProvider );
-            var adapter = DotNetObjectReference.Create( this );
+            adapter = DotNetObjectReference.Create( new RoosterAdapter( this ) );
 
             await JSModule.Initialize( adapter, ElementRef, ElementId, default );
         }
     }
 
+    /// <inheritdoc/>
+    protected override void BuildClasses( ClassBuilder builder )
+    {
+        builder.Append( "b-rte-rooster" );
+
+        base.BuildClasses( builder );
+    }
+
+    /// <inheritdoc/>
+    protected override async ValueTask DisposeAsync( bool disposing )
+    {
+        if ( disposing && Rendered )
+        {
+            await JSModule.SafeDestroy( ElementRef, ElementId );
+
+            await JSModule.SafeDisposeAsync();
+
+            if ( adapter != null )
+            {
+                adapter.Dispose();
+                adapter = null;
+            }
+        }
+
+        await base.DisposeAsync( disposing );
+    }
+
     internal JSRoosterModule JSModule { get; set; }
 
     [Inject] private IJSRuntime JSRuntime { get; set; }

Source/Extensions/Blazorise.RichTextEdit.Rooster/RoosterAdapter.cs

@@ -0,0 +1,11 @@
+namespace Blazorise.RichTextEdit.Rooster;
+
+internal class RoosterAdapter
+{
+    private readonly RichTextEdit rte;
+
+    public RoosterAdapter( RichTextEdit rte )
+    {
+        this.rte = rte;
+    }
+}

Source/Extensions/Blazorise.RichTextEdit.Rooster/wwwroot/blazorise.rooster.css

@@ -0,0 +1,6 @@
+.b-rte-rooster {
+    width: 500px;
+    height: 300px;
+    overflow: auto;
+    border: solid 1px black;
+}

Source/Extensions/Blazorise.RichTextEdit.Rooster/wwwroot/blazorise.rooster.js

@@ -2,6 +2,7 @@
 
 const _instances = [];
 
+document.getElementsByTagName("head")[0].insertAdjacentHTML("beforeend", "<link rel=\"stylesheet\" href=\"_content/Blazorise.RichTextEdit.Rooster/blazorise.rooster.css?v=1.2.2.0\" />");
 
 export async function initialize(dotNetAdapter, element, elementId, options) {
     element = getRequiredElement(element, elementId);
@@ -26,3 +27,14 @@ export async function initialize(dotNetAdapter, element, elementId, options) {
     _instances[elementId] = instance;
 }
 
+export function destroy(element, elementId) {
+    const instances = _instances || {};
+    const instance = instances[elementId];
+
+    if (!instance)
+        return;
+
+    instance.rooster.dispose();
+    delete instances[elementId];
+}
+