chore: update code

unplugin · Dec 26, 2024 · 8d2a511 · 8d2a511
1 parent bd6b424
commit 8d2a511
Show file tree

Hide file tree

Showing 2 changed files with 60 additions and 25 deletions.
diff --git a/examples/webpack/src/App.vue b/examples/webpack/src/App.vue
@@ -6,7 +6,7 @@ const msg = ref('')
 <template>
   <div>
     <h1 class="text-red">Hello world</h1>
-    <h2>{{ msg }}</h2>
+    <h2>{{ msg }}</h2>222
     <input v-model="msg" type="text" />
   </div>
 </template>

diff --git a/src/core/index.ts b/src/core/index.ts
@@ -25,15 +25,18 @@ import {
   getTempSrcDescriptor,
 } from './utils/descriptorCache'
 import { parseVueRequest } from './utils/query'
-import type { PluginLoadHookParam, ResolvedUserConfig } from '@farmfe/core'
+import type {
+  PluginLoadHookParam,
+  ResolvedUserConfig,
+  Server,
+} from '@farmfe/core'
 import type {
   SFCBlock,
   SFCScriptCompileOptions,
   SFCStyleCompileOptions,
   SFCTemplateCompileOptions,
 } from 'vue/compiler-sfc'
 import type * as _compiler from 'vue/compiler-sfc'
-import type { Server } from '@farmfe/core'
 
 export { parseVueRequest, type VueQuery } from './utils/query'
 
@@ -243,27 +246,27 @@ export const plugin = createUnplugin<Options | undefined, false>(
 
       vite: {
         api,
-        // handleHotUpdate(ctx) {
-        //   ctx.server.ws.send({
-        //     type: 'custom',
-        //     event: 'file-changed',
-        //     data: { file: normalizePath(ctx.file) },
-        //   })
-
-        //   if (options.value.compiler.invalidateTypeCache) {
-        //     options.value.compiler.invalidateTypeCache(ctx.file)
-        //   }
-        //   if (typeDepToSFCMap.has(ctx.file)) {
-        //     return handleTypeDepChange(typeDepToSFCMap.get(ctx.file)!, ctx)
-        //   }
-        //   if (filter.value(ctx.file)) {
-        //     return handleHotUpdate(
-        //       ctx,
-        //       options.value,
-        //       customElementFilter.value(ctx.file),
-        //     )
-        //   }
-        // },
+        async handleHotUpdate(ctx) {
+          // console.log(ctx);
+          ctx.server.ws.send({
+            type: 'custom',
+            event: 'file-changed',
+            data: { file: normalizePath(ctx.file) },
+          })
+          if (options.value.compiler.invalidateTypeCache) {
+            options.value.compiler.invalidateTypeCache(ctx.file)
+          }
+          if (typeDepToSFCMap.has(ctx.file)) {
+            return handleTypeDepChange(typeDepToSFCMap.get(ctx.file)!, ctx)
+          }
+          if (filter.value(ctx.file)) {
+            return handleHotUpdate(
+              ctx,
+              options.value,
+              customElementFilter.value(ctx.file),
+            )
+          }
+        },
 
         config(config) {
           return {
@@ -370,7 +373,39 @@ export const plugin = createUnplugin<Options | undefined, false>(
         },
 
         configureServer(server: Server) {
-          options.value.devServer = server
+          const {
+            config: {
+              compilation: {
+                output: { publicPath },
+              },
+            },
+          } = server
+          options.value.devServer = Object.assign(server, {
+            config: { ...server.config, base: publicPath },
+          })
+        },
+
+        updateModules: {
+          executor(ctx) {
+            options.value.devServer.ws.send({
+              type: 'custom',
+              event: 'file-changed',
+              data: { file: normalizePath(ctx.file) },
+            })
+            if (options.value.compiler.invalidateTypeCache) {
+              options.value.compiler.invalidateTypeCache(ctx.file)
+            }
+            if (typeDepToSFCMap.has(ctx.file)) {
+              return handleTypeDepChange(typeDepToSFCMap.get(ctx.file)!, ctx)
+            }
+            if (filter.value(ctx.file)) {
+              return handleHotUpdate(
+                ctx,
+                options.value,
+                customElementFilter.value(ctx.file),
+              )
+            }
+          },
         },
       },