updated message passing

packages/yoroi-extension/app/api/thunk.js

@@ -107,9 +107,12 @@ declare var chrome;
 
 // UI -> background queries:
 
-export function callBackground<T, R>(message: T): Promise<R> {
+export function callBackground<R>(message: {| type: string, request?: Object |}): Promise<R> {
   return new Promise((resolve, reject) => {
-    window.chrome.runtime.sendMessage(message, response => {
+    const serializedMessage = { type: message.type, request: JSON.stringify(message.request ?? null) };
+    window.chrome.runtime.sendMessage(serializedMessage, response => {
+      // $FlowIgnore
+      console.debug(`CLIENT [${message.type}] received result: `, JSON.stringify(sanitizeForLog(response)));
       if (window.chrome.runtime.lastError) {
         // eslint-disable-next-line prefer-promise-reject-errors
         reject(`Error ${window.chrome.runtime.lastError} when calling the background with: ${JSON.stringify(sanitizeForLog(message)) ?? 'undefined'}`);
@@ -290,7 +293,8 @@ export async function removeAllTransactions(
   }
 }
 
-export const popAddress: GetEntryFuncType<typeof PopAddress> = async ({ publicDeriverId }) => {
+type PopAddressType = ({ publicDeriverId: number, ...}) => ReturnType<GetEntryFuncType<typeof PopAddress>>;
+export const popAddress:  PopAddressType = async ({ publicDeriverId }) => {
   await callBackground({ type: PopAddress.typeTag, request: { publicDeriverId } });
 }
 
@@ -306,11 +310,12 @@ function deserializeTx(tx: any): ?WalletTransaction {
 }
 
 export const refreshTransactions: GetEntryFuncType<typeof RefreshTransactions> = async (request) => {
-  const txs = await callBackground({ type: 'refresh-transactions', request });
-  if (txs.error) {
-    console.error('Failed to refresh transactions!', txs.error);
+  const resp = await callBackground({ type: RefreshTransactions.typeTag, request });
+  if (resp.error) {
+    console.error('Failed to refresh transactions!', resp.error);
     return [];
   }
+  const txs = JSON.parse(resp);
   return txs.map(tx => {
     try {
       return deserializeTx(tx);
@@ -398,8 +403,11 @@ export const getConnectedSites: GetEntryFuncType<typeof GetConnectedSites> = asy
   return await callBackground({ type: GetConnectedSites.typeTag });
 }
 
-export const getProtocolParameters: GetEntryFuncType<typeof GetProtocolParameters> = async (request) => {
-  return await callBackground({ type: GetProtocolParameters.typeTag, request });
+type GetProtocolParametersType = ({ networkId: number, ... }) => ReturnType<GetEntryFuncType<typeof GetProtocolParameters>>;
+export const getProtocolParameters: GetProtocolParametersType = async (
+  { networkId }
+) => {
+  return await callBackground({ type: GetProtocolParameters.typeTag, request: { networkId } });
 }
 
 // Background -> UI notifications:
@@ -408,8 +416,19 @@ const callbacks = Object.freeze({
   serverStatusUpdate: [],
   coinPriceUpdate: [],
 });
-chrome.runtime.onMessage.addListener(async (message, _sender, _sendResponse) => {
+chrome.runtime.onMessage.addListener((serializedMessage, _sender, _sendResponse) => {
   //fixme: verify sender.id/origin
+  let message;
+  try {
+    message = JSON.parse(serializedMessage);
+  } catch (error) {
+    Logger.error('unserializable message: ' + serializedMessage + ' | Error: ' + stringifyError(error));
+    return;
+  }
+  if (typeof message !== 'object') {
+    Logger.error('unrecognizable message type: ' + (typeof message) + ' (expected object); Original message: ' + serializedMessage);
+    return;
+  }
   Logger.debug('get message from background:', JSON.stringify(sanitizeForLog(message)));
 
   if (message.type === 'wallet-state-update') {

packages/yoroi-extension/app/coreUtils.js

@@ -225,11 +225,13 @@ export function timeCached<R>(fun: () => R, ttl: number): () => R {
  * @return same value or a copy in case the value is an object
  */
 export function sanitizeForLog(v: any): any {
+  const fields: Array<any> = ['password'];
   if (v != null && typeof v === 'object') {
     let r = Object.keys(v).reduce((o, k) => ({ ...o, [k]: sanitizeForLog(v[k]) }) , {})
-    // $FlowIgnore[incompatible-use]
-    if (r.password != null) {
-      r = { ...r, password: '[sanitized]' };
+    for (const f of fields) {
+      if (r[f] != null) {
+        r = { ...r, [f]: '[sanitized]' };
+      }
     }
     return r;
   }

packages/yoroi-extension/chrome/extension/background/handlers/yoroi/index.js

@@ -43,6 +43,7 @@ import {
 } from './connector';
 import { GetProtocolParameters } from './protocolParameters';
 import { subscribe } from '../../subscriptionManager';
+import { sanitizeForLog } from '../../../../../app/coreUtils';
 
 const handlerMap = Object.freeze({
   [GetHistoricalCoinPrices.typeTag]: GetHistoricalCoinPrices.handle,
@@ -107,6 +108,7 @@ export function getHandler(typeTag: string): ?Handler {
     return async (request, send, sendResponse) => {
       try {
         const result = await handler(request.request);
+        console.debug(`BACKGROUND [${typeTag}] sending result: `, JSON.stringify(sanitizeForLog(result)));
         sendResponse(result);
       } catch (error) {
         sendResponse({ error: error.message });

packages/yoroi-extension/chrome/extension/background/handlers/yoroi/protocolParameters.js

@@ -206,7 +206,7 @@ class ProcolParameterApi {
 }
 
 export const GetProtocolParameters: HandlerType<
-  { networkId: number, ... },
+  {| networkId: number |},
   ProtocolParameters
 > = Object.freeze({
   typeTag: 'get-protocol-parameters',

packages/yoroi-extension/chrome/extension/background/handlers/yoroi/wallet.js

@@ -250,7 +250,7 @@ export const GetPrivateStakingKey: HandlerType<
 });
 
 export const RemoveAllTransactions: HandlerType<
-  { publicDeriverId: number, ... },
+  {| publicDeriverId: number |},
   void
 > = Object.freeze({
   typeTag: 'remove-all-transactions',
@@ -275,7 +275,7 @@ export const RemoveAllTransactions: HandlerType<
 });
 
 export const PopAddress: HandlerType<
-  { publicDeriverId: number, ... },
+  {| publicDeriverId: number |},
   void
 > = Object.freeze({
   typeTag: 'pop-address',
@@ -354,6 +354,7 @@ export const RefreshTransactions: HandlerType<
       // initial transaction list loading
       txs = await adaApi.refreshTransactions(refreshTxRequest);
     }
-    return txs;
+    // $FlowIgnore
+    return JSON.stringify(txs);
   },
 });

packages/yoroi-extension/chrome/extension/background/index.js

@@ -36,7 +36,11 @@ chrome.runtime.onMessage.addListener((message, sender, sendResponse) => {
   }
   const handler = getHandler(message.type);
   if (handler) {
-    handler(message, sender, sendResponse);
+    const deserializedMessage = {
+      type: message.type,
+      request: JSON.parse(message.request),
+    };
+    handler(deserializedMessage, sender, sendResponse);
     // Returning `true` is required by Firefox, see:
     // https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/runtime/onMessage
     return true;

packages/yoroi-extension/chrome/extension/background/subscriptionManager.js

@@ -68,6 +68,6 @@ declare var chrome;
 */
 export function emitUpdateToSubscriptions(data: Object): void {
   for (const { tabId } of getSubscriptions()) {
-    chrome.tabs.sendMessage(tabId, data);
+    chrome.tabs.sendMessage(tabId, JSON.stringify(data));
   }
 }