automated .vscode additions for debugging

apps/mobile/.vscode/.react/debuggerWorker.js

@@ -0,0 +1,215 @@
+
+// Initialize some variables before react-native code would access them
+var onmessage=null, self=global;
+// Cache Node's original require as __debug__.require
+global.__debug__={require: require};
+// Prevent leaking process.versions from debugger process to
+// worker because pure React Native doesn't do that and some packages as js-md5 rely on this behavior
+Object.defineProperty(process, "versions", {
+    value: undefined
+});
+// TODO: Replace by url.fileURLToPath method when Node 10 LTS become deprecated
+function fileUrlToPath(url) {
+  if (process.platform === 'win32') {
+      return url.toString().replace('file:///', '');
+  } else {
+    return url.toString().replace('file://', '');
+  }
+}
+function getNativeModules() {
+    var NativeModules;
+    try {
+        // This approach is for old RN versions
+        NativeModules = global.require('NativeModules');
+    } catch (err) {
+        // ignore error and try another way for more recent RN versions
+        try {
+            var nativeModuleId;
+            var modules = global.__r.getModules();
+            var ids = Object.keys(modules);
+            for (var i = 0; i < ids.length; i++) {
+              if (modules[ids[i]].verboseName) {
+                 var packagePath = new String(modules[ids[i]].verboseName);
+                 if (packagePath.indexOf('react-native/Libraries/BatchedBridge/NativeModules.js') > 0) {
+                   nativeModuleId = parseInt(ids[i], 10);
+                   break;
+                 }
+              }
+            }
+          if (nativeModuleId) {
+            NativeModules = global.__r(nativeModuleId);
+          }
+        }
+        catch (err) {
+            // suppress errors
+        }
+    }
+    return NativeModules;
+}
+// Originally, this was made for iOS only
+var vscodeHandlers = {
+    'vscode_reloadApp': function () {
+        var NativeModules = getNativeModules();
+        if (NativeModules) {
+            NativeModules.DevMenu.reload();
+        }
+    },
+    'vscode_showDevMenu': function () {
+        var NativeModules = getNativeModules();
+        if (NativeModules) {
+            NativeModules.DevMenu.show();
+        }
+    }
+};
+process.on("message", function (message) {
+    if (message.data && vscodeHandlers[message.data.method]) {
+        vscodeHandlers[message.data.method]();
+    } else if(onmessage) {
+        onmessage(message);
+    }
+});
+var postMessage = function(message){
+    process.send(message);
+};
+if (!self.postMessage) {
+    self.postMessage = postMessage;
+}
+var importScripts = (function(){
+    var fs=require('fs'), vm=require('vm');
+    return function(scriptUrl){
+        scriptUrl = fileUrlToPath(scriptUrl);
+        var scriptCode = fs.readFileSync(scriptUrl, 'utf8');
+        // Add a 'debugger;' statement to stop code execution
+        // to wait for the sourcemaps to be processed by the debug adapter
+        vm.runInThisContext('debugger;' + scriptCode, {filename: scriptUrl});
+    };
+})();
+
+// Worker is ran as nodejs process, so console.trace() writes to stderr and it leads to error in native app
+// To avoid this console.trace() is overridden to print stacktrace via console.log()
+// Please, see Node JS implementation: https://github.com/nodejs/node/blob/master/lib/internal/console/constructor.js
+console.trace = (function() {
+    return function() {
+        try {
+            var err = {
+                name: 'Trace',
+                message: require('util').format.apply(null, arguments)
+                };
+            // Node uses 10, but usually it's not enough for RN app trace
+            Error.stackTraceLimit = 30;
+            Error.captureStackTrace(err, console.trace);
+            console.log(err.stack);
+        } catch (e) {
+            console.error(e);
+        }
+    };
+})();
+
+// As worker is ran in node, it breaks broadcast-channels package approach of identifying if it’s ran in node:
+// https://github.com/pubkey/broadcast-channel/blob/master/src/util.js#L64
+// To avoid it if process.toString() is called if will return empty string instead of [object process].
+var nativeObjectToString = Object.prototype.toString;
+Object.prototype.toString = function() {
+    if (this === process) {
+        return '';
+    } else {
+        return nativeObjectToString.call(this);
+    }
+};
+
+
+"use strict";
+
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ */
+
+/* global __fbBatchedBridge, self, importScripts, postMessage, onmessage: true */
+
+/* eslint no-unused-vars: 0 */
+onmessage = function () {
+  var visibilityState;
+
+  var showVisibilityWarning = function () {
+    var hasWarned = false;
+    return function () {
+      // Wait until `YellowBox` gets initialized before displaying the warning.
+      if (hasWarned || console.warn.toString().includes('[native code]')) {
+        return;
+      }
+
+      hasWarned = true;
+      console.warn('Remote debugger is in a background tab which may cause apps to ' + 'perform slowly. Fix this by foregrounding the tab (or opening it in ' + 'a separate window).');
+    };
+  }();
+
+  var messageHandlers = {
+    executeApplicationScript: function (message, sendReply) {
+      for (var key in message.inject) {
+        self[key] = JSON.parse(message.inject[key]);
+      }
+
+      var error;
+
+      try {
+        importScripts(message.url);
+      } catch (err) {
+        error = err.message;
+      }
+
+      sendReply(null
+      /* result */
+      , error);
+    },
+    setDebuggerVisibility: function (message) {
+      visibilityState = message.visibilityState;
+    }
+  };
+  return function (message) {
+    if (visibilityState === 'hidden') {
+      showVisibilityWarning();
+    }
+
+    var object = message.data;
+
+    var sendReply = function (result, error) {
+      postMessage({
+        replyID: object.id,
+        result: result,
+        error: error
+      });
+    };
+
+    var handler = messageHandlers[object.method];
+
+    if (handler) {
+      // Special cased handlers
+      handler(object, sendReply);
+    } else {
+      // Other methods get called on the bridge
+      var returnValue = [[], [], [], 0];
+      var error;
+
+      try {
+        if (typeof __fbBatchedBridge === 'object') {
+          returnValue = __fbBatchedBridge[object.method].apply(null, object.arguments);
+        } else {
+          error = 'Failed to call function, __fbBatchedBridge is undefined';
+        }
+      } catch (err) {
+        error = err.message;
+      } finally {
+        sendReply(JSON.stringify(returnValue), error);
+      }
+    }
+  };
+}();
+
+//# sourceMappingURL=debuggerWorker.js.map
+// Notify debugger that we're done with loading
+// and started listening for IPC messages
+postMessage({workerLoaded:true});

