Files
pezkuwi-sdk-ui/packages/react-hooks/src/usePreimage.ts
T
pezkuwichain d949863789 Initial commit: Pezkuwi SDK UI
Comprehensive web interface for interacting with Pezkuwi blockchain.

Features:
- Blockchain explorer
- Wallet management
- Staking interface
- Governance participation
- Developer tools

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-19 13:55:36 +03:00

259 lines
8.7 KiB
TypeScript

// Copyright 2017-2026 @pezkuwi/react-hooks authors & contributors
// SPDX-License-Identifier: Apache-2.0
import type { ApiPromise } from '@pezkuwi/api';
import type { Bytes, u32, u128 } from '@pezkuwi/types';
import type { AccountId, Hash } from '@pezkuwi/types/interfaces';
import type { PezframeSupportPreimagesBounded, PezpalletPreimageRequestStatus } from '@pezkuwi/types/lookup';
import type { ITuple } from '@pezkuwi/types/types';
import type { HexString } from '@pezkuwi/util/types';
import type { Preimage, PreimageDeposit, PreimageStatus } from './types.js';
import { useMemo } from 'react';
import { createNamedHook, useApi, useCall } from '@pezkuwi/react-hooks';
import { Option } from '@pezkuwi/types';
import { BN, BN_ZERO, formatNumber, isString, isU8a, objectSpread, u8aToHex } from '@pezkuwi/util';
type BytesParamsType = [[proposalHash: HexString, proposalLength: BN]] | [proposalHash: HexString];
interface BytesParams {
paramsBytes?: BytesParamsType;
resultPreimageFor?: PreimageStatus;
}
interface StatusParams {
inlineData?: Uint8Array;
paramsStatus?: [HexString];
proposalHash?: HexString;
resultPreimageHash?: PreimageStatus;
}
type Result = 'unknown' | 'hash' | 'hashAndLen';
interface OldUnrequested {
deposit: ITuple<[AccountId, u128]>;
}
interface OldRequested {
deposit: Option<ITuple<[AccountId, u128]>>;
len: Option<u32>;
}
/**
* @internal Determine if we are working with current generation (H256,u32)
* or previous generation H256 params to the preimageFor storage entry
*/
export function getParamType (api: ApiPromise): Result {
if ((
api.query.preimage &&
api.query.preimage.preimageFor &&
api.query.preimage.preimageFor.creator.meta.type.isMap
)) {
const { type } = api.registry.lookup.getTypeDef(api.query.preimage.preimageFor.creator.meta.type.asMap.key);
if (type === 'H256') {
return 'hash';
} else if (type === '(H256,u32)') {
return 'hashAndLen';
} else {
// we are clueless :()
}
}
return 'unknown';
}
/** @internal Unwraps a passed preimage hash into components */
export function getPreimageHash (api: ApiPromise, hashOrBounded: Hash | HexString | PezframeSupportPreimagesBounded): StatusParams {
let proposalHash: HexString | undefined;
let inlineData: Uint8Array | undefined;
if (isString(hashOrBounded)) {
proposalHash = hashOrBounded;
} else if (isU8a(hashOrBounded)) {
proposalHash = hashOrBounded.toHex();
} else {
const bounded = hashOrBounded;
if (bounded.isInline) {
inlineData = bounded.asInline.toU8a(true);
proposalHash = u8aToHex(api.registry.hash(inlineData));
} else if (hashOrBounded.isLegacy) {
proposalHash = hashOrBounded.asLegacy.hash_.toHex();
} else if (hashOrBounded.isLookup) {
proposalHash = hashOrBounded.asLookup.hash_.toHex();
} else {
console.error(`Unhandled PezframeSupportPreimagesBounded type ${hashOrBounded.type}`);
}
}
return {
inlineData,
paramsStatus: proposalHash && [proposalHash],
proposalHash,
resultPreimageHash: proposalHash && {
count: 0,
isCompleted: false,
isHashParam: getParamType(api) === 'hash',
proposalHash,
proposalLength: inlineData && new BN(inlineData.length),
status: null
}
};
}
/** @internal Creates a final result */
function createResult (api: ApiPromise, interimResult: PreimageStatus, optBytes: Option<Bytes> | Uint8Array): Preimage {
const callData = isU8a(optBytes)
? optBytes
: optBytes.unwrapOr(null);
const result = (preimage: Pick<Preimage, 'proposal' | 'proposalLength' | 'proposalWarning' | 'proposalError'>) => objectSpread<Preimage>({}, interimResult, {
isCompleted: true,
...preimage
});
if (!callData) {
return result({ proposalWarning: 'No preimage bytes found' });
}
try {
const tx = api.tx(callData.toString());
const proposal = api.createType('Call', tx.method);
if (tx.toHex() === callData.toString()) {
return result({ proposal });
}
} catch {}
try {
const proposal = api.registry.createType('Call', callData);
const callLength = proposal.encodedLength;
if (interimResult.proposalLength) {
const storeLength = interimResult.proposalLength.toNumber();
return result({
proposal,
proposalWarning: callLength !== storeLength ? `Decoded call length does not match on-chain stored preimage length (${formatNumber(callLength)} bytes vs ${formatNumber(storeLength)} bytes)` : null
});
} else {
// for the old style, we set the actual length
return result({
proposal,
proposalLength: new BN(callLength)
});
}
} catch (error) {
console.error(error);
}
return result({ proposalError: 'Unable to decode preimage bytes into a valid Call' });
}
/** @internal Helper to unwrap a deposit tuple into a structure */
function convertDeposit (deposit?: [AccountId, u128] | null): PreimageDeposit | undefined {
return deposit
? {
amount: deposit[1],
who: deposit[0].toString()
}
: undefined;
}
/** @internal Returns the parameters required for a call to bytes */
function getBytesParams (interimResult: PreimageStatus, someOptStatus: Option<PezpalletPreimageRequestStatus>): BytesParams {
const result = objectSpread<PreimageStatus>({}, interimResult, {
status: someOptStatus.unwrapOr(null)
});
if (result.status) {
if (result.status.isRequested) {
const asRequested = result.status.asRequested;
if (asRequested instanceof Option) {
// FIXME Cannot recall how to deal with these
// (unlike Unrequested below, didn't have an example)
} else {
result.count = asRequested.count.toNumber();
result.deposit = convertDeposit(
asRequested.maybeTicket
? asRequested.maybeTicket.unwrapOr(null)
: (asRequested as unknown as OldRequested).deposit.unwrapOr(null)
);
result.proposalLength = asRequested.maybeLen
? asRequested.maybeLen.unwrapOr(BN_ZERO)
: (asRequested as unknown as OldRequested).len.unwrapOr(BN_ZERO);
}
} else if (result.status.isUnrequested) {
const asUnrequested = result.status.asUnrequested;
if (asUnrequested instanceof Option) {
result.deposit = convertDeposit(
// old-style conversion
(asUnrequested as Option<ITuple<[AccountId, u128]>>).unwrapOr(null)
);
} else {
result.deposit = convertDeposit(asUnrequested.ticket || (asUnrequested as unknown as OldUnrequested).deposit);
result.proposalLength = asUnrequested.len;
}
} else {
console.error(`Unhandled PezpalletPreimageRequestStatus type: ${result.status.type}`);
}
}
return {
paramsBytes: result.isHashParam
? [result.proposalHash]
: [[result.proposalHash, result.proposalLength || BN_ZERO]],
resultPreimageFor: result
};
}
function usePreimageImpl (hashOrBounded?: Hash | HexString | PezframeSupportPreimagesBounded | null): Preimage | undefined {
const { api } = useApi();
// retrieve the status using only the hash of the image
const { inlineData, paramsStatus, resultPreimageHash } = useMemo(
() => hashOrBounded
? getPreimageHash(api, hashOrBounded)
: {},
[api, hashOrBounded]
);
// api.query.preimage.statusFor has been deprecated in favor of api.query.preimage.requestStatusFor.
// To ensure we get all preimages correctly we query both storages. see: https://github.com/pezkuwi-js/apps/pull/10310
const optStatus = useCall<Option<PezpalletPreimageRequestStatus>>(!inlineData && paramsStatus && api.query.preimage?.statusFor, paramsStatus);
const optRequstStatus = useCall<Option<PezpalletPreimageRequestStatus>>(!inlineData && paramsStatus && api.query.preimage?.requestStatusFor, paramsStatus);
const someOptStatus = optStatus?.isSome ? optStatus : optRequstStatus;
// from the retrieved status (if any), get the on-chain stored bytes
const { paramsBytes, resultPreimageFor } = useMemo(
() => resultPreimageHash && someOptStatus
? getBytesParams(resultPreimageHash, someOptStatus)
: {},
[someOptStatus, resultPreimageHash]
);
const optBytes = useCall<Option<Bytes>>(paramsBytes && api.query.preimage?.preimageFor, paramsBytes);
// extract all the preimage info we have retrieved
return useMemo(
() => resultPreimageFor
? optBytes
? createResult(api, resultPreimageFor, optBytes)
: resultPreimageFor
: resultPreimageHash
? inlineData
? createResult(api, resultPreimageHash, inlineData)
: resultPreimageHash
: undefined,
[api, inlineData, optBytes, resultPreimageHash, resultPreimageFor]
);
}
export const usePreimage = createNamedHook('usePreimage', usePreimageImpl);