react-native-screenshot-aware 1.1.0 → 1.2.0

package/README.md

@@ -37,6 +37,26 @@ npm install react-native-screenshot-aware
 - Leverages the new `DETECT_SCREEN_CAPTURE` permission introduced in Android 14
 - Provides a more privacy-friendly and performant approach to screenshot detection
 
+## Expo
+
+For Expo projects, you can use the Expo plugin in `app.json`
+
+```json
+"plugins": [
+  "react-native-screenshot-aware"
+],
+```
+
+or add the permission manually to your `app.json`:
+
+```json
+"android": {
+  "permissions": ["android.permission.DETECT_SCREEN_CAPTURE"]
+}
+```
+
+## Bare RN
+
 ### Permissions
 
 To use the screenshot detection feature on Android, you need to add the following permission to your `AndroidManifest.xml` file:

package/app.plugin.js

@@ -0,0 +1 @@
+module.exports = require("./lib/commonjs/plugin/withReactNativeScreenshotAware");

package/lib/commonjs/plugin/withReactNativeScreenshotAware.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _configPlugins = require("@expo/config-plugins");
+/**
+ * Modifies the `AndroidManifest.xml` file to add `DETECT_SCREEN_CAPTURE` permission,
+ * allowing the app to detect screen capture.
+ *
+ * @param {ConfigPlugin} config - The Expo configuration object.
+ * @returns {ConfigPlugin} - The modified Expo configuration.
+ */
+const withCustomAndroidManifest = config => {
+  return (0, _configPlugins.withAndroidManifest)(config, config => {
+    const androidManifest = config.modResults;
+    if (!androidManifest.manifest["uses-permission"]) {
+      androidManifest.manifest["uses-permission"] = [];
+    }
+
+    // Check if the permission already exists
+    const permissionExists = androidManifest.manifest["uses-permission"].some(permission => permission.$?.["android:name"] === "android.permission.DETECT_SCREEN_CAPTURE");
+
+    // Only add the permission if it doesn't already exist
+    if (!permissionExists) {
+      androidManifest.manifest["uses-permission"].push({
+        $: {
+          "android:name": "android.permission.DETECT_SCREEN_CAPTURE"
+        }
+      });
+    }
+    return config;
+  });
+};
+
+/**
+ * Applies `withCustomAndroidManifest`
+ * to enable screenshot detection on Android.
+ *
+ * @param {ConfigPlugin} config - The Expo configuration object.
+ * @returns {ConfigPlugin} - The modified Expo configuration.
+ */
+const withReactNativeScreenshotAware = config => {
+  return withCustomAndroidManifest(config);
+};
+var _default = exports.default = withReactNativeScreenshotAware;
+//# sourceMappingURL=withReactNativeScreenshotAware.js.map

package/lib/commonjs/plugin/withReactNativeScreenshotAware.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_configPlugins","require","withCustomAndroidManifest","config","withAndroidManifest","androidManifest","modResults","manifest","permissionExists","some","permission","$","push","withReactNativeScreenshotAware","_default","exports","default"],"sourceRoot":"../../../src","sources":["plugin/withReactNativeScreenshotAware.ts"],"mappings":";;;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,yBAAuC,GAAIC,MAAM,IAAK;EAC1D,OAAO,IAAAC,kCAAmB,EAACD,MAAM,EAAGA,MAAM,IAAK;IAC7C,MAAME,eAAe,GAAGF,MAAM,CAACG,UAAU;IAEzC,IAAI,CAACD,eAAe,CAACE,QAAQ,CAAC,iBAAiB,CAAC,EAAE;MAChDF,eAAe,CAACE,QAAQ,CAAC,iBAAiB,CAAC,GAAG,EAAE;IAClD;;IAEA;IACA,MAAMC,gBAAgB,GAAGH,eAAe,CAACE,QAAQ,CAAC,iBAAiB,CAAC,CAACE,IAAI,CACtEC,UAAU,IACTA,UAAU,CAACC,CAAC,GAAG,cAAc,CAAC,KAC9B,0CACJ,CAAC;;IAED;IACA,IAAI,CAACH,gBAAgB,EAAE;MACrBH,eAAe,CAACE,QAAQ,CAAC,iBAAiB,CAAC,CAACK,IAAI,CAAC;QAC/CD,CAAC,EAAE;UACD,cAAc,EAAE;QAClB;MACF,CAAC,CAAC;IACJ;IAEA,OAAOR,MAAM;EACf,CAAC,CAAC;AACJ,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMU,8BAA4C,GAAIV,MAAM,IAAK;EAC/D,OAAOD,yBAAyB,CAACC,MAAM,CAAC;AAC1C,CAAC;AAAC,IAAAW,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEaH,8BAA8B","ignoreList":[]}

