From 11498651d7ce35c3a40db75d30ee562eb15dab21 Mon Sep 17 00:00:00 2001
From: Raul Bache <basselop@gmail.com>
Date: Wed, 23 Oct 2019 13:37:32 +0200
Subject: [PATCH] Added the so called markup as a comment section of the
 downloadable svg

After this commit, the downloaded svg will contain a comment section
that contains the "markup" for the specific graph. This can be imported
through the "Export/Import markup" button
---
 graph-editor.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/graph-editor.js b/graph-editor.js
index f4ae666..a9e6721 100644
--- a/graph-editor.js
+++ b/graph-editor.js
@@ -364,7 +364,10 @@ window.onload = function()
     d3.select( "#save_markup" ).on( "click", useMarkupFromMarkupEditor );
 
     function updateSvgDownloadLink() {
-      var rawSvg = new XMLSerializer().serializeToString(d3.select("#canvas svg" ).node());
+      let cloned = d3.select("#canvas svg").node().cloneNode(true);
+      let comment = document.createComment(`This is the source for this SVG to be used with arrow: \n ${formatMarkup()}`);
+      cloned.appendChild(comment);
+      var rawSvg = new XMLSerializer().serializeToString(cloned);
       d3.select("#downloadSvgButton").attr('href', "data:image/svg+xml;base64," + btoa( rawSvg ));
     }