Merge pull request #1 from sidharthv96/sidebar

sidebar
mgenereu · May 17, 2021 · ac60f6a · ac60f6a
2 parents d186071 + 4e9390c
commit ac60f6a
Show file tree

Hide file tree

Showing 32 changed files with 599 additions and 439 deletions.
diff --git a/.prettierrc b/.prettierrc
@@ -2,5 +2,6 @@
 	"useTabs": true,
 	"singleQuote": true,
 	"trailingComma": "none",
-	"printWidth": 100
-}
+	"printWidth": 100,
+	"svelteBracketNewLine": false
+}
diff --git a/package.json b/package.json
@@ -36,8 +36,10 @@
     "@tailwindcss/forms": "^0.3.2",
     "cookie": "^0.4.1",
     "js-base64": "^3.6.0",
-    "mermaid": "^8.9.3",
+    "mermaid": "^8.10.1",
+    "moment": "^2.29.1",
     "monaco-editor": "^0.23.0",
+    "random-word-slugs": "^0.0.2",
     "svelte-watch-resize": "^1.0.3"
   }
-}
+}
diff --git a/src/app.html b/src/app.html
@@ -2,8 +2,22 @@
 <html lang="en">
 	<head>
 		<meta charset="utf-8" />
-		<link rel="icon" href="/favicon.ico" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<title>Online FlowChart &amp; Diagrams Editor - Mermaid Live Editor</title>
+		<meta
+			name="og:image"
+			content="https://github.com/mermaid-js/mermaid/raw/develop/img/header.png"
+		/>
+		<link rel="canonical" href="https://mermaid-js.github.io/mermaid-live-editor/" />
+		<meta
+			name="description"
+			content="Simplify documentation and avoid heavy tools. Open source Visio Alternative. Commonly used for explaining your code! Mermaid is a simple markdown-like script language for generating charts from text via javascript."
+		/>
+		<link rel="icon" type="image/png" href="favicon.png" />
+		<link
+			rel="stylesheet"
+			href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css"
+		/>
 		<script
 			src="https://cdn.jsdelivr.net/npm/mermaid@8.10.1/dist/mermaid.min.js"
 			integrity="sha256-aQCGsx3/OLAXwNyOUrAedielIQAjIrMFkcWdXMlIkGc="

diff --git a/src/global.d.ts b/src/global.d.ts
@@ -27,6 +27,6 @@ interface State {
 interface HistoryEntry {
 	state: State;
 	time: number;
-	name: string;
+	name?: string;
 	auto: boolean;
 }
diff --git a/src/lib/Card/index.svelte b/src/lib/Card/index.svelte
diff --git a/src/lib/Counter/index.svelte b/src/lib/Counter/index.svelte
diff --git a/src/lib/Header/index.svelte b/src/lib/Header/index.svelte
diff --git a/src/lib/Header/svelte-logo.svg b/src/lib/Header/svelte-logo.svg
diff --git a/src/lib/History/index.svelte b/src/lib/History/index.svelte