package/lib/module/plugin/withReactNativeScreenshotAware.js

@@ -0,0 +1,44 @@
+"use strict";
+
+import { withAndroidManifest } from "@expo/config-plugins";
+/**
+ * Modifies the `AndroidManifest.xml` file to add `DETECT_SCREEN_CAPTURE` permission,
+ * allowing the app to detect screen capture.
+ *
+ * @param {ConfigPlugin} config - The Expo configuration object.
+ * @returns {ConfigPlugin} - The modified Expo configuration.
+ */
+const withCustomAndroidManifest = config => {
+  return withAndroidManifest(config, config => {
+    const androidManifest = config.modResults;
+    if (!androidManifest.manifest["uses-permission"]) {
+      androidManifest.manifest["uses-permission"] = [];
+    }
+
+    // Check if the permission already exists
+    const permissionExists = androidManifest.manifest["uses-permission"].some(permission => permission.$?.["android:name"] === "android.permission.DETECT_SCREEN_CAPTURE");
+
+    // Only add the permission if it doesn't already exist
+    if (!permissionExists) {
+      androidManifest.manifest["uses-permission"].push({
+        $: {
+          "android:name": "android.permission.DETECT_SCREEN_CAPTURE"
+        }
+      });
+    }
+    return config;
+  });
+};
+
+/**
+ * Applies `withCustomAndroidManifest`
+ * to enable screenshot detection on Android.
+ *
+ * @param {ConfigPlugin} config - The Expo configuration object.
+ * @returns {ConfigPlugin} - The modified Expo configuration.
+ */
+const withReactNativeScreenshotAware = config => {
+  return withCustomAndroidManifest(config);
+};
+export default withReactNativeScreenshotAware;
+//# sourceMappingURL=withReactNativeScreenshotAware.js.map

package/lib/module/plugin/withReactNativeScreenshotAware.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["withAndroidManifest","withCustomAndroidManifest","config","androidManifest","modResults","manifest","permissionExists","some","permission","$","push","withReactNativeScreenshotAware"],"sourceRoot":"../../../src","sources":["plugin/withReactNativeScreenshotAware.ts"],"mappings":";;AAAA,SAASA,mBAAmB,QAAQ,sBAAsB;AAG1D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,yBAAuC,GAAIC,MAAM,IAAK;EAC1D,OAAOF,mBAAmB,CAACE,MAAM,EAAGA,MAAM,IAAK;IAC7C,MAAMC,eAAe,GAAGD,MAAM,CAACE,UAAU;IAEzC,IAAI,CAACD,eAAe,CAACE,QAAQ,CAAC,iBAAiB,CAAC,EAAE;MAChDF,eAAe,CAACE,QAAQ,CAAC,iBAAiB,CAAC,GAAG,EAAE;IAClD;;IAEA;IACA,MAAMC,gBAAgB,GAAGH,eAAe,CAACE,QAAQ,CAAC,iBAAiB,CAAC,CAACE,IAAI,CACtEC,UAAU,IACTA,UAAU,CAACC,CAAC,GAAG,cAAc,CAAC,KAC9B,0CACJ,CAAC;;IAED;IACA,IAAI,CAACH,gBAAgB,EAAE;MACrBH,eAAe,CAACE,QAAQ,CAAC,iBAAiB,CAAC,CAACK,IAAI,CAAC;QAC/CD,CAAC,EAAE;UACD,cAAc,EAAE;QAClB;MACF,CAAC,CAAC;IACJ;IAEA,OAAOP,MAAM;EACf,CAAC,CAAC;AACJ,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMS,8BAA4C,GAAIT,MAAM,IAAK;EAC/D,OAAOD,yBAAyB,CAACC,MAAM,CAAC;AAC1C,CAAC;AAED,eAAeS,8BAA8B","ignoreList":[]}

