Skip to content

Add bunny app install icon, offline reuse, and in-scene reskin controls#164

Merged
DenisValeev merged 4 commits into
mainfrom
copilot/add-ios-web-app-icon
Mar 21, 2026
Merged

Add bunny app install icon, offline reuse, and in-scene reskin controls#164
DenisValeev merged 4 commits into
mainfrom
copilot/add-ios-web-app-icon

Conversation

Copilot AI commented Mar 21, 2026

Copy link
Copy Markdown
Contributor

The Enchanted Forest Bunny page did not expose iOS web-app install metadata, did not proactively enable offline reuse from the app entrypoint, and had no built-in way to switch between visual variants. This updates the bunny app to behave more like a standalone installable mini-app and adds a compact in-scene reskin control for bunny/environment variants.

  • iOS / standalone app metadata

    • Added Apple web-app meta tags to the bunny page:
      • apple-mobile-web-app-capable
      • apple-mobile-web-app-status-bar-style
      • apple-mobile-web-app-title
      • theme-color
    • Added a dedicated bunny touch icon and linked it via apple-touch-icon
  • Offline reuse from the bunny page

    • Registered the root service worker from apps/enchanted-bunny/
    • Requested the shared offline-manifest.json from the bunny app so its assets are cached without requiring a trip through the landing page
    • Extended offline manifest generation to include .png assets so the new app icon is shipped in the offline bundle
  • Reskin action button

    • Added a top-right action button that cycles through scene variants in-place
    • Introduced four skins:
      • Golden Burrow
      • Moonlit Hare
      • Rose Meadow
      • Snowcap Bunny
    • Persisted the selected skin in localStorage
    • Added keyboard support for cycling variants with arrow keys
    • Added aria-live updates so the active scene change is announced
  • Navigation / regression coverage

    • Added the bunny page to the shared Home-button navigation regression coverage
    • Added a focused Playwright spec for:
      • install metadata
      • service worker registration
      • reskin button behavior
      • persisted skin selection

Example of the new standalone install metadata and asset hook:

<meta name="theme-color" content="#203127">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
<meta name="apple-mobile-web-app-title" content="Forest Bunny">
<link rel="apple-touch-icon" href="apple-touch-icon.png">

Golden skin
Golden skin

Moonlit skin
Moonlit skin

Original prompt

Bunny app: add icon when saving as a web app on ios, also save assets for offline reuse; add re-skins for the bunny and surroundings (experiment witn types of bunnies and butterflies etc) make those reskins accessible as an action button game ui esthetics- see your creations with playwright and adjust accordingly


✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.

Copilot AI and others added 3 commits March 21, 2026 19:33
Co-authored-by: DenisValeev <884686+DenisValeev@users.noreply.github.com>
Agent-Logs-Url: https://github.com/DenisValeev/denisvaleev.github.io/sessions/8d4c3101-47ba-4ee5-9231-fc8fa993ada1
Co-authored-by: DenisValeev <884686+DenisValeev@users.noreply.github.com>
Agent-Logs-Url: https://github.com/DenisValeev/denisvaleev.github.io/sessions/8d4c3101-47ba-4ee5-9231-fc8fa993ada1
Copilot AI changed the title [WIP] Add icon for saving Bunny app as web app on iOS Add bunny app install icon, offline reuse, and in-scene reskin controls Mar 21, 2026
Copilot AI requested a review from DenisValeev March 21, 2026 19:38
@DenisValeev DenisValeev marked this pull request as ready for review March 21, 2026 19:41
@DenisValeev DenisValeev merged commit 165a581 into main Mar 21, 2026
github-actions Bot added a commit that referenced this pull request Mar 21, 2026
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.

2 participants