mirror of
https://github.com/pezkuwichain/pezkuwi-sdk-ui.git
synced 2026-04-25 04:37:57 +00:00
d949863789
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>
259 lines
8.7 KiB
TypeScript
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);
|