Andrei
f3c54d4560
Implemented comprehensive mobile gesture support for the Bible reader: **Swipe Gestures:** - Swipe left/right to navigate between chapters - Only activates on mobile devices (touch events) - Configurable 50px minimum swipe distance - Prevents scrolling interference **Tap Zones:** - Left 25% of screen: navigate to previous chapter - Right 25% of screen: navigate to next chapter - Center 50%: normal reading interaction - Maintains text selection capabilities **Smooth Page Transitions:** - Fade and scale animation on chapter navigation - 300ms duration with ease-in-out timing - Visual feedback: opacity 0.5 and scale 0.98 during transition - Applied to all navigation methods (swipe, tap, keyboard, buttons) **Settings Controls:** - Enable/disable swipe gestures toggle - Enable/disable tap zones toggle - Pagination mode toggle (for future enhancement) - All settings persist in localStorage **Dependencies:** - Added react-swipeable v7.0.2 for gesture handling - Zero-dependency, lightweight (peer deps: React only) **User Experience:** - Settings grouped under "Mobile Navigation" section - Default enabled for optimal mobile UX - Touch-optimized for tablets and phones - Desktop users can disable if desired This completes all mobile navigation features from Phase 1. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
99 lines
3.0 KiB
JSON
99 lines
3.0 KiB
JSON
{
|
|
"name": "biblical-guide",
|
|
"version": "1.0.0",
|
|
"main": "index.js",
|
|
"scripts": {
|
|
"dev": "next dev -p 3010",
|
|
"build": "NODE_OPTIONS='--max-old-space-size=4096' next build",
|
|
"build:fast": "NODE_OPTIONS='--max-old-space-size=2048' NEXT_PRIVATE_SKIP_SIZE_LIMIT=1 next build",
|
|
"build:analyze": "ANALYZE=true npm run build",
|
|
"build:prod": "NODE_OPTIONS='--max-old-space-size=8192' NODE_ENV=production next build",
|
|
"start": "next start -p 3010",
|
|
"lint": "next lint",
|
|
"import-bible": "tsx scripts/import-bible.ts",
|
|
"db:migrate": "npx prisma migrate deploy",
|
|
"db:generate": "npx prisma generate",
|
|
"db:studio": "npx prisma studio",
|
|
"db:seed": "npm run import-bible",
|
|
"websocket": "tsx lib/websocket/server.ts"
|
|
},
|
|
"keywords": [],
|
|
"author": "",
|
|
"license": "ISC",
|
|
"description": "",
|
|
"dependencies": {
|
|
"@emotion/react": "^11.14.0",
|
|
"@emotion/styled": "^11.14.1",
|
|
"@fontsource/roboto": "^5.2.8",
|
|
"@formatjs/intl-localematcher": "^0.6.1",
|
|
"@lexical/html": "^0.35.0",
|
|
"@lexical/link": "^0.35.0",
|
|
"@lexical/list": "^0.35.0",
|
|
"@lexical/plain-text": "^0.35.0",
|
|
"@lexical/react": "^0.35.0",
|
|
"@lexical/rich-text": "^0.35.0",
|
|
"@lexical/utils": "^0.35.0",
|
|
"@mui/icons-material": "^7.3.2",
|
|
"@mui/lab": "^7.0.0-beta.17",
|
|
"@mui/material": "^7.3.2",
|
|
"@mui/material-nextjs": "^7.3.2",
|
|
"@mui/system": "^7.3.2",
|
|
"@mui/x-charts": "^8.11.3",
|
|
"@mui/x-data-grid": "^8.11.3",
|
|
"@mui/x-date-pickers": "^8.11.3",
|
|
"@next/font": "^14.2.15",
|
|
"@prisma/client": "^6.16.2",
|
|
"@radix-ui/react-dialog": "^1.1.15",
|
|
"@radix-ui/react-dropdown-menu": "^2.1.16",
|
|
"@radix-ui/react-slot": "^1.2.3",
|
|
"@radix-ui/react-tabs": "^1.1.13",
|
|
"@radix-ui/react-toast": "^1.2.15",
|
|
"@tailwindcss/postcss": "^4.1.13",
|
|
"@tinymce/tinymce-react": "^6.3.0",
|
|
"@types/node": "^24.5.2",
|
|
"@types/pdf-parse": "^1.1.5",
|
|
"@types/pg": "^8.15.5",
|
|
"@types/react": "^19.1.13",
|
|
"@types/react-dom": "^19.1.9",
|
|
"autoprefixer": "^10.4.21",
|
|
"bcryptjs": "^3.0.2",
|
|
"class-variance-authority": "^0.7.1",
|
|
"clsx": "^2.1.1",
|
|
"form-data": "^4.0.4",
|
|
"jsonwebtoken": "^9.0.2",
|
|
"lexical": "^0.35.0",
|
|
"lucide-react": "^0.544.0",
|
|
"mailgun.js": "^12.0.3",
|
|
"negotiator": "^1.0.0",
|
|
"next": "^15.5.3",
|
|
"next-intl": "^4.3.9",
|
|
"openai": "^5.22.0",
|
|
"pdf-parse": "^1.1.1",
|
|
"pg": "^8.16.3",
|
|
"pgvector": "^0.2.1",
|
|
"postcss": "^8.5.6",
|
|
"prisma": "^6.16.2",
|
|
"react": "^19.1.1",
|
|
"react-dom": "^19.1.1",
|
|
"react-markdown": "^10.1.0",
|
|
"react-swipeable": "^7.0.2",
|
|
"recharts": "^3.2.1",
|
|
"remark-gfm": "^4.0.1",
|
|
"socket.io": "^4.8.1",
|
|
"socket.io-client": "^4.8.1",
|
|
"tailwind-merge": "^3.3.1",
|
|
"tailwindcss": "^4.1.13",
|
|
"tinymce": "^8.1.2",
|
|
"typescript": "^5.9.2",
|
|
"uuid": "^13.0.0",
|
|
"zod": "^3.25.76",
|
|
"zustand": "^5.0.8"
|
|
},
|
|
"devDependencies": {
|
|
"@types/bcryptjs": "^2.4.6",
|
|
"@types/jsonwebtoken": "^9.0.10",
|
|
"ignore-loader": "^0.1.2",
|
|
"tsx": "^4.20.5"
|
|
}
|
|
}
|