✨ Added hub for notifying item events

Author: geekhybrid

src/businessLogic/contracts/types.ts

@@ -14,6 +14,12 @@ export interface ItemTypeCustomisations {
 
 export interface TreeViewCreatedEventPayload {
     itemCustomisations: ItemTypeCustomisations;
+    eventManager: EventManager
+}
+
+export interface EventManager {
+    subscribeToItemChecked(type: string, callback: (item: TreeViewItem[]) => void): void;
+    subscribeToItemUnchecked(type: string, callback: (item: TreeViewItem[]) => void): void;
 }
 
 export interface Customisations {

src/businessLogic/eventHub/explorerEventPublisher.ts

@@ -1,20 +1,26 @@
-import { TreeViewItem } from "../contracts/types"
-import { cascadeStateToDescendants, findChildrenOfType } from "../hierachyTraversal/hierachyTraversal";
+import { EventManager, TreeViewItem } from "../contracts/types"
+import { findChildrenOfType } from "../hierachyTraversal/hierachyTraversal";
 
 const onCheckedSubscribers: {[type: string]: ((items: TreeViewItem[]) => void)[] } = {}
 const onUnCheckedSubscribers: {[type: string]: ((items: TreeViewItem[]) => void)[] } = {}
 
-export const eventHub = {
+export const eventManager: EventManager = {
     // Add subscriber for item hecked to collection of subscribers
     subscribeToItemChecked(type: string, callback: (item: TreeViewItem[]) => void): void {
+        onCheckedSubscribers[type] = onCheckedSubscribers[type] ?? [];
+
         onCheckedSubscribers[type].push(callback);
     },
 
     // Add subscriber for item unchecked to collection of subscribers
-    subscribeToItemUnchecked(type: string, callback: (item: TreeViewItem[]) => void) {
+    subscribeToItemUnchecked(type: string, callback: (item: TreeViewItem[]) => void): void {
+        onUnCheckedSubscribers[type] = onUnCheckedSubscribers[type] ?? [];
+
         onUnCheckedSubscribers[type].push(callback);
     },
-    
+}
+
+export const eventHub = {    
     // Publish events if any subscriber listening for item checked
     onItemChecked(item: TreeViewItem): void {
         if (item.type == 'folder') {

src/components/treeView.vue/treeView.vue

@@ -37,6 +37,7 @@ import {Vue, Component, Prop} from 'vue-property-decorator';
 import { TreeViewViewModel } from '@/businessLogic/treviewViewModel/treeViewViewModel'
 import { CheckedState, Customisations, ItemCheckedChangedEvent, TreeViewCreatedEventPayload, TreeViewItem } from '@/businessLogic/contracts/types';
 import { ItemCustomisations } from "@/businessLogic/itemCustomisations/itemCustomisations";
+import { eventManager } from '@/businessLogic/eventHub/explorerEventPublisher';
 
 @Component
 export default class TreeView extends Vue {
@@ -46,7 +47,8 @@ export default class TreeView extends Vue {
 
     created(): void {
         const payload: TreeViewCreatedEventPayload = {
-            itemCustomisations: this.itemCustomisations
+            itemCustomisations: this.itemCustomisations,
+            eventManager
         };
 
         this.$emit("created", payload);