Merge remote-tracking branch 'origin/master' into sidharthv96/cleanup

* origin/master:
  Release
  Fix auto view redirect to edit
  Add favicon
  Fix Build
  Release
  Fix empty editor on load
  Webpack dev server
  Bump webpack-cli from 3.3.10 to 4.4.0
  Bump style-loader from 0.23.1 to 2.0.0
  Bump serve from 11.2.0 to 11.3.2
  Bump svelte-routing from 1.4.0 to 1.4.2
  Bump husky from 4.3.0 to 4.3.8
  Move file
  Weekly updates
  Add dependabot

.github/dependabot.yml

@@ -0,0 +1,6 @@
+version: 2
+updates:
+  - package-ecosystem: "npm"
+    directory: "/"
+    schedule:
+      interval: "weekly" 

package.json

@@ -6,25 +6,24 @@
     "cross-env": "^5.2.0",
     "css-loader": "^2.1.1",
     "file-loader": "^6.2.0",
-    "husky": "^4.3.0",
+    "husky": "^4.3.8",
     "lint-staged": "^10.5.2",
     "mini-css-extract-plugin": "^0.6.0",
     "monaco-editor-webpack-plugin": "^2.1.0",
     "prettier": "^2.2.1",
     "prettier-plugin-svelte": "^1.4.1",
-    "serve": "^11.0.0",
-    "style-loader": "^0.23.1",
+    "serve": "^11.3.2",
+    "style-loader": "^2.0.0",
     "svelte": "^3.0.0",
     "svelte-loader": "2.13.3",
     "svelte-watch-resize": "^1.0.3",
     "webpack": "^4.30.0",
-    "webpack-cli": "^3.3.0",
-    "webpack-dev-server": "^3.3.1"
+    "webpack-cli": "^4.4.0",
+    "webpack-dev-server": "^3.11.2"
   },
   "scripts": {
-    "release": "cross-env NODE_ENV=production webpack -p",
-    "build": "cross-env NODE_ENV=production webpack",
-    "dev": "webpack-dev-server --content-base docs",
+    "release": "cross-env NODE_ENV=production webpack build",
+    "dev": "webpack serve --content-base docs",
     "pretty": "prettier --write ./src/*"
   },
   "dependencies": {
@@ -34,7 +33,7 @@
     "mermaid": "8.8.4",
     "moment": "^2.24.0",
     "monaco-editor": "0.21.2",
-    "svelte-routing": "^1.4.0",
+    "svelte-routing": "^1.4.2",
     "svelte-spa-router": "^1.3.0"
   },
   "husky": {

src/code-store.js

@@ -1,6 +1,7 @@
 import { writable, get } from 'svelte/store';
 import { Base64 } from 'js-base64';
-import { replace } from 'svelte-spa-router';
+import { replace, location } from 'svelte-spa-router';
+
 const isDarkMode =
   window.matchMedia('(prefers-color-scheme: dark)').matches && false;
 const defaultState = {
@@ -31,7 +32,7 @@ export const updateCodeStore = (newState) => {
 };
 export const updateCode = (code, updateEditor) => {
   const state = get(codeStore);
-  codeStore.set({...state, code, updateEditor});
+  codeStore.set({ ...state, code, updateEditor });
 };
 export const updateConfig = (config, updateEditor) => {
   const state = get(codeStore);
@@ -39,5 +40,8 @@ export const updateConfig = (config, updateEditor) => {
 };
 
 const unsubscribe = codeStore.subscribe((state) => {
-  replace('/edit/' + Base64.encodeURI(JSON.stringify(state)));
+  const currentLocation = get(location).split('/')[1];
+  replace(
+    `/${currentLocation || 'edit'}/` + Base64.encodeURI(JSON.stringify(state))
+  );
 });

src/routes/Edit.svelte

@@ -29,6 +29,8 @@
         mermaid: {},
         updateEditor: true,
       });
+    } else {
+      loadFlowChart();
     }
 
     let code = null;