A collection of custom elements that provides information about wasm4 web runtime.
import { wasm4DevtoolsTagName } from '@wasm4/web-devtools';
const elem = document.createElement(wasm4DevtoolsTagName);
document.body.appendChild(elem);All exported components can be customized using the following css variables:
:root {
--wasm4-devtools-bg-primary: pink; /* color */
--wasm4-devtools-bg-secondary: cornflowerblue; /* color */
--wasm4-devtools-text-primary: black; /* color */
--wasm4-devtools-text-secondary: gray; /* color */
--wasm4-devtools-text-text-size: 18px; /* dimension */
--wasm4-devtools-window-z-index: 15; /* unitless number */
}npm --prefix devtools/web-devtools iThis package relies on lit library to manage custom elements: docs are available here.
Starts local server
npm --prefix devtools/web-devtools run devnpm --prefix devtools/web-devtools/ run build && npm --prefix runtimes/web/ run buildnpm --prefix devtools/web-devtools run buildnpm --prefix devtools/web-devtools run prettify