quickjs-emscripten
Javascript/Typescript bindings for QuickJS, a modern Javascript interpreter,
compiled to WebAssembly.
- Safely evaluate untrusted Javascript (supports most of ES2023).
- Create and manipulate values inside the QuickJS runtime (more).
- Expose host functions to the QuickJS runtime (more).
- Execute synchronous code that uses asynchronous functions, with asyncify.
- Supports browsers, NodeJS, Deno, Bun, Cloudflare Workers, QuickJS (via quickjs-for-quickjs).
Github | NPM | API Documentation | Variants | Examples
import { getQuickJS } from "quickjs-emscripten"
async function main() {
const QuickJS = await getQuickJS()
const vm = QuickJS.newContext()
const world = vm.newString("world")
vm.setProp(vm.global, "NAME", world)
world.dispose()
const result = vm.evalCode(`"Hello " + NAME + "!"`)
if (result.error) {
console.log("Execution failed:", vm.dump(result.error))
result.error.dispose()
} else {
console.log("Success:", vm.dump(result.value))
result.value.dispose()
}
vm.dispose()
}
main()
Usage
Install from npm
: npm install --save quickjs-emscripten
or yarn add quickjs-emscripten
.
The root entrypoint of this library is the getQuickJS
function, which returns
a promise that resolves to a QuickJSWASMModule when
the QuickJS WASM module is ready.
Once getQuickJS
has been awaited at least once, you also can use the getQuickJSSync
function to directly access the singleton in your synchronous code.
Safely evaluate Javascript code
See QuickJSWASMModule.evalCode
import { getQuickJS, shouldInterruptAfterDeadline } from "quickjs-emscripten"
getQuickJS().then((QuickJS) => {
const result = QuickJS.evalCode("1 + 1", {
shouldInterrupt: shouldInterruptAfterDeadline(Date.now() + 1000),
memoryLimitBytes: 1024 * 1024,
})
console.log(result)
})
Interfacing with the interpreter
You can use QuickJSContext
to build a scripting environment by modifying globals and exposing functions
into the QuickJS interpreter.
Each QuickJSContext
instance has its own environment -- globals, built-in
classes -- and actions from one context won't leak into other contexts or
runtimes (with one exception, see Asyncify).
Every context is created inside a
QuickJSRuntime.
A runtime represents a Javascript heap, and you can even share values between
contexts in the same runtime.
const vm = QuickJS.newContext()
let state = 0
const fnHandle = vm.newFunction("nextId", () => {
return vm.newNumber(++state)
})
vm.setProp(vm.global, "nextId", fnHandle)
fnHandle.dispose()
const nextId = vm.unwrapResult(vm.evalCode(`nextId(); nextId(); nextId()`))
console.log("vm result:", vm.getNumber(nextId), "native state:", state)
nextId.dispose()
vm.dispose()
When you create a context from a top-level API like in the example above,
instead of by calling runtime.newContext()
, a runtime is automatically created
for the lifetime of the context, and disposed of when you dispose the context.
Runtime
The runtime has APIs for CPU and memory limits that apply to all contexts within
the runtime in aggregate. You can also use the runtime to configure EcmaScript
module loading.
const runtime = QuickJS.newRuntime()
runtime.setMemoryLimit(1024 * 640)
runtime.setMaxStackSize(1024 * 320)
let interruptCycles = 0
runtime.setInterruptHandler(() => ++interruptCycles > 1024)
runtime.setModuleLoader((moduleName) => `export default '${moduleName}'`)
const context = runtime.newContext()
const ok = context.evalCode(`
import fooName from './foo.js'
globalThis.result = fooName
`)
context.unwrapResult(ok).dispose()
console.log(context.getProp(context.global, "result").consume(context.dump))
context.dispose()
runtime.dispose()
EcmaScript Module Exports
When you evaluate code as an ES Module, the result will be a handle to the
module's exports, or a handle to a promise that resolves to the module's
exports if the module depends on a top-level await.
const context = QuickJS.newContext()
const result = context.evalCode(
`
export const name = 'Jake'
export const favoriteBean = 'wax bean'
export default 'potato'
`,
"jake.js",
{ type: "module" },
)
const moduleExports = context.unwrapResult(result)
console.log(context.dump(moduleExports))
moduleExports.dispose()
Memory Management
Many methods in this library return handles to memory allocated inside the
WebAssembly heap. These types cannot be garbage-collected as usual in
Javascript. Instead, you must manually manage their memory by calling a
.dispose()
method to free the underlying resources. Once a handle has been
disposed, it cannot be used anymore. Note that in the example above, we call
.dispose()
on each handle once it is no longer needed.
Calling QuickJSContext.dispose()
will throw a RuntimeError if you've forgotten to
dispose any handles associated with that VM, so it's good practice to create a
new VM instance for each of your tests, and to call vm.dispose()
at the end
of every test.
const vm = QuickJS.newContext()
const numberHandle = vm.newNumber(42)
vm.dispose()
Here are some strategies to reduce the toil of calling .dispose()
on each
handle you create:
using
statement
The using
statement is a Stage 3 (as of 2023-12-29) proposal for Javascript that declares a constant variable and automatically calls the [Symbol.dispose]()
method of an object when it goes out of scope. Read more in this Typescript release announcement. Here's the "Interfacing with the interpreter" example re-written using using
:
using vm = QuickJS.newContext()
let state = 0
{
using fnHandle = vm.newFunction("nextId", () => {
return vm.newNumber(++state)
})
vm.setProp(vm.global, "nextId", fnHandle)
}
using nextId = vm.unwrapResult(vm.evalCode(`nextId(); nextId(); nextId()`))
console.log("vm result:", vm.getNumber(nextId), "native state:", state)
Scope
A
Scope
instance manages a set of disposables and calls their .dispose()
method in the reverse order in which they're added to the scope. Here's the
"Interfacing with the interpreter" example re-written using Scope
:
Scope.withScope((scope) => {
const vm = scope.manage(QuickJS.newContext())
let state = 0
const fnHandle = scope.manage(
vm.newFunction("nextId", () => {
return vm.newNumber(++state)
}),
)
vm.setProp(vm.global, "nextId", fnHandle)
const nextId = scope.manage(vm.unwrapResult(vm.evalCode(`nextId(); nextId(); nextId()`)))
console.log("vm result:", vm.getNumber(nextId), "native state:", state)
})
You can also create Scope
instances with new Scope()
if you want to manage
calling scope.dispose()
yourself.
Lifetime.consume(fn)
Lifetime.consume
is sugar for the common pattern of using a handle and then
immediately disposing of it. Lifetime.consume
takes a map
function that
produces a result of any type. The map
fuction is called with the handle,
then the handle is disposed, then the result is returned.
Here's the "Interfacing with interpreter" example re-written using .consume()
:
const vm = QuickJS.newContext()
let state = 0
vm.newFunction("nextId", () => {
return vm.newNumber(++state)
}).consume((fnHandle) => vm.setProp(vm.global, "nextId", fnHandle))
vm.unwrapResult(vm.evalCode(`nextId(); nextId(); nextId()`)).consume((nextId) =>
console.log("vm result:", vm.getNumber(nextId), "native state:", state),
)
vm.dispose()
Generally working with Scope
leads to more straight-forward code, but
Lifetime.consume
can be handy sugar as part of a method call chain.
Exposing APIs
To add APIs inside the QuickJS environment, you'll need to create objects to
define the shape of your API, and add properties and functions to those objects
to allow code inside QuickJS to call code on the host.
The newFunction documentation covers writing functions in detail.
By default, no host functionality is exposed to code running inside QuickJS.
const vm = QuickJS.newContext()
const logHandle = vm.newFunction("log", (...args) => {
const nativeArgs = args.map(vm.dump)
console.log("QuickJS:", ...nativeArgs)
})
const consoleHandle = vm.newObject()
vm.setProp(consoleHandle, "log", logHandle)
vm.setProp(vm.global, "console", consoleHandle)
consoleHandle.dispose()
logHandle.dispose()
vm.unwrapResult(vm.evalCode(`console.log("Hello from QuickJS!")`)).dispose()
Promises
To expose an asynchronous function that returns a promise to callers within
QuickJS, your function can return the handle of a QuickJSDeferredPromise
created via context.newPromise()
.
When you resolve a QuickJSDeferredPromise
-- and generally whenever async
behavior completes for the VM -- pending listeners inside QuickJS may not
execute immediately. Your code needs to explicitly call
runtime.executePendingJobs()
to resume execution inside QuickJS. This API
gives your code maximum control to schedule when QuickJS will block the host's
event loop by resuming execution.
To work with QuickJS handles that contain a promise inside the environment,
there are two options:
context.getPromiseState(handle)
You can synchronously peek into a QuickJS promise handle and get its state
without introducing asynchronous host code, described by the type JSPromiseState:
type JSPromiseState =
| { type: "pending"; error: Error }
| { type: "fulfilled"; value: QuickJSHandle; notAPromise?: boolean }
| { type: "rejected"; error: QuickJSHandle }
The result conforms to the SuccessOrFail
type returned by context.evalCode
, so you can use context.unwrapResult(context.getPromiseState(promiseHandle))
to assert a promise is settled successfully and retrieve its value. Calling context.unwrapResult
on a pending or rejected promise will throw an error.
const promiseHandle = context.evalCode(`Promise.resolve(42)`)
const resultHandle = context.unwrapResult(context.getPromiseState(promiseHandle))
context.getNumber(resultHandle) === 42
resultHandle.dispose()
promiseHandle.dispose()
context.resolvePromise(handle)
You can convert the QuickJSHandle into a native promise using
context.resolvePromise()
. Take care with this API to avoid 'deadlocks' where
the host awaits a guest promise, but the guest cannot make progress until the
host calls runtime.executePendingJobs()
. The simplest way to avoid this kind
of deadlock is to always schedule executePendingJobs
after any promise is
settled.
const vm = QuickJS.newContext()
const fakeFileSystem = new Map([["example.txt", "Example file content"]])
const readFileHandle = vm.newFunction("readFile", (pathHandle) => {
const path = vm.getString(pathHandle)
const promise = vm.newPromise()
setTimeout(() => {
const content = fakeFileSystem.get(path)
promise.resolve(vm.newString(content || ""))
}, 100)
promise.settled.then(vm.runtime.executePendingJobs)
return promise.handle
})
readFileHandle.consume((handle) => vm.setProp(vm.global, "readFile", handle))
const result = vm.evalCode(`(async () => {
const content = await readFile('example.txt')
return content.toUpperCase()
})()`)
const promiseHandle = vm.unwrapResult(result)
const resolvedResult = await vm.resolvePromise(promiseHandle)
promiseHandle.dispose()
const resolvedHandle = vm.unwrapResult(resolvedResult)
console.log("Result:", vm.getString(resolvedHandle))
resolvedHandle.dispose()
Asyncify
Sometimes, we want to create a function that's synchronous from the perspective
of QuickJS, but prefer to implement that function asynchronously in your host
code. The most obvious use-case is for EcmaScript module loading. The underlying
QuickJS C library expects the module loader function to return synchronously,
but loading data synchronously in the browser or server is somewhere between "a
bad idea" and "impossible". QuickJS also doesn't expose an API to "pause" the
execution of a runtime, and adding such an API is tricky due to the VM's
implementation.
As a work-around, we provide an alternate build of QuickJS processed by
Emscripten/Binaryen's ASYNCIFY
compiler transform. Here's how Emscripten's documentation describes Asyncify:
Asyncify lets synchronous C or C++ code interact with asynchronous [host] JavaScript. This allows things like:
- A synchronous call in C that yields to the event loop, which allows browser events to be handled.
- A synchronous call in C that waits for an asynchronous operation in [host] JS to complete.
Asyncify automatically transforms ... code into a form that can be paused and
resumed ..., so that it is asynchronous (hence the name “Asyncify”) even though
[it is written] in a normal synchronous way.
This means we can suspend an entire WebAssembly module (which could contain
multiple runtimes and contexts) while our host Javascript loads data
asynchronously, and then resume execution once the data load completes. This is
a very handy superpower, but it comes with a couple of major limitations:
-
An asyncified WebAssembly module can only suspend to wait for a single
asynchronous call at a time. You may call back into a suspended WebAssembly
module eg. to create a QuickJS value to return a result, but the system will
crash if this call tries to suspend again. Take a look at Emscripten's documentation
on reentrancy.
-
Asyncified code is bigger and runs slower. The asyncified build of
Quickjs-emscripten library is 1M, 2x larger than the 500K of the default
version. There may be room for further
optimization
Of our build in the future.
To use asyncify features, use the following functions:
These functions are asynchronous because they always create a new underlying
WebAssembly module so that each instance can suspend and resume independently,
and instantiating a WebAssembly module is an async operation. This also adds
substantial overhead compared to creating a runtime or context inside an
existing module; if you only need to wait for a single async action at a time,
you can create a single top-level module and create runtimes or contexts inside
of it.
Async module loader
Here's an example of valuating a script that loads React asynchronously as an ES
module. In our example, we're loading from the filesystem for reproducibility,
but you can use this technique to load using fetch
.
const module = await newQuickJSAsyncWASMModule()
const runtime = module.newRuntime()
const path = await import("path")
const { promises: fs } = await import("fs")
const importsPath = path.join(__dirname, "../examples/imports") + "/"
runtime.setModuleLoader((moduleName) => {
const modulePath = path.join(importsPath, moduleName)
if (!modulePath.startsWith(importsPath)) {
throw new Error("out of bounds")
}
console.log("loading", moduleName, "from", modulePath)
return fs.readFile(modulePath, "utf-8")
})
const context = runtime.newContext()
const result = await context.evalCodeAsync(`
import * as React from 'esm.sh/react@17'
import * as ReactDOMServer from 'esm.sh/react-dom@17/server'
const e = React.createElement
globalThis.html = ReactDOMServer.renderToStaticMarkup(
e('div', null, e('strong', null, 'Hello world!'))
)
`)
context.unwrapResult(result).dispose()
const html = context.getProp(context.global, "html").consume(context.getString)
console.log(html)
Async on host, sync in QuickJS
Here's an example of turning an async function into a sync function inside the
VM.
const context = await newAsyncContext()
const path = await import("path")
const { promises: fs } = await import("fs")
const importsPath = path.join(__dirname, "../examples/imports") + "/"
const readFileHandle = context.newAsyncifiedFunction("readFile", async (pathHandle) => {
const pathString = path.join(importsPath, context.getString(pathHandle))
if (!pathString.startsWith(importsPath)) {
throw new Error("out of bounds")
}
const data = await fs.readFile(pathString, "utf-8")
return context.newString(data)
})
readFileHandle.consume((fn) => context.setProp(context.global, "readFile", fn))
const result = await context.evalCodeAsync(`
// Not a promise! Sync! vvvvvvvvvvvvvvvvvvvv
const data = JSON.parse(readFile('data.json'))
data.map(x => x.toUpperCase()).join(' ')
`)
const upperCaseData = context.unwrapResult(result).consume(context.getString)
console.log(upperCaseData)
Testing your code
This library is complicated to use, so please consider automated testing your
implementation. We highly writing your test suite to run with both the "release"
build variant of quickjs-emscripten, and also the DEBUG_SYNC build variant.
The debug sync build variant has extra instrumentation code for detecting memory
leaks.
The class TestQuickJSWASMModule exposes the memory leak detection API,
although this API is only accurate when using DEBUG_SYNC
variant. You can also
enable debug logging to help diagnose failures.
function myTests(moduleLoader: () => Promise<QuickJSWASMModule>) {
let QuickJS: TestQuickJSWASMModule
beforeEach(async () => {
const wasmModule = await moduleLoader()
QuickJS = new TestQuickJSWASMModule(wasmModule)
})
afterEach(() => {
QuickJS.assertNoMemoryAllocated()
})
it("works well", () => {
const context = QuickJS.newContext()
context.unwrapResult(context.evalCode("1 + 1")).dispose()
context.dispose()
})
}
describe("Check for memory leaks with QuickJS DEBUG build", () => {
const moduleLoader = memoizePromiseFactory(() => newQuickJSWASMModule(DEBUG_SYNC))
myTests(moduleLoader)
})
describe("Realistic test with QuickJS RELEASE build", () => {
myTests(getQuickJS)
})
For more testing examples, please explore the typescript source of quickjs-emscripten repository.
Packaging
The main quickjs-emscripten
package includes several build variants of the WebAssembly module:
RELEASE...
build variants should be used in production. They offer better performance and smaller file size compared to DEBUG...
build variants.
RELEASE_SYNC
: This is the default variant used when you don't explicitly provide one. It offers the fastest performance and smallest file size.RELEASE_ASYNC
: The default variant if you need asyncify magic, which comes at a performance cost. See the asyncify docs for details.
DEBUG...
build variants can be helpful during development and testing. They include source maps and assertions for catching bugs in your code. We recommend running your tests with both a debug build variant and the release build variant you'll use in production.
DEBUG_SYNC
: Instrumented to detect memory leaks, in addition to assertions and source maps.DEBUG_ASYNC
: An asyncify variant with source maps.
To use a variant, call newQuickJSWASMModule
or newQuickJSAsyncWASMModule
with the variant object. These functions return a promise that resolves to a QuickJSWASMModule, the same as getQuickJS
.
import {
newQuickJSWASMModule,
newQuickJSAsyncWASMModule,
RELEASE_SYNC,
DEBUG_SYNC,
RELEASE_ASYNC,
DEBUG_ASYNC,
} from "quickjs-emscripten"
const QuickJSReleaseSync = await newQuickJSWASMModule(RELEASE_SYNC)
const QuickJSDebugSync = await newQuickJSWASMModule(DEBUG_SYNC)
const QuickJSReleaseAsync = await newQuickJSAsyncWASMModule(RELEASE_ASYNC)
const QuickJSDebugAsync = await newQuickJSAsyncWASMModule(DEBUG_ASYNC)
for (const quickjs of [
QuickJSReleaseSync,
QuickJSDebugSync,
QuickJSReleaseAsync,
QuickJSDebugAsync,
]) {
const vm = quickjs.newContext()
const result = vm.unwrapResult(vm.evalCode("1 + 1")).consume(vm.getNumber)
console.log(result)
vm.dispose()
quickjs.dispose()
}
Reducing package size
Including 4 different copies of the WebAssembly module in the main package gives it an install size of about 9.04mb. If you're building a CLI package or library of your own, or otherwise don't need to include 4 different variants in your node_modules
, you can switch to the quickjs-emscripten-core
package, which contains only the Javascript code for this library, and install one (or more) variants a-la-carte as separate packages.
The most minimal setup would be to install quickjs-emscripten-core
and @jitl/quickjs-wasmfile-release-sync
(1.3mb total):
yarn add quickjs-emscripten-core @jitl/quickjs-wasmfile-release-sync
du -h node_modules
Then, you can use quickjs-emscripten-core's newQuickJSWASMModuleFromVariant
to create a QuickJS module (see the minimal example):
import { newQuickJSWASMModuleFromVariant } from "quickjs-emscripten-core"
import RELEASE_SYNC from "@jitl/quickjs-wasmfile-release-sync"
export const QuickJS = await newQuickJSWASMModuleFromVariant(RELEASE_SYNC)
import { QuickJS } from "./quickjs.mjs"
console.log(QuickJS.evalCode("1 + 1"))
See the documentation of quickjs-emscripten-core for more details and the list of variant packages.
WebAssembly loading
To run QuickJS, we need to load a WebAssembly module into the host Javascript runtime's memory (usually as an ArrayBuffer or TypedArray) and compile it to a WebAssembly.Module. This means we need to find the file path or URI of the WebAssembly module, and then read it using an API like fetch
(browser) or fs.readFile
(NodeJS). quickjs-emscripten
tries to handle this automatically using patterns like new URL('./local-path', import.meta.url)
that work in the browser or are handled automatically by bundlers, or __dirname
in NodeJS, but you may need to configure this manually if these don't work in your environment, or you want more control about how the WebAssembly module is loaded.
To customize the loading of an existing variant, create a new variant with your loading settings using newVariant
, passing CustomizeVariantOptions. For example, you need to customize loading in Cloudflare Workers (see the full example).
import { newQuickJSWASMModule, DEBUG_SYNC as baseVariant, newVariant } from "quickjs-emscripten"
import cloudflareWasmModule from "./DEBUG_SYNC.wasm"
import cloudflareWasmModuleSourceMap from "./DEBUG_SYNC.wasm.map.txt"
const cloudflareVariant = newVariant(baseVariant, {
wasmModule: cloudflareWasmModule,
wasmSourceMapData: cloudflareWasmModuleSourceMap,
})
quickjs-ng
quickjs-ng/quickjs (aka quickjs-ng) is a fork of the original bellard/quickjs under active development. It implements more EcmaScript standards and removes some of quickjs's custom language features like BigFloat.
There are several variants of quickjs-ng available, and quickjs-emscripten may switch to using quickjs-ng by default in the future. See the list of variants.
Using in the browser without a build step
You can use quickjs-emscripten directly from an HTML file in two ways:
-
Import it in an ES Module script tag
<!doctype html>
<script type="module">
import { getQuickJS } from "https://esm.sh/quickjs-emscripten@0.25.0"
const QuickJS = await getQuickJS()
console.log(QuickJS.evalCode("1+1"))
</script>
-
In edge cases, you might want to use the IIFE build which provides QuickJS as the global QJS
. You should probably use the ES module though, any recent browser supports it.
<!doctype html>
<script
src="https://cdn.jsdelivr.net/npm/quickjs-emscripten@0.25.0/dist/index.global.js"
type="text/javascript"
></script>
<script type="text/javascript">
QJS.getQuickJS().then((QuickJS) => {
console.log(QuickJS.evalCode("1+1"))
})
</script>
Debugging
Debug logging can be enabled globally, or for specific runtimes. You need to use a DEBUG build variant of the WebAssembly module to see debug log messages from the C part of this library.
import { newQuickJSWASMModule, DEBUG_SYNC } from "quickjs-emscripten"
const QuickJS = await newQuickJSWASMModule(DEBUG_SYNC)
With quickjs-emscripten-core:
import { newQuickJSWASMModuleFromVariant } from "quickjs-emscripten-core"
import DEBUG_SYNC from "@jitl/quickjs-wasmfile-debug-sync"
const QuickJS = await newQuickJSWASMModuleFromVariant(DEBUG_SYNC)
To enable debug logging globally, call setDebugMode. This affects global Javascript parts of the library, like the module loader and asyncify internals, and is inherited by runtimes created after the call.
import { setDebugMode } from "quickjs-emscripten"
setDebugMode(true)
With quickjs-emscripten-core:
import { setDebugMode } from "quickjs-emscripten-core"
setDebugMode(true)
To enable debug logging for a specific runtime, call setDebugModeRt. This affects only the runtime and its associated contexts.
const runtime = QuickJS.newRuntime()
runtime.setDebugMode(true)
const context = QuickJS.newContext()
context.runtime.setDebugMode(true)
Supported Platforms
quickjs-emscripten
and related packages should work in any environment that supports ES2020.
More Documentation
Github | NPM | API Documentation | Variants | Examples
Background
This was inspired by seeing https://github.com/maple3142/duktape-eval
on Hacker News and Figma's
blogposts about using building a Javascript plugin runtime:
Status & Roadmap
Stability: Because the version number of this project is below 1.0.0
,
*expect occasional breaking API changes.
Security: This project makes every effort to be secure, but has not been
audited. Please use with care in production settings.
Roadmap: I work on this project in my free time, for fun. Here's I'm
thinking comes next. Last updated 2022-03-18.
-
Further work on module loading APIs:
- Create modules via Javascript, instead of source text.
- Scan source text for imports, for ahead of time or concurrent loading.
(This is possible with third-party tools, so lower priority.)
-
Higher-level tools for reading QuickJS values:
- Type guard functions:
context.isArray(handle)
, context.isPromise(handle)
, etc. - Iteration utilities:
context.getIterable(handle)
, context.iterateObjectEntries(handle)
.
This better supports user-level code to deserialize complex handle objects.
-
Higher-level tools for creating QuickJS values:
- Devise a way to avoid needing to mess around with handles when setting up
the environment.
- Consider integrating
quickjs-emscripten-sync
for automatic translation.
- Consider class-based or interface-type-based marshalling.
-
SQLite integration.
Related
Developing
This library is implemented in two languages: C (compiled to WASM with
Emscripten), and Typescript.
You will need node
, yarn
, make
, and emscripten
to build this project.
The C parts
The ./c directory contains C code that wraps the QuickJS C library (in ./quickjs).
Public functions (those starting with QTS_
) in ./c/interface.c are
automatically exported to native code (via a generated header) and to
Typescript (via a generated FFI class). See ./generate.ts for how this works.
The C code builds with emscripten
(using emcc
), to produce WebAssembly.
The version of Emscripten used by the project is defined in templates/Variant.mk.
- On ARM64, you should install
emscripten
on your machine. For example on macOS, brew install emscripten
. - If the correct version of emcc is not in your PATH, compilation falls back to using Docker.
On ARM64, this is 10-50x slower than native compilation, but it's just fine on x64.
We produce multiple build variants of the C code compiled to WebAssembly using a
template script the ./packages directory. Each build variant uses its own copy of a Makefile
to build the C code. The Makefile is generated from a template in ./templates/Variant.mk.
Related NPM scripts:
yarn vendor:update
updates vendor/quickjs and vendor/quickjs-ng to the latest versions on Github.yarn build:codegen
updates the ./packages from the template script ./prepareVariants.ts
and Variant.mk.yarn build:packages
builds the variant packages in parallel.
The Typescript parts
The Javascript/Typescript code is also organized into several NPM packages in ./packages:
- ./packages/quickjs-ffi-types: Low-level types that define the FFI interface to the C code.
Each variant exposes an API conforming to these types that's consumed by the higher-level library.
- ./packages/quickjs-emscripten-core: The higher-level Typescript that implements the user-facing abstractions of the library.
This package doesn't link directly to the WebAssembly/C code; callers must provide a build variant.
- ./packages/quicks-emscripten: The main entrypoint of the library, which provides the
getQuickJS
function.
This package combines quickjs-emscripten-core with platform-appropriate WebAssembly/C code.
Related NPM scripts:
yarn check
runs all available checks (build, format, tests, etc).yarn build
builds all the packages and generates the docs.yarn test
runs the tests for all packages.
yarn test:fast
runs the tests using only fast build variants.
yarn doc
generates the docs into ./doc
.
yarn doc:serve
previews the current ./doc
in a browser.
yarn prettier
formats the repo.
Yarn updates
Just run yarn set version from sources
to upgrade the Yarn release.