refactor: improve frontend context

Author: jcdcdev

src/jcdcdev.Umbraco.ReadingTime.Client/src/context/reading-time.context.ts

@@ -10,8 +10,8 @@ export class ReadingTimeContext extends UmbControllerBase {
 
     constructor(host: UmbControllerHost) {
         super(host);
-        this.provideContext(READING_TIME_CONTEXT_TOKEN, this);
         this.#repository = new ReadingTimeRepository(this);
+        this.provideContext(READING_TIME_CONTEXT_TOKEN, this);
     }
 
     async getReadingTime(contentKey: string, dataTypeKey: string, culture?: string): Promise<UmbDataSourceResponse<ReadingTimeResponse>> {

src/jcdcdev.Umbraco.ReadingTime.Client/src/editors/reading-time.editor.ts

@@ -6,7 +6,7 @@ import {UMB_ENTITY_CONTEXT} from "@umbraco-cms/backoffice/entity";
 import {UMB_PROPERTY_CONTEXT} from "@umbraco-cms/backoffice/property";
 import {UMB_CONTENT_PROPERTY_CONTEXT} from "@umbraco-cms/backoffice/content";
 import {ReadingTimeResponse} from "../api";
-import {ReadingTimeContext} from "../context/reading-time.context.ts";
+import {READING_TIME_CONTEXT_TOKEN, ReadingTimeContext} from "../context/reading-time.context.ts";
 import {css, nothing, PropertyValues} from "lit";
 import {UMB_ACTION_EVENT_CONTEXT} from "@umbraco-cms/backoffice/action";
 import {UmbRequestReloadStructureForEntityEvent} from "@umbraco-cms/backoffice/entity-action";
@@ -51,7 +51,11 @@ export default class ReadingTimePropertyEditorUi extends UmbElementMixin(LitElem
 
     constructor() {
         super();
-        this.#readingTimeContext = new ReadingTimeContext(this);
+
+        this.consumeContext(READING_TIME_CONTEXT_TOKEN, (context) => {
+            this.#readingTimeContext = context;
+        });
+
         this.consumeContext(UMB_ENTITY_CONTEXT, (context) => {
             this.contentKey = context.getUnique() ?? undefined;
         });

src/jcdcdev.Umbraco.ReadingTime.Client/src/index.ts

@@ -3,8 +3,10 @@ import {manifests as editors} from './editors/manifest.ts';
 import {UMB_AUTH_CONTEXT} from "@umbraco-cms/backoffice/auth";
 import {OpenAPI} from "./api";
 import {UmbEntryPointOnInit} from "@umbraco-cms/backoffice/extension-api";
+import {ReadingTimeContext} from "./context/reading-time.context.ts";
 
 export const onInit: UmbEntryPointOnInit = (_host, extensionRegistry) => {
+    new ReadingTimeContext(_host);
     extensionRegistry.registerMany([
         ...editors,
     ]);