feat: add events for sync and push tags

Author: MatthewPattell

package-lock.json

@@ -71,6 +71,7 @@
   },
   "peerDependencies": {
     "@lomray/consistent-suspense": ">=2.0.1",
+    "@lomray/event-manager": ">=2.0.2",
     "react": ">=17.0.2",
     "react-dom": ">=17.0.2"
   }

package.json

@@ -0,0 +1,9 @@
+/**
+ * Head manager events
+ */
+enum Events {
+  PUSH_TAGS = 'head-manager:push-tags',
+  SYNC_META = 'head-manager:sync-meta',
+}
+
+export default Events;

src/events.ts

@@ -1,5 +1,9 @@
+export * from './types';
+
 export * from './context';
 
 export { default as TagStatus } from './tag-status';
 
 export { default as Manager } from './manager';
+
+export { default as Events } from './events';

src/index.ts

@@ -1,6 +1,8 @@
+import EventManager from '@lomray/event-manager';
 import htmlParser from 'html-react-parser';
 import type { ReactElement, ReactNode } from 'react';
 import React, { Fragment, Children } from 'react';
+import Events from './events';
 import TagStatus from './tag-status';
 
 export interface IMetaManagerTags {
@@ -519,6 +521,8 @@ class Manager {
 
       prevElement = domElement;
     });
+
+    EventManager.publish(Events.SYNC_META, {});
   }
 
   /**
@@ -534,6 +538,8 @@ class Manager {
       isAdded ? TagStatus.synced : TagStatus.init,
     );
 
+    EventManager.publish(Events.PUSH_TAGS, { elements, containerId });
+
     // skip sync already synced tags
     if (this.isServer || isAdded) {
       return;

src/manager.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+import type Events from './events';
+
+export interface IHeadManagerEvents {
+  [Events.PUSH_TAGS]: {
+    containerId: string;
+    elements: ReactNode;
+  };
+  [Events.SYNC_META]: Record<string, unknown>;
+}