Data On-Chain di Production: Apa yang Tidak Diberitahukan Siapa pun | Akousa

typescript

import { createPublicClient, fallback, http } from "viem";
import { mainnet } from "viem/chains";
 
const client = createPublicClient({
  chain: mainnet,
  transport: fallback(
    [
      http("https://eth-mainnet.g.alchemy.com/v2/YOUR_KEY", {
        retryCount: 3,
        retryDelay: 1500,
        timeout: 15_000,
      }),
      http("https://mainnet.infura.io/v3/YOUR_KEY", {
        retryCount: 3,
        retryDelay: 1500,
        timeout: 15_000,
      }),
      http("https://rpc.ankr.com/eth", {
        retryCount: 2,
        retryDelay: 2000,
        timeout: 20_000,
      }),
    ],
    { rank: true },
  ),
});

typescript

interface IndexedBlock {
  number: bigint;
  hash: `0x${string}`;
  parentHash: `0x${string}`;
}
 
async function detectReorg(
  client: PublicClient,
  lastIndexed: IndexedBlock,
): Promise<{ reorged: boolean; depth: number }> {
  const currentBlock = await client.getBlock({
    blockNumber: lastIndexed.number,
  });
 
  if (currentBlock.hash === lastIndexed.hash) {
    return { reorged: false, depth: 0 };
  }
 
  // Telusuri mundur untuk menemukan di mana chain bercabang
  let depth = 1;
  let checkNumber = lastIndexed.number - 1n;
 
  while (checkNumber > 0n && depth < 128) {
    const onChain = await client.getBlock({ blockNumber: checkNumber });
    const inDb = await getIndexedBlock(checkNumber); // pencarian DB Anda
 
    if (onChain.hash === inDb?.hash) {
      return { reorged: true, depth };
    }
 
    depth++;
    checkNumber--;
  }
 
  return { reorged: true, depth };
}

typescript

import type { PublicClient, Log, AbiEvent } from "viem";
 
async function fetchLogsInChunks<T extends AbiEvent>(
  client: PublicClient,
  params: {
    address: `0x${string}`;
    event: T;
    fromBlock: bigint;
    toBlock: bigint;
    maxBlockRange?: bigint;
  },
): Promise<Log<bigint, number, false, T, true>[]> {
  const { address, event, fromBlock, toBlock, maxBlockRange = 2000n } = params;
  const allLogs: Log<bigint, number, false, T, true>[] = [];
 
  let currentFrom = fromBlock;
 
  while (currentFrom <= toBlock) {
    const currentTo = currentFrom + maxBlockRange - 1n > toBlock ? toBlock : currentFrom + maxBlockRange - 1n;
 
    try {
      const logs = await client.getLogs({
        address,
        event,
        fromBlock: currentFrom,
        toBlock: currentTo,
      });
 
      allLogs.push(...logs);
      currentFrom = currentTo + 1n;
    } catch (error) {
      // Jika range terlalu besar (terlalu banyak hasil), bagi dua
      if (isRangeTooLargeError(error) && currentTo > currentFrom) {
        const mid = currentFrom + (currentTo - currentFrom) / 2n;
        const firstHalf = await fetchLogsInChunks(client, {
          address,
          event,
          fromBlock: currentFrom,
          toBlock: mid,
          maxBlockRange,
        });
        const secondHalf = await fetchLogsInChunks(client, {
          address,
          event,
          fromBlock: mid + 1n,
          toBlock: currentTo,
          maxBlockRange,
        });
        allLogs.push(...firstHalf, ...secondHalf);
        currentFrom = currentTo + 1n;
      } else {
        throw error;
      }
    }
  }
 
  return allLogs;
}
 
function isRangeTooLargeError(error: unknown): boolean {
  const message = error instanceof Error ? error.message : String(error);
  return (
    message.includes("Log response size exceeded") ||
    message.includes("query returned more than") ||
    message.includes("exceed maximum block range")
  );
}

typescript

// BUG-NYA: Terlihat tidak berbahaya, tapi berbahaya
function formatTokenAmount(amount: bigint, decimals: number): string {
  return (Number(amount) / Math.pow(10, decimals)).toFixed(4);
}
 
// Untuk jumlah kecil ini berfungsi:
formatTokenAmount(1000000n, 6); // "1.0000" -- benar
 
// Untuk jumlah besar ini rusak secara senyap:
formatTokenAmount(123456789012345678n, 18);
// Mengembalikan "0.1235" -- SALAH, presisi sebenarnya hilang
// Number(123456789012345678n) === 123456789012345680
// Dua digit terakhir dibulatkan oleh IEEE 754

