react-native-ssl-manager 1.0.0 → 1.0.1

package/package.json

@@ -1,51 +1,88 @@
 {
   "name": "react-native-ssl-manager",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "React Native SSL Pinning provides seamless SSL certificate pinning integration for enhanced network security in React Native apps. This module enables developers to easily implement and manage certificate pinning, protecting applications against man-in-the-middle (MITM) attacks. With dynamic configuration options and the ability to toggle SSL pinning, it's particularly useful for development and testing scenarios.",
-  "main": "lib/commonjs/index",
-  "module": "lib/module/index",
-  "types": "lib/typescript/src/index.d.ts",
+  "main": "lib/index.js",
+  "module": "lib/index.js",
+  "types": "lib/index.d.ts",
+  "source": "src/index.tsx",
+  "expo": {
+    "plugin": "./app.plugin.js"
+  },
   "react-native": {
     "android": {
-      "source": "android/src/main/java/com/usesslpinning/UseSslPinningPackage.kt"
+      "sourceDir": "android/src/main/java",
+      "packageImportPath": "import com.usesslpinning.UseSslPinningPackage;"
     },
     "ios": {
-      "podspec": "react-native-ssl-manager.podspec"
+      "podspecPath": "react-native-ssl-manager.podspec"
     }
   },
-  "source": "src/index",
+  "codegenConfig": {
+    "name": "RNUseSslPinningSpec",
+    "type": "modules",
+    "jsSrcsDir": "src"
+  },
   "files": [
-    "src",
     "lib",
-    "!**/__tests__",
-    "!**/__fixtures__",
-    "!**/__mocks__",
+    "src",
     "android",
     "ios",
-    "cpp",
+    "plugin",
     "*.podspec",
-    "!lib/typescript/example",
+    "react-native-ssl-manager.podspec",
+    "expo-module.config.json",
+    "react-native.config.js",
+    "scripts/build.sh",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__",
     "!ios/build",
     "!android/build",
+    "!android/.gradle",
     "!android/gradle",
     "!android/gradlew",
     "!android/gradlew.bat",
     "!android/local.properties",
+    "!example",
+    "!example-expo",
     "!**/.*"
   ],
   "scripts": {
-    "example": "yarn workspace react-native-ssl-manager-example",
-    "test": "jest",
+    "build": "tsc",
+    "clean": "expo-module clean",
+    "lint": "expo-module lint",
+    "test": "expo-module test",
+    "prepare": "echo 'Skipping prepare script'",
     "typecheck": "tsc --noEmit",
-    "lint": "eslint \"**/*.{js,ts,tsx}\"",
-    "clean": "del-cli android/build example/android/build example/android/app/build example/ios/build lib",
-    "prepare": "bob build",
-    "release": "release-it"
+    "release": "release-it",
+    "build:all": "./scripts/build.sh",
+    "build:examples": "./scripts/build.sh --with-examples",
+    "example:install": "cd example && yarn install",
+    "postinstall": "node scripts/postinstall.js",
+    "postinstall:bun": "bun scripts/bun-postinstall.js",
+    "example:ios": "cd example && npx react-native run-ios",
+    "example:android": "cd example && npx react-native run-android",
+    "example-expo:install": "cd example-expo && yarn install",
+    "example-expo:ios": "cd example-expo && npx expo run:ios",
+    "example-expo:android": "cd example-expo && npx expo run:android",
+    "example-expo:start": "cd example-expo && npx expo start",
+    "bun:install": "bun install",
+    "bun:build": "bun run build",
+    "bun:test": "bun test",
+    "bun:example:install": "cd example && bun install",
+    "bun:example-expo:install": "cd example-expo && bun install",
+    "bun:test-compatibility": "bun scripts/test-bun.js"
   },
   "keywords": [
     "react-native",
     "ios",
-    "android"
+    "android",
+    "expo",
+    "bun",
+    "ssl-pinning",
+    "security",
+    "certificate-pinning"
   ],
   "repository": {
     "type": "git",
@@ -63,7 +100,6 @@
   },
   "devDependencies": {
     "@commitlint/config-conventional": "^17.0.2",
-    "@evilmartians/lefthook": "^1.5.0",
     "@react-native/eslint-config": "^0.73.1",
     "@release-it/conventional-changelog": "^5.0.0",
     "@types/jest": "^29.5.5",
@@ -73,13 +109,13 @@
     "eslint": "^8.51.0",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-prettier": "^5.0.1",
+    "expo-module-scripts": "^3.4.0",
     "jest": "^29.7.0",
     "prettier": "^3.0.3",
     "react": "18.2.0",
     "react-native": "0.73.6",
     "react-native-builder-bob": "^0.20.0",
     "release-it": "^15.0.0",
-    "turbo": "^1.10.7",
     "typescript": "5.1.x"
   },
   "resolutions": {
@@ -89,14 +125,27 @@
     "react": "*",
     "react-native": "*"
   },
-  "workspaces": [
-    "example"
-  ],
   "packageManager": "yarn@3.6.1",
+  "engines": {
+    "node": ">=16.0.0",
+    "bun": ">=1.0.0"
+  },
+  "overrides": {
+    "bun": {
+      "react": "*",
+      "react-native": "*"
+    }
+  },
+  "codegenConfig": {
+    "name": "RNUseSslPinningSpec",
+    "type": "modules",
+    "jsSrcsDir": "src"
+  },
   "jest": {
     "preset": "react-native",
     "modulePathIgnorePatterns": [
       "<rootDir>/example/node_modules",
+      "<rootDir>/example-expo/node_modules",
       "<rootDir>/lib/"
     ]
   },
@@ -143,7 +192,9 @@
   },
   "eslintIgnore": [
     "node_modules/",
-    "lib/"
+    "lib/",
+    "example/",
+    "example-expo/"
   ],
   "prettier": {
     "quoteProps": "consistent",
@@ -152,21 +203,13 @@
     "trailingComma": "es5",
     "useTabs": false
   },
