修改 quickjs 以导入 rust 函数 —— 一种扩展北海的新思路

代码库

起因

北海在新窗口打开 是基于 Flutter 构建高性能 Web 渲染引擎,它使用了 quickjs在新窗口打开,作为脚本引擎。

我期望用 rust 写一些北海的扩展。

北海 支持用 dart 写扩展在新窗口打开

flutter_rust_bridge在新窗口打开 可以打通 rustdart

结合以上两点,用 rust 写北海的扩展不难。
但,此方案性能开销感觉比较大,因为 dart 调用 rust 有一次性能损耗,quickjs 调用 dart 又有一次性能损耗。

另一方面,虽然 rust 社区有 rquickjs在新窗口打开 这种在 rust 中调用 quickjs 库。
但,它们是调用 quickjs 而不是嵌入 quickjs,也没法用来魔改 quickjs

在此代码库中,我实现一种新方案:直接修改 quickjs 源代码,使其支持 rust 扩展。

这是一个通用的解决方案,不仅仅可以用于修改北海,在所有嵌入了 quickjs 框架和库都适用。

演示

test.js 代码如下 :

const try_run = (func, ...args) => {
  try {
    func(...args)
  } catch (err) {
    console.log('❌', err.message)
    console.log(err.stack)
  }
};

import * as rust from 'rust'
console.log("export from rust :", Object.keys(rust))

import {
  fib,
  sleep
} from 'rust'

(async () => {

  console.log('begin sleep 2s')
  await sleep(2000);
  console.log('sleep done')

  console.log('fib(3) =', fib(3));

  console.log("try catch example :")
  try_run(fib);
  try_run(fib, '*');

})()

运行 ./quickjs/qjs test.js, 输出 :

export from rust : fib,sleep
begin sleep 2s
sleep done
fib(3) = 6
try catch example :
❌ miss : args need 1 pass 0
    at fib (native)
    at try_run (test.js:8)
    at <anonymous> (test.js:27)

❌ not number : args position 0
    at fib (native)
    at try_run (test.js:6)
    at <anonymous> (test.js:28)

fib 在 rust 中的实现

js 中导入的 fib 函数来自 rust/src/export/fib.rs ,代码如下 :

use crate::js::{self, arg};
use quickjs_ffi::{JSContext, JSValue};
use rust_macro::js;
use std::os::raw::c_int;

#[js]
pub fn fib(n: i64) -> i64 {
  if n <= 1 {
    return if n == 1 { 1 } else { 0 };
  }
  n + fib(n - 1)
}

#[no_mangle]
pub extern "C" fn js_fib(
  ctx: *mut JSContext,
  _this: JSValue,
  argc: c_int,
  argv: *mut JSValue,
) -> JSValue {
  if let Err(err) = arg::arg_miss(ctx, argc, fib_args_len) {
    return err;
  }
  match arg::arg_i64(ctx, argv, 0) {
    Err(err) => err,
    Ok(n) => js::val(ctx, fib(n)),
  }
}

目前,过程宏 #[js] 只是添加了一个常量 fib_args_len,标识函数的参数个数。

日后,可以进一步编写过程宏 ./rust_macro 以实现全自动的函数导出。

异步函数 sleep 在 rust 中的实现

js 中导入的 sleep 函数来自 rust/src/export/sleep.rs ,代码如下 :

use crate::{js::arg, qjs::run};
use async_io::Timer;
use quickjs_ffi::{JSContext, JSValue};
use rust_macro::js;
use std::{os::raw::c_int, time::Duration};

#[js]
pub async fn sleep(n: u64) {
  Timer::after(Duration::from_millis(n)).await;
}

#[no_mangle]
pub extern "C" fn js_sleep(
  ctx: *mut JSContext,
  _this: JSValue,
  argc: c_int,
  argv: *mut JSValue,
) -> JSValue {
  if let Err(err) = arg::arg_miss(ctx, argc, sleep_args_len) {
    return err;
  }
  match arg::arg_i64(ctx, argv, 0) {
    Err(err) => err,
    Ok(n) => run(ctx, async move {
      sleep(n as u64).await;
      Ok(())
    }),
  }
}

从上面可以看到,所有导出的函数都定义在目录 ./rust/src/export 中,这个目录的 mod.rs 会在运行 ./rust/build.xsh 自动生成,导出其下所有的 .rs 文件。

js 传入参数的读取和校验

参数的读取和校验在 src/js/arg.rs 中,代码如下 :

use crate::js::throw;

