Feature: Make logging manageable (#146)

* add debug flag

* use active flag in useEffect

* remove unused file in react sdk, fix sdk reinit, update build

* add .eslintignore

.eslintignore

@@ -0,0 +1,2 @@
+dist
+build

packages/safe-apps-onboard/dist/index.d.ts

@@ -0,0 +1,3 @@
+import { Initialization, API } from 'bnc-onboard/dist/src/interfaces';
+export declare const Onboard: (options: Initialization) => API;
+export default Onboard;

packages/safe-apps-onboard/dist/wrapper.d.ts

@@ -0,0 +1,19 @@
+import { SafeInfo } from '@gnosis.pm/safe-apps-sdk';
+import { Initialization, API, ConfigOptions, UserState } from 'bnc-onboard/dist/src/interfaces';
+export declare class OnboardWrapper implements API {
+    private sdk;
+    private onboardApi;
+    private subscriptions?;
+    private safe;
+    private state;
+    constructor(options: Initialization);
+    connectedSafe(timeout?: number): Promise<SafeInfo | undefined>;
+    checkSafeApp(): Promise<void>;
+    reset(): void;
+    walletSelect(autoSelectWallet?: string): Promise<boolean>;
+    walletCheck(): Promise<boolean>;
+    walletReset(): void;
+    accountSelect(): Promise<boolean>;
+    config(options: ConfigOptions): void;
+    getState(): UserState;
+}

packages/safe-apps-react-sdk/src/index.tsx

@@ -15,7 +15,7 @@ interface Props {
 }
 
 export const SafeProvider: React.FC<Props> = ({ loader = null, opts, children }) => {
-  const [sdk] = useState(new SafeAppsSDK(opts));
+  const [sdk] = useState(() => new SafeAppsSDK(opts));
   const [connected, setConnected] = useState(false);
   const [safe, setSafe] = useState<SafeInfo>({ safeAddress: '', network: 'RINKEBY' });
   const contextValue = useMemo(() => ({ sdk, connected, safe }), [sdk, connected, safe]);

packages/safe-apps-sdk/README.md

@@ -44,7 +44,7 @@ And for Linux:
 Apps built with the Safe Apps SDK are meant to be run in an iframe inside the Safe Web UI.
 This library exposes a class as a default export. It accepts an optional options object:  
 `whitelistedDomains` - Array of regular expressions for origins you want to accept messages from. If not passed, accepts
-messages from any origin (default).
+`debug` - Boolean. If enabled, it will log outgoing/incoming messages.
 
 ```js
 import SafeAppsSDK from '@gnosis.pm/safe-apps-sdk';

packages/safe-apps-sdk/dist/src/communication/index.d.ts

@@ -2,7 +2,8 @@ import { Communicator, Response } from '../types';
 declare class PostMessageCommunicator implements Communicator {
     private readonly allowedOrigins;
     private callbacks;
-    constructor(allowedOrigins?: RegExp[] | null);
+    private debugMode;
+    constructor(allowedOrigins?: RegExp[] | null, debugMode?: boolean);
     private isValidMessage;
     private logIncomingMessage;
     private onParentMessage;

packages/safe-apps-sdk/dist/src/sdk.d.ts

@@ -3,6 +3,7 @@ import { TXs } from './txs';
 import { Eth } from './eth';
 export declare type Opts = {
     whitelistedDomains?: RegExp[];
+    debug?: boolean;
 };
 declare class SafeAppsSDK {
     private readonly communicator;