Merge pull request wasmerio#380 from wasmerio/auto-build-markdown-renderer

Wire up `vite.config.js` to automatically compile the `markdown-renderer` crate

Author: Michael Bryan

.github/workflows/ci.yml

@@ -70,9 +70,6 @@ jobs:
       - name: Build the Markdown Editor Example
         run: |
           npm install
-          pushd markdown-renderer
-          cargo build --release --target=wasm32-wasi
-          popd
           npm run build
         working-directory: "examples/markdown-editor"
       - name: Build the (Improved) Markdown Editor Example

examples/markdown-editor/tsconfig.json

@@ -2,6 +2,9 @@
     "compilerOptions": {
         "lib": [
             "DOM"
-        ]
+        ],
+        "target": "ES2017",
+        "module": "ESNext",
+        "moduleResolution": "Bundler"
     }
 }

examples/markdown-editor/vite.config.js

@@ -1,4 +1,5 @@
 import { defineConfig } from "vite";
+import { exec } from "node:child_process";
 
 export default defineConfig({
     server: {
@@ -7,5 +8,26 @@ export default defineConfig({
             "Cross-Origin-Embedder-Policy": "require-corp",
         },
     },
+    plugins: [
+        {
+            name: "cargo-build",
+            buildStart: () => {
+                return new Promise((resolve, reject) => {
+                    exec(
+                        "cargo build --target=wasm32-wasi --manifest-path=markdown-renderer/Cargo.toml --release --quiet",
+                        (err, stdout, stderr) => {
+                            if (err) {
+                                console.log("Stdout:", stdout);
+                                console.log("Stderr:", stderr);
+                                reject(err);
+                            } else {
+                                resolve();
+                            }
+                        }
+                    );
+                });
+            }
+        },
+    ]
 });