mirror of
https://github.com/pezkuwichain/pezkuwi-apps.git
synced 2026-11-02 06:31:07 +00:00
feat: initial Pezkuwi Apps rebrand from polkadot-apps
Rebranded terminology: - Polkadot → Pezkuwi - Kusama → Dicle - Westend → Zagros - Rococo → PezkuwiChain - Substrate → Bizinikiwi - parachain → teyrchain Custom logos with Kurdistan brand colors (#e6007a → #86e62a): - bizinikiwi-hexagon.svg - sora-bizinikiwi.svg - hezscanner.svg - heztreasury.svg - pezkuwiscan.svg - pezkuwistats.svg - pezkuwiassembly.svg - pezkuwiholic.svg
This commit is contained in:
Kurdistan Tech Ministry committed
commit
d21bfb1320
5867 files changed
+329019
No files matched your search
@@ -0,0 +1,396 @@
|
||||
// Copyright 2017-2025 @pezkuwi/react-api authors & contributors
|
||||
// SPDX-License-Identifier: Apache-2.0
|
||||
|
||||
import type { Blockchain } from '@acala-network/chopsticks-core';
|
||||
import type { LinkOption } from '@pezkuwi/apps-config/endpoints/types';
|
||||
import type { InjectedExtension } from '@pezkuwi/extension-inject/types';
|
||||
import type { ChainProperties, ChainType } from '@pezkuwi/types/interfaces';
|
||||
import type { KeyringStore } from '@pezkuwi/ui-keyring/types';
|
||||
import type { ApiProps, ApiState, InjectedAccountExt } from './types.js';
|
||||
|
||||
import { ChopsticksProvider, setStorage } from '@acala-network/chopsticks-core';
|
||||
import * as Sc from '@bizinikiwi/connect';
|
||||
import React, { useEffect, useMemo, useState } from 'react';
|
||||
import store from 'store';
|
||||
|
||||
import { ApiPromise, ScProvider, WsProvider } from '@pezkuwi/api';
|
||||
import { deriveMapCache, setDeriveCache } from '@pezkuwi/api-derive/util';
|
||||
import { ethereumChains, typesBundle } from '@pezkuwi/apps-config';
|
||||
import { web3Accounts, web3Enable } from '@pezkuwi/extension-dapp';
|
||||
import { TokenUnit } from '@pezkuwi/react-components/InputConsts/units';
|
||||
import { useApiUrl, useCoretimeEndpoint, useEndpoint, usePeopleEndpoint, useQueue } from '@pezkuwi/react-hooks';
|
||||
import { ApiCtx } from '@pezkuwi/react-hooks/ctx/Api';
|
||||
import { ApiSigner } from '@pezkuwi/react-signer/signers';
|
||||
import { keyring } from '@pezkuwi/ui-keyring';
|
||||
import { settings } from '@pezkuwi/ui-settings';
|
||||
import { formatBalance, isNumber, isTestChain, objectSpread, stringify } from '@pezkuwi/util';
|
||||
import { defaults as addressDefaults } from '@pezkuwi/util-crypto/address/defaults';
|
||||
|
||||
import { lightSpecs, relaySpecs } from './light/index.js';
|
||||
import { statics } from './statics.js';
|
||||
import { decodeUrlTypes } from './urlTypes.js';
|
||||
|
||||
interface Props {
|
||||
children: React.ReactNode;
|
||||
apiUrl: string;
|
||||
isElectron: boolean;
|
||||
store?: KeyringStore;
|
||||
beforeApiInit?: React.ReactNode
|
||||
}
|
||||
|
||||
interface ChainData {
|
||||
injectedAccounts: InjectedAccountExt[];
|
||||
properties: ChainProperties;
|
||||
systemChain: string;
|
||||
systemChainType: ChainType;
|
||||
systemName: string;
|
||||
systemVersion: string;
|
||||
}
|
||||
|
||||
interface CreateApiReturn {
|
||||
types: Record<string, Record<string, string>>;
|
||||
fork: Blockchain | null;
|
||||
}
|
||||
|
||||
export const DEFAULT_DECIMALS = statics.registry.createType('u32', 12);
|
||||
export const DEFAULT_SS58 = statics.registry.createType('u32', addressDefaults.prefix);
|
||||
export const DEFAULT_AUX = ['Aux1', 'Aux2', 'Aux3', 'Aux4', 'Aux5', 'Aux6', 'Aux7', 'Aux8', 'Aux9'];
|
||||
|
||||
const DISALLOW_EXTENSIONS: string[] = [];
|
||||
const EMPTY_STATE = { hasInjectedAccounts: false, isApiReady: false } as unknown as ApiState;
|
||||
|
||||
function isKeyringLoaded () {
|
||||
try {
|
||||
return !!keyring.keyring;
|
||||
} catch {
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
function getDevTypes (): Record<string, Record<string, string>> {
|
||||
const types = decodeUrlTypes() || store.get('types', {}) as Record<string, Record<string, string>>;
|
||||
const names = Object.keys(types);
|
||||
|
||||
names.length && console.log('Injected types:', names.join(', '));
|
||||
|
||||
return types;
|
||||
}
|
||||
|
||||
async function getInjectedAccounts (injectedPromise: Promise<InjectedExtension[]>): Promise<InjectedAccountExt[]> {
|
||||
try {
|
||||
await injectedPromise;
|
||||
|
||||
const accounts = await web3Accounts();
|
||||
|
||||
return accounts.map(({ address, meta, type }, whenCreated): InjectedAccountExt => ({
|
||||
address,
|
||||
meta: objectSpread({}, meta, {
|
||||
name: `${meta.name || 'unknown'} (${meta.source === 'pezkuwi-js' ? 'extension' : meta.source})`,
|
||||
whenCreated
|
||||
}),
|
||||
type: type || 'sr25519'
|
||||
}));
|
||||
} catch (error) {
|
||||
console.error('web3Accounts', error);
|
||||
|
||||
return [];
|
||||
}
|
||||
}
|
||||
|
||||
function makeCreateLink (baseApiUrl: string, isElectron: boolean): (path: string) => string {
|
||||
return (path: string, apiUrl?: string): string =>
|
||||
`${isElectron
|
||||
? 'https://pezkuwi.js.org/apps/'
|
||||
: `${window.location.origin}${window.location.pathname}`
|
||||
}?rpc=${encodeURIComponent(apiUrl || baseApiUrl)}#${path}`;
|
||||
}
|
||||
|
||||
async function retrieve (api: ApiPromise, injectedPromise: Promise<InjectedExtension[]>): Promise<ChainData> {
|
||||
const [systemChain, systemChainType, systemName, systemVersion, injectedAccounts] = await Promise.all([
|
||||
api.rpc.system.chain(),
|
||||
api.rpc.system.chainType
|
||||
? api.rpc.system.chainType()
|
||||
: Promise.resolve(statics.registry.createType('ChainType', 'Live')),
|
||||
api.rpc.system.name(),
|
||||
api.rpc.system.version(),
|
||||
getInjectedAccounts(injectedPromise)
|
||||
]);
|
||||
|
||||
return {
|
||||
injectedAccounts: injectedAccounts.filter(({ meta: { source } }) =>
|
||||
!DISALLOW_EXTENSIONS.includes(source)
|
||||
),
|
||||
properties: statics.registry.createType('ChainProperties', {
|
||||
isEthereum: api.registry.chainIsEthereum,
|
||||
ss58Format: api.registry.chainSS58,
|
||||
tokenDecimals: api.registry.chainDecimals,
|
||||
tokenSymbol: api.registry.chainTokens
|
||||
}),
|
||||
systemChain: (systemChain || '<unknown>').toString(),
|
||||
systemChainType,
|
||||
systemName: systemName.toString(),
|
||||
systemVersion: systemVersion.toString()
|
||||
};
|
||||
}
|
||||
|
||||
async function loadOnReady (api: ApiPromise, endpoint: LinkOption | null, fork: Blockchain | null, injectedPromise: Promise<InjectedExtension[]>, store: KeyringStore | undefined, types: Record<string, Record<string, string>>, urlIsEthereum = false): Promise<ApiState> {
|
||||
statics.registry.register(types);
|
||||
|
||||
const { injectedAccounts, properties, systemChain, systemChainType, systemName, systemVersion } = await retrieve(api, injectedPromise);
|
||||
const chainSS58 = properties.ss58Format.unwrapOr(DEFAULT_SS58).toNumber();
|
||||
const ss58Format = settings.prefix === -1
|
||||
? chainSS58
|
||||
: settings.prefix;
|
||||
const tokenSymbol = properties.tokenSymbol.unwrapOr([formatBalance.getDefaults().unit, ...DEFAULT_AUX]);
|
||||
const tokenDecimals = properties.tokenDecimals.unwrapOr([DEFAULT_DECIMALS]);
|
||||
const isEthereum = properties.isEthereum.isTrue || ethereumChains.includes(api.runtimeVersion.specName.toString()) || urlIsEthereum;
|
||||
const isDevelopment = (systemChainType.isDevelopment || systemChainType.isLocal || isTestChain(systemChain));
|
||||
|
||||
console.log(`chain: ${systemChain} (${systemChainType.toString()}), ${stringify(properties)}`);
|
||||
|
||||
// explicitly override the ss58Format as specified
|
||||
statics.registry.setChainProperties(
|
||||
statics.registry.createType('ChainProperties', {
|
||||
isEthereum,
|
||||
ss58Format,
|
||||
tokenDecimals,
|
||||
tokenSymbol
|
||||
})
|
||||
);
|
||||
|
||||
// first setup the UI helpers
|
||||
formatBalance.setDefaults({
|
||||
decimals: tokenDecimals.map((b) => b.toNumber()),
|
||||
unit: tokenSymbol[0].toString()
|
||||
});
|
||||
TokenUnit.setAbbr(tokenSymbol[0].toString());
|
||||
|
||||
// finally load the keyring
|
||||
isKeyringLoaded() || keyring.loadAll({
|
||||
genesisHash: api.genesisHash,
|
||||
genesisHashAdd: !isEthereum && endpoint && isNumber(endpoint.paraId) && (endpoint.paraId < 2000) && endpoint.genesisHashRelay
|
||||
? [endpoint.genesisHashRelay]
|
||||
: [],
|
||||
isDevelopment,
|
||||
ss58Format,
|
||||
store,
|
||||
type: isEthereum ? 'ethereum' : 'ed25519'
|
||||
},
|
||||
isEthereum
|
||||
? injectedAccounts.map((account) => {
|
||||
const copy = { ...account };
|
||||
|
||||
copy.type = 'ethereum';
|
||||
|
||||
return copy;
|
||||
})
|
||||
: injectedAccounts
|
||||
);
|
||||
|
||||
const defaultSection = Object.keys(api.tx)[0];
|
||||
const defaultMethod = Object.keys(api.tx[defaultSection])[0];
|
||||
const apiDefaultTx = api.tx[defaultSection][defaultMethod];
|
||||
const apiDefaultTxSudo = api.tx.system?.setCode || apiDefaultTx;
|
||||
|
||||
setDeriveCache(api.genesisHash.toHex(), deriveMapCache);
|
||||
|
||||
return {
|
||||
apiDefaultTx,
|
||||
apiDefaultTxSudo,
|
||||
chainSS58,
|
||||
fork,
|
||||
hasInjectedAccounts: injectedAccounts.length !== 0,
|
||||
isApiReady: true,
|
||||
isDevelopment,
|
||||
isEthereum,
|
||||
specName: api.runtimeVersion.specName.toString(),
|
||||
specVersion: api.runtimeVersion.specVersion.toString(),
|
||||
systemChain,
|
||||
systemName,
|
||||
systemVersion
|
||||
};
|
||||
}
|
||||
|
||||
/**
|
||||
* @internal
|
||||
* Creates a ScProvider from a <relay>[/teyrchain] string
|
||||
*/
|
||||
async function getLightProvider (chain: string): Promise<ScProvider> {
|
||||
const [sc, relayName, paraName] = chain.split('/');
|
||||
|
||||
if (sc !== 'bizinikiwi-connect') {
|
||||
throw new Error(`Cannot connect to non bizinikiwi-connect protocol ${chain}`);
|
||||
} else if (!relaySpecs[relayName] || (paraName && !lightSpecs[relayName]?.[paraName])) {
|
||||
throw new Error(`Unable to construct light chain ${chain}`);
|
||||
}
|
||||
|
||||
const relay = new ScProvider(Sc, relaySpecs[relayName]);
|
||||
|
||||
if (!paraName) {
|
||||
return relay;
|
||||
}
|
||||
|
||||
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
||||
const specMod = await import(`${lightSpecs[relayName][paraName]}`);
|
||||
|
||||
// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
|
||||
return new ScProvider(Sc, JSON.stringify(specMod.default), relay);
|
||||
}
|
||||
|
||||
/**
|
||||
* @internal
|
||||
*/
|
||||
async function createApi (apiUrl: string, signer: ApiSigner, isLocalFork: boolean, onError: (error: unknown) => void): Promise<CreateApiReturn> {
|
||||
const types = getDevTypes();
|
||||
const isLight = apiUrl.startsWith('light://');
|
||||
let provider;
|
||||
|
||||
let chopsticksFork: Blockchain | null = null;
|
||||
let chopsticksProvider;
|
||||
let setupChopsticksSuccess = false;
|
||||
|
||||
if (isLocalFork) {
|
||||
try {
|
||||
chopsticksProvider = await ChopsticksProvider.fromEndpoint(apiUrl);
|
||||
chopsticksFork = chopsticksProvider.chain;
|
||||
await setStorage(chopsticksFork, {
|
||||
System: {
|
||||
Account: [
|
||||
[['5GrwvaEF5zXb26Fz9rcQpDWS57CtERHpNehXCPcNoHGKutQY'], { data: { free: 5000 * 1e12 }, providers: 1 }]
|
||||
]
|
||||
}
|
||||
});
|
||||
setupChopsticksSuccess = true;
|
||||
} catch (error) {
|
||||
store.set('localFork', '');
|
||||
const msg = `Local fork failed, please refresh to switch back to default API provider. This is likely due to chain not supported by chopsticks.
|
||||
Please consider to send an issue to https://github.com/AcalaNetwork/chopsticks.`;
|
||||
|
||||
onError(new Error(msg));
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
try {
|
||||
if (isLight) {
|
||||
provider = await getLightProvider(apiUrl.replace('light://', ''));
|
||||
} else if (isLocalFork && setupChopsticksSuccess) {
|
||||
provider = chopsticksProvider;
|
||||
} else {
|
||||
provider = new WsProvider(apiUrl);
|
||||
}
|
||||
|
||||
statics.api = new ApiPromise({
|
||||
provider,
|
||||
registry: statics.registry,
|
||||
signer,
|
||||
types,
|
||||
typesBundle
|
||||
});
|
||||
|
||||
// See https://github.com/pezkuwi-js/api/pull/4672#issuecomment-1078843960
|
||||
if (isLight) {
|
||||
await provider?.connect();
|
||||
}
|
||||
} catch (error) {
|
||||
onError(error);
|
||||
}
|
||||
|
||||
return { fork: chopsticksFork, types };
|
||||
}
|
||||
|
||||
export function ApiCtxRoot ({ apiUrl, beforeApiInit, children, isElectron, store: keyringStore }: Props): React.ReactElement<Props> | null {
|
||||
const { queuePayload, queueSetTxStatus } = useQueue();
|
||||
const [state, setState] = useState<ApiState>(EMPTY_STATE);
|
||||
const [isApiConnected, setIsApiConnected] = useState(false);
|
||||
const [isApiInitialized, setIsApiInitialized] = useState(false);
|
||||
const [apiError, setApiError] = useState<null | string>(null);
|
||||
const [extensions, setExtensions] = useState<InjectedExtension[] | undefined>();
|
||||
const isLocalFork = useMemo(() => store.get('localFork') === apiUrl, [apiUrl]);
|
||||
const apiEndpoint = useEndpoint(apiUrl);
|
||||
const peopleEndpoint = usePeopleEndpoint(apiEndpoint?.relayName || apiEndpoint?.info);
|
||||
const coreTimeEndpoint = useCoretimeEndpoint(apiEndpoint?.relayName || apiEndpoint?.info);
|
||||
const relayUrls = useMemo(
|
||||
() => (apiEndpoint?.valueRelay && isNumber(apiEndpoint.paraId) && (apiEndpoint.paraId < 2000))
|
||||
? apiEndpoint.valueRelay
|
||||
: null,
|
||||
[apiEndpoint]
|
||||
);
|
||||
const peopleUrls = useMemo(
|
||||
() => (peopleEndpoint?.isPeople && !apiEndpoint?.isPeople && peopleEndpoint?.providers && apiEndpoint?.isPeopleForIdentity)
|
||||
? peopleEndpoint.providers
|
||||
: null,
|
||||
[apiEndpoint, peopleEndpoint]
|
||||
);
|
||||
const coretimeUrls = useMemo(
|
||||
() => (coreTimeEndpoint?.providers)
|
||||
? coreTimeEndpoint.providers
|
||||
: null,
|
||||
[coreTimeEndpoint]
|
||||
);
|
||||
const apiRelay = useApiUrl(relayUrls);
|
||||
const apiCoretime = useApiUrl(coretimeUrls);
|
||||
const apiSystemPeople = useApiUrl(peopleUrls);
|
||||
const createLink = useMemo(
|
||||
() => makeCreateLink(apiUrl, isElectron),
|
||||
[apiUrl, isElectron]
|
||||
);
|
||||
const enableIdentity = apiEndpoint?.isPeople ||
|
||||
// Ensure that teyrchains that don't have isPeopleForIdentity set, can access there own identity pallet.
|
||||
(isNumber(apiEndpoint?.paraId) && (apiEndpoint?.paraId >= 2000) && !apiEndpoint?.isPeopleForIdentity) ||
|
||||
// Ensure that when isPeopleForIdentity is set to false that it enables the identity pallet access.
|
||||
(typeof apiEndpoint?.isPeopleForIdentity === 'boolean' && !apiEndpoint?.isPeopleForIdentity);
|
||||
const value = useMemo<ApiProps>(
|
||||
() => objectSpread({}, state, { api: statics.api, apiCoretime, apiEndpoint, apiError, apiIdentity: ((apiEndpoint?.isPeopleForIdentity && apiSystemPeople) || statics.api), apiRelay, apiSystemPeople, apiUrl, createLink, enableIdentity, extensions, isApiConnected, isApiInitialized, isElectron, isLocalFork, isWaitingInjected: !extensions }),
|
||||
[apiError, createLink, extensions, isApiConnected, isApiInitialized, isElectron, isLocalFork, state, apiEndpoint, apiCoretime, apiRelay, apiUrl, apiSystemPeople, enableIdentity]
|
||||
);
|
||||
|
||||
// initial initialization
|
||||
useEffect((): void => {
|
||||
const onError = (error: unknown): void => {
|
||||
console.error(error);
|
||||
|
||||
setApiError((error as Error).message);
|
||||
};
|
||||
|
||||
createApi(apiUrl, new ApiSigner(statics.registry, queuePayload, queueSetTxStatus), isLocalFork, onError)
|
||||
.then(({ fork, types }): void => {
|
||||
statics.api.on('connected', () => setIsApiConnected(true));
|
||||
statics.api.on('disconnected', () => setIsApiConnected(false));
|
||||
statics.api.on('error', onError);
|
||||
statics.api.on('ready', (): void => {
|
||||
const injectedPromise = web3Enable('pezkuwi-js/apps');
|
||||
|
||||
injectedPromise
|
||||
.then(setExtensions)
|
||||
.catch(console.error);
|
||||
|
||||
const urlIsEthereum = !!location.href.includes('keyring-type=ethereum');
|
||||
|
||||
loadOnReady(statics.api, apiEndpoint, fork, injectedPromise, keyringStore, types, urlIsEthereum)
|
||||
.then(setState)
|
||||
.catch(onError);
|
||||
});
|
||||
|
||||
if (isLocalFork) {
|
||||
// clear localFork from local storage onMount after api setup
|
||||
store.set('localFork', '');
|
||||
statics.api.connect()
|
||||
.catch(onError);
|
||||
}
|
||||
|
||||
setIsApiInitialized(true);
|
||||
})
|
||||
.catch(onError);
|
||||
}, [apiEndpoint, apiUrl, queuePayload, queueSetTxStatus, keyringStore, isLocalFork]);
|
||||
|
||||
if (!value.isApiInitialized) {
|
||||
return <>{beforeApiInit}</>;
|
||||
}
|
||||
|
||||
return (
|
||||
<ApiCtx.Provider value={value}>
|
||||
{children}
|
||||
</ApiCtx.Provider>
|
||||
);
|
||||
}
|
||||
Reference in new issue
Block a user