javascript - 如何将简单的命令行 OCaml 脚本编译成 Javascript-6ren

javascript - 如何将简单的命令行 OCaml 脚本编译成 Javascript

转载作者：塔克拉玛干更新时间：2023-11-02 20:42:52

我有一个简单的命令行 OCaml 应用程序，它对 Sys.argv.(1) 执行计算并将结果输出到标准输出。我可以使用 js_of_ocaml 将其编译为 Javascript，但它会给我很多关于 caml_ml_output_char 未定义的错误。我通过删除 printfs 修复了这些错误，所以它运行了，但它在运行时卡住了 firefox。

如何将简单的 OCaml 命令行脚本清晰地编译成基于 Javascript 的网页；不维护 fork 版本或卡住浏览器？

最佳答案

您可能想要使用网络 worker ，因为运行不是围绕 UI 线程中的 Javascript 协作式多任务处理设计的软件可能会导致浏览器锁定。您可以将以下 header 添加到 OCaml 文件的顶部以重载正常的 OCaml Sys 和打印实现

(* JsHeader.ml *)
let output_buffer_ = Buffer.create 1000
let flush x=let module J = Js.Unsafe in let () = J.call 
        (J.variable "postMessage") (J.variable "self")
        [|J.inject (Js.string (Buffer.contents output_buffer_))|]
     in Buffer.clear output_buffer_

let print_string = Buffer.add_string output_buffer_
let print_char = Buffer.add_char output_buffer_
let print_newline () = print_char '\n'
let print_endline s = print_string (s^"\n"); flush ()
let caml_ml_output_char = print_char
let printf fmt = Printf.bprintf output_buffer_ fmt
module Printf = struct
    include Printf
    let printf fmt = Printf.bprintf output_buffer_ fmt
end

传递命令行参数的最自然方式是通过发送给网络 worker 的 URL。我们可以覆盖 Ocaml Sys 模块，而不是将 ?argv 读取为空终止字符串序列。

module Sys = struct
    let char_split delim s = (*Str.split is overkill*)
        let hd = ref "" in let l = ref [] in 
        String.iter (fun c -> 
            if c = delim
            then  (l := (!hd)::(!l); hd := "")
            else hd := (!hd) ^ (String.make 1 c)
        ) s;
        List.rev ((!hd)::(!l)) 
    let getenv x = List.assoc x Url.Current.arguments
    let argv = Array.of_list (char_split '\x00' (getenv "?argv"))
    let executable_name = argv.(0)
end

现在我们已经输入了标题，我们可以输入一个简单的 OCaml 命令行程序:

(* cli.ml *)
let _ = print_string (Array.fold_left (^) "" (Array.make 40 (String.lowercase (Sys.argv.(1)^"\n"))) )

此命令行程序依赖操作系统刷新输出，但我们必须手动刷新输出。您可能还想发送一个空字符，以便 Javascript 知道该命令已完成。这可以通过附加以下页脚来实现。

(* JsFooter.ml *)
let _ = flush stdout; print_endline "\x00"

我们可以按如下方式加入文件并编译它们:

 cat JsHeader.ml cli.ml JsFooter.ml > merged.ml
 ocamlbuild -use-menhir -menhir "menhir" \
   -pp "camlp4o -I /opt/local/lib/ocaml/site-lib js_of_ocaml/pa_js.cmo" \
   -cflags -I,+js_of_ocaml,-I,+site-lib/js_of_ocaml -libs js_of_ocaml \
   -lflags -I,+js_of_ocaml,-I,+site-lib/js_of_ocaml merged.byte
 js_of_ocaml merged.byte

现在我们已经创建了 merged.js 文件，我们可以将 javascript 包装在一个简单的网页中，如下所示:

<html>
<head>
<meta http-equiv="Content-Type" content="text/xhtml+xml; charset=UTF-8" />
<title>ml2js sample_cli</title>
<script type="text/javascript">
<!--
var worker;
function go () {
  var output=document.getElementById ("output");
  var argv = encodeURIComponent("/bin/sample_cli\0"+document.getElementById ("input").value);
  if (worker) {
    worker.terminate();
  }
  worker = new Worker ("sample_cli.js?argv="+argv);
  document.getElementById ("output").value="";
  worker.onmessage = function (m) {
    if (typeof m.data == 'string') {
    if (m.data == "\0\n") {
        output.scrollTop = output.scrollHeight
    } else {
        output.value+=m.data;
    }
    }
  }
}
//-->
</script>
</head>

<body onload=go()>
<textarea id="input" rows="2" cols="60" onkeyup="go()" onchange="go()" style="width:90%">SAMPLE_INPUT</textarea> 
<button onclick="go()">go</button><br>
<textarea id="output" rows="0" cols="60" style="width:100%;height:90%" readonly onload=go()>
Your browser does not seem to support Webworkers.
Try Firefox, Chrome or IE10+. 
</textarea>
</body>

</html>