Skip to content

Add Universe PWA branding#6

Open
souf92i wants to merge 1 commit into
BAWES-Universe:universefrom
souf92i:feat/mobile-pwa-branding
Open

Add Universe PWA branding#6
souf92i wants to merge 1 commit into
BAWES-Universe:universefrom
souf92i:feat/mobile-pwa-branding

Conversation

@souf92i

@souf92i souf92i commented May 15, 2026

Copy link
Copy Markdown

Summary

  • add play/public/manifest.webmanifest branded for BAWES Universe with fullscreen display, landscape orientation, and 192/512 icon entries
  • add play/public/static/universe-icon-192.png and play/public/static/universe-icon-512.png
  • point the existing app entry HTML at the new manifest and add mobile web app metadata

/claim #1

Verification

  • python3 -m json.tool play/public/manifest.webmanifest
  • sips -g pixelWidth -g pixelHeight play/public/static/universe-icon-192.png play/public/static/universe-icon-512.png
  • file play/public/static/universe-icon-192.png play/public/static/universe-icon-512.png
  • git diff --check

Notes

This stays within the #3 path ownership: play/public/ and the existing play/index.html entry metadata only. It does not touch mobile/, android/, or ios/.

Summary by CodeRabbit

  • New Features
    • Added comprehensive web app manifest configuration with app metadata, icon definitions, and optimized display settings for enhanced mobile device support.
    • Enabled full Apple mobile web app support, allowing seamless installation on iOS and macOS home screens with custom app branding.
    • Configured consistent theme color settings for unified visual appearance across all platforms and browsers.

Review Change Stack

@coderabbitai

coderabbitai Bot commented May 15, 2026

Copy link
Copy Markdown

Warning

Rate limit exceeded

@souf92i has exceeded the limit for the number of commits that can be reviewed per hour. Please wait 55 minutes and 13 seconds before requesting another review.

You’ve run out of usage credits. Purchase more in the billing tab.

⌛ How to resolve this issue?

After the wait time has elapsed, a review can be triggered using the @coderabbitai review command as a PR comment. Alternatively, push new commits to this PR.

We recommend that you space out your commits to avoid hitting the rate limit.

🚦 How do rate limits work?

CodeRabbit enforces hourly rate limits for each developer per organization.

Our paid plans have higher rate limits than the trial, open-source and free plans. In all cases, we re-allow further reviews after a brief timeout.

Please see our FAQ for further information.

ℹ️ Review info
⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: a27ab43a-4904-49a2-bcaf-041d9e26b62c

📥 Commits

Reviewing files that changed from the base of the PR and between 8f7d210 and c35ba7e.

⛔ Files ignored due to path filters (2)
  • play/public/static/universe-icon-192.png is excluded by !**/*.png
  • play/public/static/universe-icon-512.png is excluded by !**/*.png
📒 Files selected for processing (2)
  • play/index.html
  • play/public/manifest.webmanifest
📝 Walkthrough

Walkthrough

The PR configures Progressive Web App (PWA) support for the BAWES Universe application by updating the HTML head with PWA meta tags (hardcoded theme color, Apple mobile app support) and manifest link, and adding a new web app manifest file that defines app identity, display modes, colors, and icon assets.

Changes

PWA Configuration Setup

