Elven.js

Browser library for interacting with the MultiversX blockchain and smart contracts. No build steps are required.

|

[Elven.js @elvenjscom]

More complex integrations, like walletconnect (xPortal) and Ledger integration, will be in separate files that can be composed in the browser. I'll still try to optimize the bundles, but these dependencies are big when bundled for the browser.

[Elven.js @elvenjscom]

Update on v1:
- all existing signing providers migrated
- unfortunately, the xPortal signing provider will become an optional separate file. WalletConnect dependencies add a lot to the final bundle, and there is not much I can do with that :/ I'm not aware of any smaller version

[Elven.js @elvenjscom]

They are still ideas, and everything may change, but for now, the core functionality that will handle browser extension, web wallet, web view, and xAlias signing, plus transactions, transfers, and smart contract interactions, should be quite small. I am not sure how small yet.

[Elven.js @elvenjscom]

So far, so good. I migrated the web wallet and extension signing providers and required SDK tools. I am working on the Webview provider. The file is around 33kb, which isn't bad, but it is still before the Wallet Connect signing provider migration. Well, even now, it looks good.

[Elven.js @elvenjscom]

What if we could take just what we need from MultiversX SDKs and make elven.js much lighter? Like from over 1.5mb (🤯) to 100-150kb? (mostly because of wallet connect). Less weight, more control. We can still add what's needed wherever it's needed. Experiment in progress...

[Elven.js @elvenjscom]

With more abstraction, I mean more ready-to-use tools like drop-in donation plugins and whatnot. Also, tutorials about integrating it with the backend, the most common CMS systems, static websites, etc. The first step is to make it much smaller, whatever the solution.

[Elven.js @elvenjscom]

What if we could take just what we need from MultiversX SDKs and make elven.js much lighter? Like from over 1.5mb (🤯) to 100-150kb? (mostly because of wallet connect). Less weight, more control. We can still add what's needed wherever it's needed. Experiment in progress...

[Elven.js @elvenjscom]

With such a big file size, it isn't super attractive; it can be used, but it is not good. Keeping the size low, at a maximum of 100-150 kb, would be a good motivation to build more abstractions and tools over it. I would like it to be even smaller.

[Elven.js @elvenjscom]

https://t.co/gHa97bwV6L

[Julian.io @theJulianIo]

Elven.js now uses the official @MultiversX web view provider lib, allowing you to integrate an app with the @xPortalApp Discover section. You can test the integration using a specially prepared web app. All links are in the comments. Check it out!

[Julian.io @theJulianIo]

New to @MultiversX? Want to build a dapp or run an NFT/SFT collection? Check out Elven Guide! While (as GPT) it's not perfect, it offers lots of useful info, links to docs, and code examples. Discover more at https://t.co/trX764hk7K.

[MultiversX Builders @MvXBuilders]

Did you know that the Elven Tools created by @theJulianIo are now under one roof and have a #ChatGPT explaining each of them in detail?🤯

Meet the Elven Family tools, which play a crucial role in the #MultiversX ecosystem, providing a suite of utilities that facilitate interaction with the blockchain for developers and users alike. The family includes three main tools: Elven.js, useElven, and Elven Tools👇

https://t.co/aXGzTIyzvk

And the Elvens have a #ChatGPT who was nicely trained to explain all in-depth details, at:
https://t.co/FypK05njoa

Here is an overview with the purpose of each tool, what they do for the blockchain development and their integration within #MultiversX
https://t.co/CgWS1Bxi6a

Or go ahead and ask the Elven Guide: “Introduce me to the Elven Tools suite.”

It’s amazing to see the progres made from the initial iterations, which we used to spotlight back in the Elrond Network days, to the latest ChatGPT entries about the Elven Tools📈

Keep up the great work @theJulianIo and thanks for your contributions to @MultiversX 👏

Let’s build and grow together!🔥🛠️

#MvXTools #MvXSpotlight #MvXNews #EGLD #BuildOnMultiversX

[Elven.js @elvenjscom]

What specific demonstration would you like me to create using Elven.js? Please consider scenarios where integrating @MultiversX into a basic website, like a personal blog or portfolio, could be helpful. Let me know your ideas for potential use cases.

[Elven.js @elvenjscom]

v0.18.0 is updated to support SDK v13
there are some breaking changes in how the transaction payload is built and some changes in what is exported from the SDK. Docs and main demos updated.
https://t.co/CWVO4ljj4J

[Julian.io @theJulianIo]

➡️ You want to integrate with @MultiversX blockchain, and you want it now, right? Of course, you do...

➡️ You need a simple website where you'll implement interactions like sending tokens, managing smart contracts, checking your BOBER balance, or minting NFTs.

➡️ You don't want to write an overcomplicated app. It won't have much traffic, and you won't manage data and users. *

➡️ You only want a simple HTML website, a free template, or a WordPress theme.

How will you do that❓

Here is the option @elvenjscom. It is one of many, but it casts an elvish spell of simplicity over the labyrinthine world of blockchain, unlocking superior ease and innovation with a whisper of code... Now you know.

The tool needs feedback. A lot of it. It also needs improvements. Probably a lot of them. It will get them
with your feedback. So, please leave it here or on GitHub. Let the feedback frenzy begin!

The second part of the video, which will include preparing logic and sending tokens, will soon be available.

Follow the project to be up to date! 👉⭐️♥️

* More advanced usage with backends and auth flow requires more work. You can use the provided auth token (you'll find it in local storage). You can also sign and verify other messages. Elven.js provides sign message functionality. Then, you can prepare a standard flow.

[Elven.js @elvenjscom]

Check how to use it in this quick walkthrough video with voice-over comments. Let me know how you use it and what you are missing in any aspect.
https://t.co/0sF3qd6Moz

[Elven.js @elvenjscom]

I think the @MultiversX dev ecosystem needs more tools like elven.js. People need simple plug-and-play ways of preparing websites/apps where you can interact with the blockchain and later integrate more advanced solutions even on top of simple scripts like elven.js 🧵

[Elven.js @elvenjscom]

The file is too heavy for now, but it isn't a big problem with the current Internet, caching, CDNs, etc. In the future, the tool will be split into smaller one-job scripts that could be composed together. Not all projects need all signing providers, etc.