Initialize TypeScript library for Telegram Web App wallet integration
- Added configuration files: .eslintrc.js, .gitignore, .npmrc, .prettierrc, and multiple tsconfig files for different module systems. - Created package.json with dependencies and scripts for building, testing, and publishing. - Implemented core functionality in src/ directory, including wallet management, encryption, and storage handling. - Added README.md for documentation on installation, usage, and development setup. - Introduced initial types and constants for better type safety and code organization.
This commit is contained in:
commit
a21ea39c36
19 files changed
+5094
No files matched your search
+169
@@ -0,0 +1,169 @@
|
||||
import type { ConnectRequest, SignTransactionRequest, WebApp } from "./types";
|
||||
import type { InjectionConfig } from "./types";
|
||||
import { WalletStore } from "./store";
|
||||
import type { InjectedAccount, InjectedExtension, InjectedWindowProvider } from "@polkadot/extension-inject/types";
|
||||
import { encodeRequest } from "./encryption";
|
||||
import { SignerPayloadRaw, SignerResult } from "@polkadot/types/types";
|
||||
import { generateRequestId, parseSignedTxFromStartParam, parseWalletsFromStartParam } from "./helpers";
|
||||
|
||||
export class Wallet implements InjectedWindowProvider {
|
||||
private readonly varanWalletUrl!: string;
|
||||
private readonly store: WalletStore;
|
||||
private readonly name = 'Varan Wallet';
|
||||
private readonly callbackUrl: string;
|
||||
private readonly connectTimeout: number;
|
||||
|
||||
constructor(
|
||||
private readonly webApp: WebApp,
|
||||
{ callbackUrl, isDev, connectTimeout, storage }: Required<InjectionConfig>,
|
||||
) {
|
||||
this.varanWalletUrl = isDev ? 'https://t.me/devReptileBot?startapp=' : 'https://t.me/varanwalletbot?startapp=';
|
||||
this.store = new WalletStore(storage);
|
||||
this.callbackUrl = callbackUrl;
|
||||
this.connectTimeout = connectTimeout;
|
||||
void this._startParamsCheck();
|
||||
}
|
||||
|
||||
get version(): string {
|
||||
return '1.0.0';
|
||||
}
|
||||
|
||||
private async _startParamsCheck(): Promise<void> {
|
||||
let actions = 0;
|
||||
const newWalletAddresses = parseWalletsFromStartParam(this.webApp);
|
||||
const currentAccounts = await this.accounts;
|
||||
|
||||
if (newWalletAddresses) {
|
||||
const allWallets = Array.from(
|
||||
new Set(
|
||||
currentAccounts
|
||||
.map(a => a.address)
|
||||
.concat(newWalletAddresses)
|
||||
)
|
||||
)
|
||||
|
||||
this.store.set('accounts', allWallets);
|
||||
actions += 1;
|
||||
}
|
||||
|
||||
const tx = parseSignedTxFromStartParam(this.webApp);
|
||||
|
||||
if (tx) {
|
||||
const currentTransactions = this.store.get('transactions');
|
||||
|
||||
const pendingTransactionIndex = currentTransactions.findIndex(t => t.id === tx.id && t.status === 'signing');
|
||||
if (pendingTransactionIndex === -1) return;
|
||||
|
||||
currentTransactions[pendingTransactionIndex] = {
|
||||
...currentTransactions[pendingTransactionIndex],
|
||||
status: tx.success ? 'success' : 'failed',
|
||||
signedTx: tx.signedTx ? tx.signedTx : '',
|
||||
};
|
||||
|
||||
this.store.set('transactions', currentTransactions);
|
||||
actions += 1;
|
||||
}
|
||||
|
||||
|
||||
if (actions) {
|
||||
this.webApp.close();
|
||||
}
|
||||
}
|
||||
|
||||
private formatAccount(account: string): InjectedAccount {
|
||||
return {
|
||||
address: account,
|
||||
name: account.slice(0, 6) + '...' + account.slice(-4),
|
||||
};
|
||||
}
|
||||
|
||||
get accounts(): Promise<InjectedAccount[]> {
|
||||
const accounts = this.store.get('accounts');
|
||||
return Promise.resolve(accounts.map(this.formatAccount));
|
||||
}
|
||||
|
||||
private async signRawTransaction(raw: SignerPayloadRaw): Promise<SignerResult> {
|
||||
const accounts = await this.accounts;
|
||||
if (!accounts.length) throw new Error('No accounts found');
|
||||
|
||||
const address = accounts.find(a => a.address === raw.address);
|
||||
if (!address) throw new Error('Provided account was not found');
|
||||
|
||||
const request: SignTransactionRequest = {
|
||||
method: 'signTransaction',
|
||||
tx: raw.data,
|
||||
wallet: raw.address,
|
||||
callback: this.callbackUrl,
|
||||
id: generateRequestId(),
|
||||
};
|
||||
|
||||
const encodedRequest = encodeRequest(request);
|
||||
const botUrl = `${this.varanWalletUrl}${encodedRequest}`;
|
||||
this.store.set('transactions', [{
|
||||
id: request.id,
|
||||
signedTx: '',
|
||||
status: 'signing',
|
||||
}]);
|
||||
|
||||
this.webApp.openTelegramLink(botUrl);
|
||||
|
||||
return new Promise<SignerResult>((resolve) => {
|
||||
const id = this.store.subscribe('transactions', (transactions) => {
|
||||
const pendingTransaction = transactions.find(t => t.id === request.id && t.status === 'signing');
|
||||
if (pendingTransaction) {
|
||||
this.store.unsubscribe('transactions', id);
|
||||
resolve({
|
||||
id: pendingTransaction.id,
|
||||
signature: pendingTransaction.signedTx,
|
||||
} as SignerResult);
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
private async _connect(): Promise<void> {
|
||||
const request: ConnectRequest = {
|
||||
method: 'connect',
|
||||
callback: this.callbackUrl,
|
||||
};
|
||||
|
||||
const encodedRequest = encodeRequest(request);
|
||||
const botUrl = `${this.varanWalletUrl}${encodedRequest}`;
|
||||
|
||||
await this.webApp.openTelegramLink(botUrl);
|
||||
|
||||
return new Promise<void>((resolve) => {
|
||||
const id = this.store.subscribe('accounts', (accounts) => {
|
||||
if (accounts.length) {
|
||||
this.store.unsubscribe('accounts', id);
|
||||
resolve();
|
||||
}
|
||||
});
|
||||
});
|
||||
}
|
||||
|
||||
async connect(): Promise<InjectedExtension> {
|
||||
await Promise.race([
|
||||
this._connect(),
|
||||
new Promise<void>((_, reject) => {
|
||||
setTimeout(() => {
|
||||
reject(new Error('Connect timeout'));
|
||||
}, this.connectTimeout);
|
||||
})
|
||||
]);
|
||||
|
||||
return Promise.resolve({
|
||||
name: this.name,
|
||||
version: this.version,
|
||||
accounts: {
|
||||
get: () => this.accounts,
|
||||
subscribe: () => {
|
||||
return () => {};
|
||||
},
|
||||
},
|
||||
signer: {
|
||||
signRaw: (raw) => this.signRawTransaction(raw),
|
||||
},
|
||||
});
|
||||
}
|
||||
}
|
||||
Reference in new issue
Block a user