apps/mobile/src/views/Notebook/index.js

@@ -11,13 +11,9 @@ import {
   eSubscribeEvent,
   eUnSubscribeEvent,
 } from '../../services/eventManager';
-import {
-  eMoveNoteDialogNavigateBack,
-  eOnNewTopicAdded,
-  eScrollEvent,
-} from '../../services/events';
+import {eOnNewTopicAdded, eScrollEvent} from '../../services/events';
 import NavigationService from '../../services/NavigationService';
-import {db, ToastEvent, w} from '../../utils/utils';
+import {db, ToastEvent} from '../../utils/utils';
 
 export const Notebook = ({route, navigation}) => {
   const [state, dispatch] = useTracked();
@@ -61,18 +57,7 @@ export const Notebook = ({route, navigation}) => {
           navigation: navigation,
         },
       });
-      dispatch({
-        type: ACTIONS.CONTAINER_BOTTOM_BUTTON,
-        state: {
-          visible: true,
-          bottomButtonOnPress: () => {
-            let n = route.params.notebook;
-            AddTopicEvent(n);
-          },
-          color: null,
-          bottomButtonText: 'Add new topic',
-        },
-      });
+
       dispatch({
         type: ACTIONS.HEADER_VERTICAL_MENU,
         state: false,
@@ -104,6 +89,18 @@ export const Notebook = ({route, navigation}) => {
           color: null,
         },
       });
+      dispatch({
+        type: ACTIONS.CONTAINER_BOTTOM_BUTTON,
+        state: {
+          visible: true,
+          bottomButtonOnPress: () => {
+            let n = route.params.notebook;
+            AddTopicEvent(n);
+          },
+          color: null,
+          bottomButtonText: 'Add new topic',
+        },
+      });
     }
   }, [topics, isFocused]);
 
@@ -111,7 +108,6 @@ export const Notebook = ({route, navigation}) => {
     setRefreshing(true);
     try {
       await db.sync();
-
       onLoad();
       dispatch({type: ACTIONS.USER});
       setRefreshing(false);