ScottTodd · October 21, 2023 04:52
diff --git a/mlir_emscripten.md b/mlir_emscripten.md
diff --git a/mlir_emscripten_demo.html b/mlir_emscripten_demo.html
 <html>

 <head>
  <title>MLIR Emscripten Demo</title>
 </head>

 <body>

  <p>MLIR input:</p>
  <textarea id="opt_input" name="opt_input" rows="6" cols="80">
 func @simple_constant() -> (i32, i32) {
  %0 = constant 1 : i32
  %1 = constant 1 : i32
  return %0, %1 : i32, i32
 }</textarea>
  <p>mlir-opt flags (space-delimited):</p>
  <textarea id="opt_flags" name="opt_flags" rows="1" cols="80">-cse -canonicalize</textarea>
  <p>MLIR output:</p>
  <textarea id="opt_output" name="opt_output" rows="8" cols="80"></textarea>
  <p><button onclick="runMlirOpt()">Run mlir-opt</button></p>

  <script>
    const optInput = document.getElementById("opt_input");
    const optFlags = document.getElementById("opt_flags");
    const optOutput = document.getElementById("opt_output");

    var Module = {
      print: function (text) {
        optOutput.textContent += text + "\n";
      },
      printErr: function (text) { console.warn(text); },
      onRuntimeInitialized: function () {
        console.log("onRuntimeInitialized");
      },
      // https://emscripten.org/docs/api_reference/module.html#Module.noInitialRun
      noInitialRun: true,
    };

    function runMlirOpt() {
      // TODO(scotttodd): wait until initialized ;)
      console.log("running mlir-opt...");

      // https://emscripten.org/docs/api_reference/Filesystem-API.html#FS.writeFile
      // We could also use stdin: https://stackoverflow.com/a/33119868
      FS.writeFile("input.mlir", optInput.value);

      // TODO(scotttodd): sanitize (remove trailing spaces, etc.)
      const flags = optFlags.value.split(" ");
      flags.push("input.mlir");
      callMain(flags);

      // TODO(scotttodd): dedicated binary with functions to call, rather than one-shot CLI
    }
  </script>
  <script src="mlir-opt.js"></script>

 </body>

 </html>
	<html>

	<head>
	<title>MLIR Emscripten Demo</title>
	</head>

	<body>

	<p>MLIR input:</p>
	<textarea id="opt_input" name="opt_input" rows="6" cols="80">
	func @simple_constant() -> (i32, i32) {
	%0 = constant 1 : i32
	%1 = constant 1 : i32
	return %0, %1 : i32, i32
	}</textarea>
	<p>mlir-opt flags (space-delimited):</p>
	<textarea id="opt_flags" name="opt_flags" rows="1" cols="80">-cse -canonicalize</textarea>
	<p>MLIR output:</p>
	<textarea id="opt_output" name="opt_output" rows="8" cols="80"></textarea>
	<p><button onclick="runMlirOpt()">Run mlir-opt</button></p>

	<script>
	const optInput = document.getElementById("opt_input");
	const optFlags = document.getElementById("opt_flags");
	const optOutput = document.getElementById("opt_output");

	var Module = {
	print: function (text) {
	optOutput.textContent += text + "\n";
	},
	printErr: function (text) { console.warn(text); },
	onRuntimeInitialized: function () {
	console.log("onRuntimeInitialized");
	},
	// https://emscripten.org/docs/api_reference/module.html#Module.noInitialRun
	noInitialRun: true,
	};

	function runMlirOpt() {
	// TODO(scotttodd): wait until initialized ;)
	console.log("running mlir-opt...");

	// https://emscripten.org/docs/api_reference/Filesystem-API.html#FS.writeFile
	// We could also use stdin: https://stackoverflow.com/a/33119868
	FS.writeFile("input.mlir", optInput.value);

	// TODO(scotttodd): sanitize (remove trailing spaces, etc.)
	const flags = optFlags.value.split(" ");
	flags.push("input.mlir");
	callMain(flags);

	// TODO(scotttodd): dedicated binary with functions to call, rather than one-shot CLI
	}
	</script>
	<script src="mlir-opt.js"></script>

	</body>

	</html>