From 75e41619ebe70bf99492730d367dea6229eb9503 Mon Sep 17 00:00:00 2001
From: Devin Howard <devin@callysto.com>
Date: Sun, 30 Oct 2016 13:59:23 +0800
Subject: [PATCH] enable specifying scale/translate in query params for a map

e.g. https://metamaps.cc/maps/12?scale=0.5&translate=-350,300
---
 frontend/src/Metamaps/Util.js       |  9 ++++++++-
 frontend/src/Metamaps/Visualize.js  | 11 +++++++++++
 frontend/src/patched/JIT.js         |  3 ---
 frontend/test/Metamaps/Util.spec.js |  3 +++
 4 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/frontend/src/Metamaps/Util.js b/frontend/src/Metamaps/Util.js
index 2bc49159..2cb70f8d 100644
--- a/frontend/src/Metamaps/Util.js
+++ b/frontend/src/Metamaps/Util.js
@@ -172,7 +172,7 @@ const Util = {
     canvas.resize($(window).width(), $(window).height())
 
     // Return the map to the original scale, and then put the previous central map-coordinate back to the centre of user's newly resized screen
-    canvas.scale(oldAttr.scaleX, oldAttr.scaleY)
+    canvas.scale(oldAttr.scaleX, oldAttr.scaleY) // should be equal
     const newAttr = Util.logCanvasAttributes(canvas)
     canvas.translate(newAttr.centreCoords.x - oldAttr.centreCoords.x, newAttr.centreCoords.y - oldAttr.centreCoords.y)
   },
@@ -229,6 +229,13 @@ const Util = {
 
       // Translate the canvas to put the pointer back over top the same coordinate it was over before
     graph.canvas.translate(newX - pointerCoordX, newY - pointerCoordY)
+  },
+  queryParams: function() {
+    return window.location.search.replace(/(^\?)/, '').split('&').reduce((obj, item) => {
+      item = item.split('=')
+      obj[item[0]] = item[1]
+      return obj
+    }, {})
   }
 }
 
diff --git a/frontend/src/Metamaps/Visualize.js b/frontend/src/Metamaps/Visualize.js
index aa0745da..b207d05c 100644
--- a/frontend/src/Metamaps/Visualize.js
+++ b/frontend/src/Metamaps/Visualize.js
@@ -9,6 +9,7 @@ import DataModel from './DataModel'
 import JIT from './JIT'
 import Loading from './Loading'
 import TopicCard from './Views/TopicCard'
+import Util from './Util'
 
 const Visualize = {
   mGraph: null, // a reference to the graph object.
@@ -148,6 +149,16 @@ const Visualize = {
       self.mGraph.graph.empty()
     }
 
+    const queryParams = Util.queryParams()
+    if (typeof queryParams.scale === 'string') {
+      const scale = parseFloat(queryParams.scale) || 0
+      self.mGraph.canvas.scale(scale, scale)
+    }
+    if (typeof queryParams.translate === 'string') {
+      const [x, y] = queryParams.translate.split(',').map(n => parseFloat(n) || 0)
+      self.mGraph.canvas.translate(x, y)
+    }
+
     function runAnimation() {
       Loading.hide()
       // load JSON data, if it's not empty
diff --git a/frontend/src/patched/JIT.js b/frontend/src/patched/JIT.js
index 5ea04ce1..fbe34c4f 100644
--- a/frontend/src/patched/JIT.js
+++ b/frontend/src/patched/JIT.js
@@ -2581,10 +2581,7 @@ Extras.Classes.Navigation = new Class({
     
     // START METAMAPS CODE
     if (Metamaps.Mouse.didPan) Metamaps.JIT.SmoothPanning();
-    
-    
     // END METAMAPS CODE
-    
   },
   
   // START METAMAPS CODE
diff --git a/frontend/test/Metamaps/Util.spec.js b/frontend/test/Metamaps/Util.spec.js
index 3cfe05d8..e22329d3 100644
--- a/frontend/test/Metamaps/Util.spec.js
+++ b/frontend/test/Metamaps/Util.spec.js
@@ -129,4 +129,7 @@ describe('Metamaps.Util.js', function() {
   describe('resizeCanvas', function() {
     it.skip('TODO need a canvas')
   })
+  describe('queryParams', function() {
+    it.skip('TODO need window')
+  })
 })