feat(wasm): add transformer target API (#7513)

crates/oxc_wasm/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "oxc_wasm",
+  "name": "@oxc/oxc_wasm",
   "type": "module",
   "collaborators": [
     "Boshen <boshenc@gmail.com>",
@@ -12,9 +12,6 @@
     "oxc_wasm.js",
     "oxc_wasm.d.ts"
   ],
-  "dependencies": {
-    "@oxc-project/types": "workspace:^"
-  },
   "main": "oxc_wasm.js",
   "types": "oxc_wasm.d.ts",
   "sideEffects": [
@@ -29,5 +26,8 @@
   ],
   "scripts": {
     "check": "tsc --lib es2020,dom ./oxc_wasm.d.ts"
+  },
+  "dependencies": {
+    "@oxc-project/types": "workspace:^"
   }
 }

crates/oxc_wasm/src/lib.rs

@@ -13,7 +13,6 @@ use oxc::{
     allocator::Allocator,
     ast::{ast::Program, Comment as OxcComment, CommentKind, Visit},
     codegen::{CodeGenerator, CodegenOptions},
-    diagnostics::Error,
     minifier::{CompressOptions, Minifier, MinifierOptions},
     parser::{ParseOptions, Parser, ParserReturn},
     semantic::{
@@ -71,9 +70,11 @@ pub struct Oxc {
     #[wasm_bindgen(readonly, skip_typescript, js_name = "prettierIrText")]
     pub prettier_ir_text: String,
 
+    #[serde(skip)]
     comments: Vec<Comment>,
 
-    diagnostics: RefCell<Vec<Error>>,
+    #[serde(skip)]
+    diagnostics: RefCell<Vec<oxc::diagnostics::OxcDiagnostic>>,
 
     #[serde(skip)]
     serializer: serde_wasm_bindgen::Serializer,
@@ -120,21 +121,24 @@ impl Oxc {
             .diagnostics
             .borrow()
             .iter()
-            .flat_map(|error| {
-                let Some(labels) = error.labels() else { return vec![] };
-                labels
-                    .map(|label| {
-                        OxcDiagnostic {
-                            start: label.offset(),
-                            end: label.offset() + label.len(),
-                            severity: format!("{:?}", error.severity().unwrap_or_default()),
-                            message: format!("{error}"),
-                        }
-                        .serialize(&self.serializer)
-                        .unwrap()
+            .flat_map(|error| match &error.labels {
+                Some(labels) => labels
+                    .iter()
+                    .map(|label| OxcDiagnostic {
+                        start: label.offset(),
+                        end: label.offset() + label.len(),
+                        severity: format!("{:?}", error.severity),
+                        message: format!("{error}"),
                     })
-                    .collect::<Vec<_>>()
+                    .collect::<Vec<_>>(),
+                None => vec![OxcDiagnostic {
+                    start: 0,
+                    end: 0,
+                    severity: format!("{:?}", error.severity),
+                    message: format!("{error}"),
+                }],
             })
+            .map(|v| v.serialize(&self.serializer).unwrap())
             .collect::<Vec<_>>())
     }
 
@@ -169,7 +173,7 @@ impl Oxc {
         let _linter_options = linter_options.unwrap_or_default();
         let minifier_options = minifier_options.unwrap_or_default();
         let _codegen_options = codegen_options.unwrap_or_default();
-        let _transform_options = transform_options.unwrap_or_default();
+        let transform_options = transform_options.unwrap_or_default();
         let control_flow_options = control_flow_options.unwrap_or_default();
 
         let allocator = Allocator::default();
@@ -222,7 +226,7 @@ impl Oxc {
         });
         if run_options.syntax.unwrap_or_default() {
             self.save_diagnostics(
-                errors.into_iter().chain(semantic_ret.errors).map(Error::from).collect::<Vec<_>>(),
+                errors.into_iter().chain(semantic_ret.errors).collect::<Vec<_>>(),
             );
         }
 
@@ -242,13 +246,23 @@ impl Oxc {
         }
 
         if run_options.transform.unwrap_or_default() {
-            let options = TransformOptions::enable_all();
+            let options = transform_options
+                .target
+                .as_ref()
+                .and_then(|target| {
+                    TransformOptions::from_target(target)
+                        .map_err(|err| {
+                            self.save_diagnostics(vec![oxc::diagnostics::OxcDiagnostic::error(
+                                err,
+                            )]);
+                        })
+                        .ok()
+                })
+                .unwrap_or_default();
             let result = Transformer::new(&allocator, &path, &options)
                 .build_with_symbols_and_scopes(symbols, scopes, &mut program);
             if !result.errors.is_empty() {
-                self.save_diagnostics(
-                    result.errors.into_iter().map(Error::from).collect::<Vec<_>>(),
-                );
+                self.save_diagnostics(result.errors.into_iter().collect::<Vec<_>>());
             }
         }
 
@@ -294,7 +308,7 @@ impl Oxc {
                 .build(program);
             let semantic = Rc::new(semantic_ret.semantic);
             let linter_ret = Linter::default().run(path, Rc::clone(&semantic));
-            let diagnostics = linter_ret.into_iter().map(|e| Error::from(e.error)).collect();
+            let diagnostics = linter_ret.into_iter().map(|e| e.error).collect();
             self.save_diagnostics(diagnostics);
         }
     }
@@ -389,7 +403,7 @@ impl Oxc {
         writer.scope_text
     }
 
-    fn save_diagnostics(&self, diagnostics: Vec<Error>) {
+    fn save_diagnostics(&self, diagnostics: Vec<oxc::diagnostics::OxcDiagnostic>) {
         self.diagnostics.borrow_mut().extend(diagnostics);
     }
 

crates/oxc_wasm/src/options.rs

@@ -70,9 +70,10 @@ pub struct OxcLinterOptions {}
 #[derive(Debug, Default, Clone, Deserialize, Tsify)]
 #[tsify(from_wasm_abi)]
 #[serde(rename_all = "camelCase")]
-// allow empty object for future compatibility
-#[allow(clippy::empty_structs_with_brackets)]
-pub struct OxcTransformerOptions {}
+pub struct OxcTransformerOptions {
+    #[tsify(optional)]
+    pub target: Option<String>,
+}
 
 #[derive(Debug, Default, Clone, Deserialize, Tsify)]
 #[tsify(from_wasm_abi)]

justfile

@@ -143,9 +143,9 @@ watch-wasm:
   just watch 'just build-wasm dev'
 
 build-wasm mode="release":
-  wasm-pack build --out-dir ../../npm/oxc-wasm --target web --{{mode}} --scope oxc crates/oxc_wasm
-  echo '*.wasm' > npm/oxc-wasm/.gitignore
+  wasm-pack build crates/oxc_wasm --mode no-install --no-pack --target web --scope oxc --out-dir ../../npm/oxc-wasm --{{mode}}
   cp crates/oxc_wasm/package.json npm/oxc-wasm/package.json
+  rm npm/oxc-wasm/.gitignore
 
 # Generate the JavaScript global variables. See `tasks/javascript_globals`
 javascript-globals:

npm/oxc-wasm/oxc_wasm.d.ts

@@ -6,6 +6,32 @@
  * @returns {any}
  */
 export function browserslist(query: string, opts: any): any;
+
+import type { Program, Span } from "@oxc-project/types";
+export * from "@oxc-project/types";
+
+
+export interface Oxc {
+    ast: Program;
+    ir: string;
+    controlFlowGraph: string;
+    symbols: SymbolTable;
+    scopeText: string;
+    codegenText: string;
+    formattedText: string;
+    prettierFormattedText: string;
+    prettierIrText: string;
+}
+
+export interface Comment {
+    type: CommentType;
+    value: string;
+    start: number;
+    end: number;
+}
+
+export type CommentType = "Line" | "Block";
+
 export interface OxcOptions {
     run?: OxcRunOptions;
     parser?: OxcParserOptions;
@@ -37,7 +63,9 @@ export interface OxcParserOptions {
 
 export interface OxcLinterOptions {}
 
-export interface OxcTransformerOptions {}
+export interface OxcTransformerOptions {
+    target?: string;
+}
 
 export interface OxcCodegenOptions {
     indentation?: number;
@@ -66,34 +94,6 @@ export interface OxcCompressOptions {
 }
 
 
-import type { Program, Span } from "@oxc-project/types";
-export * from "@oxc-project/types";
-
-
-export interface Oxc {
-    ast: Program;
-    ir: string;
-    controlFlowGraph: string;
-    symbols: SymbolTable;
-    scopeText: string;
-    codegenText: string;
-    formattedText: string;
-    prettierFormattedText: string;
-    prettierIrText: string;
-    comments: Comment[];
-    diagnostics: Error[];
-}
-
-export interface Comment {
-    type: CommentType;
-    value: string;
-    start: number;
-    end: number;
-}
-
-export type CommentType = "Line" | "Block";
-
-
 export type IndexVec<I, T> = Array<T>;
 export type CompactStr = string;
 

npm/oxc-wasm/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "oxc_wasm",
+  "name": "@oxc/oxc_wasm",
   "type": "module",
   "collaborators": [
     "Boshen <boshenc@gmail.com>",
@@ -12,9 +12,6 @@
     "oxc_wasm.js",
     "oxc_wasm.d.ts"
   ],
-  "dependencies": {
-    "@oxc-project/types": "workspace:^"
-  },
   "main": "oxc_wasm.js",
   "types": "oxc_wasm.d.ts",
   "sideEffects": [
@@ -29,5 +26,8 @@
   ],
   "scripts": {
     "check": "tsc --lib es2020,dom ./oxc_wasm.d.ts"
+  },
+  "dependencies": {
+    "@oxc-project/types": "workspace:^"
   }
 }