Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Blog] App Capabilities external blog post #4436

Merged
merged 8 commits into from
Oct 16, 2023
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
@@ -0,0 +1,38 @@
---
layout: post
title: Announcing the App Capabilities card
excerpt: Introducing the new App Capabilities section of the PWABuilder Report Card page
description: Introducing the new App Capabilities section of the PWABuilder Report Card page
date: 2023-10-09
updatedDate: 2023-10-09
zateutsch marked this conversation as resolved.
Show resolved Hide resolved
trending: true
featured: true
image: posts/announcing-app-capabilities/ac-cards.png
isPost: true
backUrl: '/'
author:
name: Jaylyn Barbee
twitter: https://twitter.com/jaylynsatwork
title: Software Engineer
tags:
- post
- PWA
- Report Card
- pwabuilder.com
---


To increase discoverability and education surrounding the features that developers can take advantage of to make their apps feel more native, the PWABuilder team is introducing the brand new “App Capabilities” card. From customizing the physical appearance of the installed PWA with `display_override` to telling the PWA how to handle incoming files and links with `file_handlers` and `handle_links` respectively, implementing these capabilities can help a PWA embrace the “progressive” part of its name.

<img src="/posts/announcing-app-capabilities/ac-cards.png" alt="PWABuilder CLI create command output after executing."></img>


On hover, each of the bubbles will show a tooltip that has a brief description of the field, links to read more, and a link to edit the field directly in the Manifest Editor if PWABuilder currently supports the field. For the fields that are not supported, they will be getting added in the months to come.
Jaylyn-Barbee marked this conversation as resolved.
Show resolved Hide resolved
<img src="/posts/announcing-app-capabilities/ac-tooltip.png" alt="PWABuilder CLI create command output after executing."></img>

This update also changed the way users can interact with their Action Items. The indicator pills that live above the list are now clickable and filter the list to match the selected filter. Red filters required fields that block packaging, yellow indicates recommended or optional fields, and the new purple lightning bolt tells the user how many app capabilities they have left to potentially add to their PWA.
Jaylyn-Barbee marked this conversation as resolved.
Show resolved Hide resolved
<img src="/posts/announcing-app-capabilities/ac-items.png" alt="PWABuilder CLI create command output after executing."></img>



Visit [pwabuilder.com](https://www.pwabuilder.com) to check out the new App Capabilities card now!
Jaylyn-Barbee marked this conversation as resolved.
Show resolved Hide resolved
Loading