react-native-custom-splash 2.1.3 → 2.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "react-native-custom-splash",
-    "version": "2.1.3",
+    "version": "2.1.5",
     "description": "A custom splash screen module for React Native with native iOS and Android support, fully compatible with Expo",
     "main": "src/index.js",
     "types": "src/index.d.ts",

package/plugin/src/index.js

@@ -437,44 +437,81 @@ const withSplashScreenIOS = (config, pluginConfig) => {
             const iosProjectPath = config.modRequest.platformProjectRoot;
             const projectName = config.modRequest.projectName;
 
-            // Step 1: Update Info.plist
+            // Step 1: Update Info.plist to use LaunchScreen
             const infoPlistPath = path.join(iosProjectPath, projectName, 'Info.plist');
             if (fs.existsSync(infoPlistPath)) {
                 let infoPlist = fs.readFileSync(infoPlistPath, 'utf8');
+
+                // Update to use LaunchScreen
                 if (!infoPlist.includes('<key>UILaunchStoryboardName</key>')) {
                     infoPlist = infoPlist.replace('</dict>\n</plist>', '\t<key>UILaunchStoryboardName</key>\n\t<string>LaunchScreen</string>\n</dict>\n</plist>');
+                } else {
+                    // Update existing value to LaunchScreen
+                    infoPlist = infoPlist.replace(
+                        /<key>UILaunchStoryboardName<\/key>\s*<string>.*?<\/string>/,
+                        '<key>UILaunchStoryboardName</key>\n\t<string>LaunchScreen</string>'
+                    );
                 }
+
+                // Remove UILaunchScreen dictionary if present
                 infoPlist = infoPlist.replace(/<key>UILaunchScreen<\/key>[\s\S]*?<\/dict>/g, '');
+
                 fs.writeFileSync(infoPlistPath, infoPlist);
             }
 
+            // Step 2: Delete old/existing storyboards
+            const oldStoryboards = [
+                path.join(iosProjectPath, projectName, 'SplashScreen.storyboard'),
+                path.join(iosProjectPath, projectName, 'LaunchScreen.storyboard'),
+            ];
+
+            oldStoryboards.forEach(storyPath => {
+                if (fs.existsSync(storyPath)) {
+                    fs.unlinkSync(storyPath);
+                    console.log(`🗑️  Removed old storyboard: ${path.basename(storyPath)}`);
+                }
+            });
+
+            // Step 3: Remove SplashScreenLegacy from Images.xcassets
+            const legacyImagePath = path.join(iosProjectPath, projectName, 'Images.xcassets', 'SplashScreenLegacy.imageset');
+            if (fs.existsSync(legacyImagePath)) {
+                fs.rmSync(legacyImagePath, { recursive: true, force: true });
+                console.log('🗑️  Removed SplashScreenLegacy imageset');
+            }
+
+            // Step 4: Copy user images to iOS assets
             let hasImage = false;
             let hasLogo = false;
 
             if (pluginConfig.image) {
                 hasImage = await copyImageToIOS(projectRoot, pluginConfig.image, 'splash_image', iosProjectPath, projectName);
+                if (hasImage) {
+                    console.log('✅ Background image copied: splash_image');
+                }
             }
+
             if (pluginConfig.logo) {
                 hasLogo = await copyImageToIOS(projectRoot, pluginConfig.logo, 'splash_logo', iosProjectPath, projectName);
+                if (hasLogo) {
+                    console.log('✅ Logo image copied: splash_logo');
+                }
             }
 
+            // Step 5: Create fresh LaunchScreen.storyboard with user images
             const launchScreenPath = path.join(iosProjectPath, projectName, 'LaunchScreen.storyboard');
             const storyboardContent = createLaunchScreenStoryboard(hasImage, hasLogo, pluginConfig.backgroundColor);
             fs.writeFileSync(launchScreenPath, storyboardContent);
 
-            const legacyPath = path.join(iosProjectPath, projectName, 'Images.xcassets', 'SplashScreenLegacy.imageset');
-            if (fs.existsSync(legacyPath)) {
-                fs.rmSync(legacyPath, { recursive: true, force: true });
-                console.log('🗑️  Removed SplashScreenLegacy');
-            }
+            console.log('✅ LaunchScreen.storyboard created with YOUR images!');
+            console.log(`   - Background: ${hasImage ? 'splash_image' : 'color only'}`);
+            console.log(`   - Logo: ${hasLogo ? 'splash_logo' : 'none'}`);
+            console.log(`   - Color: ${pluginConfig.backgroundColor}`);
 
-            console.log('✅ iOS LaunchScreen configured!');
             return config;
         },
     ]);
     return config;
 };
-};
 
 /**
  * Main plugin export