-
Notifications
You must be signed in to change notification settings - Fork 2.1k
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
feat(@aws-amplify/ui-components): Framework Bindings for Authen… #4676
feat(@aws-amplify/ui-components): Framework Bindings for Authen… #4676
Conversation
Can't do stories for Angular, primarily since it lacks a run-time that I could use as a decorator (the same way I'm rendering React within HTML). The ideal solution is part of Instead, I'll have to keep experimenting with the bindings output (+ the production output) and |
This pull request fixes 1 alert when merging 2f608de into 1aa4034 - view on LGTM.com fixed alerts:
|
@jordanranz Looking through the PR and I was able to reduce the "noise" via |
Codecov Report
@@ Coverage Diff @@
## ui-components/master #4676 +/- ##
====================================================
Coverage 78.6% 78.6%
====================================================
Files 164 164
Lines 8819 8819
Branches 1765 1765
====================================================
Hits 6932 6932
Misses 1747 1747
Partials 140 140 Continue to review full report at Codecov.
|
…-js into 170557495-bindings # Conflicts: # packages/amplify-ui-components/src/components.d.ts # yarn.lock
This pull request fixes 1 alert when merging ceee528 into bc0ae89 - view on LGTM.com fixed alerts:
|
Alright, #4705 got this down to the essentials! |
…-js into 170557495-bindings
This pull request fixes 1 alert when merging 72b269a into b617735 - view on LGTM.com fixed alerts:
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM
}, | ||
"scripts": { | ||
"build": "npm run build.ng", | ||
"build.link": "npm run build && node scripts/link-copy.js", |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Curious on the .
vs :
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Shamelessly copy/pasted from Stencil's demo, as their Angular example relies on custom, noisy scripts to work :(
I'm fine with changing to :
to match our other conventions, however. I anticipated this would change once we adapted our ./build.js
script for convention, but I passed on that for this PR because of the level of effort involved.
…-js into 170557495-bindings
7866921
to
9b85672
Compare
This pull request fixes 1 alert when merging 9b85672 into 1d568b6 - view on LGTM.com fixed alerts:
|
This pull request fixes 1 alert when merging 59f9c33 into 1d568b6 - view on LGTM.com fixed alerts:
|
This pull request has been automatically locked since there hasn't been any recent activity after it was closed. Please open a new issue for related bugs. Looking for a help forum? We recommend joining the Amplify Community Discord server |
[Delivers #170557495]
This supersedes #4340, which had too many conflicts to bother with.
Scope
@aws-amplify/ui-angular
), React (@aws-amplify/ui-react
), and Vue (@aws-amplify/ui-vue
).Building
yarn workspace @aws-amplify/ui-components build
yarn workspace @aws-amplify/ui-react build
yarn workspace @aws-amplify/ui-angular build
yarn workspace @aws-amplify/ui-vue build
Demo
See: https://github.com/aws-amplify/amplify-js-samples-staging/pull/39
Action Items
Create bindings as
@aws-amplify/ui-react
.Stories to validate
<AmplifyAuthenticator />
usage for React.Create bindings as
@aws-amplify/ui-angular
.Stories to validate<AmplifyAuthenticator />
usage for Angular.HTML samples compat (@jordanranz).React samples compat.
Styles should be resolved in another PR:
Functionality will need to be fixed in another PR:
Angular samples compat.
Styling to be addressed, but
<amplify-authenticator>
is practically a drop-in replacement:Bring overAmplifyService
fromaws-amplify-angular
, but to what degree?amplify-js/packages/aws-amplify-angular/src/providers/amplify.service.ts
Line 24 in b824b1a
Vue samples compat.
Create
@aws-amplify/ui-vue
.v-bind:federated="federated"
passes[Object object]
. The solution is to use.prop
via:federated.prop="federated"
:Remove extraneous dependencies originally found in from https://github.com/ionic-team/stencil-ds-plugins-demo/ and replaceGoing to minimize dependencies, but not use the samebuild
process with the one unused for the otheraws-amplify
packages.build.js
script due to a huge amount of TypeScript errors 😱Notes
state-tunnel
isn't supported: Does this work for libraries that use stencil-state-tunnel? ionic-team/stencil-ds-output-targets#10--dev
prevents react/angular output targets: react-output-target is skipped with --dev ionic-team/stencil-ds-output-targets#28By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.