feat: add and expose resetFiles

vuejs · Jan 6, 2025 · 3f9bf09 · 3f9bf09
1 parent 47da477
commit 3f9bf09
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git a/src/Repl.vue b/src/Repl.vue
@@ -91,7 +91,14 @@ function reload() {
   outputRef.value?.reload()
 }
 
-defineExpose({ reload })
+/**
+ * Reset playground files
+ */
+function resetFiles() {
+  props.store.resetFiles()
+}
+
+defineExpose({ reload, resetFiles })
 </script>
 
 <template>

diff --git a/src/store.ts b/src/store.ts
@@ -328,6 +328,14 @@ export function useStore(
     )
   }
 
+  const resetFiles = () => {
+    setActive(mainFile.value)
+    setDefaultFile()
+    for (const filename of Object.keys(files.value))
+      if (![mainFile.value, tsconfigFile, importMapFile].includes(filename))
+        delete files.value[filename]
+  }
+
   if (serializedState) {
     deserialize(serializedState)
   } else {
@@ -373,6 +381,7 @@ export function useStore(
     deserialize,
     getFiles,
     setFiles,
+    resetFiles,
   })
   return store
 }
@@ -441,6 +450,7 @@ export interface ReplStore extends UnwrapRef<StoreState> {
   deserialize(serializedState: string): void
   getFiles(): Record<string, string>
   setFiles(newFiles: Record<string, string>, mainFile?: string): Promise<void>
+  resetFiles(): void
 }
 
 export type Store = Pick<
@@ -465,6 +475,7 @@ export type Store = Pick<
   | 'renameFile'
   | 'getImportMap'
   | 'getTsConfig'
+  | 'resetFiles'
 >
 
 export class File {