fix: browser environment

Author: zhiyuanzmj

playground/vite.config.ts

@@ -2,7 +2,7 @@ import Vue from '@vitejs/plugin-vue'
 import VueJsx from '@vitejs/plugin-vue-jsx'
 import { defineConfig } from 'vite'
 import Inspect from 'vite-plugin-inspect'
-import VueReactivityFunction from '../src/vite'
+import VueReactivityFunction from '../dist/vite'
 
 export default defineConfig({
   build: {

src/core/utils.ts

@@ -84,11 +84,11 @@ export function getRequire() {
 }
 
 let parseSync: typeof import('oxc-parser').parseSync
-export async function getOxcParser() {
+// @ts-ignore
+export async function getOxcParser(browser = typeof window !== 'undefined') {
   if (!parseSync) {
     parseSync = await import(
-      // @ts-ignore
-      typeof window !== 'undefined'
+      browser
         ? 'https://cdn.jsdelivr.net/npm/@oxc-parser/binding-wasm32-wasi/browser-bundle.mjs'
         : 'oxc-parser'
     ).then((mod) => mod.parseSync)

src/raw.ts

@@ -23,20 +23,20 @@ import type { IdentifierName, Node } from 'oxc-parser'
 import type { UnpluginOptions } from 'unplugin'
 
 let parseSync: typeof import('oxc-parser').parseSync
-if (__ESM__) {
-  parseSync = await getOxcParser()
-} else {
-  const require = getRequire()
-  if (require) {
-    parseSync = require('oxc-parser').parseSync
-  }
-}
 
-export function transformReactivityFunction(
+export async function transformReactivityFunction(
   code: string,
   ignore: string[],
   s: MagicStringAST,
 ) {
+  if (__ESM__) {
+    parseSync = await getOxcParser()
+  } else {
+    const require = getRequire()
+    if (require) {
+      parseSync = require('oxc-parser').parseSync
+    }
+  }
   const { program } = parseSync('index.tsx', code, {
     sourceType: 'module',
   })
@@ -203,7 +203,7 @@ const plugin = (rawOptions: Options = {}): UnpluginOptions => {
     transformInclude(id) {
       return filter(id)
     },
-    transform(code, id) {
+    async transform(code, id) {
       const lang = getLang(id)
       let asts: {
         text: string
@@ -233,7 +233,7 @@ const plugin = (rawOptions: Options = {}): UnpluginOptions => {
 
       for (const { text, offset } of asts) {
         s.offset = offset
-        transformReactivityFunction(text, options.ignore, s)
+        await transformReactivityFunction(text, options.ignore, s)
       }
 
       return generateTransform(s, id)

src/volar.ts

@@ -48,7 +48,7 @@ export default plugin
 
 let parseSync: typeof import('oxc-parser').parseSync
 if (__BROWSER__) {
-  parseSync = await getOxcParser()
+  parseSync = await getOxcParser(true)
 } else {
   const require = getRequire()
   if (require) {