@fadyshawky/react-native-magic 1.0.3 → 1.0.5

package/CHANGELOG.md

@@ -0,0 +1,74 @@
+# Changelog
+
+All notable changes to this project will be documented in this file.
+
+## [1.0.5] - 2024-12-23
+
+### Fixed
+- Resolved Android build configuration issues
+- Fixed package dependencies setup and initialization
+- Optimized Gradle build settings for Android
+- Fixed iOS permissions configuration
+
+## [1.0.4] - 2024-12-22
+
+### Fixed
+- Updated React Native Screens configuration for React Navigation v7 compatibility
+- Fixed navigation theme implementation for Poppins font family
+
+### Changed
+- Simplified navigation container theme configuration
+- Removed deprecated font configurations
+
+## [1.0.3] - 2024-12-21
+
+### Added
+- Enhanced template structure with additional hooks and utilities
+- Added new dependencies:
+  - @react-native-camera-roll/camera-roll ^7.9.0
+  - @react-native-community/datetimepicker ^8.2.0
+  - @react-native-community/image-editor ^4.2.1
+  - @react-native-community/netinfo ^11.4.1
+  - @react-native-community/slider ^4.5.5
+  - @shopify/flash-list ^1.7.2
+
+### Updated
+- Updated React Navigation to v7
+- Updated dependencies to latest versions:
+  - @react-navigation/bottom-tabs ^7.2.0
+  - @react-navigation/drawer ^7.1.1
+  - @react-navigation/material-top-tabs ^7.1.0
+  - @react-navigation/native ^7.0.14
+  - @react-navigation/native-stack ^7.2.0
+  - @reduxjs/toolkit ^2.5.0
+
+### Changed
+- Improved project structure and organization
+- Enhanced iOS configuration
+- Updated Android Gradle configuration
+
+## [1.0.2] - 2024-12-20
+
+### Added
+- Initial template setup with TypeScript support
+- Basic navigation structure
+- Redux integration with persist storage
+- Common hooks and utilities
+
+### Changed
+- Updated project dependencies
+- Improved documentation
+
+## [1.0.1] - 2024-12-19
+
+### Added
+- Basic React Native template structure
+- Essential project configuration
+- Initial README documentation
+
+## [1.0.0] - 2024-12-18
+
+### Added
+- Initial release
+- Basic project setup
+- Core dependencies 

package/README.md

@@ -249,11 +249,9 @@ This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md
 
 ## Support
 
-If you find this template helpful, consider buying me a coffee! ☕️
+If you find this template helpful, consider buying me a beer! 🍺
 
-<a href="https://www.buymeacoffee.com/fadytshawke" target="_blank">
-  <img src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee" height="60px" width="217px">
-</a>
+<a href="https://www.buymeacoffee.com/fadytshawke"><img src="https://img.buymeacoffee.com/button-api/?text=Buy me a beer&emoji=🍺&slug=fadytshawke&button_colour=FFDD00&font_colour=000000&font_family=Cookie&outline_colour=000000&coffee_colour=ffffff" /></a>
 
 ## Author
 

package/local.properties

