Authenticate, sign and send transactions on the MultiversX blockchain in the browser.
Authenticate, sign and send transactions on the MultiversX blockchain in the browser. No need for bundlers, frameworks, etc. Just attach the script source, and you are ready to go. You can incorporate it into your preferred CMS framework like WordPress or an e-commerce system. Plus, it will also work on a standard static HTML website.
The primary purpose of this tool is to have a lite script for browser usage where you can authenticate and sign/send transactions on the MultiversX blockchain and do this without any additional build steps.
The purpose is to simplify the usage for primary use cases and open the doors for many frontend tools and approaches.
It is a script for browsers incorporates ES6 modules. If you need fully functional JavaScript/Typescript SDK (also in Nodejs), please use sdk-js, an official Typescript MultiversX SDK. And if you are React developer, please check the Nextjs dapp.
You can use it already, but it is under active development, and the API might change, there could be breaking changes without changing major versions.
Copy and include the elven.js script from the build directory or the best would be to use CDN (https://unpkg.com/elven.js/build/elven.js). Please don't link the script using the demo domain.
Use module type, like:
<script type="module">
import {
ElvenJS,
Transaction,
Address,
TransactionPayload,
TokenTransfer,
ContractFunction,
U32Value,
} from './elven.js';
// Your code here
</script>
or from CDN:
<script type="module">
import {
ElvenJS,
Transaction,
Address,
TransactionPayload,
TokenTransfer,
ContractFunction,
U32Value,
} from 'https://unpkg.com/elven.js@<actual_version_here>/build/elven.js';
// Your code here
</script>
Please check the docs here: www.elvenjs.com/docs/sdk-reference.html
Please check how to use it with a couple of recipes here: www.elvenjs.com/docs/recipes.html
Check for more complete examples in the example/index.html
Check out the example file: example/index.html
You will find the whole demo there. The same is deployed here: elvenjs.netlify.app
Elven.js can also be used in many different frameworks by importing it from node_modules (of course, it is a client-side library). When it comes to React/Nextjs, it is advised to use one of the ready templates, for example, the one mentioned above. But Elven.js can be helpful in other frameworks where there are no templates yet. Example:
npm install elven.js
and then in your client side framework:
import { ElvenJS } from 'elven.js';
The types should also be exported.
The API is limited for now, this will change, but even now, it can do most of the core operations:
Why? Because it is supposed to be a browser script, it should be as small as possible. All that functionality can be replaced if needed by a custom implementation or other libraries. There will be docs with examples for that. And in the future, there may be more similar libraries, but optional and separated.
npm install dependenciesnpm run buildnpm run dev:serverTo test the MultiversX browser extension you would need to run localhost with SSL.
For quick dev testing tools like localhost.run should be enough.
After you run npm run dev:server, in separate teriminal window run ssh -R 80:localhost:3000 localhost.run. You can also relay on your own SSL setup.
If you need to use MultiversX SDK with React-based projects, you can try these tools:
If you are interested in creating and managing your own PFP NFT collection, you might be interested in:
Other tools:
0.20.0 (2024-10-13)
@multiversx/sdk-network-providers package (now included in the sdk core)SignableMessage and adjust the codeFAQs
Authenticate, sign and send transactions on the MultiversX blockchain in the browser.
The npm package elven.js receives a total of 142 weekly downloads. As such, elven.js popularity was classified as not popular.
We found that elven.js demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.