Avoid using 1.0 Nimiq lib for transaction handling

public/index.html

@@ -23,14 +23,16 @@
     <link rel="icon" href="<%= htmlWebpackPlugin.options.domain %>/favicon.ico">
 
     <script type="module">
-        import init, { Client, ClientConfiguration } from '/albatross-client/web/index.js';
+        import init, * as Nimiq from '/albatross-client/web/index.js';
+
+        /** @type {Promise<Nimiq> | undefined} */
+        let initPromise;
 
         window.loadAlbatross = async function() {
-            await init();
-            return {
-                Client,
-                ClientConfiguration,
-            };
+            return initPromise || (initPromise = new Promise(async resolve => {
+                await init();
+                resolve(Nimiq);
+            }));
         }
     </script>
 </head>

src/lib/BufferUtils.ts

@@ -0,0 +1,15 @@
+export function hexToBytes(hex: string) {
+    return new Uint8Array((hex.match(/.{2}/g) || []).map(byte => parseInt(byte, 16)));
+}
+
+export function bytesToHex(bytes: Uint8Array) {
+    const HEX_ALPHABET = '0123456789abcdef';
+
+    let hex = '';
+    for (let i = 0; i < bytes.length; i++) {
+        const code = bytes[i];
+        hex += HEX_ALPHABET[code >>> 4];
+        hex += HEX_ALPHABET[code & 0x0F];
+    }
+    return hex;
+}

src/lib/NetworkClient.ts

@@ -1,16 +1,9 @@
-import type {
-    Client as AlbatrossClient,
-    ClientConfiguration as AlbatrossClientConfiguration,
-    PlainVestingContract,
-} from '@nimiq/albatross-wasm';
+import type * as Nimiq from '@nimiq/albatross-wasm';
 import Config from 'config';
 
 declare global {
     interface Window {
-        loadAlbatross: () => Promise<{
-            Client: typeof AlbatrossClient,
-            ClientConfiguration: typeof AlbatrossClientConfiguration,
-        }>;
+        loadAlbatross: () => Promise<typeof Nimiq>;
     }
 }
 
@@ -22,7 +15,7 @@ export class NetworkClient {
         return this._instance;
     }
 
-    private _clientPromise?: Promise<AlbatrossClient>;
+    private _clientPromise?: Promise<Nimiq.Client>;
 
     // constructor() {}
 
