starkzap-starter 0.1.2 → 0.1.3

package/.claude/settings.local.json

@@ -0,0 +1,9 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(npm run:*)",
+      "Bash(grep -rn \"transfer\" /Users/mac/Downloads/starkzap-starter/node_modules/starkzap/dist/src/*.d.ts)",
+      "Bash(find /Users/mac/Downloads/starkzap-starter/node_modules/starkzap/dist -name \"address.d.ts\" -exec cat {} \\\\;)"
+    ]
+  }
+}

package/next.config.mjs

@@ -3,6 +3,16 @@ const nextConfig = {
   reactStrictMode: true,
   // Starkzap uses ESM — transpile it so Next.js can bundle it correctly
   transpilePackages: ["starkzap"],
+  turbopack: {
+    // Starkzap optional peer deps (Solana, Tongo, Hyperlane) — not used in this starter
+    resolveAlias: {
+      "@fatsolutions/tongo-sdk": "./src/lib/stubs/tongo-sdk.ts",
+      "@solana/web3.js": "./src/lib/stubs/empty.ts",
+      "@hyperlane-xyz/sdk": "./src/lib/stubs/empty.ts",
+      "@hyperlane-xyz/registry": "./src/lib/stubs/empty.ts",
+      "@hyperlane-xyz/utils": "./src/lib/stubs/empty.ts",
+    },
+  },
 };
 
 export default nextConfig;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "starkzap-starter",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "private": false,
   "description": "Next.js 14 App Router starter kit for building on Starknet with the Starkzap SDK",
   "scripts": {

package/src/hooks/useGaslessTransfer.ts

@@ -11,7 +11,7 @@
  */
 
 import { useState, useCallback } from "react";
-import { getPresets, Amount } from "starkzap";
+import { getPresets, Amount, fromAddress } from "starkzap";
 import type { WalletState } from "./useWallet";
 
 export type TransferParams = {
@@ -59,7 +59,8 @@ export function useGaslessTransfer(
         // feeMode: "sponsored" → AVNU paymaster covers gas (gasless for the user)
         // feeMode: "default"   → user pays gas normally
         const tx = await wallet.transfer(
-          { to, token, amount: parsedAmount },
+          token,
+          [{ to: fromAddress(to), amount: parsedAmount }],
           { feeMode: "sponsored" }
         );
 

package/src/hooks/useTokenBalance.ts

@@ -10,7 +10,7 @@
  */
 
 import { useState, useEffect, useCallback } from "react";
-import { getPresets, Amount } from "starkzap";
+import { getPresets } from "starkzap";
 import type { WalletState } from "./useWallet";
 import { network } from "@/lib/starkzap";
 
@@ -46,11 +46,10 @@ export function useTokenBalance(
 
       if (!token) throw new Error(`Token ${symbol} not found for this network`);
 
-      const balanceRaw = await wallet.getBalance(token);
-      const amount = Amount.fromBase(balanceRaw, token);
+      const amount = await wallet.balanceOf(token);
 
-      setRaw(balanceRaw);
-      setFormatted(amount.toFixed(4));
+      setRaw(amount.toBase());
+      setFormatted(amount.toFormatted(true));
     } catch (err) {
       setError(err instanceof Error ? err.message : "Failed to fetch balance");
     } finally {

package/src/lib/empty-module.ts

@@ -0,0 +1 @@
+export {};

package/src/lib/stubs/empty.ts

@@ -0,0 +1,2 @@
+// Stub for optional peer dependencies — not used in this starter
+export default {};

package/src/lib/stubs/tongo-sdk.ts

@@ -0,0 +1,2 @@
+// Stub for @fatsolutions/tongo-sdk — not used in this starter
+export class Account {}

package/tsconfig.json

@@ -1,6 +1,10 @@
 {
   "compilerOptions": {
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -10,13 +14,28 @@
     "moduleResolution": "bundler",
     "resolveJsonModule": true,
     "isolatedModules": true,
-    "jsx": "preserve",
+    "jsx": "react-jsx",
     "incremental": true,
-    "plugins": [{ "name": "next" }],
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
     "paths": {
-      "@/*": ["./src/*"]
-    }
+      "@/*": [
+        "./src/*"
+      ]
+    },
+    "target": "ES2020"
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
-  "exclude": ["node_modules"]
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
 }