Define ResolvedConfigWithHMRToken, use it in the defineClientValues.ts

Author: elwin013

Diff for: packages/vite-plugin/src/node/defineClientValues.ts

@@ -1,8 +1,8 @@
-import { ResolvedConfig } from 'vite'
+import { ResolvedConfigWithHMRToken } from './types'
 import { isObject } from './helpers'
 import { join, normalize } from './path'
 
-export function defineClientValues(code: string, config: ResolvedConfig) {
+export function defineClientValues(code: string, config: ResolvedConfigWithHMRToken) {
   let options = config.server.hmr
   options = options && typeof options !== 'boolean' ? options : {}
   const host = options.host || null
@@ -31,7 +31,7 @@ export function defineClientValues(code: string, config: ResolvedConfig) {
     .replace(`__BASE__`, JSON.stringify(config.base))
     .replace(`__DEFINES__`, serializeDefine(config.define || {}))
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    .replace(`__HMR_TOKEN__`, JSON.stringify((config as any).webSocketToken))
+    .replace(`__HMR_TOKEN__`, JSON.stringify(config.webSocketToken || ""))
     .replace(`__HMR_PROTOCOL__`, JSON.stringify(protocol))
     .replace(`__HMR_HOSTNAME__`, JSON.stringify(host))
     .replace(`__HMR_PORT__`, JSON.stringify(hmrPort))

Diff for: packages/vite-plugin/src/node/types.ts

@@ -1,7 +1,7 @@
 import type { Node as AcornNode } from 'acorn'
 import type { Options as FastGlobOptions } from 'fast-glob'
 import type { OutputBundle, PluginContext } from 'rollup'
-import type { HMRPayload, Plugin as VitePlugin } from 'vite'
+import type { HMRPayload, ResolvedConfig, Plugin as VitePlugin } from 'vite'
 import { ManifestV3 } from './manifest'
 
 export interface AcornLiteral extends AcornNode {
@@ -125,3 +125,7 @@ export type CrxHMRPayload =
       event: 'crx:content-script-payload'
       data: HMRPayload
     }
+
+export interface ResolvedConfigWithHMRToken extends ResolvedConfig {
+  webSocketToken?: string
+}