feat: add JS module option (#51)

Co-authored-by: Satyajit Sahoo <[email protected]>

Author: gorhom

src/create.ts

@@ -35,7 +35,7 @@ type Answers = {
   authorEmail: string;
   authorUrl: string;
   repoUrl: string;
-  type: 'native' | 'native-swift' | 'cpp' | 'expo';
+  type: 'native' | 'native-swift' | 'js' | 'cpp' | 'expo';
 };
 
 export const args: Record<ArgName, yargs.Options> = {
@@ -65,7 +65,7 @@ export const args: Record<ArgName, yargs.Options> = {
   },
   'type': {
     description: 'Type package do you want to develop',
-    choices: ['native', 'native-swift', 'cpp', 'expo'],
+    choices: ['native', 'native-swift', 'js', 'cpp', 'expo'],
   },
 };
 
@@ -173,6 +173,10 @@ export default async function create(argv: yargs.Arguments<any>) {
           name: 'JavaScript module with Web support using Expo',
           value: 'expo',
         },
+        {
+          name: 'JavaScript module',
+          value: 'js',
+        },
       ],
       default: 'native',
     },
@@ -223,6 +227,7 @@ export default async function create(argv: yargs.Arguments<any>) {
       native: type === 'native' || type === 'cpp' || 'native-swift',
       cpp: type === 'cpp',
       swift: type === 'native-swift',
+      type,
     },
     author: {
       name: authorName,
@@ -262,7 +267,15 @@ export default async function create(argv: yargs.Arguments<any>) {
   } else {
     await copyDir(NATIVE_FILES, folder);
 
-    if (type === 'cpp') {
+    if (type === 'js') {
+      await Promise.all(
+        [
+          `android`,
+          `ios`,
+          `${options.project.podspec}.podspec`,
+        ].map((file) => fs.remove(path.join(folder, file)))
+      );
+    } else if (type === 'cpp') {
       await copyDir(CPP_FILES, folder);
     } else if (type === 'native-swift') {
       await copyDir(SWIFT_FILES, folder);

templates/native-library/example/android/app/build.gradle

@@ -209,7 +209,9 @@ dependencies {
         implementation jscFlavor
     }
 
+<% if (project.type !== 'js') { -%>
     implementation project(':<%= project.package %>')
+<% } -%>
 }
 
 // Run this once to be able to run the application with BUCK

templates/native-library/example/android/settings.gradle

@@ -2,5 +2,7 @@ rootProject.name = '<%= project.name %>Example'
 apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
 include ':app'
 
+<% if (project.type !== 'js') { -%>
 include ':<%= project.package %>'
 project(':<%= project.package %>').projectDir = new File(rootProject.projectDir, '../../android')
+<% } -%>

templates/native-library/example/ios/Podfile

@@ -53,7 +53,9 @@ target '<%= project.name %>Example' do
   pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
   pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'
 
+<% if (project.type !== 'js') { -%>
   pod '<%= project.podspec %>', :path => '../..'
+<% } -%>
 
   use_native_modules!
   

templates/native-library/src/index.tsx

@@ -1,9 +1,20 @@
+<% if (project.type !== 'js') { -%>
 import { NativeModules } from 'react-native';
-
+<% } -%>
 type <%= project.name %>Type = {
   multiply(a: number, b: number): Promise<number>;
 };
 
+<% if (project.type === 'js') { -%>
+const multiply = (a: number, b: number) => {
+  return Promise.resolve(a * b);
+}
+
+export default {
+  multiply
+} as <%= project.name %>Type;
+<% } else { -%>
 const { <%= project.name %> } = NativeModules;
 
 export default <%= project.name %> as <%= project.name %>Type;
+<% } -%>