feat: added possibility to start module with C++ code enabled

README.md

@@ -14,6 +14,7 @@ If you want to create your own React Native module, scaffolding the project can
 - [ESLint](https://eslint.org/), [Prettier](https://prettier.io/), [TypeScript](https://www.typescriptlang.org/) and [Husky](https://github.com/typicode/husky) pre-configured
 - Bob pre-configured to compile your files
 - CircleCI pre-configured to run tests on the CI
+- Use C++ code to boost performance of your modules
 
 <img src="assets/bob-create.gif" width="480px" height="auto">
 
@@ -26,6 +27,7 @@ Bob can build code for following targets:
 - Flow definitions (copies .js files to .flow files)
 - TypeScript definitions (uses `tsc` to generate declaration files)
 - Android AAR files
+- C++ modules
 
 ## Why
 

src/create.ts

@@ -12,6 +12,7 @@ import pack from '../package.json';
 
 const TEMPLATE = path.resolve(__dirname, '../templates/library');
 const BINARIES = /(gradlew|\.(jar|keystore|png|jpg|gif))$/;
+const CPP_FILES = path.resolve(__dirname, '../templates/cppLibrary');
 
 export default async function create(argv: yargs.Arguments<any>) {
   const folder = path.join(process.cwd(), argv.name);
@@ -51,6 +52,7 @@ export default async function create(argv: yargs.Arguments<any>) {
     authorEmail,
     authorUrl,
     githubUrl: repo,
+    useCpp,
   } = (await inquirer.prompt([
     {
       type: 'input',
@@ -118,13 +120,20 @@ export default async function create(argv: yargs.Arguments<any>) {
       },
       validate: input => /^https?:\/\//.test(input) || 'Must be a valid URL',
     },
+    {
+      type: 'confirm',
+      name: 'useCpp',
+      message: 'Does your library use C++ code?',
+      default: false,
+    },
   ])) as {
     slug: string;
     description: string;
     authorName: string;
     authorEmail: string;
     authorUrl: string;
     githubUrl: string;
+    useCpp: boolean;
   };
 
   const project = slug.replace(/^(react-native-|@[^/]+\/)/, '');
@@ -143,6 +152,7 @@ export default async function create(argv: yargs.Arguments<any>) {
         .slice(1)}`,
       package: slug.replace(/[^a-z0-9]/g, '').toLowerCase(),
       podspec: slug.replace(/[^a-z0-9]+/g, '-').replace(/^-/, ''),
+      useCpp,
     },
     author: {
       name: authorName,
@@ -176,6 +186,9 @@ export default async function create(argv: yargs.Arguments<any>) {
   };
 
   await copyDir(TEMPLATE, folder);
+  if (options.project.useCpp) {
+    await copyDir(CPP_FILES, folder);
+  }
 
   try {
     await spawn.sync(

templates/cppLibrary/android/CMakeLists.txt

@@ -0,0 +1,15 @@
+cmake_minimum_required(VERSION 3.4.1)
+
+set (CMAKE_VERBOSE_MAKEFILE ON)
+set (CMAKE_CXX_STANDARD 11)
+
+add_library(cpp
+            SHARED
+            ../cpp/example.cpp
+            cpp-adapter.cpp
+)
+
+# Specifies a path to native header files.
+include_directories(
+            ../cpp
+)

templates/cppLibrary/android/cpp-adapter.cpp

@@ -0,0 +1,8 @@
+#include <jni.h>
+#include "example.h"
+
+extern "C"
+JNIEXPORT jint JNICALL
+Java_com_<%= project.package %>_<%= project.name %>Module_nativeMultiply(JNIEnv *env, jclass type, jint a, jint b) {
+    return example::multiply(a, b);
+}

templates/cppLibrary/cpp/example.cpp

@@ -0,0 +1,7 @@
+#include "example.h"
+
+namespace example {
+	int multiply(int a, int b) {
+		return a * b;
+	}
+}

templates/cppLibrary/cpp/example.h

@@ -0,0 +1,8 @@
+#ifndef EXAMPLE_H
+#define EXAMPLE_H
+
+namespace example {
+  int multiply(int a, int b);
+}
+
+#endif /* EXAMPLE_H */

templates/library/<%= project.podspec %>.podspec

@@ -13,7 +13,12 @@ Pod::Spec.new do |s|
   s.platforms    = { :ios => "9.0" }
   s.source       = { :git => "<%= repo %>.git", :tag => "#{s.version}" }
 
-  s.source_files = "ios/**/*.{h,m}"
+  s.source_files = "ios/**/*.{h,m,mm}"
 
+  <% if(project.useCpp==true){ %>
+  s.source_files = "ios/**/*.{h,m,mm}", "cpp/**/*.{h,cpp}"
+   <% } else{ %>
+  s.source_files = "ios/**/*.{h,m,mm}"
+  <% } %>
   s.dependency "React"
 end

templates/library/android/build.gradle

@@ -33,7 +33,22 @@ android {
     targetSdkVersion getExtOrIntegerDefault('targetSdkVersion')
     versionCode 1
     versionName "1.0"
+    <%if (project.useCpp==true) {%>
+    externalNativeBuild {
+        cmake {
+            cppFlags "-O2 -frtti -fexceptions -Wall -fstack-protector-all"
+            abiFilters 'x86', 'x86_64', 'armeabi-v7a', 'arm64-v8a'
+        }
+    }
+    <%}%>
+  }
+  <%if (project.useCpp==true) {%>
+  externalNativeBuild {
+      cmake {
+          path "CMakeLists.txt"
+      }
   }
+  <%}%>
   buildTypes {
     release {
       minifyEnabled false

templates/library/android/src/main/java/com/<%= project.package %>/<%= project.name %>Module.kt

@@ -17,4 +17,23 @@ class <%= project.name %>Module(reactContext: ReactApplicationContext) : ReactCo
     fun getDeviceName(promise: Promise) {
         promise.resolve(android.os.Build.MODEL)
     }
+    <%if (project.useCpp==true) {%>
+
+    @ReactMethod
+    fun multiply(a: Int, b: Int, promise: Promise) {
+      promise.resolve(nativeMultiply(a, b));
+    }
+
+    external fun nativeMultiply(a: Int, b: Int): Int;
+
+    companion object
+    {
+
+        // Used to load the 'native-lib' library on application startup.
+        init
+        {
+            System.loadLibrary("cpp")
+        }
+    }
+    <%}%>
 }

templates/library/example/src/App.tsx

@@ -4,14 +4,24 @@ import <%= project.name %> from '<%= project.slug %>';
 
 export default function App() {
   const [deviceName, setDeviceName] = React.useState('');
+  <%if (project.useCpp==true) {%>
+  const [value, setValue] = React.useState();
+  <%}%>
+
 
   React.useEffect(() => {
     <%= project.name %>.getDeviceName().then(setDeviceName);
+    <%if (project.useCpp==true) {%>
+    <%= project.name %>.multiply(2, 3).then(setValue);
+    <%}%>
   }, []);
 
   return (
     <View style={styles.container}>
       <Text>Device name: {deviceName}</Text>
+      <%if (project.useCpp==true) {%>
+      <Text>C++ mulitply value: {value}</Text>
+      <%}%>
     </View>
   );
 }

templates/library/ios/<%= project.name %>.h

@@ -1,5 +1,13 @@
 #import <React/RCTBridgeModule.h>
 
+<%if (project.useCpp==true) {%>
+#ifdef __cplusplus
+
+#import "example.h"
+
+#endif
+<%}%>
+
 @interface <%= project.name %> : NSObject <RCTBridgeModule>
 
 @end

templates/library/ios/<%= project.name %>.m → templates/library/ios/<%= project.name %>.mm

@@ -15,4 +15,14 @@ @implementation <%= project.name %>
   resolve(deviceInfo.name);
 }
 
+<%if (project.useCpp==true) {%>
+RCT_EXPORT_METHOD(multiply:(nonnull NSNumber*)a withB:(nonnull NSNumber*)b resolver:(RCTPromiseResolveBlock)resolve
+withReject:(RCTPromiseRejectBlock)reject)
+{
+    long result = example::multiply([a longValue], [b longValue]);
+
+    resolve(@(result));
+}
+<%}%>
+
 @end

templates/library/ios/<%= project.name %>.xcodeproj/project.pbxproj

@@ -7,7 +7,10 @@
 	objects = {
 
 /* Begin PBXBuildFile section */
-		B3E7B58A1CC2AC0600A0062D /* <%= project.name %>.m in Sources */ = {isa = PBXBuildFile; fileRef = B3E7B5891CC2AC0600A0062D /* <%= project.name %>.m */; };
+<%if (project.useCpp==true) {%>
+		5E46D8CD2428F78900513E24 /* example.cpp in Sources */ = {isa = PBXBuildFile; fileRef = 5E46D8CB2428F78900513E24 /* example.cpp */; };
+<%}%>
+		5E555C0D2413F4C50049A1A2 /* <%= project.name %>.mm in Sources */ = {isa = PBXBuildFile; fileRef = B3E7B5891CC2AC0600A0062D /* <%= project.name %>.mm */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXCopyFilesBuildPhase section */
@@ -24,8 +27,12 @@
 
 /* Begin PBXFileReference section */
 		134814201AA4EA6300B7C361 /* lib<%= project.name %>.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = lib<%= project.name %>.a; sourceTree = BUILT_PRODUCTS_DIR; };
+<%if (project.useCpp==true) {%>
+		5E46D8CB2428F78900513E24 /* example.cpp */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.cpp; name = example.cpp; path = ../cpp/example.cpp; sourceTree = "<group>"; };
+		5E46D8CC2428F78900513E24 /* example.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = example.h; path = ../cpp/example.h; sourceTree = "<group>"; };
+<%}%>
 		B3E7B5881CC2AC0600A0062D /* <%= project.name %>.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; path = <%= project.name %>.h; sourceTree = "<group>"; };
-		B3E7B5891CC2AC0600A0062D /* <%= project.name %>.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = <%= project.name %>.m; sourceTree = "<group>"; };
+		B3E7B5891CC2AC0600A0062D /* <%= project.name %>.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; path = <%= project.name %>.mm; sourceTree = "<group>"; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -50,8 +57,12 @@
 		58B511D21A9E6C8500147676 = {
 			isa = PBXGroup;
 			children = (
+<%if (project.useCpp==true) {%>
+				5E46D8CB2428F78900513E24 /* example.cpp */,
+				5E46D8CC2428F78900513E24 /* example.h */,
+<%}%>
 				B3E7B5881CC2AC0600A0062D /* <%= project.name %>.h */,
-				B3E7B5891CC2AC0600A0062D /* <%= project.name %>.m */,
+				B3E7B5891CC2AC0600A0062D /* <%= project.name %>.mm */,
 				134814211AA4EA7D00B7C361 /* Products */,
 			);
 			sourceTree = "<group>";
@@ -95,6 +106,7 @@
 			developmentRegion = English;
 			hasScannedForEncodings = 0;
 			knownRegions = (
+				English,
 				en,
 			);
 			mainGroup = 58B511D21A9E6C8500147676;
@@ -112,7 +124,10 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				B3E7B58A1CC2AC0600A0062D /* <%= project.name %>.m in Sources */,
+<%if (project.useCpp==true) {%>
+				5E46D8CD2428F78900513E24 /* example.cpp in Sources */,
+<%}%>
+				5E555C0D2413F4C50049A1A2 /* <%= project.name %>.mm in Sources */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -216,7 +231,7 @@
 			isa = XCBuildConfiguration;
 			buildSettings = {
 				HEADER_SEARCH_PATHS = (
-				"$(inherited)",
+					"$(inherited)",
 					/Applications/Xcode.app/Contents/Developer/Toolchains/XcodeDefault.xctoolchain/usr/include,
 					"$(SRCROOT)/../../../React/**",
 					"$(SRCROOT)/../../react-native/React/**",

templates/library/src/index.tsx

@@ -2,6 +2,9 @@ import { NativeModules } from 'react-native';
 
 type <%= project.name %>Type = {
   getDeviceName(): Promise<string>;
+  <%if (project.useCpp==true) {%>
+  multiply(a: number, b: number): Promise<number>;
+  <%}%>
 };
 
 const { <%= project.name %> } = NativeModules;

yarn.lock

@@ -2283,6 +2283,13 @@ debug@^2.2.0, debug@^2.3.3, debug@^2.6.9:
   dependencies:
     ms "2.0.0"
 
+debug@^3.2.6:
+  version "3.2.6"
+  resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
+  integrity sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==
+  dependencies:
+    ms "^2.1.1"
+
 decamelize-keys@^1.0.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/decamelize-keys/-/decamelize-keys-1.1.0.tgz#d171a87933252807eb3cb61dc1c1445d078df2d9"
@@ -5338,11 +5345,6 @@ safe-buffer@~5.1.0, safe-buffer@~5.1.1:
   resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.1.2.tgz#991ec69d296e0313747d59bdfd2b745c35f8828d"
   integrity sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g==
 
-safe-buffer@~5.2.0:
-  version "5.2.0"
-  resolved "https://registry.yarnpkg.com/safe-buffer/-/safe-buffer-5.2.0.tgz#b74daec49b1148f88c64b68d49b1e815c1f2f519"
-  integrity sha512-fZEwUGbVl7kouZs1jCdMLdt95hdIv0ZeHg6L7qPeciMZhZ+/gdesW4wgTARkrFWEpspjEATAzUGPG8N2jJiwbg==
-
 safe-regex@^1.1.0:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/safe-regex/-/safe-regex-1.1.0.tgz#40a3669f3b077d1e943d44629e157dd48023bf2e"