-  "react-native-builder-bob": {
-    "source": "src",
-    "output": "lib",
-    "targets": [
-      "commonjs",
-      "module",
-      [
-        "typescript",
-        {
-          "project": "tsconfig.build.json"
-        }
-      ]
-    ]
+  "codegenConfig": {
+    "name": "RNUseSslPinningSpec",
+    "type": "modules",
+    "jsSrcsDir": "src"
   },
   "dependencies": {
+    "@babel/runtime": "^7.23.0",
     "postinstall": "^0.10.3"
   }
 }

package/react-native-ssl-manager.podspec

@@ -1,43 +1,92 @@
-require "json"
-
-package = JSON.parse(File.read(File.join(__dir__, "package.json")))
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -Wno-comma -Wno-shorten-64-to-32'
-
 Pod::Spec.new do |s|
-  s.name         = "react-native-ssl-manager"
-  s.version      = package["version"]
-  s.summary      = package["description"]
-  s.homepage     = package["homepage"]
-  s.license      = package["license"]
-  s.authors      = package["author"]
-
-  s.platforms    = { :ios => min_ios_version_supported }
-  s.source       = { :git => "https://github.com/huytdps13400/react-native-ssl-manager.git", :tag => "#{s.version}" }
+  s.name = 'react-native-ssl-manager'
+  s.version = '1.0.1'
+  s.summary = 'SSL Pinning Module for React Native and Expo'
+  s.author = 'Huy Tran'
+  s.homepage = 'https://github.com/huytdps13400/react-native-ssl-manager'
+  s.platforms = { :ios => '13.0' }
+  s.source = { :git => 'https://github.com/huytdps13400/react-native-ssl-manager', :tag => s.version.to_s }
+  
 
+  
+  # RNBootSplash pattern - single implementation for all architectures  
   s.source_files = "ios/**/*.{h,m,mm,swift}"
