fix: importing books on iOS at first launch is more reliable now (#1439)

apps/readest-app/src/app/error.tsx

@@ -36,8 +36,8 @@ export default function Error({ error, reset }: ErrorPageProps) {
   return (
     <div className='hero bg-base-200 min-h-screen'>
       <div className='hero-content text-center'>
-        <div className='max-w-2xl'>
-          <div className='mb-8'>
+        <div className='w-full max-w-2xl p-1'>
+          <div className='mb-8 mt-6'>
             <div className='text-error animate-pulse text-8xl'>⚠️</div>
           </div>
 
@@ -55,8 +55,8 @@ export default function Error({ error, reset }: ErrorPageProps) {
               <p className='break-words font-mono text-sm'>{error.message}</p>
               {browserInfo && <p className='mt-2 font-mono text-sm'>Browser: {browserInfo}</p>}
               {error.stack && (
-                <p className='mt-2 break-words font-mono text-sm'>
-                  {error.stack.split('\n').slice(0, 5).join('\n')}
+                <p className='mt-2 whitespace-pre-wrap break-all font-mono text-sm'>
+                  {error.stack.split('\n').slice(0, 3).join('\n')}
                 </p>
               )}
               {error.digest && <p className='mt-2 text-xs opacity-70'>Error ID: {error.digest}</p>}

apps/readest-app/src/app/library/components/BookItem.tsx

@@ -102,6 +102,10 @@ const BookItem: React.FC<BookItemProps> = ({
         </div>
         <div
           className={clsx('flex items-center', book.progress ? 'justify-between' : 'justify-end')}
+          style={{
+            height: `${iconSize15}px`,
+            minHeight: `${iconSize15}px`,
+          }}
         >
           {book.progress && <ReadingProgress book={book} />}
           <div className='flex items-center justify-center gap-x-2'>

apps/readest-app/src/app/library/page.tsx

@@ -401,8 +401,14 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
   };
 
   const selectFilesTauri = async () => {
-    const exts = appService?.isAndroidApp ? [] : SUPPORTED_FILE_EXTS;
+    const exts = appService?.isMobileApp ? [] : SUPPORTED_FILE_EXTS;
     const files = (await appService?.selectFiles(_('Select Books'), exts)) || [];
+    if (appService?.isIOSApp) {
+      return files.filter((file) => {
+        const fileExt = file.split('.').pop()?.toLowerCase() || 'unknown';
+        return SUPPORTED_FILE_EXTS.includes(fileExt);
+      });
+    }
     // Cannot filter out files on Android since some content providers may not return the file name
     return files;
   };
@@ -525,11 +531,7 @@ const LibraryPageContent = ({ searchParams }: { searchParams: ReadonlyURLSearchP
     let files;
 
     if (isTauriAppPlatform()) {
-      if (appService?.isIOSApp) {
-        files = (await selectFilesWeb()) as [File];
-      } else {
-        files = (await selectFilesTauri()) as [string];
-      }
+      files = (await selectFilesTauri()) as [string];
     } else {
       files = (await selectFilesWeb()) as [File];
     }

apps/readest-app/src/hooks/useTheme.ts

@@ -80,10 +80,10 @@ export const useTheme = ({
       }
     };
     document.addEventListener('visibilitychange', handleVisibilityChange);
-    screen.orientation.addEventListener('change', handleOrientationChange);
+    screen.orientation?.addEventListener('change', handleOrientationChange);
     return () => {
       document.removeEventListener('visibilitychange', handleVisibilityChange);
-      screen.orientation.removeEventListener('change', handleOrientationChange);
+      screen.orientation?.removeEventListener('change', handleOrientationChange);
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [handleSystemUIVisibility]);