typescript

import { formatUnits, parseUnits } from "viem";
 
// Benar: beroperasi pada BigInt, mengembalikan string
function formatTokenAmount(amount: bigint, decimals: number, displayDecimals: number = 4): string {
  const formatted = formatUnits(amount, decimals);
 
  // formatUnits mengembalikan string presisi penuh seperti "0.123456789012345678"
  // Potong (jangan bulatkan) ke presisi tampilan yang diinginkan
  const [whole, fraction = ""] = formatted.split(".");
  const truncated = fraction.slice(0, displayDecimals).padEnd(displayDecimals, "0");
 
  return `${whole}.${truncated}`;
}
 
// Juga penting: gunakan parseUnits untuk input pengguna, jangan pernah parseFloat
function parseTokenInput(input: string, decimals: number): bigint {
  // parseUnits menangani konversi string-ke-BigInt dengan benar
  return parseUnits(input, decimals);
}

typescript

// Serializer respons API
function serializeForApi(data: Record<string, unknown>): string {
  return JSON.stringify(data, (_, value) => (typeof value === "bigint" ? value.toString() : value));
}

typescript

import { LRUCache } from "lru-cache";
 
const memoryCache = new LRUCache<string, unknown>({
  max: 10_000,
  ttl: 1000 * 60, // default 1 menit
});
 
type CacheTier = "immutable" | "short" | "volatile";
 
const TTL_MAP: Record<CacheTier, number> = {
  immutable: 1000 * 60 * 60 * 24, // 24 jam di memory, permanen di Redis
  short: 1000 * 60 * 5, // 5 menit
  volatile: 1000 * 15, // 15 detik
};
 
async function cachedRpcCall<T>(key: string, tier: CacheTier, fetcher: () => Promise<T>): Promise<T> {
  // Cek memory dulu
  const cached = memoryCache.get(key) as T | undefined;
  if (cached !== undefined) return cached;
 
  // Lalu Redis (jika punya)
  // const redisCached = await redis.get(key);
  // if (redisCached) { ... }
 
  const result = await fetcher();
  memoryCache.set(key, result, { ttl: TTL_MAP[tier] });
 
  return result;
}
 
// Penggunaan:
const receipt = await cachedRpcCall(`receipt:${txHash}`, "immutable", () =>
  client.getTransactionReceipt({ hash: txHash }),
);

typescript

// Tidak ada inferensi tipe — args adalah unknown[], return adalah unknown
const result = await client.readContract({
  address: "0x...",
  abi: JSON.parse(abiString), // di-parse saat runtime = tidak ada info tipe
  functionName: "balanceOf",
  args: ["0x..."],
});

typescript

// Definisikan ABI sebagai const untuk inferensi tipe penuh
const erc20Abi = [
  {
    name: "balanceOf",
    type: "function",
    stateMutability: "view",
    inputs: [{ name: "account", type: "address" }],
    outputs: [{ name: "balance", type: "uint256" }],
  },
  {
    name: "transfer",
    type: "function",
    stateMutability: "nonpayable",
    inputs: [
      { name: "to", type: "address" },
      { name: "amount", type: "uint256" },
    ],
    outputs: [{ name: "success", type: "bool" }],
  },
] as const;
 
// Sekarang TypeScript tahu:
// - functionName autocomplete ke "balanceOf" | "transfer"
// - args untuk balanceOf adalah [address: `0x${string}`]
// - tipe return untuk balanceOf adalah bigint
const balance = await client.readContract({
  address: "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
  abi: erc20Abi,
  functionName: "balanceOf",
  args: ["0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045"],
});
// typeof balance = bigint -- fully typed

Data On-Chain di Production: Apa yang Tidak Diberitahukan Siapa pun

Ilusi Data yang Andal#

Rate Limit RPC Akan Menghancurkan Akhir Pekan Anda#

Reorg: Bug yang Tidak Akan Anda Lihat Datang#

Masalah Indexing: Pilih Rasa Sakit Anda#

Panggilan RPC Langsung#

The Graph (Subgraph)#

Custom Indexer (Ponder, Envio)#

getLogs Lebih Berbahaya dari yang Terlihat#

BigInt Akan Merendahkan Anda#

Strategi Caching: Apa, Berapa Lama, dan Kapan Diinvalidasi#

TypeScript dan Contract ABI: Cara yang Benar#

Kenyataan yang Tidak Nyaman#

Artikel Terkait

TypeScript Compiler API: Building Custom Linters, Codemods, and Type Analyzers

JSON to TypeScript Guide: Create Safer API Types From Real Payloads