Layer / File(s) Summary
HTML head PWA integration
play/index.html
HTML <head> updated: theme-color hardcoded to black (#000000), Apple mobile web app meta tags added (apple-mobile-web-app-capable, apple-mobile-web-app-title), and manifest <link> URL changed from /static/images/favicons/manifest.json query-based path to /manifest.webmanifest.
Web app manifest configuration
play/public/manifest.webmanifest
New manifest.webmanifest file defines BAWES Universe PWA metadata: name, short_name, description, fullscreen landscape display mode, scope and start_url routing, black theme and background colors, and icon array with 192px and 512px PNG assets including maskable icon variant.

Estimated code review effort

🎯 1 (Trivial) | ⏱️ ~5 minutes

Possibly related issues

Poem

🐰 A manifest blooms in the root so deep,
With colors and icons for app to keep,
Apple tags dance with the web so bright,
PWA now stands with all its might,
BAWES Universe, fully packed in sight! ✨

🚥 Pre-merge checks | ✅ 5
✅ Passed checks (5 passed)
Check name Status Explanation
Description Check ✅ Passed Check skipped - CodeRabbit’s high-level summary is enabled.
Title check ✅ Passed The title 'Add Universe PWA branding' accurately reflects the main changes: adding PWA branding elements including a web app manifest, updating HTML metadata, and adding branded icons for BAWES Universe.
Docstring Coverage ✅ Passed No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
Linked Issues check ✅ Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check ✅ Passed Check skipped because no linked issues were found for this pull request.

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

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

Tip

💬 Introducing Slack Agent: The best way for teams to turn conversations into code.

Slack Agent is built on CodeRabbit's deep understanding of your code, so your team can collaborate across the entire SDLC without losing context.

  • Generate code and open pull requests
  • Plan features and break down work
  • Investigate incidents and troubleshoot customer tickets together
  • Automate recurring tasks and respond to alerts with triggers
  • Summarize progress and report instantly

Built for teams:

  • Shared memory across your entire org—no repeating context
  • Per-thread sandboxes to safely plan and execute work
  • Governance built-in—scoped access, auditability, and budget controls

One agent for your entire SDLC. Right inside Slack.

👉 Get started


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.

@coderabbitai coderabbitai Bot left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Actionable comments posted: 2

🧹 Nitpick comments (1)
play/public/manifest.webmanifest (1)

5-6: ⚡ Quick win

Add an explicit manifest id for stable web app identity.

Browsers historically use start_url as the unique identifier for installed PWAs, meaning any changes to start_url risk creating duplicate installations. Adding an explicit id decouples the app's identity from volatile fields, ensuring the browser recognizes updates as updates rather than new installations.

Suggested change
     "start_url": "/",
+    "id": "/",
     "scope": "/",
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@play/public/manifest.webmanifest` around lines 5 - 6, Add an explicit "id"
field to the web manifest to decouple app identity from "start_url" and prevent
duplicate installations; update the manifest (around the existing "start_url"
and "scope" entries) to include a stable, unique id string (e.g., a canonical
URL or app identifier) as the "id" field so browsers use that as the PWA
identity.
🤖 Prompt for all review comments with AI agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@play/index.html`:
- Line 25: The meta tag providing theme color is hardcoded to "#000000" which
can diverge from the template variable used elsewhere; update the theme-color
meta tag to use the same template variable ({{ themeColor }}) so the browser UI
color is sourced consistently from the theme variable used elsewhere in this
file (replace the hardcoded meta name="theme-color" content value with the {{
themeColor }} template variable).
- Line 49: The manifest link in play/index.html currently points to a fixed
"/manifest.webmanifest" which can be cached; update the href on the <link
rel="manifest"> element to include a cache-busting fingerprint (e.g.,
"/manifest.webmanifest?v={BUILD_HASH}" or a timestamp) so each deploy changes
the URL; ensure the build system or server injects the {BUILD_HASH} (or
timestamp) value when rendering the page and update any asset pipeline that
references manifest.webmanifest accordingly so installed PWAs pick up new
metadata.

---

Nitpick comments:
In `@play/public/manifest.webmanifest`:
- Around line 5-6: Add an explicit "id" field to the web manifest to decouple
app identity from "start_url" and prevent duplicate installations; update the
manifest (around the existing "start_url" and "scope" entries) to include a
stable, unique id string (e.g., a canonical URL or app identifier) as the "id"
field so browsers use that as the PWA identity.
🪄 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: defaults

Review profile: CHILL

Plan: Pro

Run ID: 423dc3dd-02ca-42f7-9493-52ad21b9f5ab

📥 Commits

Reviewing files that changed from the base of the PR and between b44b517 and 8f7d210.

⛔ Files ignored due to path filters (2)
  • play/public/static/universe-icon-192.png is excluded by !**/*.png
  • play/public/static/universe-icon-512.png is excluded by !**/*.png
📒 Files selected for processing (2)
  • play/index.html
  • play/public/manifest.webmanifest

Comment thread play/index.html Outdated
Comment thread play/index.html Outdated
<link rel="{{ rel }}" type="image/png" sizes="{{ sizes }}" href="{{ src }}" />
{{/favIcons}}
<link rel="manifest" href="/static/images/favicons/manifest.json?url={{ url }}" />
<link rel="manifest" href="/manifest.webmanifest" />

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

⚠️ Potential issue | 🟠 Major | ⚡ Quick win

Add cache-busting to manifest URL to avoid stale installed-app metadata.

Using a fixed /manifest.webmanifest path can leave users on cached manifest/icon data after releases (especially on mobile PWAs). Keep a versioned query/fingerprint on this URL.

Suggested change
-        <link rel="manifest" href="/manifest.webmanifest" />
+        <link rel="manifest" href="/manifest.webmanifest?v={{ version }}" />
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
<link rel="manifest" href="/manifest.webmanifest" />
<link rel="manifest" href="/manifest.webmanifest?v={{ version }}" />
🤖 Prompt for AI Agents
Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@play/index.html` at line 49, The manifest link in play/index.html currently
points to a fixed "/manifest.webmanifest" which can be cached; update the href
on the <link rel="manifest"> element to include a cache-busting fingerprint
(e.g., "/manifest.webmanifest?v={BUILD_HASH}" or a timestamp) so each deploy
changes the URL; ensure the build system or server injects the {BUILD_HASH} (or
timestamp) value when rendering the page and update any asset pipeline that
references manifest.webmanifest accordingly so installed PWAs pick up new
metadata.

@souf92i souf92i force-pushed the feat/mobile-pwa-branding branch from 8f7d210 to c35ba7e Compare May 15, 2026 16:35

souf92i commented May 15, 2026

Copy link
Copy Markdown
Author

Follow-up update: I pushed c35ba7e to address the CodeRabbit findings from the first review.

Changes made:

  • restored theme-color to use the existing {{ themeColor }} template variable
  • kept manifest cache-busting by using /manifest.webmanifest?url={{ url }}
  • added a stable manifest id field

Re-verified locally:

  • python3 -m json.tool play/public/manifest.webmanifest
  • sips -g pixelWidth -g pixelHeight play/public/static/universe-icon-192.png play/public/static/universe-icon-512.png
  • git diff --check

CodeRabbit is currently rate-limited for a re-review, but the PR remains mergeable and scoped to #3 only.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant