support hash

xudafeng · Jan 11, 2018 · f40bc37 · f40bc37
1 parent 8220070
commit f40bc37
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 21 deletions.
diff --git a/editor/mermaid.js b/editor/mermaid.js
@@ -22,7 +22,9 @@ mermaid.initialize({
   }
 });
 
-const data = _.getUrlParams('data');
+window.mermaid = mermaid;
+
+const data = _.getHashData();
 
 class Page extends React.Component {
   constructor(props) {
@@ -47,7 +49,7 @@ class Page extends React.Component {
 
   getEncoded() {
     const encoded = _.encode(this.state.text);
-    const str = `?data=${encoded}`;
+    const str = `#data=${encoded}`;
     history.replaceState({}, document.title, str);
   }
 

diff --git a/editor/plantuml.js b/editor/plantuml.js
@@ -8,7 +8,7 @@ import './plantuml.less';
 import _ from './utils';
 import pkg from '../package';
 
-const data = _.getUrlParams('data');
+const data = _.getHashData();
 
 class Page extends React.Component {
   constructor(props) {
@@ -26,7 +26,7 @@ class Page extends React.Component {
 
   getEncoded() {
     const encoded = _.encode(this.state.text);
-    const str = `?data=${encoded}`;
+    const str = `#data=${encoded}`;
     history.replaceState({}, document.title, str);
     return encoded;
   }

diff --git a/editor/utils.js b/editor/utils.js
@@ -26,19 +26,7 @@ exports.decode = text => {
   return Utf8ArrayToStr(inflated);
 };
 
-exports.getUrlParams = k => {
-  var params = {};
-  var url = location.href;
-  var idx = url.indexOf('?');
-
-  if (idx > 0) {
-    var queryStr = url.substring(idx + 1);
-    var args = queryStr.split('&');
-    for (var i = 0; i < args.length; i++) {
-      var a = args[i];
-      var nv = args[i] = a.split('=');
-      params[nv[0]] = nv.length > 1 ? nv[1] : true;
-    }
-  }
-  return params[k];
+exports.getHashData = () => {
+  var hash = location.hash;
+  return hash.split('#data=')[1];
 };
diff --git a/package.json b/package.json
@@ -1,9 +1,10 @@
 {
   "name": "umlplot",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "umlplot",
   "keywords": [
-    "plot"
+    "plot",
+    "uml"
   ],
   "main": "/dist/index.js",
   "repository": {