refactor: replace 'import-map.json' with importMapFile (#84)

Signed-off-by: JayFate <48240828+JayFate@users.noreply.github.com>
Co-authored-by: Evan You <yyx990803@gmail.com>

Author: JayFate

src/editor/FileSelector.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
-import { Store } from '../store'
+import { Store, importMapFile } from '../store'
 import { computed, inject, ref, VNode, Ref } from 'vue'
 
 const store = inject('store') as Store
 
 const pending = ref<boolean | string>(false)
 const pendingFilename = ref('Comp.vue')
-const importMapFile = 'import-map.json'
 const showImportMap = inject('import-map') as Ref<boolean>
 const files = computed(() =>
   Object.entries(store.state.files)

src/output/Preview.vue

@@ -13,7 +13,7 @@ import {
 import srcdoc from './srcdoc.html?raw'
 import { PreviewProxy } from './PreviewProxy'
 import { compileModulesForPreview } from './moduleCompiler'
-import { Store } from '../store'
+import { Store, importMapFile } from '../store'
 import { Props } from '../Repl.vue'
 
 const props = defineProps<{ show: boolean; ssr: boolean }>()
@@ -36,7 +36,7 @@ onMounted(createSandbox)
 
 // reset sandbox when import map changes
 watch(
-  () => store.state.files['import-map.json'].code,
+  () => store.state.files[importMapFile].code,
   raw => {
     try {
       const map = JSON.parse(raw)

src/store.ts

@@ -11,6 +11,8 @@ import { OutputModes } from './output/types'
 
 const defaultMainFile = 'App.vue'
 
+export const importMapFile = 'import-map.json'
+
 const welcomeCode = `
 <script setup>
 import { ref } from 'vue'
@@ -206,7 +208,7 @@ export class ReplStore implements Store {
 
   serialize() {
     const files = this.getFiles()
-    const importMap = files['import-map.json']
+    const importMap = files[importMapFile]
     if (importMap) {
       const { imports } = JSON.parse(importMap)
       if (imports['vue'] === this.defaultVueRuntimeURL) {
@@ -216,9 +218,9 @@ export class ReplStore implements Store {
         delete imports['vue/server-renderer']
       }
       if (!Object.keys(imports).length) {
-        delete files['import-map.json']
+        delete files[importMapFile]
       } else {
-        files['import-map.json'] = JSON.stringify({ imports }, null, 2)
+        files[importMapFile] = JSON.stringify({ imports }, null, 2)
       }
     }
     return '#' + utoa(JSON.stringify(files))
@@ -255,10 +257,10 @@ export class ReplStore implements Store {
   }
 
   private initImportMap() {
-    const map = this.state.files['import-map.json']
+    const map = this.state.files[importMapFile]
     if (!map) {
-      this.state.files['import-map.json'] = new File(
-        'import-map.json',
+      this.state.files[importMapFile] = new File(
+        importMapFile,
         JSON.stringify(
           {
             imports: {
@@ -292,7 +294,7 @@ export class ReplStore implements Store {
 
   getImportMap() {
     try {
-      return JSON.parse(this.state.files['import-map.json'].code)
+      return JSON.parse(this.state.files[importMapFile].code)
     } catch (e) {
       this.state.errors = [
         `Syntax error in import-map.json: ${(e as Error).message}`
@@ -305,7 +307,7 @@ export class ReplStore implements Store {
     imports: Record<string, string>
     scopes?: Record<string, Record<string, string>>
   }) {
-    this.state.files['import-map.json']!.code = JSON.stringify(map, null, 2)
+    this.state.files[importMapFile]!.code = JSON.stringify(map, null, 2)
   }
 
   async setVueVersion(version: string) {