fix: oxc-parser wasm issue (#484)

apps/www/package.json

@@ -50,6 +50,7 @@
     "@iconify-json/simple-icons": "^1.1.94",
     "@iconify-json/tabler": "^1.1.106",
     "@iconify/vue": "^4.1.1",
+    "@oxc-parser/wasm": "^0.1.0",
     "@shikijs/transformers": "^1.3.0",
     "@types/lodash.template": "^4.5.3",
     "@types/node": "^20.12.7",
@@ -60,7 +61,6 @@
     "@vue/tsconfig": "^0.5.1",
     "autoprefixer": "^10.4.19",
     "lodash.template": "^4.5.0",
-    "oxc-parser": "^0.8.0",
     "pathe": "^1.1.2",
     "rimraf": "^5.0.5",
     "shiki": "^1.3.0",

apps/www/src/lib/registry/registry.ts

@@ -1,7 +1,7 @@
 import { readFile, readdir } from 'node:fs/promises'
 import { join, normalize, resolve } from 'pathe'
 import { compileScript, parse } from 'vue/compiler-sfc'
-import oxc from 'oxc-parser'
+import { parseSync } from '@oxc-parser/wasm'
 
 import type { Registry } from '../../lib/registry'
 
@@ -162,12 +162,12 @@ async function getDependencies(filename: string) {
   }
 
   if (filename.endsWith('.ts')) {
-    const ast = oxc.parseSync(code, {
+    const ast = parseSync(code, {
       sourceType: 'module',
       sourceFilename: filename,
     })
 
-    const sources = JSON.parse(ast.program).body.filter((i: any) => i.type === 'ImportDeclaration').map((i: any) => i.source)
+    const sources = ast.program.body.filter((i: any) => i.type === 'ImportDeclaration').map((i: any) => i.source)
     sources.forEach((source: any) => {
       populateDeps(source.value)
     })

packages/module/package.json

@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@nuxt/kit": "^3.11.2",
-    "oxc-parser": "^0.8.0"
+    "@oxc-parser/wasm": "^0.1.0"
   },
   "devDependencies": {
     "@nuxt/devtools": "latest",

packages/module/src/module.ts

@@ -1,7 +1,7 @@
 import { readFileSync, readdirSync } from 'node:fs'
 import { join } from 'node:path'
 import { addComponent, createResolver, defineNuxtModule } from '@nuxt/kit'
-import oxc from 'oxc-parser'
+import { parseSync } from '@oxc-parser/wasm'
 
 // TODO: add test to make sure all registry is being parse correctly
 // Module options TypeScript interface definition
@@ -44,14 +44,12 @@ export default defineNuxtModule<ModuleOptions>({
           try {
             const filePath = await resolvePath(join(COMPONENT_DIR_PATH, dir, 'index'), { extensions: ['.ts', '.js'] })
             const content = readFileSync(filePath, { encoding: 'utf8' })
-            const ast = oxc.parseSync(content, {
+            const ast = parseSync(content, {
               sourceType: 'module',
               sourceFilename: filePath,
             })
-            const program = JSON.parse(ast.program)
 
-            const exportedKeys: string[] = program.body
-            // @ts-expect-error parse return any
+            const exportedKeys: string[] = ast.program.body
               .filter(node => node.type === 'ExportNamedDeclaration')
             // @ts-expect-error parse return any
               .flatMap(node => node.specifiers.map(specifier => specifier.exported.name))