Feat: Added frontend build and function tests for SDK

.env

@@ -1,2 +1,2 @@
 # The version of the Inco Lightning test docker images to use
-DOCKER_IMAGE_TAG=v0.7.0
+DOCKER_IMAGE_TAG=v0.7.5

backend/package.json

@@ -1,17 +1,32 @@
 {
   "name": "@inco/lightning-rod-test",
   "license": "Apache-2.0",
+  "type": "module",
   "scripts": {
     "test:e2e": "bun vitest run src/test/lightning.local.e2e.test.ts",
+    "test:frontend:build": "bun vitest run src/test/build-validation.test.ts",
+    "test:frontend": "pushd src/test/react-example && bun run test && popd",
     "test:tsc": "tsc --noEmit",
     "generate:abis": "bun wagmi generate"
   },
   "dependencies": {
     "@inco/js": "workspace:*",
-    "viem": "^2.28.0"
+    "viem": "^2.28.0",
+    "webpack": "^5.102.1"
   },
   "devDependencies": {
-    "vitest": "^3.1.2",
-    "@wagmi/cli": "^2.2.1"
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
+    "@vitejs/plugin-react": "^4.4.1",
+    "@vitest/browser-playwright": "^4.0.8",
+    "@vitest/ui": "^4.0.8",
+    "@wagmi/cli": "^2.2.1",
+    "happy-dom": "^20.0.10",
+    "playwright": "^1.56.1",
+    "typescript": "~5.8.3",
+    "vitest": "^4.0.8",
+    "vitest-browser-react": "^2.0.2"
   }
 }

backend/src/test/build-validation.test.ts

@@ -0,0 +1,45 @@
+// test/build-validation.test.ts
+import { execSync } from 'child_process';
+import { existsSync } from 'fs';
+import { dirname, join } from 'path';
+import { fileURLToPath } from 'url';
+import { describe, it } from 'vitest';
+
+// ESM-compatible __dirname replacement
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+describe('React Example Build Validation', () => {
+  const reactExampleDir = join(__dirname, 'react-example');
+
+  it('should build the react-example without errors', async () => {
+    // Ensure dependencies are installed before building
+    const nodeModulesPath = join(reactExampleDir, 'node_modules');
+    if (!existsSync(nodeModulesPath)) {
+      console.log('Installing dependencies for react-example...');
+      execSync('bun install', {
+        cwd: reactExampleDir,
+        encoding: 'utf-8',
+        stdio: 'inherit',
+        env: {
+          ...process.env,
+        },
+      });
+    }
+
+    try {
+      execSync('bun run build', {
+        cwd: reactExampleDir,
+        encoding: 'utf-8',
+        stdio: 'inherit',
+        env: {
+          ...process.env,
+          NODE_ENV: 'production',
+        },
+      });
+    } catch (error: any) {
+      // Capture error output even with inherit
+      throw new Error(`Build failed: ${error.message}`);
+    }
+  }, 120000); // 2 minute timeout for build
+});

backend/src/test/lightning-addtwo.ts

@@ -20,6 +20,7 @@ import { beforeAll, describe, expect, it } from 'vitest';
 import addTwoBuild from '../../../contracts/out/AddTwo.sol/AddTwo.json';
 import { addTwoAbi } from '../generated/abis.js';
 import { type E2EConfig, type E2EParams } from './lightning-test.js';
+import { handleTypes } from '@inco/js';
 
 export function runAddTwoE2ETest(zap: Lightning, cfg: E2EConfig,params: E2EParams) {
   const { walletClient, publicClient, incoLite } = params;
@@ -49,16 +50,14 @@ export function runAddTwoE2ETest(zap: Lightning, cfg: E2EConfig,params: E2EParam
         address: incoVerifierAddress,
         client: publicClient,
       });
-      const eciesKey = await incoVerifier.read.eciesPubkey();
-      const encryptor = zap.getEncryptor(eciesKey);
 
       const inputCt = await zap.encrypt(
         valueToAdd,
         {
           accountAddress: walletClient.account.address,
           dappAddress,
+          handleType: handleTypes.euint256,
         },
-        encryptor,
       );
       const { resultHandle } = await addTwo(dappAddress, inputCt, walletClient, publicClient, cfg);
       console.log(`Result handle: ${resultHandle}`);
