Merge pull request #52 from eqlabs/transactions

Implemented Transactions!

state/actions/index.ts

@@ -8,6 +8,7 @@ import { saveFile } from "./saveFile";
 import { syncToGist } from "./syncToGist";
 import { updateEditorSettings } from "./updateEditorSettings";
 import { downloadAsZip } from "./downloadAsZip";
+import { sendTransaction } from "./sendTransaction";
 
 export {
   addFaucetAccount,
@@ -19,5 +20,6 @@ export {
   saveFile,
   syncToGist,
   updateEditorSettings,
-  downloadAsZip
+  downloadAsZip,
+  sendTransaction
 };

state/actions/sendTransaction.ts

@@ -0,0 +1,50 @@
+import { derive, sign } from "xrpl-accountlib";
+
+import state from '..'
+import type { IAccount } from "..";
+
+interface TransactionOptions {
+    TransactionType: string,
+    Account?: string,
+    Fee?: string,
+    Destination?: string
+    [index: string]: any
+}
+
+export const sendTransaction = async (account: IAccount, txOptions: TransactionOptions) => {
+    if (!state.client) throw Error('XRPL client not initalized')
+
+    const { Fee = "1000", ...opts } = txOptions
+    const tx: TransactionOptions = {
+        Account: account.address,
+        Sequence: account.sequence, // TODO auto-fillable
+        Fee,  // TODO auto-fillable
+        ...opts
+    };
+    console.log({ tx });
+    try {
+        const signedAccount = derive.familySeed(account.secret);
+        const { signedTransaction } = sign(tx, signedAccount);
+        const response = await state.client.send({
+            command: "submit",
+            tx_blob: signedTransaction,
+        });
+        if (response.engine_result === "tesSUCCESS") {
+            state.transactionLogs.push({
+                type: 'success',
+                message: `Transaction success [${response.engine_result}]: ${response.engine_result_message}`
+            })
+        } else {
+            state.transactionLogs.push({
+                type: "error",
+                message: `[${response.error || response.engine_result}] ${response.error_exception || response.engine_result_message}`,
+            });
+        }
+    } catch (err) {
+        console.error(err);
+        state.transactionLogs.push({
+            type: "error",
+            message: err instanceof Error ? `Error: ${err.message}` : 'Something went wrong, try again later',
+        });
+    }
+};

state/index.ts

@@ -49,6 +49,7 @@ export interface IState {
   compiling: boolean;
   logs: ILog[];
   deployLogs: ILog[];
+  transactionLogs: ILog[];
   editorCtx?: typeof monaco.editor;
   editorSettings: {
     tabSize: number;
@@ -70,6 +71,7 @@ let initialState: IState = {
   compiling: false,
   logs: [],
   deployLogs: [],
+  transactionLogs: [],
   editorCtx: undefined,
   gistId: undefined,
   gistOwner: undefined,