Mobile: Add quick actions

.eslintignore

@@ -53,6 +53,7 @@ ReactNativeClient/lib/joplin-renderer/assets/
 # Ignore files generated from TypeScript files
 ElectronClient/app/gui/ShareNoteDialog.js
 ReactNativeClient/lib/JoplinServerApi.js
+ReactNativeClient/QuickActions.js
 ReactNativeClient/PluginAssetsLoader.js
 ReactNativeClient/lib/joplin-renderer/MdToHtml/rules/mermaid.js
-ReactNativeClient/lib/joplin-renderer/MdToHtml/rules/sanitize_html.js
+ReactNativeClient/lib/joplin-renderer/MdToHtml/rules/sanitize_html.js

.gitignore

@@ -49,6 +49,7 @@ Tools/commit_hook.txt
 # Ignore files generated from TypeScript files
 ElectronClient/app/gui/ShareNoteDialog.js
 ReactNativeClient/lib/JoplinServerApi.js
+ReactNativeClient/QuickActions.js
 ReactNativeClient/PluginAssetsLoader.js
 ReactNativeClient/lib/joplin-renderer/MdToHtml/rules/mermaid.js
 ReactNativeClient/lib/joplin-renderer/MdToHtml/rules/sanitize_html.js

CONTRIBUTING.md

@@ -52,21 +52,32 @@ When submitting a pull request for a new feature or bug fix, please add unit tes
 
 The tests are under CliClient/tests. To get them running, you first need to build the CLI app:
 
-    cd CliClient
-    npm i
-    ./build.sh
+```sh
+npm run tsc # Build the .ts and .tsx files
+cd CliClient
+npm i
+./build.sh
+```
 
 To run all the test units:
 
-    ./run_test.sh
+```sh
+./run_test.sh
+```
 
 To run just one particular file:
 
-    ./run_test.sh markdownUtils # Don't add the .js extension
+```sh
+./run_test.sh markdownUtils # Don't add the .js extension
+```
 
 To filter tests:
 
-    ./run_test.sh "should handle conflict" # Will run all the test units that contain "should handle conflict" in their description
+```sh
+./run_test.sh "should handle conflict" # Will run all the test units that contain "should handle conflict" in their description
+```
+
+If you get the error `Cannot find module '/joplin/CliClient/node_modules/sqlite3/lib/binding/node-v79-darwin-x64/node_sqlite3.node'`, you may need to run `npm rebuild`.
 
 ## About abandoned pull requests
 

ReactNativeClient/QuickActions.ts

@@ -0,0 +1,50 @@
+
+import {DeviceEventEmitter} from 'react-native';
+import * as QuickActions from 'react-native-quick-actions';
+const { _ } = require('lib/locale.js');
+
+type TData = {
+	type: string
+}
+
+export default (dispatch: Function, folderId: string) => {
+	const userInfo = { url: '' };
+	QuickActions.setShortcutItems([
+		{type: 'New note', title: _('New note'), icon: 'Compose', userInfo},
+		{type: 'New to-do', title: _('New to-do'), icon: 'Add', userInfo},
+	]);
+
+	DeviceEventEmitter.addListener('quickActionShortcut', (data: TData) => {
+		// This dispatch is to momentarily go back to reset state, similar to what
+		// happens in onJoplinLinkClick_(). Easier to just go back, then go to the
+		// note since the Note screen doesn't handle reloading a different note.
+		//
+		// This hack is necessary because otherwise you get this problem:
+		// The first time you create a note from the quick-action menu, it works
+		// perfectly. But if you do it again immediately later, it re-opens the
+		// page to that first note you made rather than creating an entirely new
+		// note. If you navigate around enough (which I think changes the redux
+		// state sufficiently or something), then it'll work again.
+		dispatch({type: 'NAV_BACK'});
+
+		if (data.type === 'New note') {
+			dispatch({
+				type: 'NAV_GO',
+				noteId: null,
+				folderId,
+				routeName: 'Note',
+				itemType: 'note',
+			});
+		}
+
+		if (data.type === 'New to-do') {
+			dispatch({
+				type: 'NAV_GO',
+				noteId: null,
+				folderId,
+				routeName: 'Note',
+				itemType: 'todo',
+			});
+		}
+	});
+};

ReactNativeClient/android/app/build.gradle

