diff --git a/public/web-app-manifest-192x192.png b/public/web-app-manifest-192x192.png
new file mode 100644
index 0000000..d27a015
Binary files /dev/null and b/public/web-app-manifest-192x192.png differ
diff --git a/public/web-app-manifest-512x512.png b/public/web-app-manifest-512x512.png
new file mode 100644
index 0000000..c67ade0
Binary files /dev/null and b/public/web-app-manifest-512x512.png differ
diff --git a/src/app/apple-icon.png b/src/app/apple-icon.png
new file mode 100644
index 0000000..0248f7d
Binary files /dev/null and b/src/app/apple-icon.png differ
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
index 718d6fe..afd0f75 100644
Binary files a/src/app/favicon.ico and b/src/app/favicon.ico differ
diff --git a/src/app/icon.png b/src/app/icon.png
new file mode 100644
index 0000000..21cd658
Binary files /dev/null and b/src/app/icon.png differ
diff --git a/src/app/icon.svg b/src/app/icon.svg
new file mode 100644
index 0000000..4bc0d6f
--- /dev/null
+++ b/src/app/icon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 28f5e6f..5d5c25c 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,6 +6,10 @@ import Script from "next/script";
export const metadata: Metadata = {
title: "OpenReader WebUI",
description: "A modern web interface for reading and managing documents",
+ appleWebApp: {
+ capable: true,
+ statusBarStyle: "black-translucent",
+ }
};
export default function RootLayout({
diff --git a/src/app/manifest.json b/src/app/manifest.json
new file mode 100644
index 0000000..b43aa66
--- /dev/null
+++ b/src/app/manifest.json
@@ -0,0 +1,19 @@
+{
+ "name": "OpenReader WebUI",
+ "short_name": "OpenReader",
+ "icons": [
+ {
+ "src": "/web-app-manifest-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png",
+ "purpose": "maskable"
+ },
+ {
+ "src": "/web-app-manifest-512x512.png",
+ "sizes": "512x512",
+ "type": "image/png",
+ "purpose": "maskable"
+ }
+ ],
+ "display": "standalone"
+}
\ No newline at end of file
diff --git a/src/app/pdf/[id]/page.tsx b/src/app/pdf/[id]/page.tsx
index bbc52ff..1057f23 100644
--- a/src/app/pdf/[id]/page.tsx
+++ b/src/app/pdf/[id]/page.tsx
@@ -7,6 +7,7 @@ import Link from 'next/link';
import { useCallback, useEffect, useState } from 'react';
import { PDFSkeleton } from '@/components/PDFSkeleton';
import { useTTS } from '@/contexts/TTSContext';
+import { Button } from '@headlessui/react';
// Dynamic import for client-side rendering only
const PDFViewer = dynamic(
@@ -83,24 +84,24 @@ export default function PDFViewerPage() {
Documents
-
+
{zoomLevel}%
-
+
-
+
{isLoading ? 'Loading...' : currDocName}
diff --git a/src/contexts/TTSContext.tsx b/src/contexts/TTSContext.tsx
index 9c89cfd..163f803 100644
--- a/src/contexts/TTSContext.tsx
+++ b/src/contexts/TTSContext.tsx
@@ -242,15 +242,9 @@ export function TTSProvider({ children }: { children: React.ReactNode }) {
useEffect(() => {
if ('mediaSession' in navigator) {
navigator.mediaSession.metadata = new MediaMetadata({
- title: 'Text to Speech',
+ title: 'Text-to-Speech',
artist: 'OpenReader WebUI',
- album: 'Current Reading',
- artwork: [
- {
- src: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=',
- type: 'image/png',
- },
- ],
+ album: 'Current Document',
});
navigator.mediaSession.setActionHandler('play', () => togglePlay());