chore: add wasm build and instructions

README.md

@@ -1 +1,8 @@
 # playground
+
+## Development
+
+Assuming the oxc repository is in `../oxc`:
+
+- in a different terminal and in the `oxc` repository: `just watch-wasm`
+- in this repo: `pnpm run dev`

package.json

@@ -31,7 +31,8 @@
     "tailwindcss": "^3.4.3",
     "ts-node": "^10.9.2",
     "typescript": "^5.4.5",
-    "vite": "^5.2.11"
+    "vite": "^5.2.11",
+    "@oxc/oxc_wasm": "link:../oxc/npm/oxc-wasm"
   },
   "dependencies": {
     "@radix-icons/vue": "^1.0.0",

src/main.ts

@@ -3,4 +3,36 @@ import App from "./App.vue";
 import "./assets/index.css";
 import "./assets/reset.css";
 
-createApp(App).mount("#app");
+import initWasm, {
+  Oxc,
+  OxcRunOptions,
+  OxcParserOptions,
+  OxcLinterOptions,
+  OxcMinifierOptions,
+  OxcCodegenOptions,
+} from "@oxc/oxc_wasm";
+
+async function main() {
+  await initWasm();
+
+  // Just a demo
+  const oxc = new Oxc();
+  const runOptions = new OxcRunOptions();
+  const parserOptions = new OxcParserOptions();
+  const codegenOptions = new OxcCodegenOptions();
+  const linterOptions = new OxcLinterOptions();
+  const minifierOptions = new OxcMinifierOptions();
+  oxc.sourceText = "const foo = bar;";
+  oxc.run(
+    runOptions,
+    parserOptions,
+    linterOptions,
+    codegenOptions,
+    minifierOptions,
+  );
+  console.log(oxc.ast);
+
+  createApp(App).mount("#app");
+}
+
+main();

vite.config.ts

@@ -10,4 +10,9 @@ export default defineConfig({
       src: path.resolve(__dirname, "./src"),
     },
   },
+  server: {
+    fs: {
+      allow: [__dirname, "../oxc/npm/oxc-wasm"],
+    },
+  },
 });