@@ -73,7 +72,6 @@ export function runAddTwoE2ETest(zap: Lightning, cfg: E2EConfig,params: E2EParam
       console.warn('###############################################');
       console.warn(`# Step 3. Reencrypt the result handle`);
       console.warn('###############################################');
-      console.warn(`# Using covalidator ${zap.covalidatorUrl}`);
       // const reencryptor = await zap.getReencryptor(walletClient);
       // const decrypted = await reencryptor({ handle: resultHandle });
       // expect(decrypted.value).toBe(BigInt(valueToAdd + 2));
@@ -161,7 +159,7 @@ function prettifyInputCt(hex: HexString): string {
   return `${hex.slice(0, 8)}...${hex.slice(-6)}`;
 }
 
-async function fundAccount(senderPrivKey: Hex, chain: Chain, hostChainRpcUrl: string) {
+export async function fundAccount(senderPrivKey: Hex, chain: Chain, hostChainRpcUrl: string) {
   const richAccount = privateKeyToAccount('0xac0974bec39a17e36ba4a6b4d238ff944bacb478cbed5efcae784d7bf4f2ff80');
   const account = privateKeyToAccount(senderPrivKey);
   const richWalletClient = createWalletClient({

backend/src/test/lightning-libtest.ts

@@ -71,7 +71,6 @@ export function runLibTestE2ETest(zap: Lightning, cfg: E2EConfig,params: E2EPara
 
   describe('Lightning LibTest E2E', () => {
     let libTestAddress: Address;
-    let encryptor: ReturnType<Lightning['getEncryptor']>;
     let libTest: any;
     let handleA: HexString;
     let handleB: HexString;
@@ -99,8 +98,6 @@ export function runLibTestE2ETest(zap: Lightning, cfg: E2EConfig,params: E2EPara
         address: incoVerifierAddress,
         client: publicClient,
       });
-      const eciesKey = await incoVerifier.read.eciesPubkey();
-      encryptor = zap.getEncryptor(eciesKey);
 
       libTest = getContract({
         abi: libTestAbi,
@@ -115,8 +112,8 @@ export function runLibTestE2ETest(zap: Lightning, cfg: E2EConfig,params: E2EPara
           {
             accountAddress: walletClient.account.address,
             dappAddress: libTestAddress,
+            handleType: handleTypes.euint256,
           },
-          encryptor,
         );
         const handleSim = await libTest.simulate.testNewEuint256([inputCt, walletClient.account.address], {
           value: parseEther('0.0001'),
@@ -134,8 +131,8 @@ export function runLibTestE2ETest(zap: Lightning, cfg: E2EConfig,params: E2EPara
           {
             accountAddress: walletClient.account.address,
             dappAddress: libTestAddress,
+            handleType: handleTypes.ebool,
           },
-          encryptor,
         );
         const handleSim = await libTest.simulate.testNewEbool([inputCt, walletClient.account.address], {
           value: parseEther('0.0001'),
@@ -148,24 +145,18 @@ export function runLibTestE2ETest(zap: Lightning, cfg: E2EConfig,params: E2EPara
 
       // Helper function to create eaddress handle
       async function createEaddressHandle(address: Address): Promise<HexString> {
-        const plaintext = {
-          scheme: encryptionSchemes.ecies,
-          type: handleTypes.euint160,
-          value: BigInt(address), // BigInt can parse hex strings directly, preserving precision
-        } as any;
-        const ct = await encryptor({
-          plaintext: plaintext,
-          context: {
-            hostChainId: BigInt(cfg.chain.id),
-            aclAddress: zap.executorAddress,
-            userAddress: walletClient.account.address,
-            contractAddress: libTestAddress,
+        const ct = await zap.encrypt(
+          BigInt(address),
+          {
+            accountAddress: walletClient.account.address,
+            dappAddress: libTestAddress,
+            handleType: handleTypes.euint160,
           },
-        });
-        const handleSim = await libTest.simulate.testNewEaddress([ct.ciphertext.value, walletClient.account.address], {
+        );
+        const handleSim = await libTest.simulate.testNewEaddress([ct, walletClient.account.address], {
           value: parseEther('0.0001'),
         });
-        await libTest.write.testNewEaddress([ct.ciphertext.value, walletClient.account.address], {
+        await libTest.write.testNewEaddress([ct, walletClient.account.address], {
           value: parseEther('0.0001'),
         });
         return handleSim.result as HexString;
@@ -385,7 +376,7 @@ export function runLibTestE2ETest(zap: Lightning, cfg: E2EConfig,params: E2EPara
 
     // Additional Bitwise Operations Tests
     describe('Additional Bitwise Operations', () => {
-      it.skip('should test rotation left with stored handles', async () => {
+      it('should test rotation left with stored handles', async () => {
         const sim = await libTest.simulate.testRotl([handleB, handleB]);
         const txHash = await libTest.write.testRotl([handleB, handleB]);
         await publicClient.waitForTransactionReceipt({ hash: txHash });
@@ -394,7 +385,7 @@ export function runLibTestE2ETest(zap: Lightning, cfg: E2EConfig,params: E2EPara
         expect(value).toBe(BigInt(160));
       }, 20_000);
 
-      it.skip('should test rotation right with stored handles', async () => {
+      it('should test rotation right with stored handles', async () => {
         const sim = await libTest.simulate.testRotr([handleB, handleB]);
         const txHash = await libTest.write.testRotr([handleB, handleB]);
         await publicClient.waitForTransactionReceipt({ hash: txHash });

backend/src/test/lightning.local.e2e.test.ts

@@ -2,10 +2,10 @@ import { Lightning } from '@inco/js/lite';
 import { Hex } from 'viem';
 import { anvil } from 'viem/chains';
 import { describe } from 'vitest';
-import { runE2ETest } from './lightning-test';
+import { runE2ETest } from './lightning-test.js';
 
 describe(`Lightning Local Node E2E`, { timeout: 50_000 }, async () => {
-  const zap = await Lightning.localNode('alphanet');
+  const zap = await Lightning.localNode('devnet');
   runE2ETest(zap, {
     chain: anvil,
     senderPrivKey: zap.deployment.senderPrivateKey as Hex,

backend/src/test/react-example/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "react-example",
+  "version": "1.0.0",
+  "private": true,
+  "scripts": {
+    "build": "webpack --mode production",
+    "start": "webpack serve --mode development",
+    "test": "bun vitest run test/Inco.spec.tsx"
+  },
+  "dependencies": {
+    "@inco/js": "workspace:*",
+    "react": "latest",
+    "react-dom": "latest",
+    "viem": "^2.28.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.28.5",
+    "@babel/preset-env": "^7.28.5",
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.1.0",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "@vitejs/plugin-react": "^4.4.1",
+    "assert": "^2.1.0",
+    "babel-loader": "^10.0.0",
+    "browserify-zlib": "^0.2.0",
+    "buffer": "^6.0.3",
+    "crypto-browserify": "^3.12.1",
+    "css-loader": "^7.1.2",
+    "html-webpack-plugin": "^5.6.5",
+    "https-browserify": "^1.0.0",
+    "os-browserify": "^0.3.0",
+    "process": "^0.11.10",
+    "stream-browserify": "^3.0.0",
+    "stream-http": "^3.2.0",
+    "style-loader": "^4.0.0",
+    "typescript": "~5.8.3",
+    "url": "^0.11.4",
+    "util": "^0.12.5",
+    "vitest": "^4.0.8",
+    "vm-browserify": "^1.1.2",
+    "webpack": "^5.103.0",
+    "webpack-cli": "^6.0.1",
+    "webpack-dev-server": "^5.2.2"
+  }
+}

backend/src/test/react-example/public/index.html

@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="theme-color" content="#000000" />
+    <title>React Example</title>
+  </head>
+  <body>
+    <noscript>You need to enable JavaScript to run this app.</noscript>
+    <div id="root"></div>
+  </body>
+</html>
+