feat: support expo 51 (#4)

* chore: added example folder

* feat: support expo 51

* feat: support expo 51

* feat: support expo 51

* chore: remove unused code

* 0.1.5-alpha.0

* chore: fix scripts

* chore: fix scripts

* chore: publish 0.1.5

.npmignore

@@ -0,0 +1,16 @@
+# @generated by expo-module-scripts
+
+# Exclude all top-level hidden directories by convention
+/.*/
+
+# Exclude tarballs generated by `npm pack`
+/*.tgz
+
+__mocks__
+__tests__
+__rsc_tests__
+
+/babel.config.js
+/android/src/androidTest/
+/android/src/test/
+/example

CHANGELOG.md

@@ -6,3 +6,6 @@
 
 - fix import at app.plugin.js
 
+## 0.1.5 — 2024-11-02
+
+- fix compatibility with expo 51

LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 Marius
+Copyright (c) 2024 Luccas Robert
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

README.md

@@ -4,7 +4,7 @@ Expo config plugin for [react-native-image-crop-picker](https://github.com/ivpus
 
 ## Why a fork?
 
-The original package(<https://github.com/mwegener-com/with-rn-image-crop-picker>) appears to no longer be actively maintained, so I forked it to make small updates
+The [original package](https://github.com/mwegener-com/with-rn-image-crop-picker) appears to no longer be actively maintained, so I forked it to make small updates and support new expo versions
 
 ## About
 
@@ -22,17 +22,19 @@ InfoPlist:
 
 AndroidManifest: `<uses-permission android:name="android.permission.CAMERA"/>`
 
-Project build.gradle:
-
-- `maven { url 'https://maven.google.com' }`
-- `maven { url "https://www.jitpack.io" }`
-
 App build.gradle `vectorDrawables.useSupportLibrary = true`
 
 ## Important note
 
 Currently there is no full support for front-camera on android.
 
+## Supported expo version
+
+| expo version | plugin version |
+| ------------ | -------------- |
+| 50.x.x       | 0.1.4          |
+| 51.x.x       | 0.1.5          |
+
 ## Usage
 
 1. Install with Expo
@@ -83,7 +85,3 @@ Example:
 ## Contributing
 
 Contributions are very welcome!
-
-## Support
-
-[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/mwegener)

app.plugin.js

@@ -1 +1 @@
-module.exports = require("./build");
+module.exports = require("./plugin/build");

example/.gitignore

@@ -0,0 +1,23 @@
+node_modules/
+.expo/
+dist/
+npm-debug.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+*.orig.*
+web-build/
+
+# macOS
+.DS_Store
+
+android
+ios
+
+# @generated expo-cli sync-2b81b286409207a5da26e14c78851eb30d8ccbdb
+# The following patterns were generated by expo-cli
+
+expo-env.d.ts
+# @end expo-cli

example/README.md

@@ -0,0 +1,50 @@
+# Welcome to your Expo app 👋
+
+This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app).
+
+## Get started
+
+1. Install dependencies
+
+   ```bash
+   npm install
+   ```
+
+2. Start the app
+
+   ```bash
+    npx expo start
+   ```
+
+In the output, you'll find options to open the app in a
+
+- [development build](https://docs.expo.dev/develop/development-builds/introduction/)
+- [Android emulator](https://docs.expo.dev/workflow/android-studio-emulator/)
+- [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/)
+- [Expo Go](https://expo.dev/go), a limited sandbox for trying out app development with Expo
+
+You can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction).
+
+## Get a fresh project
+
+When you're ready, run:
+
+```bash
+npm run reset-project
+```
+
+This command will move the starter code to the **app-example** directory and create a blank **app** directory where you can start developing.
+
+## Learn more
+
+To learn more about developing your project with Expo, look at the following resources:
+
+- [Expo documentation](https://docs.expo.dev/): Learn fundamentals, or go into advanced topics with our [guides](https://docs.expo.dev/guides).
+- [Learn Expo tutorial](https://docs.expo.dev/tutorial/introduction/): Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.
+
+## Join the community
+
+Join our community of developers creating universal apps.
+
+- [Expo on GitHub](https://github.com/expo/expo): View our open source platform and contribute.
+- [Discord community](https://chat.expo.dev): Chat with Expo users and ask questions.

example/app.json

@@ -0,0 +1,52 @@
+{
+  "expo": {
+    "name": "with-rn-image-crop-picker-example",
+    "slug": "with-rn-image-crop-picker-example",
+    "version": "1.0.0",
+    "orientation": "portrait",
+    "icon": "./assets/images/icon.png",
+    "scheme": "with-rn-image-crop-picker-example",
+    "userInterfaceStyle": "automatic",
+    "splash": {
+      "image": "./assets/images/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
+    "ios": {
+      "supportsTablet": true,
+      "bundleIdentifier": "com.luccasr73.withrnimagecroppickerexample"
+    },
+    "android": {
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/images/adaptive-icon.png",
+        "backgroundColor": "#ffffff"
+      },
+      "package": "com.luccasr73.withrnimagecroppickerexample"
+    },
+    "web": {
+      "bundler": "metro",
+      "output": "static",
+      "favicon": "./assets/images/favicon.png"
+    },
+    "plugins": [
+      "expo-router",
+      [
+        "expo-dev-launcher",
+        {
+          "launchMode": "most-recent"
+        }
+      ],
+      [
+        "../app.plugin.js",
+        {
+          "PhotoLibraryUsageDescription": "Allow app XYZ to access your photos",
+          "CameraUsageDescription": "Allow app XYZ to access your camera",
+          "MicrophoneUsageDescription": "Allow app XYZ to access your microphone"
+        }
+      ]
+    ],
+    "experiments": {
+      "typedRoutes": true
+    }
+  }
+}

example/app/_layout.tsx

@@ -0,0 +1,9 @@
+import { Stack } from "expo-router";
+
+export default function RootLayout() {
+  return (
+    <Stack>
+      <Stack.Screen name="index" />
+    </Stack>
+  );
+}