[feat] add showSettings to Debugger

braebo · Dec 30, 2021 · 2532058 · 2532058
1 parent 83e563e
commit 2532058
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/lib/utils/Debugger.svelte b/src/lib/utils/Debugger.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { settings, showSettings } from '$lib/settings/settingsStore'
 	import { bookmarkEditor, editorContext } from '$lib/stores/bookmarkEditor'
 	import { debug, showDebugger } from '$lib/stores/debugStore'
 	import { activeFolder } from '$lib/data/dbStore'
@@ -75,15 +76,15 @@
 	+if('$showDebugger && !!$debug')
 		.debug-panel.scroller.vertical(transition:fly='{{ y: 1000, opacity: 1, duration: 300 }}')
 			.debuggable.one.scroller
-				+each("[['Show Debugger', $showDebugger], ['Editor Context', $editorContext]] as [name, value]")
+				+each("[['Show Debugger', $showDebugger], ['Editor Context', $editorContext], ['Show Settings', $showSettings]] as [name, value]")
 					+key('value')
 						.kv
 							h6 {name}
 							pre(use:highlight)
 								code.language-javascript
 									.store {JSON.stringify(value, null, 2)}
 
-			+each("[['Bookmark Editor', $bookmarkEditor], ['Active Folder', $activeFolder], ['Active Bookmarks', $activeFolder?.bookmarks]] as [name, value], i")
+			+each("[['Bookmark Editor', $bookmarkEditor], ['Settings', $settings], ['Active Folder', $activeFolder], ['Active Bookmarks', $activeFolder?.bookmarks]] as [name, value], i")
 				+key('value')
 					.debuggable.scroller
 						h4 {name}

diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import FolderSidebar from '$lib/ui/Folders/FolderSidebar.svelte'
+	import SettingsPanel from '$lib/settings/SettingsPanel.svelte'
 	import Debugger from '$lib/utils/Debugger.svelte'
 	import { page } from '$app/stores'
 	import { Header } from '$lib/ui'
@@ -41,10 +42,10 @@
 
 		Nav
 
-		FolderSidebar
-
 		main
 			slot
+
+		FolderSidebar
 
 		Settings