feat: add expo plugin (#714)

Author: boorad

bun.lock

@@ -15,23 +15,25 @@
     "format": "bun --filter='*' format",
     "format:fix": "bun --filter='*' format:fix",
     "prepare": "bun --filter=\"react-native-quick-crypto\" prepare",
-    "release": "./scripts/release.sh"
+    "release": "./scripts/release.sh",
+    "yalc": "cd packages/react-native-quick-crypto && bun yalc push --replace --sig"
   },
   "devDependencies": {
+    "@eslint/compat": "1.2.8",
+    "@eslint/js": "9.24.0",
     "@release-it/bumper": "7.0.2",
     "@release-it/conventional-changelog": "10.0.0",
-    "release-it": "18.1.2",
-    "eslint": "9.24.0",
-    "@typescript-eslint/parser": "8.30.1",
     "@typescript-eslint/eslint-plugin": "8.30.1",
+    "@typescript-eslint/parser": "8.30.1",
+    "eslint": "9.24.0",
+    "eslint-config-prettier": "10.1.2",
+    "eslint-plugin-prettier": "5.2.6",
     "eslint-plugin-react-native": "5.0.0",
     "prettier": "3.5.3",
-    "@eslint/js": "9.24.0",
-    "@eslint/compat": "1.2.8",
+    "release-it": "18.1.2",
     "typescript": "5.8.3",
     "typescript-eslint": "8.30.1",
-    "eslint-plugin-prettier": "5.2.6",
-    "eslint-config-prettier": "10.1.2"
+    "yalc": "^1.0.0-pre.53"
   },
   "packageManager": "[email protected]",
   "release-it": {

package.json

@@ -0,0 +1,3 @@
+const { createRNQCPlugin } = require('./lib/commonjs/expo-plugin/withRNQC');
+const pkg = require('./package.json');
+module.exports = createRNQCPlugin(pkg.name, pkg.version);

packages/react-native-quick-crypto/app.plugin.js

@@ -51,6 +51,11 @@ export default [
   },
   // Ignore patterns
   {
-    ignores: ['.prettierrc.js', '*.config.js', '**/lib/**', '**/test/**'],
+    ignores: [
+      '.prettierrc.js', 
+      '*.config.*js', 
+      '*.plugin.js', 
+      '**/lib/**', 
+      '**/test/**'],
   },
 ];

…act-native-quick-crypto/eslint.config.js …ct-native-quick-crypto/eslint.config.mjspackages/react-native-quick-crypto/eslint.config.js renamed to packages/react-native-quick-crypto/eslint.config.mjs packages/react-native-quick-crypto/eslint.config.js renamed to packages/react-native-quick-crypto/eslint.config.mjs

@@ -2,7 +2,6 @@
   "name": "react-native-quick-crypto",
   "version": "1.0.0-beta.17",
   "description": "A fast implementation of Node's `crypto` module written in C/C++ JSI",
-  "type": "module",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
   "types": "lib/typescript/index.d.ts",
@@ -33,9 +32,9 @@
     "deps",
     "nitrogen",
     "react-native.config.js",
-    "app.plugin.js",
     "*.podspec",
     "README.md",
+    "app.plugin.js",
     "!**/__tests__",
     "!**/__fixtures__",
     "!**/__mocks__"
@@ -45,9 +44,13 @@
     "ios",
     "android",
     "jsi",
+    "nitro",
     "crypto",
+    "cryptography",
+    "cryptocurrency",
     "c++",
     "fast",