@@ -180,6 +180,8 @@ android {
 }
 
 dependencies {
+    implementation project(':react-native-quick-actions')
+    implementation project(':@react-native-community_slider')
 	implementation "org.webkit:android-jsc:r241213"
     compile project(':react-native-push-notification')
     // implementation (project(':react-native-camera')) {
@@ -219,6 +221,7 @@ dependencies {
 	implementation project(':react-native-version-info')
 	implementation project(':react-native-camera')
 	implementation "com.facebook.react:react-native:+"
+	implementation project(':react-native-quick-actions')
 
 	// implementation "com.google.android.gms:play-services-base:16.0.1" // For Firebase
 	// implementation 'me.leolin:ShortcutBadger:1.1.21@aar' // For Firebase - this line if you wish to use badge on Android

ReactNativeClient/android/app/src/main/java/net/cozic/joplin/MainApplication.java

@@ -4,6 +4,9 @@
 import android.content.Context;
 import com.facebook.react.PackageList;
 import com.facebook.react.ReactApplication;
+import com.reactNativeQuickActions.AppShortcutsPackage;
+import com.reactnativecommunity.slider.ReactSliderPackage;
+import com.reactnativecommunity.webview.RNCWebViewPackage;
 import com.dieam.reactnativepushnotification.ReactNativePushNotificationPackage;
 import com.facebook.react.ReactInstanceManager;
 import com.facebook.react.ReactNativeHost;
@@ -19,51 +22,74 @@
 
 public class MainApplication extends Application implements ReactApplication {
 
-	private final ReactNativeHost mReactNativeHost =
-      new ReactNativeHost(this) {
-        @Override
-        public boolean getUseDeveloperSupport() {
-          return BuildConfig.DEBUG;
-        }
+	private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
+    @Override
+    public boolean getUseDeveloperSupport() {
+      return BuildConfig.DEBUG;
+    }
+
+    @Override
+    protected List<ReactPackage> getPackages() {
+      @SuppressWarnings("UnnecessaryLocalVariable")
+      List<ReactPackage> packages = new PackageList(this).getPackages();
+      // Packages that cannot be autolinked yet can be added manually here, for example:
+      // packages.add(new MyReactNativePackage());
+      return packages;
+    }
 
-        @Override
-        protected List<ReactPackage> getPackages() {
-          @SuppressWarnings("UnnecessaryLocalVariable")
-          List<ReactPackage> packages = new PackageList(this).getPackages();
-          // Packages that cannot be autolinked yet can be added manually here, for example:
-          // packages.add(new MyReactNativePackage());
-          return packages;
-        }
+    @Override
+    protected List<ReactPackage> getPackages() {
+      return Arrays.<ReactPackage>asList(
+        new MainReactPackage(),
+        new AppShortcutsPackage(),
+        new ReactSliderPackage(),
+        new RNCWebViewPackage(),
+        new ReactNativePushNotificationPackage(),
+        new ImageResizerPackage(),
+        new RNFileViewerPackage(),
+        new RNSecureRandomPackage(),
+        new ImagePickerPackage(),
+        new ReactNativeDocumentPicker(),
+        new RNFetchBlobPackage(),
+        new RNFSPackage(),
+        new SQLitePluginPackage(),
+        new VectorIconsPackage(),
+        new SharePackage(),
+        new RNCameraPackage(),
+        new RNVersionInfoPackage()
+      );
+    }
 
-        @Override
-        protected String getJSMainModuleName() {
-          return "index";
-        }
-      };
+    @Override
+    protected String getJSMainModuleName() {
+      return "index";
+    }
+  };
 
-	@Override
-	public ReactNativeHost getReactNativeHost() {
-		return mReactNativeHost;
-	}
+  @Override
+  public ReactNativeHost getReactNativeHost() {
+    return mReactNativeHost;
+  }
 
-	@Override
-	public void onCreate() {
-		super.onCreate();
+  @Override
+  public void onCreate() {
+    super.onCreate();
 
-		// To try to fix the error "Row too big to fit into CursorWindow"
-		// https://github.com/andpor/react-native-sqlite-storage/issues/364#issuecomment-526423153
-		// https://github.com/laurent22/joplin/issues/1767#issuecomment-515617991
-		try {
-			Field field = CursorWindow.class.getDeclaredField("sCursorWindowSize");
+    // To try to fix the error "Row too big to fit into CursorWindow"
+    // https://github.com/andpor/react-native-sqlite-storage/issues/364#issuecomment-526423153
+    // https://github.com/laurent22/joplin/issues/1767#issuecomment-515617991
+    try {
+      Field field = CursorWindow.class.getDeclaredField("sCursorWindowSize");
             field.setAccessible(true);
             field.set(null, 50 * 1024 * 1024); //the 102400 is the new size added
-		} catch (Exception e) {
-			e.printStackTrace();
-		}
+    } catch (Exception e) {
+      e.printStackTrace();
+    }
 
-		SoLoader.init(this, /* native exopackage */ false);
-		initializeFlipper(this); // Remove this line if you don't want Flipper enabled
+    SoLoader.init(this, /* native exopackage */ false);
+    initializeFlipper(this); // Remove this line if you don't want Flipper enabled
   }
+
   /**
    * Loads Flipper in React Native templates.
    *

ReactNativeClient/android/settings.gradle

@@ -1,4 +1,22 @@
 rootProject.name = 'Joplin'
+include ':react-native-quick-actions'
+project(':react-native-quick-actions').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-quick-actions/android')
+include ':@react-native-community_slider'
+project(':@react-native-community_slider').projectDir = new File(rootProject.projectDir, '../node_modules/@react-native-community/slider/android')
+include ':react-native-webview'
+project(':react-native-webview').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-webview/android')
+include ':react-native-file-viewer'
+project(':react-native-file-viewer').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-file-viewer/android')
+include ':react-native-securerandom'
+project(':react-native-securerandom').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-securerandom/android')
+include ':react-native-fs'
+project(':react-native-fs').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-fs/android')
+include ':react-native-image-picker'
+project(':react-native-image-picker').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-image-picker/android')
+include ':react-native-vector-icons'
+project(':react-native-vector-icons').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-vector-icons/android')
+include ':react-native-image-resizer'
+project(':react-native-image-resizer').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-image-resizer/android')
 apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
 include ':react-native-fs'
 project(':react-native-fs').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-fs/android')