use quickjs_ffi::{JSContext, JSValue, JS_IsNumber, JS_ToInt64};
use std::{mem::MaybeUninit, os::raw::c_int};

pub(crate) fn arg_miss(ctx: *mut JSContext, argc: c_int, need: c_int) -> Result<(), JSValue> {
  if argc < need {
    throw(ctx, format!("miss : args need {need} pass {argc}"))?
  }
  Ok(())
}

pub(crate) fn arg_i64(ctx: *mut JSContext, argv: *mut JSValue, pos: isize) -> Result<i64, JSValue> {
  unsafe {
    let val = *argv.offset(pos);
    if JS_IsNumber(val) == 0 {
      throw(ctx, format!("not number : args position {pos}"))?
    }
    let mut n = MaybeUninit::uninit();
    JS_ToInt64(ctx, n.as_mut_ptr() as _, val);
    Ok(n.assume_init())
  }
}

目前只提供了参数个数的校验,以及对 i64 类型参数的读取。

可以按需求自行添加,读取函数参见 qjs_sys在新窗口打开 中以 JS_To 开头的函数。

从 rust 到 js 数据类型转换

类型转换在 src/js/val.rs 中,代码如下 :

use quickjs_ffi::{JSContext, JSValue, JS_NewInt64, JS_NewString, JS_NULL, JS_UNDEFINED};
use std::ffi::CString;

pub enum Val {
  None,
  Undefined,
  I64(i64),
  CString(CString),
}

impl From<()> for Val {
  fn from(_: ()) -> Self {
    Val::Undefined
  }
}

impl From<i64> for Val {
  fn from(t: i64) -> Self {
    Val::I64(t)
  }
}

impl From<CString> for Val {
  fn from(t: CString) -> Self {
    Val::CString(t)
  }
}

pub(crate) fn val(ctx: *mut JSContext, t: impl Into<Val>) -> JSValue {
  match t.into() {
    Val::None => JS_NULL,
    Val::Undefined => JS_UNDEFINED,
    Val::I64(n) => unsafe { JS_NewInt64(ctx, n) },
    Val::CString(cstr) => unsafe { JS_NewString(ctx, cstr.as_ptr()) },
  }
}

目前只定义了 None()i64、CString 这 4 种类型到 js 的转换,可以根据需要自己添加。

更多数据类型的声明方式可参见 qjs_sys在新窗口打开 中以 JS_New 开头的函数。

开发环境

我是在苹果笔记本上开发的,rust 用的是 1.62.0-nightly。

先安装 direnv在新窗口打开 ,进入目录后,direnv allow 一下

安装 python3,然后 pip3 install -r ./requirements.txt

运行 ./build.xsh 即可编译并运行演示

默认是会克隆 quickjs 的官方仓库,如果想修改北海仓库的中的 quickjs,先

git clone --recursive git@github.com:openkraken/kraken.git --depth=1

然后进行如下操作

rm -rf quickjs
ln -s ../kraken/bridge/third_party/quickjs .

最后重新运行 ./build.xsh

目录结构

  • ./quickjs_rust
    修改 quickjs 代码的 c 文件

  • ./quickjs_ffi
    导出 quickjs 头文件的函数到 rust

  • ./rust
    rust 实现 quickjs 中的函数

    • ./rust/src/qjs.rs
      异步调用的实现。因为 quickjs 是单线程的,所以涉及 quckjs 函数调用都写在主线程。
  • ./rust_macro
    rust 过程宏 #[js] 的实现

    未来可以参考 wasmedge-quickjs 实现 rust 函数自动导出为 js 函数。wasmedge-quickjs → JsFunctionTrampoline在新窗口打开

构建脚本 build.xsh

不多说,直接看 build.xsh 构建脚本源代码

#!/usr/bin/env xonsh

from pathlib import Path
from os.path import dirname,abspath,exists,join
PWD = dirname(abspath(__file__))
cd @(PWD)

p".xonshrc".exists() && source .xonshrc

quickjs = 'quickjs'

if not exists(quickjs):
  git clone git@github.com:bellard/@(quickjs).git --depth=1

./quickjs_rust/patch.py

./rust/build.xsh
./quickjs_rust/gen.py

def ln_s(li):
  for arg in li.split(' '):
    fp = join(quickjs,arg)
    if not exists(fp):
      ln -s @(PWD)/@(arg) @(fp)

ln_s('quickjs_rust rust quickjs_ffi rust_macro')

cd @(quickjs)
make qjs

cd @(PWD)
./quickjs/qjs --unhandled-rejection -m test.js 2>&1 | tee test.js.out

