Session resources for developers from SK122 Building rich app experiences with Progressive Web Apps.
- Microsoft Edge explainers
- Project Fugu
- Features discussed in the session:
- Run on OS Login
Judah Gabriel Himango JudahGabriel
JudahGabriel
/ AudioBookCustomEntity.language-es.json
Last active
September 10, 2025 22:05
Windows Actions localized custom entity for Spanish
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "Hábitos Atómicos": { | |
| "author": "James Clear", | |
| "isbn": "0735211299", | |
| "language": "Español", | |
| "genre": "Autoayuda", | |
| "published": "11 de junio de 2019" | |
| } | |
| } |
JudahGabriel
/ CustomEntities.json
Last active
September 11, 2025 01:08
Windows Actions Custom Entities file
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "version": 1, | |
| "entityDefinitions": { | |
| "audiobook": "ms-resource://Files/LocalizedCustomEntities/AudioBookCustomEntity.json" | |
| } | |
| } |
JudahGabriel
/ ActionsManifest.json
Last active
September 10, 2025 18:33
Windows Actions sample file from Edge
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| { | |
| "version": 1, | |
| "actions": [ | |
| { | |
| "id": "Wami.Resize.Width", | |
| "description": "Resize the image to a specific width", | |
| "kind": "Search", | |
| "inputs": [ | |
| { | |
| "name": "File", |
JudahGabriel
/ Resources.md
Last active
October 26, 2021 17:58
Building rich app experiences with Progressive Web apps
JudahGabriel
/ styles.css
Created
April 13, 2020 23:08
Shows how to style <pwa-auth> using shadow parts
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* The Sign In button itself */ | |
| pwa-auth::part(signInButton) { | |
| color: white; | |
| background-color: green; | |
| transform: rotate3d(0, 0, 1, 10deg); | |
| } | |
| /* The MS button */ | |
| pwa-auth::part(microsoftButton) { | |
| color: teal; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <pwa-auth | |
| credentialmode="prompt" | |
| microsoftkey="..." | |
| googlekey="..." | |
| facebookkey="..."> | |
| </pwa-auth> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <pwa-auth appearance="none"></pwa-auth> | |
| <button id="myBtn">My Own Sign In Button</button> | |
| <script> | |
| // Hook up our own button to pwa-auth sign-in flow | |
| const pwaAuth = document.querySelector("pwa-auth"); | |
| const myBtn = document.querySelector("#myBtn"); | |
| myBtn.addEventHandler("click", () => pwaAuth.signIn("Microsoft")); // Or Google or Facebook | |
| </script> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <pwa-auth | |
| appearance="list" | |
| microsoftkey="..." | |
| googlekey="..." | |
| facebookkey="..."> | |
| </pwa-auth> |
JudahGabriel
/ index.html
Created
April 13, 2020 19:59
Adding <pwa-auth> sign-in button to your page
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!-- To create a key, see https://github.com/pwa-builder/pwa-auth#creating-keys --> | |
| <pwa-auth | |
| microsoftkey="..." | |
| googlekey="..." | |
| facebookkey="..."> | |
| </pwa-auth> |
JudahGabriel
/ index.html
Created
April 13, 2020 19:54
Code to add pwa-auth web component to your page
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script type="module" src="https://cdn.jsdelivr.net/npm/@pwabuilder/pwaauth/dist/pwa-auth.js"></script> |
NewerOlder