Example applyChange #4

public/merge.js

@@ -18,20 +18,26 @@ const Automerge = require('automerge');
  * @param {object} scene initial state of the scene document
  * @returns a merge object containing functions {handleSyncMessage}
  */
-function setupMerge(scene) {
-    let syncState = window.Automerge.initSyncState()
+function setupMerge(scene) {    
 
     // make a local automerge doc from our scene
-    const doc1 = window.Automerge.from(scene);
-    const actorID = window.Automerge.getActorId(doc1).toString();
-    // pass new changes to here
+    const doc1 = Automerge.from(scene);
+    const actorID = Automerge.getActorId(doc1).toString();
+
+    let syncState = Automerge.initSyncState();
 
+    // pass new changes to here
     let backends= {};
     backends['doc1'] = doc1;
 
+    let hasLocalChanges = false;
 
     let merger = {};
 
+    merger.addClient = function(actorID) {
+
+    }
+
     merger.handleSyncMessage = function(message) {
         remoteSyncMessage = new Uint8Array(Array.from(message))
         backends.doc1 = Automerge.clone(backends.doc1)
@@ -47,9 +53,41 @@ function setupMerge(scene) {
         console.log('adding a new node');
     }
 
+    merger.applyChange = function(commitMessage, deltaFunction) {
+        hasLocalChanges = true;
+        return Automerge.change(doc1, commitMessage, deltaFunction);
+    }
+
+    merger.makeSyncMessage = function() {
+
+        hasLocalChanges = false;
+    }
+
     return merger;
 }
 
 try {
     module.exports = exports = { setupMerge };
-} catch (e) {}
+} catch (e) {}
+
+
+
+
+/*
+
+/// Early
+const merger = setupMerge(defaultScene);
+
+// Later, in event handler...
+merger.addClient(actorID);
+
+function changeNodeColor(doc, nodeKey, color) {
+    doc.nodes[nodeKey].color = color;
+}
+
+function makeColourChanger(nodeKey, color) {
+    return (doc) => {changeNodeColor(doc, nodeKey, color)};
+}
+
+merger.applyChange('make it blue', makeColourChanger('myNode', 'blue'));
+*/