@@ -62,7 +55,7 @@ export class NetworkClient {
     }
 
     public async getGenesisVestingContracts() {
-        return [] as Array<PlainVestingContract & { address: string }>; // TODO
+        return [] as Array<Nimiq.PlainVestingContract & { address: string }>; // TODO
     }
 
     public get innerClient() {

src/views/SignStakingSuccess.vue

@@ -1,35 +1,43 @@
-<template>
-    <Network ref="network" :visible="false"/>
-</template>
-
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator';
-import Network from '@/components/Network.vue';
 import { SignedTransaction } from '../../client/PublicRequestTypes';
 import { State } from 'vuex-class';
-import { Static } from '../lib/StaticStore';
 import KeyguardClient from '@nimiq/keyguard-client';
-import { StakingSignallingTypes, StakingTransactionType } from '../lib/Constants';
+import { bytesToHex, hexToBytes } from '../lib/BufferUtils';
 
-@Component({components: {Network}})
+@Component({})
 export default class SignStakingSuccess extends Vue {
-    @Static private keyguardRequest!: KeyguardClient.SignStakingRequest;
     @State private keyguardResult!: KeyguardClient.SignStakingResult;
 
     private async mounted() {
-        const tx = await (this.$refs.network as Network).createTx(Object.assign(
-            { signerPubKey: this.keyguardResult.publicKey },
-            this.keyguardRequest,
-            this.keyguardResult,
-            StakingSignallingTypes.includes(this.keyguardRequest.type) ? { value: 0, flags: 0b10 } : {},
-            this.keyguardRequest.type === StakingTransactionType.UNSTAKE
-                ? { proofPrefix: new Uint8Array([StakingTransactionType.UNSTAKE])}
-                : {},
-        ));
-        const result: SignedTransaction = await (this.$refs.network as Network).makeSignTransactionResult(tx);
+        const { Transaction } = await window.loadAlbatross();
+
+        const hex = bytesToHex(this.keyguardResult.serializedTx);
+        const tx = Transaction.fromAny(hex);
+        const plain = tx.toPlain();
 
-        // Overwrite serializedTx with Albatross serialization format
-        result.serializedTx = Nimiq.BufferUtils.toHex(this.keyguardResult.serializedTx);
+        const result: SignedTransaction = {
+            serializedTx: hex,
+            hash: plain.transactionHash,
+            raw: {
+                ...plain,
+                senderType: tx.senderType,
+                recipientType: tx.recipientType,
+                proof: tx.proof,
+                signerPublicKey: 'publicKey' in plain.proof
+                    ? hexToBytes(plain.proof.publicKey)
+                    : 'creatorPublicKey' in plain.proof
+                        ? hexToBytes(plain.proof.creatorPublicKey)
+                        : new Uint8Array(0),
+                signature: 'signature' in plain.proof
+                    ? hexToBytes(plain.proof.signature)
+                    : 'creatorSignature' in plain.proof
+                        ? hexToBytes(plain.proof.creatorSignature)
+                        : new Uint8Array(0),
+                extraData: tx.data,
+                networkId: tx.networkId,
+            },
+        };
 
         this.$rpc.resolve(result);
     }

src/views/SignTransactionSuccess.vue

@@ -1,28 +1,43 @@
-<template>
-    <Network ref="network" :visible="false"/>
-</template>
-
 <script lang="ts">
 import { Component, Vue } from 'vue-property-decorator';
-import Network from '@/components/Network.vue';
 import { SignedTransaction } from '../../client/PublicRequestTypes';
 import { State } from 'vuex-class';
-import { Static } from '../lib/StaticStore';
 import KeyguardClient from '@nimiq/keyguard-client';
+import { bytesToHex, hexToBytes } from '../lib/BufferUtils';
 
-@Component({components: {Network}})
+@Component({})
 export default class SignTransactionSuccess extends Vue {
-    @Static private keyguardRequest!: KeyguardClient.SignTransactionRequest;
     @State private keyguardResult!: KeyguardClient.SignTransactionResult;
 
     private async mounted() {
-        const tx = await (this.$refs.network as Network).createTx(Object.assign({
-            signerPubKey: this.keyguardResult.publicKey,
-        }, this.keyguardResult, this.keyguardRequest));
-        const result: SignedTransaction = await (this.$refs.network as Network).makeSignTransactionResult(tx);
+        const { Transaction } = await window.loadAlbatross();
+
+        const hex = bytesToHex(this.keyguardResult.serializedTx);
+        const tx = Transaction.fromAny(hex);
+        const plain = tx.toPlain();
 
-        // Overwrite serializedTx with Albatross serialization format
-        result.serializedTx = Nimiq.BufferUtils.toHex(this.keyguardResult.serializedTx);
+        const result: SignedTransaction = {
+            serializedTx: hex,
+            hash: plain.transactionHash,
+            raw: {
+                ...plain,
+                senderType: tx.senderType,
+                recipientType: tx.recipientType,
+                proof: tx.proof,
+                signerPublicKey: 'publicKey' in plain.proof
+                    ? hexToBytes(plain.proof.publicKey)
+                    : 'creatorPublicKey' in plain.proof
+                        ? hexToBytes(plain.proof.creatorPublicKey)
+                        : new Uint8Array(0),
+                signature: 'signature' in plain.proof
+                    ? hexToBytes(plain.proof.signature)
+                    : 'creatorSignature' in plain.proof
+                        ? hexToBytes(plain.proof.creatorSignature)
+                        : new Uint8Array(0),
+                extraData: tx.data,
+                networkId: tx.networkId,
+            },
+        };
 
         this.$rpc.resolve(result);
     }