From 65370b2ef68c1149f782e1e921ec97e2ec254db8 Mon Sep 17 00:00:00 2001
From: zcj <18137693952@163.com>
Date: Tue, 25 Oct 2022 10:12:04 +0800
Subject: [PATCH 1/3] =?UTF-8?q?feat:=20=E5=8E=BB=E9=99=A4=20=E6=A8=A1?=
 =?UTF-8?q?=E7=89=88=E5=BF=85=E9=A1=BB=E5=BC=95=E5=85=A5=20setupDevui=20?=
 =?UTF-8?q?=E6=96=87=E4=BB=B6=E7=9A=84=E9=99=90=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/const/code.ts       | 19 ++++++++++---
 src/const/index.ts      |  5 ++--
 src/repl-store/index.ts | 60 ++++++++++++++++++++++++-----------------
 3 files changed, 53 insertions(+), 31 deletions(-)

diff --git a/src/const/code.ts b/src/const/code.ts
index f33a148..fcfd42a 100644
--- a/src/const/code.ts
+++ b/src/const/code.ts
@@ -1,4 +1,3 @@
-
 export const setupDevui = 'devui.js'
 
 export const devuiCode = `
@@ -33,9 +32,9 @@ export const setupDevui = () => {
   loadCss()
 };`
 
-export const defaultFile = 'App.vue'
+export const defaultMainFile = 'App.vue'
 
-export const defaultCode = `<template>
+export const welcomeCode = `<template>
   <h1>
     Hello, DevUI!
   </h1>
@@ -44,8 +43,20 @@ export const defaultCode = `<template>
 </template>
 
 <script setup lang="ts">
-import { setupDevui } from './devui.js'
+</script>`
+
+export const defaultFile = 'Main.vue'
+
+export const defaultCode = `<template>
+<App />
+</template>
+
+<script setup lang="ts">
+import App from './${defaultMainFile}'
+import { setupDevui } from './${setupDevui}'
 
 // don't remove
 setupDevui()
 </script>`
+
+
diff --git a/src/const/index.ts b/src/const/index.ts
index 59d1362..a8b5b28 100644
--- a/src/const/index.ts
+++ b/src/const/index.ts
@@ -1,4 +1,3 @@
+export {devuiCode, defaultCode, setupDevui, defaultFile, welcomeCode, defaultMainFile} from './code'
 
