feat!: refactor contract calls and multicall to JS + fuel-asm (#1164)

* Adding WASM integration for `fuel-asm`

* Purging local asm packages and experiments

* Setting up temp env using local ASM package

* Removing test exclusivity

* Swapping local symlinks by published packages

* Re-generating changeset

* replay install

* replay

* replay

* adjust

* improve

* properly encode contract

* order

* add doc

* tweak

* export

* revert

* revise

* pass contract context

* cleanup

* handle pointer data

* refactor for vector data offset

* lint

* purge multicall Sway refs

* rm refs

* add large list multicall

* allow plain array or object for backwards compat

* filter non contract call receipts

* fix multicall issue

* lower gas cost

* fix typo

* adjust expected

* typo

* fix receipt filtering

* add back

* convert to be a number

* fix for normal script offset

* Update packages/program/src/contract-call-script.ts

Co-authored-by: Dhaiwat <[email protected]>

---------

Co-authored-by: anderson <[email protected]>
Co-authored-by: Dhaiwat <[email protected]>

.changeset/big-onions-bake.md

@@ -0,0 +1,8 @@
+---
+"demo-nextjs": patch
+"demo-react-cra": patch
+"demo-react-vite": patch
+"@fuel-ts/wallet": patch
+---
+
+Adding WASM integration for `@fuels/vm-asm`

.eslintignore

@@ -9,7 +9,6 @@ apps/demo-react-cra
 apps/demo-react-vite
 
 packages/providers/src/__generated__
-packages/program/src/multicall/static-out
 
 out
 CHANGELOG.md

.prettierignore

@@ -10,8 +10,6 @@ apps/demo-react-vite
 apps/demo-typegen/src/generated-types
 apps/docs/.vitepress/cache/
 
-/packages/program/src/multicall/static-out
-
 __generated__
 out
 CHANGELOG.md

apps/demo-react-cra/src/App.tsx

@@ -1,8 +1,8 @@
 import React from "react";
 import logo from "./logo.svg";
 import "./App.css";
-import * as asm from "@fuels/vm-asm";
 import { BaseAssetId, encrypt, decrypt } from "fuels";
+import * as asm from "@fuels/vm-asm";
 
 function App() {
   const { log } = console;

apps/docs-snippets/src/guide/contracts/multicalls.test.ts

@@ -37,7 +37,7 @@ describe(__filename, () => {
     contextContract = await factory3.deployContract();
   });
 
-  it('should successfully submit multiple calls from the same contract fuction', async () => {
+  it('should successfully submit multiple calls from the same contract function', async () => {
     // #region multicall-1
     const { value: results } = await counterContract
       .multiCall([
@@ -56,7 +56,7 @@ describe(__filename, () => {
     // #endregion multicall-1
   });
 
-  it('should successfully submit multiple calls from different contracts fuctions', async () => {
+  it('should successfully submit multiple calls from different contracts functions', async () => {
     // #region multicall-2
     const chain = echoContract.multiCall([
       echoContract.functions.echo_u8(17),
@@ -75,7 +75,7 @@ describe(__filename, () => {
     // #endregion multicall-2
   });
 
-  it('should successfully submit multiple calls from different contracts fuctions', async () => {
+  it('should successfully submit multiple calls from different contracts functions', async () => {
     // #region multicall-3
     const { value: results } = await contextContract
       .multiCall([

nodemon.config.json

@@ -10,7 +10,6 @@
     "**/Forc.lock",
     "**/getSupportedVersions.ts",
     "**/out/debug/**",
-    "apps/demo-typegen/src/generated-types/**",
-    "packages/program/src/multicall/static-out/**"
+    "apps/demo-typegen/src/generated-types/**"
   ]
 }

packages/fuel-gauge/src/contract-factory.test.ts

@@ -96,7 +96,7 @@ describe('Contract Factory', () => {
       program: expect.objectContaining({ id: contract.id }),
       func: expect.objectContaining({ name: 'increment_counter' }),
       args: [1],
-      bytesOffset: 760,
+      bytesOffset: 0,
       callParameters: undefined,
       txParameters: undefined,
       forward: undefined,

packages/fuel-gauge/src/contract.test.ts

@@ -269,6 +269,54 @@ describe('Contract', () => {
     expect(JSON.stringify(results)).toEqual(JSON.stringify([bn(1337), bn(1337)]));
   });
 
+  it('submits multiple calls, six calls', async () => {
+    const contract = await setupContract();
+
+    const { value: results } = await contract
+      .multiCall([
+        contract.functions.foo(1336),
+        contract.functions.foo(1336),
+        contract.functions.foo(1336),
+        contract.functions.foo(1336),
+
+        contract.functions.foo(1336),
+        contract.functions.foo(1336),
+      ])
+      .call();
+    expect(JSON.stringify(results)).toEqual(
+      JSON.stringify([bn(1337), bn(1337), bn(1337), bn(1337), bn(1337), bn(1337)])
+    );
+  });
+
+  it('submits multiple calls, eight calls', async () => {
+    const contract = await setupContract();
+
+    const { value: results } = await contract
+      .multiCall([
+        contract.functions.foo(1336),
+        contract.functions.foo(1336),
+        contract.functions.foo(1336),
+        contract.functions.foo(1336),
+        contract.functions.foo(1336),
+        contract.functions.foo(1336),
+        contract.functions.foo(1336),
+        contract.functions.foo(1336),
+      ])
+      .call();
+    expect(JSON.stringify(results)).toEqual(
+      JSON.stringify([
+        bn(1337),
+        bn(1337),
+        bn(1337),
+        bn(1337),
+        bn(1337),
+        bn(1337),
+        bn(1337),
+        bn(1337),
+      ])
+    );
+  });
+
   it('should fail to execute multiple calls if gasLimit is too low', async () => {
     const contract = await setupContract();
 
@@ -421,13 +469,12 @@ describe('Contract', () => {
       })
       .call<[BN, BN]>();
 
-    // Allow values to be off by 2% since we don't have exact values
-    const allowedError = 0.02;
+    const minThreshold = 0.019;
 
-    expect(value[0].toNumber()).toBeGreaterThanOrEqual(500_000 * allowedError);
+    expect(value[0].toNumber()).toBeGreaterThanOrEqual(500_000 * minThreshold);
     expect(value[0].toNumber()).toBeLessThanOrEqual(500_000);
 
-    expect(value[1].toNumber()).toBeGreaterThanOrEqual(1_000_000 * allowedError);
+    expect(value[1].toNumber()).toBeGreaterThanOrEqual(1_000_000 * minThreshold);
     expect(value[1].toNumber()).toBeLessThanOrEqual(1_000_000);
   });
 
@@ -446,7 +493,7 @@ describe('Contract', () => {
 
     expect(toNumber(transactionCost.gasPrice)).toBe(0);
     expect(toNumber(transactionCost.fee)).toBeGreaterThanOrEqual(0);
-    expect(toNumber(transactionCost.gasUsed)).toBeGreaterThan(1000);
+    expect(toNumber(transactionCost.gasUsed)).toBeGreaterThan(700);
 
     const { value } = await invocationScope
       .txParams({
@@ -478,7 +525,7 @@ describe('Contract', () => {
 
     expect(toNumber(transactionCost.gasPrice)).toBe(1);
     expect(toNumber(transactionCost.fee)).toBeGreaterThanOrEqual(1);
-    expect(toNumber(transactionCost.gasUsed)).toBeGreaterThan(1000);
+    expect(toNumber(transactionCost.gasUsed)).toBeGreaterThan(700);
 
     // Test that gasUsed is correctly calculated
     // and can be used as gasLimit
@@ -511,7 +558,7 @@ describe('Contract', () => {
 
     expect(toNumber(transactionCost.gasPrice)).toBe(2);
     expect(toNumber(transactionCost.fee)).toBeGreaterThanOrEqual(2);
-    expect(toNumber(transactionCost.gasUsed)).toBeGreaterThan(1000);
+    expect(toNumber(transactionCost.gasUsed)).toBeGreaterThan(700);
 
     // Test that gasUsed is correctly calculated
     // and can be used as gasLimit

packages/program/package.json

@@ -29,7 +29,6 @@
     "dist"
   ],
   "scripts": {
-    "prebuild": "sh ./scripts/build-multicall.sh",
     "build": "tsup",
     "postbuild": "tsx ../../scripts/postbuild.ts"
   },
@@ -44,7 +43,8 @@
     "@fuel-ts/providers": "workspace:*",
     "@fuel-ts/transactions": "workspace:*",
     "@fuel-ts/versions": "workspace:*",
-    "@fuel-ts/wallet": "workspace:*"
+    "@fuel-ts/wallet": "workspace:*",
+    "@fuels/vm-asm": "0.36.0"
   },
   "devDependencies": {
     "@fuel-ts/forc": "workspace:*"