package/lib/typescript/plugin/withReactNativeScreenshotAware.d.ts

@@ -0,0 +1,11 @@
+import type { ConfigPlugin } from "expo/config-plugins";
+/**
+ * Applies `withCustomAndroidManifest`
+ * to enable screenshot detection on Android.
+ *
+ * @param {ConfigPlugin} config - The Expo configuration object.
+ * @returns {ConfigPlugin} - The modified Expo configuration.
+ */
+declare const withReactNativeScreenshotAware: ConfigPlugin;
+export default withReactNativeScreenshotAware;
+//# sourceMappingURL=withReactNativeScreenshotAware.d.ts.map

package/lib/typescript/plugin/withReactNativeScreenshotAware.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"withReactNativeScreenshotAware.d.ts","sourceRoot":"","sources":["../../../src/plugin/withReactNativeScreenshotAware.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAqCxD;;;;;;GAMG;AACH,QAAA,MAAM,8BAA8B,EAAE,YAErC,CAAC;AAEF,eAAe,8BAA8B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-screenshot-aware",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "React Native module for real-time screenshot detection on Android and iOS",
   "source": "src/index.tsx",
   "main": "lib/commonjs/index.js",
@@ -23,7 +23,8 @@
     "!**/__tests__",
     "!**/__fixtures__",
     "!**/__mocks__",
-    "!**/.*"
+    "!**/.*",
+    "app.plugin.js"
   ],
   "scripts": {
     "example": "yarn workspace react-native-screenshot-aware-example",
@@ -71,6 +72,7 @@
     "@types/react-test-renderer": "19.0.0",
     "commitlint": "19.7.1",
     "del-cli": "6.0.0",
+    "expo": "^52.0.37",
     "husky": "9.1.7",
     "jest": "29.7.0",
     "react": "19.0.0",
@@ -88,6 +90,11 @@
     "react": "*",
     "react-native": "*"
   },
+  "peerDependenciesMeta": {
+    "expo": {
+      "optional": true
+    }
+  },
   "workspaces": [
     "example"
   ],

package/src/plugin/withReactNativeScreenshotAware.ts

@@ -0,0 +1,50 @@
+import { withAndroidManifest } from "@expo/config-plugins";
+import type { ConfigPlugin } from "expo/config-plugins";
+
+/**
+ * Modifies the `AndroidManifest.xml` file to add `DETECT_SCREEN_CAPTURE` permission,
+ * allowing the app to detect screen capture.
+ *
+ * @param {ConfigPlugin} config - The Expo configuration object.
+ * @returns {ConfigPlugin} - The modified Expo configuration.
+ */
+const withCustomAndroidManifest: ConfigPlugin = (config) => {
+  return withAndroidManifest(config, (config) => {
+    const androidManifest = config.modResults;
+
+    if (!androidManifest.manifest["uses-permission"]) {
+      androidManifest.manifest["uses-permission"] = [];
+    }
+
+    // Check if the permission already exists
+    const permissionExists = androidManifest.manifest["uses-permission"].some(
+      (permission) =>
+        permission.$?.["android:name"] ===
+        "android.permission.DETECT_SCREEN_CAPTURE",
+    );
+
+    // Only add the permission if it doesn't already exist
+    if (!permissionExists) {
+      androidManifest.manifest["uses-permission"].push({
+        $: {
+          "android:name": "android.permission.DETECT_SCREEN_CAPTURE",
+        },
+      });
+    }
+
+    return config;
+  });
+};
+
+/**
+ * Applies `withCustomAndroidManifest`
+ * to enable screenshot detection on Android.
+ *
+ * @param {ConfigPlugin} config - The Expo configuration object.
+ * @returns {ConfigPlugin} - The modified Expo configuration.
+ */
+const withReactNativeScreenshotAware: ConfigPlugin = (config) => {
+  return withCustomAndroidManifest(config);
+};
+
+export default withReactNativeScreenshotAware;