🐛 fix issue causing rte to remain uninitialized (#42)

Introduced a new .NET invokable method for the JS script to call once it
is done initializing an editor, this removes the dependency on actual
content being provided on initialization of the rich text editor.

Fixes: #41

Author: igotinfected

src/Spillgebees.Blazor.RichTextEditor.Assets/src/rich-text-editor.ts

@@ -30,6 +30,7 @@ export function bootstrap() {
 
 const createEditor = async (
     dotNetHelper: DotNetObject,
+    invokableDotNetMethodName: string,
     quillContainer: Element,
     toolbar: any,
     isEditorEnabled: boolean,
@@ -79,6 +80,8 @@ const createEditor = async (
             dotNetHelper,
             eventDebounceIntervalInMilliseconds);
     }
+
+    await dotNetHelper.invokeMethodAsync(invokableDotNetMethodName);
 };
 
 const getContent = (quillReference: QuillReference | null): string | undefined => quillReference?.__quill?.root.innerHTML;

src/Spillgebees.Blazor.RichTextEditor/Components/BaseRichTextEditor.razor.cs

@@ -241,6 +241,18 @@ public async Task UpdateSelectionAsync()
         SelectionChanged.InvokeAsync(InternalSelection).AndForget(Logger.Value);
     }
 
+    [JSInvokable]
+    public void OnEditorInitialized()
+    {
+        if (IsInitialized)
+        {
+            return;
+        }
+
+        _initializationCompletionSource.TrySetResult();
+        IsInitialized = true;
+    }
+
     [JSInvokable]
     public Task OnContentChangedAsync(TextChangeEvent args)
         => OnContentChangedAction(args);
@@ -290,6 +302,7 @@ await RichTextEditorJs.CreateEditorAsync(
             JsRuntime,
             Logger.Value,
             DotNetObjectReference,
+            nameof(OnEditorInitialized),
             QuillReference,
             ToolbarReference,
             IsEditorEnabled,
@@ -322,17 +335,13 @@ protected async Task InsertImageAsync(string imageSource)
 
     protected virtual Task OnContentChangedAction(TextChangeEvent args)
     {
-        if (args.Source is EventSource.User)
+        if (args.Source is not EventSource.User)
         {
-            IsTouched = true;
-            IsTouchedChanged.InvokeAsync(IsTouched).AndForget(Logger.Value);
+            return Task.CompletedTask;
         }
 
-        if (IsInitialized is false)
-        {
-            _initializationCompletionSource.SetResult();
-            IsInitialized = true;
-        }
+        IsTouched = true;
+        IsTouchedChanged.InvokeAsync(IsTouched).AndForget(Logger.Value);
 
         return Task.CompletedTask;
     }

src/Spillgebees.Blazor.RichTextEditor/Components/RichTextEditorJs.cs

@@ -12,6 +12,7 @@ internal static ValueTask CreateEditorAsync(
         IJSRuntime jsRuntime,
         ILogger logger,
         DotNetObjectReference<BaseRichTextEditor>? dotNetObjectReference,
+        string onAfterCreateEditorCallback,
         ElementReference quillReference,
         ElementReference toolbar,
         bool isEditorEnabled,
@@ -25,6 +26,7 @@ internal static ValueTask CreateEditorAsync(
             logger,
             $"{JsNamespace}.createEditor",
             dotNetObjectReference,
+            onAfterCreateEditorCallback,
             quillReference,
             toolbar,
             isEditorEnabled,

src/Spillgebees.Blazor.RichTextEditor/TaskExtensions.cs

@@ -14,8 +14,8 @@ public static async void AndForget(this Task task, ILogger logger)
         {
             logger.LogError(e, "An unexpected error occurred");
         }
-
     }
+
     public static async void AndForget(this ValueTask task, ILogger logger)
     {
         try
@@ -28,3 +28,4 @@ public static async void AndForget(this ValueTask task, ILogger logger)
         }
     }
 }
+