Skip to content

feat: add PWA manifest.json#161

Open
Atharva0506 wants to merge 1 commit intoStabilityNexus:mainfrom
Atharva0506:add-web-manifest
Open

feat: add PWA manifest.json#161
Atharva0506 wants to merge 1 commit intoStabilityNexus:mainfrom
Atharva0506:add-web-manifest

Conversation

@Atharva0506
Copy link
Copy Markdown
Contributor

@Atharva0506 Atharva0506 commented Apr 13, 2026

Addressed Issues:

Fixes #160

Description:

This PR introduces a Web App Manifest (manifest.json) to the frontend implementation. Adding this configuration establishes the foundation for Progressive Web App (PWA) capabilities, allowing Chainvoice to be installed directly to home screens as a standalone application on both mobile and desktop environments.
Key Changes:

  • Created frontend/public/manifest.json defining core app metadata, theme configurations, and display properties (display: standalone).
  • Injected <link rel="manifest" href="/manifest.json" /> in frontend/index.html.
  • Repurposed existing brand assets (correct.svg and logo.png) as scalable app icons.

Screenshots/Recordings:

Recording.2026-04-13.143824.1.mp4

Additional Notes:

  • Validation: The manifest reliably parses in Chrome/Edge DevTools (Application Tab), returning zero validation errors for missing fields or sizing constraints. Local "Install application" functionality works as expected.
  • No heavy PWA dependencies (like vite-plugin-pwa) were added in order to keep the implementation lightweight and strictly native HTML5/JSON.

AI Usage Disclosure:

We encourage contributors to use AI tools responsibly when creating Pull Requests. While AI can be a valuable aid, it is essential to ensure that your contributions meet the task requirements, build successfully, include relevant tests, and pass all linters. Submissions that do not meet these standards may be closed without warning to maintain the quality and integrity of the project. Please take the time to understand the changes you are proposing and their impact. AI slop is strongly discouraged and may lead to banning and blocking. Do not spam our repos with AI slop.

Check one of the checkboxes below:

  • This PR does not contain AI-generated code at all.
  • This PR contains AI-generated code. I have read the AI Usage Policy and this PR complies with this policy. I have tested the code locally and I am responsible for it.

I have used the following AI models and tools: TODO

Checklist

  • My PR addresses a single issue, fixes a single bug or makes a single improvement.
  • My code follows the project's code style and conventions
  • If applicable, I have made corresponding changes or additions to the documentation
  • If applicable, I have made corresponding changes or additions to tests
  • My changes generate no new warnings or errors
  • I have joined the Discord server and I will share a link to this PR with the project maintainers there
  • I have read the Contribution Guidelines
  • Once I submit my PR, CodeRabbit AI will automatically review it and I will address CodeRabbit's comments.
  • I have filled this PR template completely and carefully, and I understand that my PR may be closed without review otherwise.

Summary by CodeRabbit

  • New Features
    • Added Progressive Web App (PWA) support, enabling users to install the application as a standalone app on their devices with custom branding, including app icons, color schemes, descriptive metadata, and custom launch configuration for an enhanced native-like user experience.

@coderabbitai
Copy link
Copy Markdown

coderabbitai bot commented Apr 13, 2026

Walkthrough

Added PWA support by linking a web app manifest in the HTML head and creating a manifest.json file that defines application metadata (name, description, colors), launch behavior (start URL, display mode), and app icons for installation prompts.

Changes

Cohort / File(s) Summary
HTML Manifest Link
frontend/index.html
Added manifest link tag in <head> to reference the PWA configuration file.
PWA Configuration
frontend/public/manifest.json
New manifest file defining app metadata, display preferences, theme/background colors, and icon declarations for native installation.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~3 minutes

Poem

🐰 A manifest appears, so shiny and new,
Install on home screens—hooray, it's true!
My burrow's now mobile, from desktop to phone,
With icons and colors, a PWA home! 📱✨

🚥 Pre-merge checks | ✅ 4
✅ Passed checks (4 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The pull request title 'feat: add PWA manifest.json' clearly and concisely describes the main change: adding a Web App Manifest file to enable PWA capabilities.
Linked Issues check ✅ Passed The pull request successfully implements all coding requirements from issue #160: manifest.json file added with PWA metadata, manifest link inserted in index.html, enabling app installation and standalone display mode.
Out of Scope Changes check ✅ Passed All changes in the pull request are directly related to the objective of adding PWA manifest support; no out-of-scope modifications were introduced.

✏️ Tip: You can configure your own custom pre-merge checks in the settings.

✨ Finishing Touches
🧪 Generate unit tests (beta)
  • Create PR with unit tests

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands and usage tips.

@Atharva0506 Atharva0506 marked this pull request as ready for review April 13, 2026 09:19
Copy link
Copy Markdown

@coderabbitai coderabbitai bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actionable comments posted: 1

🤖 Prompt for all review comments with AI agents
Verify each finding against the current code and only fix it if needed.

Inline comments:
In `@frontend/public/manifest.json`:
- Around line 9-19: Update the manifest "icons" array to include an explicit
192x192 PNG entry (and optionally a maskable 192x192 PNG) so installability and
Lighthouse audits reliably detect raster icons; locate the "icons" array in
frontend/public/manifest.json (the existing entries referencing "/correct.svg"
and "/logo.png") and add a new object with src pointing to a 192x192 PNG (e.g.,
"/icon-192.png"), sizes "192x192", type "image/png", and for a maskable variant
add purpose "maskable" to the object to support adaptive icons.
🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

  • Push a commit to this branch (recommended)
  • Create a new PR with the fixes

ℹ️ Review info
⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: ASSERTIVE

Plan: Pro

Run ID: d0f0a948-a27f-498e-b334-920f317c49ea

📥 Commits

Reviewing files that changed from the base of the PR and between 7a2e7ee and 3a7e6f8.

📒 Files selected for processing (2)
  • frontend/index.html
  • frontend/public/manifest.json

Comment thread frontend/public/manifest.json
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[FEATURE]: Add Web App Manifest (manifest.json) for PWA support

1 participant