fix: use @oxc-parser/wasm in stackblitz env (#3388)

Author: BobbieGoede

package.json

@@ -103,6 +103,7 @@
     "@intlify/utils": "^0.13.0",
     "@miyaneee/rollup-plugin-json5": "^1.2.0",
     "@nuxt/kit": "^3.15.4",
+    "@oxc-parser/wasm": "^0.53.0",
     "@rollup/plugin-yaml": "^4.1.2",
     "@vue/compiler-sfc": "^3.5.13",
     "debug": "^4.3.5",
@@ -115,6 +116,7 @@
     "oxc-parser": "^0.53.0",
     "pathe": "^1.1.1",
     "scule": "^1.1.1",
+    "std-env": "^3.8.0",
     "ufo": "^1.3.1",
     "unplugin": "^1.10.1",
     "unplugin-vue-router": "^0.10.8",

pnpm-lock.yaml

@@ -19,6 +19,7 @@ import { prepareLayers } from './prepare/layers'
 import { prepareTranspile } from './prepare/transpile'
 import { prepareVite } from './prepare/vite'
 import { prepareTypeGeneration } from './prepare/type-generation'
+import { initParser } from './utils/parse'
 
 export * from './types'
 
@@ -35,6 +36,8 @@ export default defineNuxtModule<NuxtI18nOptions>({
   async setup(i18nOptions, nuxt) {
     const ctx = createContext(i18nOptions, nuxt)
 
+    await initParser()
+
     /**
      * Prepare options
      */

src/module.ts

@@ -8,10 +8,10 @@
 import createDebug from 'debug'
 import MagicString from 'magic-string'
 import { walk } from 'estree-walker'
-import { parseSync } from 'oxc-parser'
 import { createUnplugin } from 'unplugin'
 import { parse as parseSFC } from '@vue/compiler-sfc'
 import { isVue } from './utils'
+import { parseSync } from '../utils/parse'
 import type { CallExpression, Pattern, Program } from 'estree'
 import type { BundlerPluginOptions } from './utils'
 

src/transform/i18n-function-injection.ts

@@ -2,11 +2,11 @@ import { promises as fs, readFileSync as _readFileSync, constants as FS_CONSTANT
 import { createHash, type BinaryLike } from 'node:crypto'
 import { resolvePath, useNuxt } from '@nuxt/kit'
 import { parse as parsePath, resolve, relative, join } from 'pathe'
-import { parseSync } from 'oxc-parser'
 import { defu } from 'defu'
 import { genSafeVariableName } from 'knitwork'
 import { isString, isArray } from '@intlify/shared'
 import { NUXT_I18N_MODULE_ID, EXECUTABLE_EXTENSIONS, NULL_HASH } from './constants'
+import { parseSync } from './utils/parse'
 
 import type { NuxtI18nOptions, LocaleInfo, VueI18nConfigPathInfo, LocaleType, LocaleFile, LocaleObject } from './types'
 import type { Nuxt, NuxtConfigLayer } from '@nuxt/schema'

src/utils.ts

@@ -0,0 +1,11 @@
+import { provider } from 'std-env'
+
+export let parseSync: typeof import('oxc-parser').parseSync
+
+export async function initParser() {
+  parseSync = await (
+    provider === 'stackblitz'
+      ? (import('@oxc-parser/wasm') as unknown as Promise<typeof import('oxc-parser')>)
+      : import('oxc-parser')
+  ).then(r => r.parseSync)
+}

src/utils/parse.ts

@@ -1,9 +1,10 @@
 import { generateLoaderOptions } from '../src/gen'
 import { getNormalizedLocales, resolveLocales, resolveRelativeLocales, resolveVueI18nConfigInfo } from '../src/utils'
-import { vi, beforeEach, afterEach, test, expect } from 'vitest'
+import { vi, beforeEach, afterEach, test, expect, beforeAll } from 'vitest'
 
 import type { LocaleInfo, LocaleObject, NuxtI18nOptions, VueI18nConfigPathInfo } from '../src/types'
 import type { Nuxt } from '@nuxt/schema'
+import { initParser } from '../src/utils/parse'
 
 vi.mock('node:fs')
 
@@ -29,6 +30,10 @@ vi.mock('@nuxt/kit', async () => {
   }
 })
 
+beforeAll(async () => {
+  await initParser()
+})
+
 beforeEach(async () => {
   vi.spyOn(await import('node:fs'), 'readFileSync').mockReturnValue('export default {}')
 })

test/gen.test.ts

@@ -1,7 +1,8 @@
 import { resolveLocales } from '../src/utils'
 import { parseSegment, getRoutePath } from '../src/utils/route-parsing'
 import type { LocaleObject } from '../src/types'
-import { vi, beforeEach, afterEach, test, expect } from 'vitest'
+import { vi, beforeEach, afterEach, test, expect, beforeAll } from 'vitest'
+import { initParser } from '../src/utils/parse'
 
 vi.mock('pathe', async () => {
   const mod = await vi.importActual<typeof import('pathe')>('pathe')
@@ -23,6 +24,10 @@ vi.mock('@nuxt/kit', () => {
 
 vi.mock('node:fs')
 
+beforeAll(async () => {
+  await initParser()
+})
+
 beforeEach(async () => {
   vi.spyOn(await import('node:fs'), 'readFileSync').mockReturnValue(
     'export default defineI18nLocale(() => { return {} })'