From 421b92ceb59aefc252f9446312cd1d6276c1f694 Mon Sep 17 00:00:00 2001
From: Fabian Haas <29468630+hfxbse@users.noreply.github.com>
Date: Thu, 2 May 2024 21:09:46 +0200
Subject: [PATCH] base64 encode data in template

---
 src/index.ts               | 8 ++++----
 src/visualization/index.ts | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/index.ts b/src/index.ts
index 11ae5da..28bf2d3 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -13,9 +13,9 @@ import {readFileSync} from "fs";
 async function writeGraphToFile(filename: string, graph: UserGraph) {
     try {
         writeFileSync(filename, JSON.stringify(graph, null, 2))
-        console.log(`Wrote graph into ${filename}.json.`)
+        console.log(`Wrote graph into ${filename}.`)
     } catch (error) {
-        console.error({message: `Cannot write graph into ${filename}.json. Using stdout instead.`, error})
+        console.error({message: `Cannot write graph into ${filename}. Using stdout instead.`, error})
         await new Promise(resolve => setTimeout(() => {
             console.log(JSON.stringify(graph));
             resolve(undefined);
@@ -37,10 +37,10 @@ async function generateVisualization({template, output, graph, title}: {
 
     const result = readFileSync(template, {encoding: 'utf-8'})
         .replace('REPLACE-ME-WITH-TITLE', title)
-        .replace('REPLACE-ME-WITH-USER-GRAPH', graph.replace(/"/g, '\\\"'));
+        .replace('REPLACE-ME-WITH-USER-GRAPH', btoa(encodeURIComponent(graph)));
 
     writeFileSync(output, result)
-    console.log(`Created visualization for graph in ${output}.html.`)
+    console.log(`Created visualization for graph in ${output}.`)
 }
 
 
diff --git a/src/visualization/index.ts b/src/visualization/index.ts
index 9bcfe15..f1f70b9 100644
--- a/src/visualization/index.ts
+++ b/src/visualization/index.ts
@@ -8,7 +8,7 @@ customElements.define('graph-toolbar', GraphToolbar)
 
 
 window.addEventListener("DOMContentLoaded", () => {
-    const data = "REPLACE-ME-WITH-USER-GRAPH"
+    const data = decodeURIComponent(atob("REPLACE-ME-WITH-USER-GRAPH"))
     const graph: UserGraph = JSON.parse(data)
 
     const visualization = document.querySelector("user-graph") as UserGraphVisualization;