feat: Enhance manga support and update dependencies (#68)

* fix: update dependencies and improve Google Sign-In handling; add keychain access groups

* fix: update subproject commit reference in InkNest-Externals

* fix: update subproject commit reference in InkNest-Externals

* feat: enhance Library and Search screens with manga support

- Added manga data fetching and display in the Library screen.
- Implemented tab navigation for Comics and Manga in the Library.
- Integrated manga search functionality in the Search screen.
- Updated UI components to accommodate manga results and improve user experience.
- Refactored state management for better handling of search results across multiple sources.

* feat: add release notes for InkNest v1.4.6 with Manga support and various improvements

* feat: implement v1.4.6 walkthrough feature with animated SVGs and Redux integration

* feat: enhance ReadAllComic results rendering with additional details and improved layout

* feat: add comic background color customization with color picker in settings and comic book screens

* feat: add enhanced ReadAllComic results and custom background color options in walkthrough

* chore: update v1.4.6 blog post                                                                                                                                                                     - Update v1.4.6 blog post to document ReadAllComic enhancement feature
  - Update v1.4.6 blog post to document background color customization feature

* feat: update feature flag implementation for iOS version checks across multiple components

* chore: release v1.4.6

* feat: refactor background color picker modal to use a single modal view state

* chore: release v1.4.6 final

Author: pushpender-singh-ap

App.js

@@ -1,36 +1,88 @@
-import React, { useEffect, useState } from 'react';
-import { Provider } from 'react-redux';
-import { PersistGate } from 'redux-persist/integration/react';
-import { 
-  initializeStore, 
-  store, 
+import React, {useEffect, useState} from 'react';
+import {Provider, useSelector, useDispatch} from 'react-redux';
+import {PersistGate} from 'redux-persist/integration/react';
+import {
+  initializeStore,
+  store,
   persistor,
-  isStoreReady 
+  isStoreReady,
 } from './src/Redux/Store';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import { RootNavigation } from './src/Navigation';
+import {GestureHandlerRootView} from 'react-native-gesture-handler';
+import {RootNavigation} from './src/Navigation';
 import Loading from './src/Components/UIComp/Loading';
 import Toast from 'react-native-toast-message';
-import { PaperProvider } from 'react-native-paper';
+import {PaperProvider} from 'react-native-paper';
 import ForceUpdate from './src/Components/ForceUpdate';
-import { ConfigCatProvider } from 'configcat-react';
-import { CONFIGCAT_SDK_KEY_TEST, CONFIGCAT_SDK_KEY_PROD } from '@env';
-import { BannerProvider } from './src/Components/UIComp/AnimeAdBanner/BannerContext';
+import {ConfigCatProvider} from 'configcat-react';
+import {CONFIGCAT_SDK_KEY_TEST, CONFIGCAT_SDK_KEY_PROD} from '@env';
+import {BannerProvider} from './src/Components/UIComp/AnimeAdBanner/BannerContext';
 import crashlytics from '@react-native-firebase/crashlytics';
 import analytics from '@react-native-firebase/analytics';
 import {
   configureGoogleSignIn,
   listenToAuthChanges,
 } from './src/InkNest-Externals/Community/Logic/CommunityActions';
 import NotificationSubscriptionBootstrapper from './src/InkNest-Externals/Notifications/components/NotificationSubscriptionBootstrapper';
+import V146Walkthrough from './src/Components/Walkthrough/V146Walkthrough';
+import {markV146WalkthroughSeen} from './src/Redux/Reducers';
+
+import {getVersion} from 'react-native-device-info';
+import {useFeatureFlag} from 'configcat-react';
+
+/**
+ * WalkthroughHandler - handles v1.4.6 walkthrough visibility
+ * Must be inside Provider to use Redux hooks
+ */
+function WalkthroughHandler() {
+  const {value: forIosValue, loading: forIosLoading} = useFeatureFlag(
+    'forIos',
+    getVersion(),
+  );
+  const dispatch = useDispatch();
+  const hasSeenV146Walkthrough = useSelector(
+    state => state.data.hasSeenV146Walkthrough,
+  );
+  const [showWalkthrough, setShowWalkthrough] = useState(false);
+
+  useEffect(() => {
+    if (getVersion() === forIosValue && forIosLoading === false) {
+      return;
+    } else {
+      if (forIosLoading === false) {
+        // Show walkthrough if not seen before (after PersistGate rehydrates state)
+        if (hasSeenV146Walkthrough === false) {
+          setShowWalkthrough(true);
+        }
+      }
+    }
+  }, [hasSeenV146Walkthrough, forIosValue, forIosLoading]);
+
+  const handleWalkthroughComplete = () => {
+    dispatch(markV146WalkthroughSeen());
+    setShowWalkthrough(false);
+  };
+
+  const handleWalkthroughClose = () => {
+    dispatch(markV146WalkthroughSeen());
+    setShowWalkthrough(false);
+  };
+
+  return (
+    <V146Walkthrough
+      visible={showWalkthrough}
+      onClose={handleWalkthroughClose}
+      onComplete={handleWalkthroughComplete}
+    />
+  );
+}
 
 /**
  * AppContent component - rendered after store is initialized
  */
 function AppContent() {
   useEffect(() => {
     configureGoogleSignIn();
-    const unsubscribeAuth = store.dispatch(listenToAuthChanges());
+    store.dispatch(listenToAuthChanges());
 
     if (!__DEV__) {
       crashlytics().log('App mounted.');
@@ -44,10 +96,6 @@ function AppContent() {
       };
       ErrorUtils.setGlobalHandler(errorHandler);
     }
-
-    return () => {
-      if (unsubscribeAuth) unsubscribeAuth();
-    };
   }, []);
 
   return (
@@ -59,6 +107,7 @@ function AppContent() {
             <RootNavigation />
             <Toast />
             <ForceUpdate />
+            <WalkthroughHandler />
           </BannerProvider>
         </PaperProvider>
       </PersistGate>
@@ -78,11 +127,11 @@ const App = () => {
     async function setupApp() {
       try {
         console.log('[App] Starting app setup...');
-        
+
         // Initialize store
         console.log('[App] Initializing store...');
         initializeStore();
-        
+
         if (!isStoreReady()) {
           throw new Error('Store initialization failed');
         }
@@ -106,14 +155,14 @@ const App = () => {
 
   if (!isReady) {
     return (
-      <GestureHandlerRootView style={{ flex: 1 }}>
+      <GestureHandlerRootView style={{flex: 1}}>
         <Loading />
       </GestureHandlerRootView>
     );
   }
 
   return (
-    <GestureHandlerRootView style={{ flex: 1 }}>
+    <GestureHandlerRootView style={{flex: 1}}>
       <ConfigCatProvider
         sdkKey={__DEV__ ? CONFIGCAT_SDK_KEY_TEST : CONFIGCAT_SDK_KEY_PROD}>
         <AppContent />

android/app/build.gradle

@@ -85,8 +85,8 @@ android {
         applicationId "com.p2devs.inknest"
         minSdkVersion rootProject.ext.minSdkVersion
         targetSdkVersion rootProject.ext.targetSdkVersion
-        versionCode 34
-        versionName "1.4.5"
+        versionCode 35
+        versionName "1.4.6"
 
         // Increase memory allocated to Gradle
         dexOptions {

docs/blog/2026-02-27-release-v1.4.6.md

@@ -0,0 +1,82 @@
+---
+slug: release-v1.4.6
+title: InkNest v1.4.6 Release
+authors: [p2devs]
+tags: [release]
+draft: true
+---
+
+# 📢 InkNest v1.4.6 Release Announcement
+
+Hey everyone! 🎉 We're excited to announce **InkNest v1.4.6** is now available!
+
+This release is a big one — InkNest now supports **Manga** as a first-class content type alongside Comics. We've also improved authentication, storage, ad blocking, and squashed several bugs.
+
+<!-- truncate -->
+
+## ✨ What's New
+
+#### Manga Support (Library & Search)
+- **Manga tab in Library** — Browse and manage your manga collection with a dedicated tab alongside Comics
+- **Manga search integration** — Search across manga sources directly from the Search screen with multi-source results
+- **Manga history cards** — New `MangaHistoryCard` component with reading progress tracking
+- **Manga bookmarks** — Dedicated `MangaBookmarks` screen for managing your saved manga
+- Refactored state management for better handling of search results across multiple content types
+
+#### Manga Reading Progress (MangaBook Screen)
+- **Reading progress tracking** via Redux — your place is saved as you read manga chapters
+- Seamless resume reading experience across sessions
+
+#### Manga Bookmarking (MangaDetails Screen)
+- **Bookmark manga** with visual feedback directly from the details screen
+- Integrated with the new MangaBookmarks section
+
+#### Enhanced ReadAllComic Search Results
+- **Rich result cards** with cover images, publisher info, and issue counts
+- **Latest chapter updates** displayed directly in search results
+- Improved layout with visual badges and metadata for better discoverability
+
+#### Comic Background Color Customization
+- **5 background color options**: Default, White, Black, Sepia, and Cream
+- **Color picker modal** accessible from Settings screen
+- **Per-comic customization** — change background directly from the comic reader
+- Automatic text color adjustment for light/dark backgrounds
+
+#### LinkListScreen Redesign (Web Sources)
+- **Animated card transitions** for a smoother browsing experience
+- **Filter functionality** for better source management and discovery
+- Refactored styles for consistency and improved UI
+
+## 🔧 Improvements
+
+#### Storage Migration — AsyncStorage → MMKV
+- **Removed AsyncStorage** migration utility and related functions
+- **Notification handling** now uses `mmkvStorage` for faster, more reliable storage
+- Cleaner storage layer with no legacy migration overhead
+
+#### Google Sign-In & Keychain
+- Updated dependencies for Google Sign-In
+- Added **keychain access groups** for improved credential handling on iOS
+
+#### FCM Token Rate Limiting
+- Implemented **rate limiting and debounce** for FCM token user sync to prevent excessive network calls
+
+#### WebView Enhancements
+- **iOS select picker dismiss** — Prevents crashes during navigation when select pickers are open
+- Whitelisted Cloudflare challenge domains for smoother browsing
+- **Safety timeout** for ad block rule preparation
+- Inline media playback support and improved error handling for content process termination
+- Updated loading text for better user experience
+
+#### Ad Blocking
+- Updated ad block rules with improved detection logic
+- Enhanced `AdBlockRules` and `WebSourcesList` for more effective ad filtering
+
+## 🐛 Bug Fixes
+- Fixed iOS crashes caused by undismissed select pickers during WebView navigation
+- Improved WebView stability with better content process termination handling
+- Cleaned up unnecessary code in `WebViewComponent`
+
+**Update now** to explore the new Manga support and enjoy a smoother reading experience! 📚✨
+
+As always, if you encounter any issues, please report them in our issues channel. Happy reading! 🦋

ios/InkNest.xcodeproj/project.pbxproj

@@ -622,7 +622,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.4.5;
+				MARKETING_VERSION = 1.4.6;
 				OTHER_LDFLAGS = (
 					"$(inherited)",
 					"-ObjC",
@@ -655,7 +655,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				MARKETING_VERSION = 1.4.5;
+				MARKETING_VERSION = 1.4.6;
 				OTHER_LDFLAGS = (
 					"$(inherited)",
 					"-ObjC",

ios/InkNest/InkNest.entitlements

@@ -8,5 +8,9 @@
 	<array>
 		<string>Default</string>
 	</array>
+	<key>keychain-access-groups</key>
+	<array>
+    	<string>$(AppIdentifierPrefix)com.p2devs.inknest</string>
+	</array>
 </dict>
 </plist>

ios/Podfile.lock

@@ -1384,7 +1384,7 @@ PODS:
   - GoogleDataTransport (10.1.0):
     - nanopb (~> 3.30910.0)
     - PromisesObjC (~> 2.4)
-  - GoogleSignIn (9.0.0):
+  - GoogleSignIn (9.1.0):
     - AppAuth (~> 2.0)
     - AppCheckCore (~> 11.0)
     - GTMAppAuth (~> 5.0)
@@ -3296,7 +3296,7 @@ PODS:
     - React-perflogger
     - React-utils (= 0.76.9)
   - RecaptchaInterop (100.0.0)
-  - RNAppleAuthentication (2.5.0):
+  - RNAppleAuthentication (2.5.1):
     - React-Core
   - RNCAsyncStorage (2.1.2):
     - DoubleConversion
@@ -3420,7 +3420,7 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - RNGoogleSignin (16.0.0):
+  - RNGoogleSignin (16.1.1):
     - DoubleConversion
     - glog
     - GoogleSignIn (~> 9.0)
@@ -4048,7 +4048,7 @@ SPEC CHECKSUMS:
   Google-Mobile-Ads-SDK: 1dfb0c3cb46c7e2b00b0f4de74a1e06d9ea25d67
   GoogleAppMeasurement: 0471a5b5bff51f3a91b1e76df22c952d04c63967
   GoogleDataTransport: aae35b7ea0c09004c3797d53c8c41f66f219d6a7
-  GoogleSignIn: c7f09cfbc85a1abf69187be091997c317cc33b77
+  GoogleSignIn: fcee2257188d5eda57a5e2b6a715550ffff9206d
   GoogleUserMessagingPlatform: a8b56893477f67212fbc8411c139e61d463349f5
   GoogleUtilities: 00c88b9a86066ef77f0da2fab05f65d7768ed8e1
   "gRPC-C++": 2fa52b3141e7789a28a737f251e0c45b4cb20a87
@@ -4126,7 +4126,7 @@ SPEC CHECKSUMS:
   ReactCodegen: 049be6309e06c1027544819670913680f2029b8e
   ReactCommon: b2eb96a61b826ff327a773a74357b302cf6da678
   RecaptchaInterop: 7d1a4a01a6b2cb1610a47ef3f85f0c411434cb21
-  RNAppleAuthentication: 9027af8aa92b4719ef1b6030a8e954d37079473a
+  RNAppleAuthentication: a89c9804592b38ed4ab11f0aee68d05ba12ad432
   RNCAsyncStorage: b3520cd01fc00fd0e7c633812c23708c95ef1b2b
   RNCPicker: 69d754b30ed729b3e0168c3d7545be95496c5b86
   RNDeviceInfo: d863506092aef7e7af3a1c350c913d867d795047
@@ -4140,7 +4140,7 @@ SPEC CHECKSUMS:
   RNFBPerf: 73ff374efe746483ba39e6be5b73d3d9902e4b70
   RNGestureHandler: 1940a14167f7002981a25983d1620c59440a03f7
   RNGoogleMobileAds: 03350a88a549e0aa1173c0c097f9d2e1dc817d44
-  RNGoogleSignin: f57a3ba8061206551c47134aafc4f34be349c86f
+  RNGoogleSignin: 9c016b5c025daf748894539b5d0bff9bcdd9eef9
   RNPermissions: accd6c29c55fdeb8e7068273d725f1c7a7d0febb
   RNReanimated: 71b26bd48c2934034f29cdd16cd00d343a0b3cd7
   RNScreens: 077868484ed19700474d56b1ee4b782c67660c41

package.json

@@ -20,7 +20,7 @@
   "dependencies": {
     "@candlefinance/faster-image": "^1.7.2",
     "@dr.pogodin/react-native-fs": "2.29.1",
-    "@invertase/react-native-apple-authentication": "^2.5.0",
+    "@invertase/react-native-apple-authentication": "^2.5.1",
     "@react-native-async-storage/async-storage": "^2.0.0",
     "@react-native-community/netinfo": "^11.4.1",
     "@react-native-documents/picker": "^10.1.7",
@@ -32,7 +32,7 @@
     "@react-native-firebase/in-app-messaging": "21.7.1",
     "@react-native-firebase/messaging": "21.7.1",
     "@react-native-firebase/perf": "21.7.1",
-    "@react-native-google-signin/google-signin": "^16.0.0",
+    "@react-native-google-signin/google-signin": "^16.1.1",
     "@react-native-picker/picker": "^2.9.0",
     "@react-navigation/bottom-tabs": "6.5.20",
     "@react-navigation/native": "6.1.17",