+    "quick",
     "web3"
   ],
   "repository": {
@@ -76,10 +79,12 @@
   },
   "devDependencies": {
     "@types/jest": "29.5.11",
-    "@types/node": "^22.0.0",
+    "@types/node": "22.0.0",
     "@types/react": "18.3.3",
     "@types/readable-stream": "4.0.18",
     "del-cli": "6.0.0",
+    "expo": "^47.0.0",
+    "expo-build-properties": "0.14.6",
     "jest": "29.7.0",
     "nitro-codegen": "0.25.2",
     "react-native-builder-bob": "0.39.1",
@@ -88,7 +93,13 @@
   "peerDependencies": {
     "react": "*",
     "react-native": "*",
-    "react-native-nitro-modules": "*"
+    "react-native-nitro-modules": "*",
+    "expo": ">=47.0.0"
+  },
+  "peerDependenciesMeta": {
+    "expo": {
+      "optional": true
+    }
   },
   "release-it": {
     "npm": {

packages/react-native-quick-crypto/package.json

@@ -0,0 +1,7 @@
+export type ConfigProps = {
+  /**
+   * Enable libsodium support
+   * @default false
+   */
+  sodiumEnabled?: boolean;
+};

…t-native-quick-crypto/prettier.config.js …-native-quick-crypto/prettier.config.mjspackages/react-native-quick-crypto/prettier.config.js renamed to packages/react-native-quick-crypto/prettier.config.mjs packages/react-native-quick-crypto/prettier.config.js renamed to packages/react-native-quick-crypto/prettier.config.mjs

@@ -0,0 +1,23 @@
+import { createRunOncePlugin } from 'expo/config-plugins';
+import type { ConfigPlugin } from 'expo/config-plugins';
+import type { ConfigProps } from './@types';
+import { withSodiumIos } from './withSodiumIos';
+import { withSodiumAndroid } from './withSodiumAndroid';
+import { withXCode } from './withXCode';
+
+const withRNQCInternal: ConfigPlugin<ConfigProps> = (config, props = {}) => {
+  // add XCode workarounds for some 16.x releases that are not RN-friendly
+  config = withXCode(config, props);
+
+  // enable libsodium algorithms
+  if (props.sodiumEnabled) {
+    config = withSodiumIos(config, props);
+    config = withSodiumAndroid(config, props);
+  }
+
+  return config;
+};
+
+export function createRNQCPlugin(name: string, version: string) {
+  return createRunOncePlugin(withRNQCInternal, name, version);
+}

packages/react-native-quick-crypto/src/expo-plugin/@types.ts

@@ -0,0 +1,24 @@
+import type { ConfigPlugin } from 'expo/config-plugins';
+import { withGradleProperties } from 'expo/config-plugins';
+import type { ConfigProps } from './@types';
+
+export const withSodiumAndroid: ConfigPlugin<ConfigProps> = config => {
+  return withGradleProperties(config, config => {
+    config.modResults = config.modResults || [];
+
+    // Check if the property already exists
+    const existingProperty = config.modResults.find(
+      item => item.type === 'property' && item.key === 'sodiumEnabled',
+    );
+
+    if (!existingProperty) {
+      config.modResults.push({
+        type: 'property',
+        key: 'sodiumEnabled',
+        value: 'true',
+      });
+    }
+
+    return config;
+  });
+};

packages/react-native-quick-crypto/src/expo-plugin/withRNQC.ts

@@ -0,0 +1,30 @@
+import type { ConfigPlugin } from 'expo/config-plugins';
+import { withDangerousMod } from 'expo/config-plugins';
+import fs from 'fs';
+import path from 'path';
+import type { ConfigProps } from './@types';
+
+export const withSodiumIos: ConfigPlugin<ConfigProps> = config => {
+  return withDangerousMod(config, [
+    'ios',
+    config => {
+      const podfilePath = path.join(
+        config.modRequest.platformProjectRoot,
+        'Podfile',
+      );
+      let contents = fs.readFileSync(podfilePath, 'utf-8');
+
+      // Check if SODIUM_ENABLED is already set
+      if (!contents.includes("ENV['SODIUM_ENABLED']")) {
+        // Add it right after the RCT_NEW_ARCH_ENABLED ENV variable
+        contents = contents.replace(
+          /^(ENV\['RCT_NEW_ARCH_ENABLED'\].*$)/m,
+          `$1\nENV['SODIUM_ENABLED'] = '1'`,
+        );
+        fs.writeFileSync(podfilePath, contents);
+      }
+
+      return config;
+    },
+  ]);
+};