feat(store): save explorer state locally

Author: johnleider

src/store.ts

@@ -170,6 +170,12 @@ export class ReplStore implements Store {
     if (!files[mainFile]) {
       mainFile = Object.keys(files)[0]
     }
+
+    const savedShowFileExplorer = localStorage.getItem('showFileExplorer')
+    const showFileExplorer = savedShowFileExplorer !== null
+      ? savedShowFileExplorer === 'true'
+      : true
+
     this.state = reactive({
       mainFile,
       files,
@@ -180,7 +186,7 @@ export class ReplStore implements Store {
       typescriptVersion: 'latest',
       typescriptLocale: undefined,
       resetFlip: true,
-      showFileExplorer: true,
+      showFileExplorer,
     })
 
     this.initImportMap()
@@ -196,6 +202,13 @@ export class ReplStore implements Store {
       )
     )
 
+    watch(
+      () => this.state.showFileExplorer,
+      (value) => {
+        localStorage.setItem('showFileExplorer', String(value))
+      }
+    )
+
     watch(
       () => [
         this.state.files[tsconfigFile]?.code,