QuickJS compiled to WebAssembly and a Web application for creating and deploying NEAR smart contracts in Javascript embedded into Rust smart contracts.
The Rust smart contracts you can extend using Javascript are:
- Web4 minimum contract ( implement
web4_getto serve web content directly from the smart contract ) - NFT
A live example of the NFT with all the content served from and stored with the smart contract can be found at https://webassemblymusic.near.page - so in effect the NFTs you implement here can be more than links to external content, but also include the content itself and a full website to be stored and live forever on the blockchain.
This Rust smart contracts for this project can be found in https://github.com/petersalomonsen/quickjs-rust-near
You can create both mainnet and testnet contracts from the sites here:
- https://jsinrust.near.page ( mainnet and also with support for uploading files to NEARFS )
- https://jsinrust.testnet.page ( testnet )
Some videos can be found in this playlist below. Note that some of these videos was made for an earlier version targeting the early near-sdk-js. Go back to tag before-js-in-rust to see that version.
https://www.youtube.com/playlist?list=PLv5wm4YuO4Iyw7hWEDjq-vYIqvVRvMtux
Here's an example of a web4 minimum contract that you can paste into the code editor for creating a smart contract to serve a website: showcase/web4nft/contract.js
Building this projects involves compiling QuickJS as a static library using emscripten and link to a Webassembly binary with the simple wrapper library in the wasmlib folder. This provides the in-browser simulation capacity.
The web application itself is in the web folder and is a pure web component app without any framework like React or Angular. For UI components Material Design Web Components is used, and for the code editor CodeMirror 6. To be able to use these with "bare module imports" ( e.g. import '@material/mwc-top-app-bar'; ), an import map is needed, which is generated using the JSPM Import Map Generator. Given this it's possible to host the web app directly from the source files with static hosting, no development bundler like webpack is needed. Finally also a rollup configuration is provided for single js bundle production builds, which can be found in the dist folder and is used for the hosted version.
Also see the github actions pipeline for commands to build and run the tests.