Cleanup

src/components/Config.svelte

@@ -1,21 +1,12 @@
 <script>
-  import {
-    codeStore,
-    updateCodeStore,
-    updateConfig,
-    updateCode,
-  } from '../code-store.js';
+  import { codeStore, updateConfig } from '../code-store.js';
   import { configErrorStore } from '../config-error-store.js';
   import { onMount } from 'svelte';
-  import { push, pop, replace } from 'svelte-spa-router';
+  import { replace } from 'svelte-spa-router';
   import { Base64 } from 'js-base64';
-  // import mermaid from '@mermaid-js/mermaid';
-  import mermaid from '@mermaid';
   import Error from './Error.svelte';
   import { getResizeHandler, initEditor } from './editor-utils';
   import { watchResize } from 'svelte-watch-resize';
-  import 'monaco-editor/esm/vs/editor/browser/controller/coreCommands.js';
-  import 'monaco-editor/esm/vs/editor/contrib/find/findController.js';
   import * as monaco from 'monaco-editor/esm/vs/editor/editor.api.js';
 
   export let conf = '';
@@ -25,22 +16,15 @@
   let edit;
   let editorElem = null;
 
-  let decorations = [];
-  const decArr = [];
   let resizeHandler = () => {};
 
   let oldConf = {};
   const handleConfUpdate = (conf) => {
     try {
       console.log(conf);
-      JSON.parse(conf);
-      // let newState = { code, mermaid: JSON.parse(conf) };
-      // oldConf = newState.mermaid;
       updateConfig(JSON.parse(conf));
       configErrorStore.set(undefined);
-      // const model = edit.getModel();
-      // // model.setValue(conf);
-      // // model.dispose();
+      const model = edit.getModel();
     } catch (e) {
       console.log('Error in parsed', e);
       configErrorStore.set(e);
@@ -55,7 +39,7 @@
       editorElem = document.getElementById('editor-conf');
     }
     if (!conf && state) {
-      conf = JSON.stringify(state.mermaid, null, 2);
+      conf = JSON.stringify(state.mermaid, null, 2) || '{}';
     }
     if (state) {
       code = state.code;
@@ -67,7 +51,6 @@
         language: 'JSON',
       });
       resizeHandler = getResizeHandler(edit);
-      let decorations = [];
       edit.onDidChangeModelContent(function (e) {
         const conf = edit.getValue();
         handleConfUpdate(conf);
@@ -79,7 +62,6 @@
   initEditor(monaco);
 
   const unsubscribeError = configErrorStore.subscribe((_error) => {
-    // console.log('Error ideintified' + _error.toString());
     if (_error) {
       error = _error.toString();
     } else {

src/components/Editor.svelte

@@ -2,9 +2,8 @@
   import { codeStore, updateCodeStore } from '../code-store.js';
   import { codeErrorStore } from '../code-error-store.js';
   import { onMount } from 'svelte';
-  import { push, pop, replace } from 'svelte-spa-router';
+  import { replace } from 'svelte-spa-router';
   import { Base64 } from 'js-base64';
-  // import mermaid from '@mermaid-js/mermaid';
   import mermaid from '@mermaid';
   import Error from './Error.svelte';
   import { getResizeHandler, initEditor } from './editor-utils';
@@ -20,7 +19,6 @@
   let edit;
   export let error = false;
 
-  let decorations = [];
   const decArr = [];
   let editorElem = null;
   let resizeHandler = () => {};
@@ -81,7 +79,6 @@
       });
       resizeHandler = getResizeHandler(edit);
 
-      let decorations = [];
       edit.onDidChangeModelContent(function (e) {
         const code = edit.getValue();
         handleCodeUpdate(code);
@@ -105,21 +102,15 @@
   initEditor(monaco);
 
   onMount(async () => {
-    // editorElem = document.querySelector('#editor')
     self.MonacoEnvironment = {
       getWorkerUrl: function (moduleId, label) {
         return './editor.worker.bundle.js';
       },
     };
   });
-
-  // export let name;
-  // export let params = {};
 </script>
 
 <style>
-  #editor-container {
-  }
   #editor {
     width: 100%;
     height: 400px;

src/components/Error.svelte

@@ -1,33 +1,6 @@
 <script>
-  import { codeErrorStore } from '../code-error-store.js';
-  import { onMount } from 'svelte';
-
-  onMount(async () => {});
-
-  // export let code = '';
   export let classes = '';
-
-  // export let error = {};
-  // export let token = '';
-  // export let expected = '';
-
-  // export let params = {}
   export let errorText = '';
-
-  // const unsubscribeError = codeErrorStore.subscribe( _error => {
-  // 		if(typeof _error === 'undefined') {
-  // 			classes = 'invisible';
-  // 			error = {};
-  // 			token='';
-  // 			expected='';
-  // 		} else {
-  // 			classes = 'visible';
-  // 			error = _error;
-  // 			console.log('error: ',  _error);
-  // 			token = error.hash.token;
-  // 			expected = error.hash.expected.join(' ');;
-  // 		}
-  // 	});
 </script>
 
 <style>
@@ -36,7 +9,6 @@
     color: white;
     flex: 1;
     padding: 10px;
-    /* position: absolute; */
   }
   .invisible {
     display: none;

src/components/Tag.svelte

@@ -1,11 +1,3 @@
-<script>
-  export let noPadding = false;
-  let contentClass = 'padding';
-  if (noPadding) {
-    contentClass = '';
-  }
-</script>
-
 <style>
   #tag {
     height: auto;
@@ -18,7 +10,6 @@
     border-radius: 4px;
     cursor: default;
     font-size: smaller;
-    /* padding: 8px; */
     color: #52c41a;
     background: #f6ffed;
     border-color: #b7eb8f;

src/components/View.svelte

@@ -3,7 +3,6 @@
   import { codeErrorStore } from '../code-error-store.js';
   import { configErrorStore } from '../config-error-store.js';
   import { onMount } from 'svelte';
-  // import mermaid from '@mermaid-js/mermaid';
   import mermaid from '@mermaid';
 
   const detectType = (text) => {
@@ -53,15 +52,9 @@
     }, 5000);
   };
 
-  let element;
   let container;
-  onMount(async () => {
-    element = document.querySelector('graph-div');
-  });
 
-  let insertSvg = function (svgCode, bindFunctions) {
-    // element.innerHTML = svgCode;
-  };
+  let insertSvg = function (svgCode, bindFunctions) {};
 
   export let code = '';
   export let configClasses = '';
@@ -71,7 +64,6 @@
       if (container && state) {
         code = state.code;
 
-        // mermaid.parse(code)
         // Replacing special characters '<' and '>' with encoded '&lt;' and '&gt;'
         let _code = code;
         _code = _code.replace(/</g, '&lt;');