原理解析

quickjs_rust/patch.py

运行 ./quickjs_rust/patch.py 会对 quickjs 源码做一些小修改。

其中 JS_AddRust 是用来注入 rust 模块的函数。

JS_ExecutePendingJob 中注入了 rust_run 来调用异步函数。

全部改动截图如下 :

quickjs_rust.h

从上面改动,可以看到,我们引入了一个新的头文件 quickjs_rust.h ,其代码如下

#ifndef QUICKJS_RUST_H
#define QUICKJS_RUST_H

#include "../quickjs/quickjs.h"
#include "../rust/rust.h"

#define countof(x) (sizeof(x) / sizeof((x)[0]))
#define JS_RUSTFUNC_DEF(name) JS_CFUNC_DEF(#name, name##_args_len, js_##name)
#include "./js_rust_funcs.h"

static const unsigned int js_rust_funcs_count = countof(js_rust_funcs);

static int
js_rust_init(JSContext* ctx, JSModuleDef* m)
{
  return JS_SetModuleExportList(ctx, m, js_rust_funcs,
      js_rust_funcs_count);
}

#define JS_INIT_MODULE js_init_module_rust

JSModuleDef* JS_INIT_MODULE(JSContext* ctx, const char* module_name)
{
  JSModuleDef* m;
  m = JS_NewCModule(ctx, module_name, js_rust_init);
  if (!m)
    return NULL;
  js_rust_init(ctx, m);
  return m;
}

void JS_AddRust(JSContext* ctx, JSRuntime* rt)
{
  JSModuleDef* m = JS_INIT_MODULE(ctx, "rust");
  for (unsigned int i = 0; i < js_rust_funcs_count; i++) {
    JS_AddModuleExport(ctx, m, js_rust_funcs[i].name);
  }
  rust_init(ctx, rt);
}

#endif

rust/rust.h

可以看到 quickjs_rust/quickjs_rust.h 引入了 quickjs_rust/js_rust_funcs.h,此是根据 rust 导出函数的头文件 rust/rust.h 自动生成的,不要手工修改。

rust/rust.h 是在 ./rust/build.xsh 中调用 cbindgen 生成的。

rust/build.xsh

#!/usr/bin/env xonsh

from os.path import dirname,abspath
import platform
PWD = dirname(abspath(__file__))
cd @(PWD)

p"../.xonshrc".exists() && source ../.xonshrc

./src/export/mod.gen.py

system = platform.system().lower()
if system == 'darwin':
  system = f'apple-{system}'

TARGET=f'{platform.machine()}-{system}'

def cbindgen():
  cbindgen -q --config cbindgen.toml --crate rust --output rust.h

try:
  cbindgen()
except:
  cargo clean
  cbindgen()

cargo build \
--release \
-Z build-std=std,panic_abort \
-Z build-std-features=panic_immediate_abort \
--target @(TARGET)

mv ./target/@(TARGET)/release/librust.a ./target/release

开发备忘

quickjs_ffi

代码来自 quijine/main/quijine_core/src/ffi.rs在新窗口打开

做了一些小修改,替换

pub use libquickjs_sys::*;

#![allow(non_upper_case_globals)]
#![allow(non_camel_case_types)]
#![allow(non_snake_case)]

include!(concat!(env!("OUT_DIR"), "/c.rs"));

Undefined symbols for architecture x86_64: "_JS_ToInt32"

修改 './rust/Cargo.toml' 如下,只保留 staticlib

[lib]
#crate-type = ["lib", "cdylib", "staticlib"]
crate-type = ["staticlib"]

参考文献

  1. JS 引擎到 JS 运行时 (上)在新窗口打开 (下)在新窗口打开
  2. 使用 C 语言为 QuickJS 开发一个原生模块在新窗口打开
  3. Use Rust to implement JS API在新窗口打开
  4. QuickJS examples在新窗口打开
  5. rust-bindgen在新窗口打开
  6. 如何为 QuickJS 创建异步代码在新窗口打开
  7. rquickjs → JS_NewPromiseCapability在新窗口打开
  8. wasmedge-quickjs → new_promise在新窗口打开
  9. wasmedge-quickjs → JsMethod在新窗口打开
  10. wasmedge-quickjs → call在新窗口打开
  11. 不易察觉的陷阱——Rust 中的锁在新窗口打开

关于

本项目隶属于 人民网络 (rmw.link在新窗口打开) 代码计划。

人民网络

更新:
来自: gcxfd