-export { devuiCode, defaultCode, setupDevui, defaultFile } from './code'
-
-export { genImportsMap } from './imports'
+export {genImportsMap} from './imports'
diff --git a/src/repl-store/index.ts b/src/repl-store/index.ts
index 3cbe3e2..ad32324 100644
--- a/src/repl-store/index.ts
+++ b/src/repl-store/index.ts
@@ -1,14 +1,21 @@
-import { reactive, watchEffect } from 'vue'
-import { File, compileFile } from '@vue/repl'
-import type { OutputModes, SFCOptions, Store, StoreState } from '@vue/repl'
-import type { PendingCompiler, ReplStoreParam, VersionKey, VersionRecord } from '@/types'
-import { defaultCode, defaultFile, devuiCode, genImportsMap, setupDevui } from '@/const'
-import { decodeData, encodeData, genLink } from '@/utils'
+import {reactive, watchEffect} from 'vue'
+import {File, compileFile} from '@vue/repl'
+import type {OutputModes, SFCOptions, Store, StoreState} from '@vue/repl'
+import type {PendingCompiler, ReplStoreParam, VersionKey, VersionRecord} from '@/types'
+import {
+  defaultCode,
+  defaultFile,
+  defaultMainFile,
+  devuiCode,
+  genImportsMap,
+  setupDevui,
+  welcomeCode
+} from '@/const'
+import {decodeData, encodeData, genLink} from '@/utils'
 
 const getInitFiles = (serializedState = '') => {
-  let files: StoreState['files'] = {
-    [defaultFile]: new File(defaultFile, defaultCode)
-  }
+  let files: StoreState['files'] = {}
+
   if (serializedState) {
     try {
       files = {}
@@ -20,6 +27,10 @@ const getInitFiles = (serializedState = '') => {
       console.log(err)
       console.log('Json parse error: src/repl-store/index.ts')
     }
+  } else {
+    files = {
+      [defaultMainFile]: new File(defaultMainFile, welcomeCode),
+    }
   }
 
   return files
@@ -68,9 +79,13 @@ export class ReplStore implements Store {
     versions = { Vue: 'latest', DevUI: 'latest' },
   }: ReplStoreParam) {
     const files = getInitFiles(serializedState)
-    const mainFile = files[defaultFile] ? defaultFile : Object.keys(files)[0]
+
+    const mainFile = files[defaultMainFile] ? defaultMainFile :Object.keys(files)[0]
+
+    files[defaultFile] = new File(defaultFile, defaultCode, true)
+
     this.state = reactive({
-      mainFile,
+      mainFile: defaultFile,
       files,
       activeFile: files[mainFile],
       errors: [],
@@ -78,13 +93,15 @@ export class ReplStore implements Store {
     })
     this.versions = versions
     this.initImportMap()
+
+    this.state.files[setupDevui] = new File(setupDevui, devuiCode, !import.meta.env.DEV)
   }
 
   private initImportMap() {
     if (!this.state.files['import-map.json']) {
       this.state.files['import-map.json'] = new File(
         'import-map.json',
-        JSON.stringify({ imports: {} }, null, 2)
+        JSON.stringify({imports: {}}, null, 2)
       )
     }
   }
@@ -93,16 +110,10 @@ export class ReplStore implements Store {
     await this.setVueVersion(this.versions.Vue)
     await this.setDevuiVersion(this.versions.DevUI)
 
-    // this.state.files[setupDevui] = new File(
-    //   setupDevui,
-    //   devuiCode,
-    //   true
-    // )
-
     watchEffect(() => compileFile(this, this.state.activeFile))
 
     for (const file of Object.keys(this.state.files)) {
-      if (file !== defaultFile) {
+      if (file !== defaultMainFile) {
         compileFile(this, this.state.files[file])
       }
     }
@@ -140,10 +151,10 @@ export class ReplStore implements Store {
     return exported
   }
 
-  async setFiles(newFiles: Record<string, string>, mainFile = defaultFile) {
+  async setFiles(newFiles: Record<string, string>, mainFile = defaultMainFile) {
     const files: Record<string, File> = {}
-    if (mainFile === defaultFile && !newFiles[mainFile]) {
-      files[mainFile] = new File(mainFile, defaultCode)
+    if (mainFile === defaultMainFile && !newFiles[mainFile]) {
+      files[mainFile] = new File(mainFile, welcomeCode)
     }
     for (const [filename, file] of Object.entries(newFiles)) {
       files[filename] = new File(filename, file)
@@ -177,7 +188,8 @@ export class ReplStore implements Store {
             const importMap = JSON.stringify(this.getImportMap())
             return [file, importMap]
             // eslint-disable-next-line no-empty
-          } catch { }
+          } catch {
+          }
         }
         return [file, content]
       })
@@ -232,7 +244,7 @@ export class ReplStore implements Store {
   }
 
   private async setVueVersion(version: string) {
-    const { compilerSfc, runtimeDom } = genVueLink(version)
+    const {compilerSfc, runtimeDom} = genVueLink(version)
 
     this.pendingCompiler = import(/* @vite-ignore */compilerSfc)
     this.compiler = await this.pendingCompiler

From 95aed680b40078741811ee5274de6b3ed1cd34fc Mon Sep 17 00:00:00 2001
From: zcj <18137693952@163.com>
Date: Tue, 25 Oct 2022 10:57:21 +0800
Subject: [PATCH 2/3] =?UTF-8?q?style:=20=E6=A0=BC=E5=BC=8F=E5=8C=96?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/const/code.ts       |  2 --
 src/const/index.ts      |  4 ++--
 src/repl-store/index.ts | 14 +++++++-------
 3 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/const/code.ts b/src/const/code.ts
index fcfd42a..d5120a3 100644
--- a/src/const/code.ts
+++ b/src/const/code.ts
@@ -58,5 +58,3 @@ import { setupDevui } from './${setupDevui}'
 // don't remove
 setupDevui()
 </script>`
-
-
diff --git a/src/const/index.ts b/src/const/index.ts
index a8b5b28..8ba919a 100644
--- a/src/const/index.ts
+++ b/src/const/index.ts
@@ -1,3 +1,3 @@
-export {devuiCode, defaultCode, setupDevui, defaultFile, welcomeCode, defaultMainFile} from './code'
+export { devuiCode, defaultCode, setupDevui, defaultFile, welcomeCode, defaultMainFile } from './code'
 
-export {genImportsMap} from './imports'
+export { genImportsMap } from './imports'
diff --git a/src/repl-store/index.ts b/src/repl-store/index.ts
index ad32324..8205455 100644
--- a/src/repl-store/index.ts
+++ b/src/repl-store/index.ts
@@ -1,7 +1,7 @@
-import {reactive, watchEffect} from 'vue'
-import {File, compileFile} from '@vue/repl'
-import type {OutputModes, SFCOptions, Store, StoreState} from '@vue/repl'
-import type {PendingCompiler, ReplStoreParam, VersionKey, VersionRecord} from '@/types'
+import { reactive, watchEffect } from 'vue'
+import { File, compileFile } from '@vue/repl'
+import type { OutputModes, SFCOptions, Store, StoreState } from '@vue/repl'
+import type { PendingCompiler, ReplStoreParam, VersionKey, VersionRecord } from '@/types'
 import {
   defaultCode,
   defaultFile,
@@ -11,7 +11,7 @@ import {
   setupDevui,
   welcomeCode
 } from '@/const'
-import {decodeData, encodeData, genLink} from '@/utils'
+import { decodeData, encodeData, genLink } from '@/utils'
 
 const getInitFiles = (serializedState = '') => {
   let files: StoreState['files'] = {}
@@ -101,7 +101,7 @@ export class ReplStore implements Store {
     if (!this.state.files['import-map.json']) {
       this.state.files['import-map.json'] = new File(
         'import-map.json',
-        JSON.stringify({imports: {}}, null, 2)
+        JSON.stringify({ imports: {} }, null, 2)
       )
     }
   }
@@ -244,7 +244,7 @@ export class ReplStore implements Store {
   }
 
   private async setVueVersion(version: string) {
-    const {compilerSfc, runtimeDom} = genVueLink(version)
+    const { compilerSfc, runtimeDom } = genVueLink(version)
 
     this.pendingCompiler = import(/* @vite-ignore */compilerSfc)
     this.compiler = await this.pendingCompiler

From 2825043930f6337b264d2134775e46f89ff5bdbc Mon Sep 17 00:00:00 2001
From: zcj <18137693952@163.com>
Date: Tue, 25 Oct 2022 10:59:25 +0800
Subject: [PATCH 3/3] =?UTF-8?q?feat:=20.gitignore=20=E6=96=87=E4=BB=B6=20?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=20*.idea?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitignore b/.gitignore
index 14a1329..470e01c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,6 +1,7 @@
 node_modules
 .DS_Store
 .pnpm-debug.log*
+*.idea
 dist
 src/types/dts/components.d.ts
 src/types/dts/auto-imports.d.ts