mlabieniec / angularmaterialpwa

Angular Material Progressive Web Application Tutorial

Angular Material PWA

This repository is the completed parts and code for this blog post series.

Each part is an independent application that can be served. If you are following the blog post and want to create part two yourself, just copy partOne to a new application and follow the part two post. Please open an issue if you find bugs or have questions.

Build Your Own App

To use as a scaffold for your own PWA, you can copy partTwo which has authentication/authorization in it, or partOne if you don't want auth started yet (which is part two of the blog series).

$ cp -fR AngularMaterialPWA/partTwo ./my-app
$ cd my-app && npm i
$ amplify init
$ amplify add auth # Check the blog post (part 2) for relevent answers for the auth setup
$ amplify add hosting

angularmaterialpwa's Issues

Federated sign in fails with custom domain

Describe the bug

USING BRANCH: mlab/ng-9-upda…

I set up amplify with a custom domain. and modified all the urls accordingly (https://mydomain/auth/ and https://mydomain/auth/signin/) in all the required places.

Clicking on one of the social provider, triggers the process and lands me on this url: https://www.mydomain.com/auth#_=_
But i am not authenticated.
In the console i see this log briefly : fb results: undefined

be aware that it works perfectly when i used it with localhost 4200

To Reproduce
Steps to reproduce the behavior:

1. Go to 'https://mydomain/auth/signin/'
2. Click on 'sign in with facebook'

Expected behavior
to land on the home page and see home works!"

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: macos catalina
• Browser chrome

searchText missing

Is there a disconnect between the filter pipe and country code select? Perhaps I missed something.

ERROR in src\app\auth\country-code-select\country-code-select.component.html(2,21): : Property 'searchText' does not exist on type 'CountryCodeSelectComponent'.
src\app\auth\country-code-select\country-code-select.component.html(5,22): : Property 'searchText' does not exist on type 'CountryCodeSelectComponent'.
src\app\auth\country-code-select\country-code-select.component.html(2,21): : Property 'searchText' does not exist on type 'CountryCodeSelectComponent'.

good article
mn

Angular 8 update

when you run it with angular you need to add

(window as any).process = {
env: { DEBUG: undefined },
};

in polifills

Auth.currentAuthenticatedUser() does not return a user after redirect?

Hi,

Thanks for creating the article and the awesome demo. I'm noticing that Auth.getCurrentAuthenticatedUser() and Auth.getSession() do not return responses right after redirect.

I've described the issue more here:
https://stackoverflow.com/questions/60436826/what-authentication-check-using-the-auth-api-should-we-perform-in-our-angular-au

Thoughts?

Avatar upload fails

Michael - thanks for this comprehensive sample app. Most things are working, but I'm having a problem with the avatar image upload. I'm getting a 403 error on Storage.put(). The bucket exists and has full permissions for the root account. Is this a Cognito problem? Where should I look to find the problem?

Thanks
Dan

Auth component is blank

Please add

this._router.navigate(['/auth/signin']);

at the ngOnInit method of auth,component.ts

Create a License File

Please include a LICENSE.txt file in this repository so that it's clear what License this project is released under (https://help.github.com/en/articles/licensing-a-repository). You linked to it from your blog post, but I can't actually find a license stated anywhere in the project. Including the license file would clear things up a lot.

Thanks!