`JS::Object#await` is unavailable inside Proc converted into JS closure
オープン
まだ誰も着手していません。
- 主要言語
- Ruby
- スター
- 875
- フォーク
- 68
- 平均マージ
- 9日 5時間
- マージ済み PR（30日）
- 1
説明
Reproducer
<html>
<script src="https://cdn.jsdelivr.net/npm/@ruby/3.3-wasm-wasi@2.6.0/dist/browser.script.iife.js"></script>
<script type="text/ruby" data-eval="async">
require "js"
JS.global.setTimeout(-> {
JS.global[:Promise].resolve.await
}, 0)
</script>
</html>
browser.script.iife.js:2731 Uncaught Error: /bundle/gems/js-2.6.0/lib/js.rb:86:in `await': JS::Object#await can be called only from RubyVM#evalAsync or RbValue#callAsync JS API
If you are using browser.script.iife.js, please ensure that you specify `data-eval="async"` in your script tag
e.g. <script type="text/ruby" data-eval="async">puts :hello</script>
Or <script type="text/ruby" data-eval="async" src="path/to/script.rb"></script> (RuntimeError)
/bundle/gems/js-2.6.0/lib/js.rb:240:in `await'
eval_async:9:in `block in <main>'
at checkStatusTag (browser.script.iife.js:2731:21)
at browser.script.iife.js:2766:11
at wrapRbOperation (browser.script.iife.js:2738:18)
at callRbMethod (browser.script.iife.js:2764:14)
at RbValue.call (browser.script.iife.js:2547:30)
at browser.script.iife.js:2322:38
Workaround
Wrap the block with Fiber.new do ... end.transfer.
JS.global.setTimeout(-> {
Fiber.new do
JS.global[:Promise].resolve.await
end.transfer
}, 0)
Solutions
We have several options to solve the issue
- Always enter the body of Proc in Ruby with
callAsyncinstead ofcall- https://github.com/ruby/ruby.wasm/blob/dc9921a39c42cde001478622058531fc7ebf94e4/packages/npm-packages/ruby-wasm-wasi/src/vm.ts#L101C1-L106C9
- It's no use to manually choose whether
call/callAsyncandeval/evalAsync
- Add conversion method to create an async version of JS function from proc.
- e.g.
JS.global.setTimeout(JS.async do
JS.global[:Promise].resolve.await
end, 0)
コントリビューションガイド
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
調査の方向性
この issue の JS::Object#await の再現例と回避策から始め、次にリンクされている call/callAsync 実装の周辺にある packages/npm-packages/ruby-wasm-wasi/src/vm.ts を調べてください。setTimeout の Proc コールバックがどのように Ruby に入るかを比較し、提案されている方向性のうち、どれが非同期動作を維持するかを判断してください。コールバックが手動の Fiber 転送を必要とせずに Promise を await できれば完了です。
索引モデルが issue の本文から書いたものです。
評価
- 技術スタック
- javascript, ruby, wasm
- 領域
- devtools, web-dev
- issue の種類
- バグ
- 難易度
- 4/5
- 見積もり時間
- 3〜5日
- 活発さ
- 停滞
- 明瞭さ
- おおむね明確
- 初心者へのやさしさ
- 35/100