@@ -0,0 +1 @@
+ 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fadyshawky/react-native-magic",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "react native template with ready components, hooks, react navigation, redux, typescript, etc.",
   "keywords": [
     "react-native-magic",
@@ -20,6 +20,7 @@
   "type": "commonjs",
   "main": "index.js",
   "dependencies": {
+    "@fontsource/poppins": "^5.1.0",
     "@react-native-async-storage/async-storage": "^2.1.0",
     "@react-native-camera-roll/camera-roll": "^7.9.0",
     "@react-native-community/datetimepicker": "^8.2.0",
@@ -64,8 +65,6 @@
     "react-native-orientation-locker": "^1.7.0",
     "react-native-pager-view": "^6.6.1",
     "react-native-permissions": "^5.2.1",
-    "react-native-reanimated": "^3.16.6",
-    "react-native-reanimated-carousel": "^3.5.1",
     "react-native-safe-area-context": "^5.0.0",
     "react-native-screens": "^4.4.0",
     "react-native-sfsymbols": "^1.2.2",

package/template/.env.development

@@ -1,5 +1,8 @@
+# Don't forget to add the .env.development file to the .gitignore file
+ENV=development
 API_BASE_URL=https://dev-api.example.com
 API_KEY=dev_key
 ANDROID_APP_ID=com.reactnativemagic.development
 ANDROID_VERSION_CODE=1
 ANDROID_VERSION_NAME=1.0.0
+PROJECT_NAME=YOURAPPNAME

package/template/.env.production

@@ -1,5 +1,8 @@
+# Don't forget to add the .env.production file to the .gitignore file
+ENV=production
 API_BASE_URL=https://api.example.com
 API_KEY=production_key
 ANDROID_APP_ID=com.reactnativemagic
 ANDROID_VERSION_CODE=1
-ANDROID_VERSION_NAME=1.0.0
+ANDROID_VERSION_NAME=1.0.0
+PROJECT_NAME=YOURAPPNAME

package/template/.env.staging

@@ -1,5 +1,8 @@
+# Don't forget to add the .env.staging file to the .gitignore file
+ENV=staging
 API_BASE_URL=https://staging-api.example.com
 API_KEY=staging_key
 ANDROID_APP_ID=com.reactnativemagic.staging
 ANDROID_VERSION_CODE=1
-ANDROID_VERSION_NAME=1.0.0
+ANDROID_VERSION_NAME=1.0.0
+PROJECT_NAME=YOURAPPNAME

package/template/App.tsx

@@ -4,7 +4,6 @@
  *
  * @format
  */
-
 import React from 'react';
 import {LogBox, SafeAreaView, StatusBar} from 'react-native';
 import {SheetProvider} from 'react-native-actions-sheet';

package/template/android/app/build.gradle

@@ -3,12 +3,25 @@ apply plugin: "org.jetbrains.kotlin.android"
 apply plugin: "com.facebook.react"
 
 project.ext.envConfigFiles = [
-    debug: ".env.debug",
-    release: ".env.production",
-    // Add other env files as needed
+   production: ".env.production",
+   staging: ".env.staging",
+   development: ".env.development"
+]
+apply from: project(":react-native-config").projectDir.getPath() + "/dotenv.gradle"
+ project.ext.react = [
+        root: "../../",
+        bundleAssetName: "index.android.bundle",
+        entryFile: "index.js",
+        cliPath: "node_modules/haul/bin/cli.js",
+        devDisabledInAppDev: true,
+        devDisabledInAppTest: true,
+        devDisabledInRelease: true,
+        bundleInAppDev: true,
+        bundleInAppTest: true,
+        bundleInRelease: true,
+        enableHermes: true,
+        enableVmCleanup: false,
 ]
-
-apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"
 
 /**
  * This is the configuration block to customize your React Native Android app.
@@ -83,16 +96,47 @@ def jscFlavor = 'org.webkit:android-jsc:+'
 android {
     ndkVersion rootProject.ext.ndkVersion
     buildToolsVersion rootProject.ext.buildToolsVersion
-    compileSdk rootProject.ext.compileSdkVersion
+    compileSdkVersion rootProject.ext.compileSdkVersion
+
+    flavorDimensions "default"
+    productFlavors {
+        production {
+            minSdkVersion rootProject.ext.minSdkVersion
+            applicationId project.env.get("APP_ID")
+            targetSdkVersion rootProject.ext.targetSdkVersion
+        }
+        staging {
+            minSdkVersion rootProject.ext.minSdkVersion
+            applicationId project.env.get("APP_ID")
+            targetSdkVersion rootProject.ext.targetSdkVersion
+        }
+        development {
+            minSdkVersion rootProject.ext.minSdkVersion
+            applicationId project.env.get("APP_ID")
+            targetSdkVersion rootProject.ext.targetSdkVersion
+        }
+    }
 
     namespace "com.reactnativemagic"
     defaultConfig {
         applicationId  project.env.get("ANDROID_APP_ID")
         minSdkVersion rootProject.ext.minSdkVersion
+        multiDexEnabled true
         targetSdkVersion rootProject.ext.targetSdkVersion
         versionCode  project.env.get("ANDROID_VERSION_CODE").toInteger()
         versionName  project.env.get("ANDROID_VERSION_NAME")
         resValue "string", "build_config_package", project.env.get("ANDROID_APP_ID")
+
+        ndk {
+            abiFilters "armeabi-v7a", "arm64-v8a", "x86", "x86_64"
+        }
+
+        externalNativeBuild {
+            cmake {
+                version "3.22.1" // Use the version you see in SDK Manager
+                cppFlags ""
+            }
+        }
     }
     signingConfigs {
         debug {
@@ -114,6 +158,27 @@ android {
             proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro"
         }
     }
+
+    applicationVariants.all { variant ->
+        variant.outputs.all { output ->
+
+                // For each separate APK per architecture, set a unique version code as described here:
+                // http://tools.android.com/tech-docs/new-build-system/user-guide/apk-splits
+                
+
+                def projectName = project.env.get("PROJECT_NAME")
+                def SEP = "_"
+                
+                def newApkName = projectName + SEP + project.env.get("ENV") + SEP + project.env.get("ANDROID_VERSION_NAME") + SEP + project.env.get("ANDROID_VERSION_CODE") + ".apk"
+                
+
+                println "Naming File ... " + newApkName                        
+                
+                outputFileName = new File(newApkName)
+                output.outputFileName = outputFileName
+                
+            }
+        }  
 }
 
 dependencies {

package/template/android/app/src/main/AndroidManifest.xml

@@ -1,6 +1,8 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
 
     <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.CAMERA" />
+    <uses-permission android:name="android.permission.RECORD_AUDIO" />
 
     <application
       android:name=".MainApplication"

package/template/android/app/src/main/java/com/reactnativemagic/MainActivity.kt

@@ -1,5 +1,6 @@
 package com.reactnativemagic
 
+import android.os.Bundle
 import com.facebook.react.ReactActivity
 import com.facebook.react.ReactActivityDelegate
 import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.fabricEnabled
@@ -7,6 +8,10 @@ import com.facebook.react.defaults.DefaultReactActivityDelegate
 
 class MainActivity : ReactActivity() {
 
+  override fun onCreate(savedInstanceState: Bundle?) {
+    super.onCreate(null)
+  }
+
   /**
    * Returns the name of the main component registered from JavaScript. This is used to schedule
    * rendering of the component.

package/template/android/gradle.properties

@@ -21,7 +21,6 @@ org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m
 # Android operating system, and which are packaged with your app's APK
 # https://developer.android.com/topic/libraries/support-library/androidx-rn
 android.useAndroidX=true
-
 # Use this property to specify which architecture you want to build.
 # You can also override it from the CLI using
 # ./gradlew <task> -PreactNativeArchitectures=x86_64

package/template/babel.config.js

@@ -1,3 +1,4 @@
 module.exports = {
   presets: ['module:@react-native/babel-preset'],
+  plugins: ['react-native-reanimated/plugin'],
 };

package/template/index.js

@@ -1,7 +1,7 @@
 /**
  * @format
  */
-
+import 'react-native-gesture-handler';
 import {AppRegistry} from 'react-native';
 import App from './App';
 import {name as appName} from './app.json';

package/template/ios/Podfile

@@ -1,13 +1,44 @@
-# Resolve react_native_pods.rb with node to allow for hoisting
-require Pod::Executable.execute_command('node', ['-p',
-  'require.resolve(
-    "react-native/scripts/react_native_pods.rb",
-    {paths: [process.argv[1]]},
-  )', __dir__]).strip
+
+def node_require(script)
+     # Resolve script with node to allow for hoisting
+     require Pod::Executable.execute_command('node', ['-p',
+       "require.resolve(
+         '#{script}',
+         {paths: [process.argv[1]]},
+       )", __dir__]).strip
+end
+
+# Use it to require both react-native's and this package's scripts:
+node_require('react-native/scripts/react_native_pods.rb')
+node_require('react-native-permissions/scripts/setup.rb')
 
 platform :ios, min_ios_version_supported
 prepare_react_native_project!
 
+# ⬇️ uncomment the permissions you need
+setup_permissions([
+  # 'AppTrackingTransparency',
+  # 'Bluetooth',
+  # 'Calendars',
+  # 'CalendarsWriteOnly',
+  'Camera',
+  # 'Contacts',
+  # 'FaceID',
+  # 'LocationAccuracy',
+  # 'LocationAlways',
+  # 'LocationWhenInUse',
+  # 'MediaLibrary',
+  # 'Microphone',
+  # 'Motion',
+  # 'Notifications',
+  # 'PhotoLibrary',
+  # 'PhotoLibraryAddOnly',
+  # 'Reminders',
+  # 'Siri',
+  # 'SpeechRecognition',
+  # 'StoreKit',
+])
+
 linkage = ENV['USE_FRAMEWORKS']
 if linkage != nil
   Pod::UI.puts "Configuring Pod with #{linkage}ally linked Frameworks".green

package/template/ios/Podfile.lock

@@ -2424,7 +2424,7 @@ SPEC CHECKSUMS:
   RNFlashList: 2af1645548006fe5e4586c8c3d7e84f060a5478f
   RNGestureHandler: 0e5ae8d72ef4afb855e98dcdbe60f27d938abe13
   RNImageCropPicker: 8e39c01f205e00d739c31e682f068aac315587bf
-  RNPermissions: 39a675044df2cacca9216aa2141959e13faea625
+  RNPermissions: a2215c93e4377ee4605de0fdfa68ebba153fd5a4
   RNReanimated: 56fffbede49b5bddb327616096e822f342978794
   RNScreens: d022507f2b6d76c73335e9e35aedcf7bb2f791b0
   RNShare: 05e577d8a74e5647a5cf753cd5e038623676392b
@@ -2436,6 +2436,6 @@ SPEC CHECKSUMS:
   VisionCamera: 598ab83c6bf4d65f5c32ec54361eed866505d388
   Yoga: fcc198acd4a55599b3468cfb6ebc526baff5f06e
 
-PODFILE CHECKSUM: 820db672bab33b85da1c176ce60a11cdbabd6c2d
+PODFILE CHECKSUM: 03afa8c8b30bf768dd3ad3a051da20bf46eb45ed
 
 COCOAPODS: 1.15.2

package/template/ios/reactnativemagic/Info.plist

@@ -32,6 +32,10 @@
 		<key>NSAllowsLocalNetworking</key>
 		<true/>
 	</dict>
+	<key>NSCameraUsageDescription</key>
+<string>$(PRODUCT_NAME) needs access to your Camera.</string>
+<key>NSMicrophoneUsageDescription</key>
+<string>$(PRODUCT_NAME) needs access to your Microphone.</string>
 	<key>NSLocationWhenInUseUsageDescription</key>
 	<string></string>
 	<key>UILaunchStoryboardName</key>