Added support for signalling content changes

module/api.js

@@ -1,10 +1,28 @@
 import * as contentflow from 'content-flow'
+import * as $ from 'manhattan-essentials'
 
 
 export class FlowAPI extends contentflow.BaseAPI {
 
-    constructor(baseURL='/', baseParams={}) {
+    constructor(baseURL='/', baseParams={}, updateSignalKey=null) {
         super(baseURL, baseParams)
+
+        this._updateSignalKey = updateSignalKey
+    }
+
+    _callEndpoint(method, endpoint, params={}) {
+        const response = super._callEndpoint(method, endpoint, params)
+
+        // Signal that a content update may have occurred
+        if (method.toLowerCase() !== 'get') {
+            $.dispatch(
+                window,
+                'contentupdatesignalled',
+                {'key': this._updateSignalKey}
+            )
+        }
+
+        return response
     }
 
 }

module/index.js

@@ -83,7 +83,12 @@ function defineSaveProcess(url, params, lock, contentFunc) {
 
 // -- Initializer --
 
-export function init(baseURL='/', baseFlowURL='/', baseParams={}) {
+export function init(
+    baseURL='/',
+    baseFlowURL='/',
+    baseParams={},
+    updateSignalKey=null
+) {
 
     // Set-up the editor and flow manager
     const editor = contenttools.EditorApp.get()
@@ -169,7 +174,14 @@ export function init(baseURL='/', baseFlowURL='/', baseParams={}) {
     )
 
     // Initialize the page flow manager
-    flowMgr.init('[data-cf-flow]', new FlowAPI(baseFlowURL, baseParams))
+    flowMgr.init(
+        '[data-cf-flow]',
+        new FlowAPI(
+            baseFlowURL,
+            baseParams,
+            updateSignalKey
+        )
+    )
 
     // Create an element in which manhattan specific UI elements should be
     // rooted.
@@ -238,4 +250,31 @@ export function init(baseURL='/', baseFlowURL='/', baseParams={}) {
         )
     )
 
+    if (updateSignalKey) {
+
+        // Set up content update signalling for related tabs
+        editor.addEventListener(
+            'saved',
+            () => {
+                $.dispatch(
+                    window,
+                    'contentupdatesignalled',
+                    {'key': updateSignalKey}
+                )
+            }
+        )
+
+        $.listen(
+            window,
+            {
+                'contentupdatesignalled': (event) => {
+                    // Signal a contentchange to any other tabs listening
+                    localStorage.setItem(event.key, Date.now())
+                }
+            }
+        )
+    }
+
 }
+
+

package.json

@@ -1,6 +1,6 @@
 {
   "name": "manhattan-content",
-  "version": "1.0.0-beta.3",
+  "version": "1.0.0-beta.4",
   "description": "Content editing for the manhattan web framework",
   "engines": {
     "node": ">=8.9.4"