-
-  # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
-  # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.
-  if respond_to?(:install_modules_dependencies, true)
-    install_modules_dependencies(s)
-  else
-  s.dependency "React-Core"
-
-  # Don't install the dependencies when we run `pod install` in the old architecture.
+  
+  s.pod_target_xcconfig = { "DEFINES_MODULE" => "YES" }
+  
   if ENV['RCT_NEW_ARCH_ENABLED'] == '1' then
-    s.compiler_flags = folly_compiler_flags + " -DRCT_NEW_ARCH_ENABLED=1"
-    s.pod_target_xcconfig    = {
-        "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\"",
-        "OTHER_CPLUSPLUSFLAGS" => "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1",
-        "CLANG_CXX_LANGUAGE_STANDARD" => "c++17"
+    # New Architecture dependencies would go here if needed
+    s.dependency "React-Core"
+  else
+    s.dependency "React-Core"
+  end
+  
+  # Use script phase to copy ssl_config.json during app build
+  s.script_phases = [
+    {
+      :name => 'Copy SSL Config to App Bundle',
+      :script => '
+        echo "🔧 SSL Manager: Copying ssl_config.json to app bundle..."
+        
+        # Look for ssl_config.json in parent directories of SRCROOT
+        SSL_CONFIG_SOURCE=""
+        
+        # Check common locations and verify content is not empty
+        if [ -f "${SRCROOT}/../ssl_config.json" ]; then
+          CONTENT=$(cat "${SRCROOT}/../ssl_config.json" | tr -d " \\n\\r")
+          if [ "$CONTENT" != "{}" ]; then
+            SSL_CONFIG_SOURCE="${SRCROOT}/../ssl_config.json"
+            echo "📄 Found ssl_config.json at: $SSL_CONFIG_SOURCE"
+          fi
+        fi
+        
+        if [ -z "$SSL_CONFIG_SOURCE" ] && [ -f "${SRCROOT}/../../ssl_config.json" ]; then
+          CONTENT=$(cat "${SRCROOT}/../../ssl_config.json" | tr -d " \\n\\r")
+          if [ "$CONTENT" != "{}" ]; then
+            SSL_CONFIG_SOURCE="${SRCROOT}/../../ssl_config.json"
+            echo "📄 Found ssl_config.json at: $SSL_CONFIG_SOURCE"
+          fi
+        fi
+        
+        if [ -z "$SSL_CONFIG_SOURCE" ] && [ -f "${SRCROOT}/../../../ssl_config.json" ]; then
+          CONTENT=$(cat "${SRCROOT}/../../../ssl_config.json" | tr -d " \\n\\r")
+          if [ "$CONTENT" != "{}" ]; then
+            SSL_CONFIG_SOURCE="${SRCROOT}/../../../ssl_config.json"
+            echo "📄 Found ssl_config.json at: $SSL_CONFIG_SOURCE"
+          fi
+        fi
+        
+        if [ -n "$SSL_CONFIG_SOURCE" ]; then
+          # Copy to app bundle resources
+          cp "$SSL_CONFIG_SOURCE" "${BUILT_PRODUCTS_DIR}/${PRODUCT_NAME}.app/"
+          echo "✅ SSL config copied to app bundle"
+        else
+          echo "⚠️ ssl_config.json not found in common locations"
+          echo "🔍 Searching for ssl_config.json with content..."
+          
+          # Search for any ssl_config.json with content
+          for path in $(find "${SRCROOT}/../.." -name "ssl_config.json" -type f 2>/dev/null); do
+            CONTENT=$(cat "$path" | tr -d " \\n\\r")
+            if [ "$CONTENT" != "{}" ]; then
+              SSL_CONFIG_SOURCE="$path"
+              echo "📄 Found ssl_config.json with content at: $SSL_CONFIG_SOURCE"
+              cp "$SSL_CONFIG_SOURCE" "${BUILT_PRODUCTS_DIR}/${PRODUCT_NAME}.app/"
+              echo "✅ SSL config copied to app bundle"
+              break
+            fi
+          done
+          
+          if [ -z "$SSL_CONFIG_SOURCE" ]; then
+            echo "💡 SRCROOT: $SRCROOT"
+            echo "💡 Create ssl_config.json at project root for SSL pinning to work"
+            exit 0
+          fi
+        fi
+      ',
+      :execution_position => :before_compile
     }
-    s.dependency "React-Codegen"
-    s.dependency "RCT-Folly"
-    s.dependency "RCTRequired"
-    s.dependency "RCTTypeSafety"
-    s.dependency "ReactCommon/turbomodule/core"
-   end
-  end    
-
-  s.dependency "TrustKit"
-end
+  ]
+  
+  s.dependency 'TrustKit'
+  s.dependency 'React-Core'
+end 

package/react-native.config.js

@@ -0,0 +1,34 @@
+// React Native SSL Manager Auto-linking Configuration
+
+module.exports = {
+  dependencies: {
+    'react-native-ssl-manager': {
+      platforms: {
+        android: {
+          sourceDir: '../android',
+          packageImportPath: 'import com.usesslpinning.UseSslPinningPackage;',
+          packageInstance: 'new UseSslPinningPackage()',
+          // Auto-setup SSL config copy script
+          buildTypes: [],
+          componentDescriptors: [],
+          cmakeListsPath: null,
+        },
+        ios: {
+          podspecPath: '../react-native-ssl-manager.podspec',
+        },
+      },
+      hooks: {
+        postlink: () => {
+          console.log('🔗 React Native SSL Manager linked successfully');
+          console.log('📋 SSL config auto-copy script is now available');
+          console.log(
+            '💡 Android: Run "cd android && ./gradlew checkSslConfig" to verify setup'
+          );
+          console.log(
+            '💡 iOS: ssl_config.json will be auto-copied during build'
+          );
+        },
+      },
+    },
+  },
+};

package/scripts/build.sh

@@ -0,0 +1,52 @@
+#!/bin/bash
+
+# Build script for react-native-ssl-manager
+# This script helps build and test the library
+
+set -e
+
+echo "🚀 Building react-native-ssl-manager..."
+
+# Clean previous builds
+echo "🧹 Cleaning previous builds..."
+rm -rf lib/
+rm -rf build/
+
+# Install dependencies
+echo "📦 Installing dependencies..."
+yarn install
+
+# Type check
+echo "🔍 Running type check..."
+yarn typecheck
+
+# Build TypeScript
+echo "🔨 Building TypeScript..."
+yarn build
+
+# Run tests
+echo "🧪 Running tests..."
+yarn test
+
+echo "✅ Build completed successfully!"
+
+# Optional: Build examples
+if [ "$1" = "--with-examples" ]; then
+    echo "📱 Building examples..."
+    
+    # Build React Native CLI example
+    echo "Building React Native CLI example..."
+    cd example
+    yarn install
+    cd ..
+    
+    # Build Expo example
+    echo "Building Expo example..."
+    cd example-expo
+    yarn install
+    cd ..
+    
+    echo "✅ Examples built successfully!"
+fi
+
+echo "🎉 All done! The library is ready for use." 

package/src/NativeUseSslPinning.ts

@@ -0,0 +1,9 @@
+import type { TurboModule } from 'react-native';
+import { TurboModuleRegistry } from 'react-native';
+
+export interface Spec extends TurboModule {
+  readonly setUseSSLPinning: (usePinning: boolean) => Promise<void>;
+  readonly getUseSSLPinning: () => Promise<boolean>;
+}
+
+export default TurboModuleRegistry.getEnforcing<Spec>('UseSslPinning');

package/src/UseSslPinning.types.ts

@@ -0,0 +1,17 @@
+/**
+ * SSL Pinning Configuration Interface
+ * Defines the structure for SSL pinning configuration
+ */
+export interface SslPinningConfig {
+  sha256Keys: {
+    [domain: string]: string[];
+  };
+}
+
+/**
+ * SSL Pinning Error Interface
+ */
+export interface SslPinningError extends Error {
+  code?: string;
+  message: string;
+}

package/src/index.tsx

@@ -1,43 +1,63 @@
-import { NativeModules, Platform } from 'react-native';
-
-const LINKING_ERROR =
-  `The package 'react-native-ssl-manager' doesn't seem to be linked. Make sure: \n\n` +
-  Platform.select({ ios: "- You have run 'pod install'\n", default: '' }) +
-  '- You rebuilt the app after installing the package\n' +
-  '- You are not using Expo Go\n';
-
-const UseSslPinning = NativeModules.UseSslPinning
-  ? NativeModules.UseSslPinning
-  : new Proxy(
-      {},
-      {
-        get() {
-          throw new Error(LINKING_ERROR);
-        },
-      }
-    );
-
-export const setUseSSLPinning = (usePinning: boolean): void => {
-  UseSslPinning.setUseSSLPinning(usePinning);
-};
+// Remove unused Platform import since we no longer check OS
+
+// Export types from the library
+export type { SslPinningConfig, SslPinningError } from './UseSslPinning.types';
+
+// New Architecture and Legacy Architecture support
+let UseSslPinning: any;
+
+try {
+  // Try Legacy NativeModules first (more reliable)
+  const { NativeModules } = require('react-native');
+
+  // Look for our universal module (works in both CLI and Expo)
+  UseSslPinning = NativeModules.UseSslPinning;
+
+  if (UseSslPinning) {
+  } else {
+    // Fallback to TurboModule if available
+    try {
+      UseSslPinning = require('./NativeUseSslPinning').default;
+    } catch (turboModuleError) {
+      console.log(
+        '❌ TurboModule failed:',
+        (turboModuleError as Error).message
+      );
+      UseSslPinning = null;
+    }
+  }
+} catch (error) {
+  console.log('❌ Overall module loading failed:', (error as Error).message);
+  UseSslPinning = null;
+}
+
+// Fallback implementation if native module is not available
+if (!UseSslPinning) {
+  UseSslPinning = {
+    setUseSSLPinning: (_usePinning: boolean) => {
+      return Promise.resolve();
+    },
+    getUseSSLPinning: () => {
+      return Promise.resolve(true);
+    },
+  };
+}
 
 /**
- * Retrieves the current state of SSL pinning usage.
+ * Sets whether SSL pinning should be used.
  *
- * @returns A promise that resolves to a boolean indicating whether SSL pinning is being used.
+ * @param {boolean} usePinning - Whether to enable SSL pinning
+ * @returns {Promise<void>} A promise that resolves when the setting is saved
  */
-export const getUseSSLPinning = async (): Promise<boolean> => {
-  return await UseSslPinning.getUseSSLPinning();
+export const setUseSSLPinning = (usePinning: boolean): Promise<void> => {
+  return UseSslPinning.setUseSSLPinning(usePinning);
 };
 
 /**
- * Initializes SSL pinning with the provided configuration.
+ * Retrieves the current state of SSL pinning usage.
  *
- * @param {string} configJsonString - The JSON string containing the SSL pinning configuration.
- * @returns {Promise<any>} A promise that resolves when the SSL pinning is initialized.
+ * @returns A promise that resolves to a boolean indicating whether SSL pinning is being used.
  */
-export const initializeSslPinning = async (
-  configJsonString: string
-): Promise<any> => {
-  return await UseSslPinning.initializeSslPinning(configJsonString);
+export const getUseSSLPinning = async (): Promise<boolean> => {
+  return await UseSslPinning.getUseSSLPinning();
 };

package/android/src/main/java/com/usesslpinning/UseSslPinningFactory.kt

@@ -1,50 +0,0 @@
-package com.usesslpinning
-
-import android.content.Context
-import android.util.Log
-import com.facebook.react.modules.network.OkHttpClientFactory
-import com.facebook.react.modules.network.ReactCookieJarContainer
-import okhttp3.CertificatePinner
-import okhttp3.OkHttpClient
-import org.json.JSONObject
-
-class UseSslPinningFactory(
-  private val context: Context,
-  private val configJsonString: String
-) : OkHttpClientFactory {
-
-  override fun createNewNetworkModuleClient(): OkHttpClient {
-    val sharedPreferences = context.getSharedPreferences("AppSettings", Context.MODE_PRIVATE)
-    val useSSLPinning = sharedPreferences.getBoolean("useSSLPinning", true)
-
-    val clientBuilder = OkHttpClient.Builder().cookieJar(ReactCookieJarContainer()).apply {
-      if (useSSLPinning) {
-        val certificatePinnerBuilder = CertificatePinner.Builder()
-
-        try {
-          val configJson = JSONObject(configJsonString)
-          addCertificatesToPinner(certificatePinnerBuilder, configJson)
-          val certificatePinner = certificatePinnerBuilder.build()
-          certificatePinner(certificatePinner)
-        } catch (e: Exception) {
-          e.printStackTrace()
-        }
-      }
-    }.cache(null).build()
-
-    return clientBuilder
-  }
-  private fun addCertificatesToPinner(certificatePinnerBuilder: CertificatePinner.Builder, configJson: JSONObject) {
-    val sha256Keys = configJson.getJSONObject("sha256Keys")
-    val hostnames = sha256Keys.keys()
-    while (hostnames.hasNext()) {
-      val hostname = hostnames.next()
-      val keysArray = sha256Keys.getJSONArray(hostname)
-      for (i in 0 until keysArray.length()) {
-        val sha256Key = keysArray.getString(i)
-        certificatePinnerBuilder.add(hostname, sha256Key)
-      }
-    }
-  }
-}
-

package/android/src/main/java/com/usesslpinning/UseSslPinningModule.kt

@@ -1,45 +0,0 @@
-package com.usesslpinning
-
-import android.content.Context // Thêm dòng này
-import android.util.Log
-import com.facebook.react.bridge.ReactApplicationContext
-import com.facebook.react.bridge.ReactContextBaseJavaModule
-import com.facebook.react.bridge.ReactMethod
-import com.facebook.react.bridge.Promise
-import com.facebook.react.modules.network.OkHttpClientProvider
-
-class UseSslPinningModule(reactContext: ReactApplicationContext) :
-    ReactContextBaseJavaModule(reactContext) {
-
-    override fun getName(): String {
-        return NAME
-    }
-
-    @ReactMethod
-    fun setUseSSLPinning(usePinning: Boolean) {
-        val sharedPreferences = reactApplicationContext.getSharedPreferences("AppSettings", Context.MODE_PRIVATE)
-        sharedPreferences.edit().putBoolean("useSSLPinning", usePinning).apply()
-    }
-
-    @ReactMethod
-    fun getUseSSLPinning(promise: Promise) {
-        val sharedPreferences = reactApplicationContext.getSharedPreferences("AppSettings", Context.MODE_PRIVATE)
-        val usePinning = sharedPreferences.getBoolean("useSSLPinning", true)
-        promise.resolve(usePinning)
-    }
-
-  @ReactMethod
-  fun initializeSslPinning(configJsonString: String, promise: Promise) {
-    try {
-      OkHttpClientProvider.setOkHttpClientFactory(UseSslPinningFactory(reactApplicationContext, configJsonString))
-      Log.d("MyLibrary", "SSL Pinning initialized successfully")
-      promise.resolve("SSL Pinning initialized successfully")
-    } catch (e: Exception) {
-      promise.reject("SSL_PINNING_ERROR", "Failed to initialize SSL Pinning", e)
-    }
-  }
-
-    companion object {
-        const val NAME = "UseSslPinning"
-    }
-}

package/ios/UseSslPinning-Bridging-Header.h

@@ -1,2 +0,0 @@
-#import <React/RCTBridgeModule.h>
-#import <React/RCTViewManager.h>