chore: add wrapper communication to readme

Author: hamed-musallam

README.md

@@ -27,4 +27,85 @@ docker run \
 
 ```docker build -f Dockerfile.prod -t nmrium-rw:prod -m 8g .```
 
-```docker run -it --rm -p 1337:80 nmrium-rw:prod```
+```docker run -it --rm -p 1337:80 nmrium-rw:prod```
+
+### Wrapper Events 
+
+NMRium wrapper uses a custom event to handle the communication between NMRium and the parent application, for that we create multiple events:
+
+#### Events in action 
+you can use the events helper functions or create message events manually. 
+
+1. Helper function
+
+```ts
+import events from '../events';
+
+events.trigger(eventName, data);
+
+events.on(eventName, listenerHandler);
+
+```
+
+2. Message event
+
+```ts
+window.postMessage({ type: `nmr-wrapper:${eventName}`, data }, '*');
+
+window.addEventListener(`message`, listenerHandler)
+```
+
+#### Events
+
+|          name                |           data/handler             |                      description                                          |
+|:----                         |-------------------                 | :----                                                                     |
+|          loadURLs            |         { urls: [] }               |  load spectra from external URL                                           |
+|          load                |     NMRiumData                     | load nmrium data                                                          |
+|          error               |     (error:Error)=>ErrorHanlder    | triggered once error happen at level of the wrapper                       |
+|          dataChange          |    (data:NMRiumData)=>{}           | triggered when changes happen on the side of NMRIum                       | 
+
+#### Load spectra and molfile  from external URLs  example:
+```ts
+ import events from '../events';
+
+events.trigger('loadURLs', {
+  urls: [
+    'https://cheminfo.github.io/nmr-dataset-demo/cytisine/13c.jdx',
+    'https://cheminfo.github.io/nmr-dataset-demo/cytisine/1h.jdx',
+    'https://cheminfo.github.io/bruker-data-test/data/zipped/aspirin-1h.zip',
+  ],
+});
+```
+
+#### Load NMRium data example:
+
+You can pass NMRium data that you get when you export the data from the NMRium or what you received from dataChange event
+```ts
+events.trigger('load', {
+  spectra:[
+       source:{
+             jcampURL:""
+         }
+     ]
+});
+```
+
+#### Error handler example:
+
+```ts
+events.on('error', (error)=>{
+// you code here
+});
+```
+
+#### Data change hander example:
+
+```ts
+events.on('dataChange', (data)=>{
+// you code here
+});
+```
+
+
+
+