From 92cfdaaa63add7dc5844efd65492d032d8b7e110 Mon Sep 17 00:00:00 2001
From: Ladd Hoffman <ladd.hoffman@swarmsolutions.com>
Date: Mon, 6 Feb 2023 08:35:48 -0600
Subject: [PATCH] Fixup missing flowcharts

---
 forum-network/src/classes/actors/forum.js      | 3 +--
 forum-network/src/classes/display/flowchart.js | 9 +++++++++
 forum-network/src/classes/display/scene.js     | 5 ++---
 forum-network/src/classes/display/sequence.js  | 2 ++
 4 files changed, 14 insertions(+), 5 deletions(-)
 create mode 100644 forum-network/src/classes/display/flowchart.js

diff --git a/forum-network/src/classes/actors/forum.js b/forum-network/src/classes/actors/forum.js
index a034f84..41ae511 100644
--- a/forum-network/src/classes/actors/forum.js
+++ b/forum-network/src/classes/actors/forum.js
@@ -15,11 +15,10 @@ const BALANCE = 'balance';
  */
 export class Forum extends ReputationHolder {
   constructor(dao, name, scene) {
-
     super(name, scene);
     this.dao = dao;
     this.id = this.reputationPublicKey;
-    this.posts = new WDAG();
+    this.posts = new WDAG(scene);
     this.actions = {
       propagate: new Action('propagate', scene),
       confirm: new Action('confirm', scene),
diff --git a/forum-network/src/classes/display/flowchart.js b/forum-network/src/classes/display/flowchart.js
new file mode 100644
index 0000000..120b5c3
--- /dev/null
+++ b/forum-network/src/classes/display/flowchart.js
@@ -0,0 +1,9 @@
+import { MermaidDiagram } from './mermaid.js';
+
+export class Flowchart extends MermaidDiagram {
+  constructor(box, logBox, direction = 'BT') {
+    super(box, logBox);
+
+    this.log(`graph ${direction}`, false);
+  }
+}
diff --git a/forum-network/src/classes/display/scene.js b/forum-network/src/classes/display/scene.js
index b8fa561..e455421 100644
--- a/forum-network/src/classes/display/scene.js
+++ b/forum-network/src/classes/display/scene.js
@@ -3,6 +3,7 @@ import { CryptoUtil } from '../util/crypto.js';
 import { MermaidDiagram } from './mermaid.js';
 import { SequenceDiagram } from './sequence.js';
 import { Table } from './table.js';
+import { Flowchart } from './flowchart.js';
 
 export class Scene {
   constructor(name, rootBox) {
@@ -30,7 +31,6 @@ export class Scene {
     this.box.addBox('Spacer').setInnerHTML('&nbsp;');
     const logBox = this.box.addBox('Sequence diagram text').addClass('dim');
     this.sequence = new SequenceDiagram(box, logBox);
-    this.sequence.log('sequenceDiagram', false);
     return this;
   }
 
@@ -38,8 +38,7 @@ export class Scene {
     const box = this.topSection.addBox('Flowchart').addClass('padded');
     this.box.addBox('Spacer').setInnerHTML('&nbsp;');
     const logBox = this.box.addBox('Flowchart text').addClass('dim');
-    this.flowchart = new MermaidDiagram(box, logBox);
-    this.flowchart.log(`graph ${direction}`, false);
+    this.flowchart = new Flowchart(box, logBox, direction);
     return this;
   }
 
diff --git a/forum-network/src/classes/display/sequence.js b/forum-network/src/classes/display/sequence.js
index 456f165..39fbe2f 100644
--- a/forum-network/src/classes/display/sequence.js
+++ b/forum-network/src/classes/display/sequence.js
@@ -6,6 +6,8 @@ export class SequenceDiagram extends MermaidDiagram {
     super(...args);
     this.activations = [];
     this.sections = [];
+
+    this.log('sequenceDiagram', false);
   }
 
   async log(...args) {