Skip to content

Restyle the Apple Wallet pass after the Check In template - #192

Merged
pradhamk merged 2 commits into
mainfrom
wallet-pass-template
Sep 27, 2026
Merged

pradhamk merged 2 commits into
mainfrom
wallet-pass-template

Conversation

@pradhamk

Copy link
Copy Markdown
Member

Summary

Restyles the Apple Wallet check-in pass (added in #166) to match the "MHacks Check In" Pass Designer template.

  • Look: green rgb(56,108,54) background with white text. The template photo is now the pass background, which Wallet blurs. It replaces the sky strip, because Wallet doesn't allow a strip on an event ticket that has a background image.

  • Images: the template's white M is now the logo and the thumbnail.

  • Front fields: now follow the template:

    • header: Oct 3 / 9:00 AM
    • main field: Date: October 3-4th
    • below it: Name

    The old CCCB / doors / dates row is gone; that information is still on the back of the pass.

  • Handbook: the hacker handbook is a viewSchedule featured action, which only appears on iOS 27+. It's also a back field for older devices. The template's URL had a doubled https://https://, which is fixed here.

  • Unchanged: the QR code is still the bare user ID, so the scanner doesn't change. Signing and the relevant dates and locations are also untouched.

  • Size: the template art is in scripts/wallet-art/, and scripts/generate-wallet-assets.ts resizes it to Apple's sizes. The template's background was 5MB; the whole pass is now about 440KB. When the generator re-ran, the icon and Google Wallet images came out byte-identical.

Deliberately not taken from the template:

  • Icon: the template's stadium icon looks like Pass Designer's default, so the MHacks icon stays.
  • QR text: the template printed the code as text under the QR. Here that would be a 36-character user ID, so it's left out.
  • Google Wallet: the Google pass keeps its current design.

Test plan

  • tsc, eslint, prettier
  • Built a .pkpass through buildCheckInPass with a self-signed cert. passkit-generator accepts it, and the bundled pass.json and images match the template.
  • Open /wallet/pass on an iPhone with the real signing certs and check the front and back.

🤖 Generated with Claude Code

pradhamk and others added 2 commits September 27, 2026 09:44
Adopts the "MHacks Check In" Pass Designer template: green background
with white text, the blurred template photo as the background image in
place of the sky strip, the white M as logo and thumbnail, and its
header/primary/secondary field layout. Adds the hacker handbook as a
featured action (iOS 27+) and a back field for older devices.

Template art lives in scripts/wallet-art/ and feeds the asset generator.

Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
Co-Authored-By: Claude Opus 5.5 (1M context) <noreply@anthropic.com>
@pradhamk
pradhamk merged commit dd3e325 into main Sep 27, 2026
1 check passed
@pradhamk
pradhamk deleted the wallet-pass-template branch September 27, 2026 21:28
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.

1 participant