support eip 4844 (type 3) transaction signing in viem example

examples/with-viem/CHANGELOG.md

@@ -0,0 +1,9 @@
+@turnkey/examples/with-viem
+
+## 0.1.0
+
+- Adds example for signing type 3 (blob) transactions (see `src/advanced.ts`)
+
+## 0.0.1
+
+Initial release!

examples/with-viem/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@turnkey/example-with-viem",
-  "version": "0.0.1",
+  "version": "0.2.0",
   "private": true,
   "scripts": {
     "start": "tsx src/index.ts",
@@ -18,11 +18,13 @@
     "@turnkey/http": "workspace:*",
     "@turnkey/sdk-server": "workspace:*",
     "@turnkey/viem": "workspace:*",
+    "c-kzg": "2.1.2",
     "dotenv": "^16.0.3",
     "fetch": "^1.1.0",
+    "kzg-wasm": "0.4.0",
     "prompts": "^2.4.2",
     "typescript": "5.1",
-    "viem": "^1.16.6"
+    "viem": "2.12.1"
   },
   "devDependencies": {
     "@types/prompts": "^2.4.2"

examples/with-viem/src/advanced.ts

@@ -1,6 +1,8 @@
 import * as path from "path";
 import * as dotenv from "dotenv";
 
+import { writeFileSync } from "fs";
+
 import { createAccount } from "@turnkey/viem";
 import { TurnkeyClient } from "@turnkey/http";
 import { ApiKeyStamper } from "@turnkey/api-key-stamper";
@@ -12,14 +14,21 @@ import {
   stringToHex,
   hexToBytes,
   type Account,
+  toBlobs,
+  parseGwei,
+  serializeTransaction,
 } from "viem";
 import { sepolia } from "viem/chains";
+import { loadKZG } from "kzg-wasm";
+
 import { print, assertEqual } from "./util";
 import { createNewWallet } from "./createNewWallet";
 
 // Load environment variables from `.env.local`
 dotenv.config({ path: path.resolve(process.cwd(), ".env.local") });
 
+const TKHQ_WARCHEST = "0x08d2b0a37F869FF76BACB5Bab3278E26ab7067B7";
+
 async function main() {
   if (!process.env.SIGN_WITH) {
     // If you don't specify a `SIGN_WITH`, we'll create a new wallet for you via calling the Turnkey API.
@@ -129,6 +138,34 @@ async function main() {
 
   print("Turnkey-powered signature - typed data (EIP-712):", `${signature}`);
   assertEqual(address, recoveredAddress);
+
+  // 4. Sign type-3 (EIP-4844/blob) transaction
+  const kzg = await loadKZG();
+  const blobs = toBlobs({ data: stringToHex("hello my worldy") });
+
+  // Note: this will write to your local filesystem. Useful for debugging.
+  writeFileSync(
+    "transaction.txt",
+    serializeTransaction({
+      blobs,
+      kzg: kzg,
+      maxFeePerBlobGas: parseGwei("100"),
+      to: TKHQ_WARCHEST,
+      gas: 21000n,
+      chainId: sepolia.id,
+    })
+  );
+
+  const hash = await client.sendTransaction({
+    blobs,
+    kzg: kzg,
+    maxFeePerBlobGas: parseGwei("100"),
+    to: TKHQ_WARCHEST,
+    gas: 21000n,
+    chain: sepolia,
+  });
+
+  print("Transaction sent", `https://sepolia.etherscan.io/tx/${hash}`);
 }
 
 main().catch((error) => {

packages/viem/package.json

@@ -52,7 +52,7 @@
     "compile:contracts": "hardhat compile"
   },
   "peerDependencies": {
-    "viem": "^1.16.6 || ^2.1.1"
+    "viem": "^1.16.6 || ^2.12.1"
   },
   "dependencies": {
     "@turnkey/api-key-stamper": "workspace:*",
@@ -65,7 +65,7 @@
   "devDependencies": {
     "@types/jest": "^29.5.3",
     "jest": "^29.3.1",
-    "viem": "^2.1.1"
+    "viem": "^2.12.1"
   },
   "engines": {
     "node": ">=18.0.0"

packages/viem/src/index.ts

@@ -100,7 +100,10 @@ export function createAccountWithAddress(input: {
     });
   }
 
-  return toAccount({
+  return {
+    type: "local",
+    publicKey: "0x", // leaving this blank for now
+    source: "custom",
     address: ethereumAddress as Hex,
     signMessage: function ({
       message,
@@ -113,13 +116,13 @@ export function createAccountWithAddress(input: {
       TTransactionSerializable extends TransactionSerializable
     >(
       transaction: TTransactionSerializable,
-      args?:
-        | { serializer?: SerializeTransactionFn<TTransactionSerializable> }
-        | undefined
+      options?: {
+        serializer?: SerializeTransactionFn | undefined; // TODO: use exactOptionalPropertyTypes instead
+      }
     ): Promise<Hex> {
-      const serializer = !args?.serializer
+      const serializer = !options?.serializer
         ? serializeTransaction
-        : args.serializer;
+        : options.serializer;
 
       return signTransaction(
         client,
@@ -134,7 +137,7 @@ export function createAccountWithAddress(input: {
     ): Promise<Hex> {
       return signTypedData(client, typedData, organizationId, signWith);
     },
-  });
+  };
 }
 
 export async function createAccount(input: {
@@ -263,13 +266,13 @@ export async function createApiKeyAccount(
       TTransactionSerializable extends TransactionSerializable
     >(
       transaction: TTransactionSerializable,
-      args?:
-        | { serializer?: SerializeTransactionFn<TTransactionSerializable> }
-        | undefined
+      options?: {
+        serializer?: SerializeTransactionFn | undefined; // TODO: use exactOptionalPropertyTypes instead
+      }
     ): Promise<Hex> {
-      const serializer = !args?.serializer
+      const serializer = !options?.serializer
         ? serializeTransaction
-        : args.serializer;
+        : options.serializer;
 
       return signTransaction(
         client,