├── .github
    ├── CODEOWNERS
    ├── PULL_REQUEST_TEMPLATE.md
    └── ISSUE_TEMPLATE
    │   ├── feature_request.md
    │   └── bug_report.md
├── samples
    ├── angular
    │   └── auth
    │   │   └── authenticator
    │   │       ├── src
    │   │           ├── assets
    │   │           │   └── .gitkeep
    │   │           ├── app
    │   │           │   ├── app.component.css
    │   │           │   ├── app.module.ts
    │   │           │   ├── app.component.ts
    │   │           │   ├── app.component.spec.ts
    │   │           │   └── app.component.html
    │   │           ├── styles.css
    │   │           ├── environments
    │   │           │   ├── environment.prod.ts
    │   │           │   └── environment.ts
    │   │           ├── favicon.ico
    │   │           ├── index.html
    │   │           ├── main.ts
    │   │           ├── test.ts
    │   │           └── polyfills.ts
    │   │       ├── amplify
    │   │           ├── backend
    │   │           │   ├── backend-config.json
    │   │           │   └── auth
    │   │           │   │   └── angauthenticator98214054
    │   │           │   │       ├── parameters.json
    │   │           │   │       └── angauthenticator98214054-cloudformation-template.yml
    │   │           └── .config
    │   │           │   └── project-config.json
    │   │       ├── e2e
    │   │           ├── tsconfig.json
    │   │           ├── src
    │   │           │   ├── app.po.ts
    │   │           │   └── app.e2e-spec.ts
    │   │           └── protractor.conf.js
    │   │       ├── tsconfig.app.json
    │   │       ├── .editorconfig
    │   │       ├── tsconfig.spec.json
    │   │       ├── browserslist
    │   │       ├── tsconfig.json
    │   │       ├── .gitignore
    │   │       ├── package.json
    │   │       ├── angular.json
    │   │       ├── README.md
    │   │       └── tslint.json
    ├── react
    │   ├── geo
    │   │   └── display-map
    │   │   │   ├── public
    │   │   │       ├── robots.txt
    │   │   │       ├── manifest.json
    │   │   │       └── index.html
    │   │   │   ├── src
    │   │   │       ├── App.css
    │   │   │       ├── index.js
    │   │   │       ├── index.css
    │   │   │       └── App.js
    │   │   │   ├── amplify
    │   │   │       ├── backend
    │   │   │       │   ├── tags.json
    │   │   │       │   ├── geo
    │   │   │       │   │   └── map66858145
    │   │   │       │   │   │   ├── parameters.json
    │   │   │       │   │   │   └── map66858145-cloudformation-template.json
    │   │   │       │   ├── backend-config.json
    │   │   │       │   └── auth
    │   │   │       │   │   └── displaymap5fde5e85
    │   │   │       │   │       ├── parameters.json
    │   │   │       │   │       └── displaymap5fde5e85-cloudformation-template.yml
    │   │   │       ├── README.md
    │   │   │       ├── .config
    │   │   │       │   └── project-config.json
    │   │   │       └── cli.json
    │   │   │   ├── .gitignore
    │   │   │   ├── package.json
    │   │   │   └── README.md
    │   └── auth
    │   │   └── authenticator
    │   │       ├── public
    │   │           ├── robots.txt
    │   │           ├── favicon.ico
    │   │           ├── logo192.png
    │   │           ├── logo512.png
    │   │           ├── manifest.json
    │   │           └── index.html
    │   │       ├── src
    │   │           ├── setupTests.js
    │   │           ├── App.test.js
    │   │           ├── index.css
    │   │           ├── index.js
    │   │           ├── App.css
    │   │           ├── App.js
    │   │           ├── logo.svg
    │   │           └── serviceWorker.js
    │   │       ├── .vscode
    │   │           └── settings.json
    │   │       ├── amplify
    │   │           ├── README.md
    │   │           ├── backend
    │   │           │   ├── backend-config.json
    │   │           │   ├── types
    │   │           │   │   └── amplify-dependent-resources-ref.d.ts
    │   │           │   ├── hosting
    │   │           │   │   └── amplifyhosting
    │   │           │   │   │   └── amplifyhosting-template.json
    │   │           │   └── auth
    │   │           │   │   └── authenticatordf03bc0b
    │   │           │   │       ├── parameters.json
    │   │           │   │       └── authenticatordf03bc0b-cloudformation-template.yml
    │   │           ├── hooks
    │   │           │   ├── README.md
    │   │           │   ├── post-push.sh.sample
    │   │           │   └── pre-push.js.sample
    │   │           ├── .config
    │   │           │   └── project-config.json
    │   │           └── cli.json
    │   │       ├── .gitignore
    │   │       ├── package.json
    │   │       └── README.md
    └── vue
    │   └── auth
    │       └── authenticator
    │           ├── babel.config.js
    │           ├── public
    │               ├── favicon.ico
    │               └── index.html
    │           ├── src
    │               ├── assets
    │               │   └── logo.png
    │               ├── main.js
    │               ├── App.vue
    │               └── components
    │               │   └── HelloWorld.vue
    │           ├── amplify
    │               ├── backend
    │               │   ├── backend-config.json
    │               │   └── auth
    │               │   │   └── publicvueauthcomp6994b8e7
    │               │   │       ├── parameters.json
    │               │   │       └── publicvueauthcomp6994b8e7-cloudformation-template.yml
    │               └── .config
    │               │   └── project-config.json
    │           ├── .gitignore
    │           ├── package.json
    │           └── README.md
├── NOTICE
├── README.md
├── CODE_OF_CONDUCT.md
├── .gitignore
├── CONTRIBUTING.md
└── LICENSE


/.github/CODEOWNERS:
--------------------------------------------------------------------------------
1 | * @aws-amplify/amplify-js
2 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/src/assets/.gitkeep:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/src/app/app.component.css:
--------------------------------------------------------------------------------
1 | 


--------------------------------------------------------------------------------
/NOTICE:
--------------------------------------------------------------------------------
1 | Amplify Js Samples
2 | Copyright 2019 Amazon.com, Inc. or its affiliates. All Rights Reserved. 
3 | 


--------------------------------------------------------------------------------
/samples/react/geo/display-map/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/src/styles.css:
--------------------------------------------------------------------------------
1 | /* You can add global styles to this file, and also import other style files */
2 | 


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/public/robots.txt:
--------------------------------------------------------------------------------
1 | # https://www.robotstxt.org/robotstxt.html
2 | User-agent: *
3 | Disallow:
4 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/src/environments/environment.prod.ts:
--------------------------------------------------------------------------------
1 | export const environment = {
2 |   production: true
3 | };
4 | 


--------------------------------------------------------------------------------
/samples/vue/auth/authenticator/babel.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   presets: [
3 |     '@vue/cli-plugin-babel/preset'
4 |   ]
5 | }
6 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/src/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aws-amplify/amplify-js-samples/HEAD/samples/angular/auth/authenticator/src/favicon.ico


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aws-amplify/amplify-js-samples/HEAD/samples/react/auth/authenticator/public/favicon.ico


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/public/logo192.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aws-amplify/amplify-js-samples/HEAD/samples/react/auth/authenticator/public/logo192.png


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/public/logo512.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aws-amplify/amplify-js-samples/HEAD/samples/react/auth/authenticator/public/logo512.png


--------------------------------------------------------------------------------
/samples/vue/auth/authenticator/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aws-amplify/amplify-js-samples/HEAD/samples/vue/auth/authenticator/public/favicon.ico


--------------------------------------------------------------------------------
/samples/vue/auth/authenticator/src/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/aws-amplify/amplify-js-samples/HEAD/samples/vue/auth/authenticator/src/assets/logo.png


--------------------------------------------------------------------------------
/samples/react/geo/display-map/src/App.css:
--------------------------------------------------------------------------------
1 | #map {
2 | 	/* The id of the container you passed to createMap */
3 | 	position: absolute;
4 | 	top: 0;
5 | 	bottom: 0;
6 | 	width: 100%;
7 | }
8 | 


--------------------------------------------------------------------------------
/samples/react/geo/display-map/amplify/backend/tags.json:
--------------------------------------------------------------------------------
 1 | [
 2 |   {
 3 |     "Key": "user:Stack",
 4 |     "Value": "{project-env}"
 5 |   },
 6 |   {
 7 |     "Key": "user:Application",
 8 |     "Value": "{project-name}"
 9 |   }
10 | ]


--------------------------------------------------------------------------------
/.github/PULL_REQUEST_TEMPLATE.md:
--------------------------------------------------------------------------------
1 | *Issue #, if available:*
2 | 
3 | *Description of changes:*
4 | 
5 | 
6 | By submitting this pull request, I confirm that you can use, modify, copy, and redistribute this contribution, under the terms of your choice.
7 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # Amplify JavaScript Sample Applications
2 | 
3 | This repository is no longer maintained and has been archived. If you have a question about Amplify JS please engage with us on the [amplify-js](https://github.com/aws-amplify/amplify-js) repository.
4 | 


--------------------------------------------------------------------------------
/samples/vue/auth/authenticator/amplify/backend/backend-config.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"auth": {
 3 | 		"publicvueauthcomp6994b8e7": {
 4 | 			"service": "Cognito",
 5 | 			"providerPlugin": "awscloudformation",
 6 | 			"dependsOn": [],
 7 | 			"customAuth": false
 8 | 		}
 9 | 	}
10 | }


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/amplify/backend/backend-config.json:
--------------------------------------------------------------------------------
 1 | {
 2 | 	"auth": {
 3 | 		"angauthenticator98214054": {
 4 | 			"service": "Cognito",
 5 | 			"providerPlugin": "awscloudformation",
 6 | 			"dependsOn": [],
 7 | 			"customAuth": false
 8 | 		}
 9 | 	}
10 | }


--------------------------------------------------------------------------------
/samples/react/geo/display-map/src/index.js:
--------------------------------------------------------------------------------
 1 | import React from "react";
 2 | import ReactDOM from "react-dom";
 3 | import "./index.css";
 4 | import App from "./App";
 5 | 
 6 | ReactDOM.render(
 7 |   <React.StrictMode>
 8 |     <App />
 9 |   </React.StrictMode>,
10 |   document.getElementById("root")
11 | );
12 | 


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/src/setupTests.js:
--------------------------------------------------------------------------------
1 | // jest-dom adds custom jest matchers for asserting on DOM nodes.
2 | // allows you to do things like:
3 | // expect(element).toHaveTextContent(/react/i)
4 | // learn more: https://github.com/testing-library/jest-dom
5 | import '@testing-library/jest-dom/extend-expect';
6 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/e2e/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "../tsconfig.json",
 3 |   "compilerOptions": {
 4 |     "outDir": "../out-tsc/e2e",
 5 |     "module": "commonjs",
 6 |     "target": "es5",
 7 |     "types": [
 8 |       "jasmine",
 9 |       "jasminewd2",
10 |       "node"
11 |     ]
12 |   }
13 | }
14 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/tsconfig.app.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "./tsconfig.json",
 3 |   "compilerOptions": {
 4 |     "outDir": "./out-tsc/app",
 5 |     "types": []
 6 |   },
 7 |   "files": [
 8 |     "src/main.ts",
 9 |     "src/polyfills.ts"
10 |   ],
11 |   "include": [
12 |     "src/**/*.d.ts"
13 |   ]
14 | }
15 | 


--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
1 | ## Code of Conduct
2 | This project has adopted the [Amazon Open Source Code of Conduct](https://aws.github.io/code-of-conduct).
3 | For more information see the [Code of Conduct FAQ](https://aws.github.io/code-of-conduct-faq) or contact
4 | opensource-codeofconduct@amazon.com with any additional questions or comments.
5 | 


--------------------------------------------------------------------------------
/samples/react/geo/display-map/amplify/backend/geo/map66858145/parameters.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "authRoleName": {
 3 |     "Ref": "AuthRoleName"
 4 |   },
 5 |   "unauthRoleName": {
 6 |     "Ref": "UnauthRoleName"
 7 |   },
 8 |   "mapName": "map66858145",
 9 |   "mapStyle": "VectorEsriStreets",
10 |   "pricingPlan": "RequestBasedUsage",
11 |   "isDefault": true
12 | }


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/src/App.test.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import { render } from '@testing-library/react';
 3 | import App from './App';
 4 | 
 5 | test('renders learn react link', () => {
 6 |   const { getByText } = render(<App />);
 7 |   const linkElement = getByText(/learn react/i);
 8 |   expect(linkElement).toBeInTheDocument();
 9 | });
10 | 


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/src/index.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   margin: 0;
 3 |   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
 4 |     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
 5 |     sans-serif;
 6 | }
 7 | 
 8 | code {
 9 |   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
10 |     monospace;
11 | }
12 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/.editorconfig:
--------------------------------------------------------------------------------
 1 | # Editor configuration, see https://editorconfig.org
 2 | root = true
 3 | 
 4 | [*]
 5 | charset = utf-8
 6 | indent_style = space
 7 | indent_size = 2
 8 | insert_final_newline = true
 9 | trim_trailing_whitespace = true
10 | 
11 | [*.ts]
12 | quote_type = single
13 | 
14 | [*.md]
15 | max_line_length = off
16 | trim_trailing_whitespace = false
17 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/e2e/src/app.po.ts:
--------------------------------------------------------------------------------
 1 | import { browser, by, element } from 'protractor';
 2 | 
 3 | export class AppPage {
 4 |   navigateTo(): Promise<unknown> {
 5 |     return browser.get(browser.baseUrl) as Promise<unknown>;
 6 |   }
 7 | 
 8 |   getTitleText(): Promise<string> {
 9 |     return element(by.css('app-root .content span')).getText() as Promise<string>;
10 |   }
11 | }
12 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/tsconfig.spec.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "extends": "./tsconfig.json",
 3 |   "compilerOptions": {
 4 |     "outDir": "./out-tsc/spec",
 5 |     "types": [
 6 |       "jasmine",
 7 |       "node"
 8 |     ]
 9 |   },
10 |   "files": [
11 |     "src/test.ts",
12 |     "src/polyfills.ts"
13 |   ],
14 |   "include": [
15 |     "src/**/*.spec.ts",
16 |     "src/**/*.d.ts"
17 |   ]
18 | }
19 | 


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/.vscode/settings.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "files.exclude": {
 3 |     "amplify/.config": true,
 4 |     "amplify/**/*-parameters.json": true,
 5 |     "amplify/**/amplify.state": true,
 6 |     "amplify/**/transform.conf.json": true,
 7 |     "amplify/#current-cloud-backend": true,
 8 |     "amplify/backend/amplify-meta.json": true,
 9 |     "amplify/backend/awscloudformation": true
10 |   }
11 | }


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/src/index.html:
--------------------------------------------------------------------------------
 1 | <!doctype html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <title>AuthenticatorAngularNine</title>
 6 |   <base href="/">
 7 |   <meta name="viewport" content="width=device-width, initial-scale=1">
 8 |   <link rel="icon" type="image/x-icon" href="favicon.ico">
 9 | </head>
10 | <body>
11 |   <app-root></app-root>
12 | </body>
13 | </html>
14 | 


--------------------------------------------------------------------------------
/samples/vue/auth/authenticator/src/main.js:
--------------------------------------------------------------------------------
 1 | import Vue from 'vue';
 2 | import App from './App.vue';
 3 | 
 4 | import '@aws-amplify/ui-vue';
 5 | import Amplify from 'aws-amplify';
 6 | import awsconfig from './aws-exports';
 7 | 
 8 | Amplify.configure(awsconfig);
 9 | 
10 | Vue.config.productionTip = false;
11 | 
12 | Vue.config.devtools = true;
13 | 
14 | new Vue({
15 | 	render: h => h(App),
16 | }).$mount('#app');
17 | 


--------------------------------------------------------------------------------
/samples/react/geo/display-map/amplify/README.md:
--------------------------------------------------------------------------------
1 | # Getting Started with Amplify CLI
2 | This directory was generated by [Amplify CLI](https://docs.amplify.aws/cli).
3 | 
4 | Helpful resources:
5 | - Amplify documentation: https://docs.amplify.aws
6 | - Amplify CLI documentation: https://docs.amplify.aws/cli
7 | - More details on this folder & generated files: https://docs.amplify.aws/cli/reference/files
8 | - Join Amplify's community: https://amplify.aws/community/
9 | 


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/amplify/README.md:
--------------------------------------------------------------------------------
1 | # Getting Started with Amplify CLI
2 | This directory was generated by [Amplify CLI](https://docs.amplify.aws/cli).
3 | 
4 | Helpful resources:
5 | - Amplify documentation: https://docs.amplify.aws
6 | - Amplify CLI documentation: https://docs.amplify.aws/cli
7 | - More details on this folder & generated files: https://docs.amplify.aws/cli/reference/files
8 | - Join Amplify's community: https://amplify.aws/community/
9 | 


--------------------------------------------------------------------------------
/samples/react/geo/display-map/src/index.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   margin: 0;
 3 |   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
 4 |     'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
 5 |     sans-serif;
 6 |   -webkit-font-smoothing: antialiased;
 7 |   -moz-osx-font-smoothing: grayscale;
 8 | }
 9 | 
10 | code {
11 |   font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
12 |     monospace;
13 | }
14 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_STORE
 2 | 
 3 | # Users will be installing the latest versions, so any tests should
 4 | # avoid lock files so we can catch regressions in the ecosystem.
 5 | package-lock.json
 6 | yarn.lock
 7 | 
 8 | # Ignore private files that my otherwise be included (even accidentally)
 9 | aws-exports.js
10 | team-provider-info.json
11 | 
12 | # `amplify init` auto-creates .gitignore with `/node_modules`.
13 | # This ignores node_modules *anywhere*.
14 | node_modules
15 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/src/main.ts:
--------------------------------------------------------------------------------
 1 | import { enableProdMode } from '@angular/core';
 2 | import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
 3 | 
 4 | import { AppModule } from './app/app.module';
 5 | import { environment } from './environments/environment';
 6 | 
 7 | if (environment.production) {
 8 |   enableProdMode();
 9 | }
10 | 
11 | platformBrowserDynamic().bootstrapModule(AppModule)
12 |   .catch(err => console.error(err));
13 | 


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/amplify/backend/backend-config.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "auth": {
 3 |     "authenticatordf03bc0b": {
 4 |       "service": "Cognito",
 5 |       "providerPlugin": "awscloudformation",
 6 |       "dependsOn": [],
 7 |       "customAuth": false
 8 |     }
 9 |   },
10 |   "hosting": {
11 |     "amplifyhosting": {
12 |       "service": "amplifyhosting",
13 |       "providerPlugin": "awscloudformation",
14 |       "type": "manual"
15 |     }
16 |   }
17 | }


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/amplify/hooks/README.md:
--------------------------------------------------------------------------------
1 | # Command Hooks
2 | 
3 | Command hooks can be used to run custom scripts upon Amplify CLI lifecycle events like pre-push, post-add-function, etc.
4 | 
5 | To get started, add your script files based on the expected naming convention in this directory.
6 | 
7 | Learn more about the script file naming convention, hook parameters, third party dependencies, and advanced configurations at https://docs.amplify.aws/cli/usage/command-hooks
8 | 


--------------------------------------------------------------------------------
/samples/react/geo/display-map/amplify/.config/project-config.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "projectName": "displaymap",
 3 |   "version": "3.1",
 4 |   "frontend": "javascript",
 5 |   "javascript": {
 6 |     "framework": "react",
 7 |     "config": {
 8 |       "SourceDir": "src",
 9 |       "DistributionDir": "build",
10 |       "BuildCommand": "npm run-script build",
11 |       "StartCommand": "npm run-script start"
12 |     }
13 |   },
14 |   "providers": [
15 |     "awscloudformation"
16 |   ]
17 | }


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/amplify/.config/project-config.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "projectName": "authenticator",
 3 |   "version": "3.1",
 4 |   "frontend": "javascript",
 5 |   "javascript": {
 6 |     "framework": "react",
 7 |     "config": {
 8 |       "SourceDir": "src",
 9 |       "DistributionDir": "build",
10 |       "BuildCommand": "npm run-script build",
11 |       "StartCommand": "npm run-script start"
12 |     }
13 |   },
14 |   "providers": [
15 |     "awscloudformation"
16 |   ]
17 | }


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/browserslist:
--------------------------------------------------------------------------------
 1 | # This file is used by the build system to adjust CSS and JS output to support the specified browsers below.
 2 | # For additional information regarding the format and rule options, please see:
 3 | # https://github.com/browserslist/browserslist#queries
 4 | 
 5 | # You can see what browsers were selected by your queries by running:
 6 | #   npx browserslist
 7 | 
 8 | > 0.5%
 9 | last 2 versions
10 | Firefox ESR
11 | not dead
12 | not IE 9-11 # For IE 9-11 support, remove 'not'.


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/amplify/backend/types/amplify-dependent-resources-ref.d.ts:
--------------------------------------------------------------------------------
 1 | export type AmplifyDependentResourcesAttributes = {
 2 |     "auth": {
 3 |         "authenticatordf03bc0b": {
 4 |             "IdentityPoolId": "string",
 5 |             "IdentityPoolName": "string",
 6 |             "UserPoolId": "string",
 7 |             "UserPoolName": "string",
 8 |             "AppClientIDWeb": "string",
 9 |             "AppClientID": "string",
10 |             "AppClientSecret": "string"
11 |         }
12 |     }
13 | }


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/amplify/.config/project-config.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "projectName": "angauthenticator",
 3 |     "version": "3.0",
 4 |     "frontend": "javascript",
 5 |     "javascript": {
 6 |         "framework": "angular",
 7 |         "config": {
 8 |             "SourceDir": "src",
 9 |             "DistributionDir": "dist",
10 |             "BuildCommand": "npm run-script build",
11 |             "StartCommand": "ng serve"
12 |         }
13 |     },
14 |     "providers": [
15 |         "awscloudformation"
16 |     ]
17 | }


--------------------------------------------------------------------------------
/samples/vue/auth/authenticator/amplify/.config/project-config.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "projectName": "publicvueauthcomp",
 3 |     "version": "3.0",
 4 |     "frontend": "javascript",
 5 |     "javascript": {
 6 |         "framework": "vue",
 7 |         "config": {
 8 |             "SourceDir": "src",
 9 |             "DistributionDir": "dist",
10 |             "BuildCommand": "npm run-script build",
11 |             "StartCommand": "npm run-script serve"
12 |         }
13 |     },
14 |     "providers": [
15 |         "awscloudformation"
16 |     ]
17 | }


--------------------------------------------------------------------------------
/samples/react/geo/display-map/amplify/backend/backend-config.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "auth": {
 3 |     "displaymap5fde5e85": {
 4 |       "service": "Cognito",
 5 |       "providerPlugin": "awscloudformation",
 6 |       "dependsOn": [],
 7 |       "customAuth": false
 8 |     }
 9 |   },
10 |   "geo": {
11 |     "map66858145": {
12 |       "isDefault": true,
13 |       "providerPlugin": "awscloudformation",
14 |       "service": "Map",
15 |       "mapStyle": "VectorEsriStreets",
16 |       "pricingPlan": "RequestBasedUsage",
17 |       "accessType": "AuthorizedAndGuestUsers"
18 |     }
19 |   }
20 | }


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/src/app/app.module.ts:
--------------------------------------------------------------------------------
 1 | import { BrowserModule } from '@angular/platform-browser';
 2 | import { NgModule } from '@angular/core';
 3 | import { AppComponent } from './app.component';
 4 | 
 5 | import { AmplifyUIAngularModule } from '@aws-amplify/ui-angular';
 6 | import Amplify from 'aws-amplify';
 7 | import awsconfig from '../aws-exports';
 8 | 
 9 | Amplify.configure(awsconfig);
10 | 
11 | @NgModule({
12 |   declarations: [AppComponent],
13 |   imports: [AmplifyUIAngularModule, BrowserModule],
14 |   providers: [],
15 |   bootstrap: [AppComponent],
16 | })
17 | export class AppModule {}


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/src/index.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import ReactDOM from 'react-dom';
 3 | import './index.css';
 4 | import App from './App';
 5 | import * as serviceWorker from './serviceWorker';
 6 | 
 7 | ReactDOM.render(
 8 |   <React.StrictMode>
 9 |     <App />
10 |   </React.StrictMode>,
11 |   document.getElementById('root')
12 | );
13 | 
14 | // If you want your app to work offline and load faster, you can change
15 | // unregister() to register() below. Note this comes with some pitfalls.
16 | // Learn more about service workers: https://bit.ly/CRA-PWA
17 | serviceWorker.unregister();
18 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/tsconfig.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "compileOnSave": false,
 3 |   "compilerOptions": {
 4 |     "baseUrl": "./",
 5 |     "outDir": "./dist/out-tsc",
 6 |     "sourceMap": true,
 7 |     "declaration": false,
 8 |     "downlevelIteration": true,
 9 |     "experimentalDecorators": true,
10 |     "module": "esnext",
11 |     "moduleResolution": "node",
12 |     "importHelpers": true,
13 |     "target": "es2015",
14 |     "lib": [
15 |       "es2018",
16 |       "dom"
17 |     ]
18 |   },
19 |   "angularCompilerOptions": {
20 |     "fullTemplateTypeCheck": true,
21 |     "strictInjectionParameters": true
22 |   }
23 | }
24 | 


--------------------------------------------------------------------------------
/samples/react/geo/display-map/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React App",
 3 |   "name": "Create React App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     },
10 |     {
11 |       "src": "logo192.png",
12 |       "type": "image/png",
13 |       "sizes": "192x192"
14 |     },
15 |     {
16 |       "src": "logo512.png",
17 |       "type": "image/png",
18 |       "sizes": "512x512"
19 |     }
20 |   ],
21 |   "start_url": ".",
22 |   "display": "standalone",
23 |   "theme_color": "#000000",
24 |   "background_color": "#ffffff"
25 | }
26 | 


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/public/manifest.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "short_name": "React App",
 3 |   "name": "Create React App Sample",
 4 |   "icons": [
 5 |     {
 6 |       "src": "favicon.ico",
 7 |       "sizes": "64x64 32x32 24x24 16x16",
 8 |       "type": "image/x-icon"
 9 |     },
10 |     {
11 |       "src": "logo192.png",
12 |       "type": "image/png",
13 |       "sizes": "192x192"
14 |     },
15 |     {
16 |       "src": "logo512.png",
17 |       "type": "image/png",
18 |       "sizes": "512x512"
19 |     }
20 |   ],
21 |   "start_url": ".",
22 |   "display": "standalone",
23 |   "theme_color": "#000000",
24 |   "background_color": "#ffffff"
25 | }
26 | 


--------------------------------------------------------------------------------
/samples/vue/auth/authenticator/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8">
 5 |     <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |     <meta name="viewport" content="width=device-width,initial-scale=1.0">
 7 |     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
 8 |     <title><%= htmlWebpackPlugin.options.title %></title>
 9 |   </head>
10 |   <body>
11 |     <noscript>
12 |       <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
13 |     </noscript>
14 |     <div id="app"></div>
15 |     <!-- built files will be auto injected -->
16 |   </body>
17 | </html>
18 | 


--------------------------------------------------------------------------------
/samples/vue/auth/authenticator/.gitignore:
--------------------------------------------------------------------------------
 1 | .DS_Store
 2 | node_modules
 3 | /dist
 4 | 
 5 | # local env files
 6 | .env.local
 7 | .env.*.local
 8 | 
 9 | # Log files
10 | npm-debug.log*
11 | yarn-debug.log*
12 | yarn-error.log*
13 | pnpm-debug.log*
14 | 
15 | # Editor directories and files
16 | .idea
17 | .vscode
18 | *.suo
19 | *.ntvs*
20 | *.njsproj
21 | *.sln
22 | *.sw?
23 | 
24 | #amplify
25 | amplify/\#current-cloud-backend
26 | amplify/.config/local-*
27 | amplify/mock-data
28 | amplify/backend/amplify-meta.json
29 | amplify/backend/awscloudformation
30 | build/
31 | dist/
32 | node_modules/
33 | aws-exports.js
34 | awsconfiguration.json
35 | amplifyconfiguration.json
36 | amplify-build-config.json
37 | amplify-gradle-config.json
38 | amplifyxc.config


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/src/App.css:
--------------------------------------------------------------------------------
 1 | .App {
 2 | 	text-align: center;
 3 | }
 4 | 
 5 | .App-logo {
 6 | 	height: 40vmin;
 7 | 	pointer-events: none;
 8 | }
 9 | 
10 | @media (prefers-reduced-motion: no-preference) {
11 | 	.App-logo {
12 | 		animation: App-logo-spin infinite 20s linear;
13 | 	}
14 | }
15 | 
16 | .App-header {
17 | 	background-color: #282c34;
18 | 	min-height: 100vh;
19 | 	display: flex;
20 | 	flex-direction: column;
21 | 	align-items: center;
22 | 	justify-content: center;
23 | 	font-size: calc(10px + 2vmin);
24 | 	color: white;
25 | }
26 | 
27 | .App-link {
28 | 	color: #61dafb;
29 | }
30 | 
31 | @keyframes App-logo-spin {
32 | 	from {
33 | 		transform: rotate(0deg);
34 | 	}
35 | 	to {
36 | 		transform: rotate(360deg);
37 | 	}
38 | }
39 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/src/environments/environment.ts:
--------------------------------------------------------------------------------
 1 | // This file can be replaced during build by using the `fileReplacements` array.
 2 | // `ng build --prod` replaces `environment.ts` with `environment.prod.ts`.
 3 | // The list of file replacements can be found in `angular.json`.
 4 | 
 5 | export const environment = {
 6 |   production: false
 7 | };
 8 | 
 9 | /*
10 |  * For easier debugging in development mode, you can import the following file
11 |  * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
12 |  *
13 |  * This import should be commented out in production mode because it will have a negative impact
14 |  * on performance if an error is thrown.
15 |  */
16 | // import 'zone.js/dist/zone-error';  // Included with Angular CLI.
17 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/e2e/src/app.e2e-spec.ts:
--------------------------------------------------------------------------------
 1 | import { AppPage } from './app.po';
 2 | import { browser, logging } from 'protractor';
 3 | 
 4 | describe('workspace-project App', () => {
 5 |   let page: AppPage;
 6 | 
 7 |   beforeEach(() => {
 8 |     page = new AppPage();
 9 |   });
10 | 
11 |   it('should display welcome message', () => {
12 |     page.navigateTo();
13 |     expect(page.getTitleText()).toEqual('authenticator app is running!');
14 |   });
15 | 
16 |   afterEach(async () => {
17 |     // Assert that there are no errors emitted from the browser
18 |     const logs = await browser.manage().logs().get(logging.Type.BROWSER);
19 |     expect(logs).not.toContain(jasmine.objectContaining({
20 |       level: logging.Level.SEVERE,
21 |     } as logging.Entry));
22 |   });
23 | });
24 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/feature_request.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | name: Feature request
 3 | about: Suggest a sample you would like to see for Amplify JS
 4 | title: "[FEATURE REQUEST]"
 5 | labels: feature-request
 6 | assignees: ''
 7 | 
 8 | ---
 9 | 
10 | **Is your feature request related to a problem? Please describe.**
11 | A clear and concise description of what the sample is. E.g. It would be great if there was a sample of [Insert feature] with Amplify JS
12 | 
13 | **Describe the solution you'd like**
14 | A clear and concise description of what you want to happen.
15 | 
16 | **Describe alternatives you've considered**
17 | A clear and concise description of any alternative solutions or features you've considered.
18 | 
19 | **Additional context**
20 | Add any other context or screenshots about the feature request here.
21 | 


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | 
 8 | # testing
 9 | /coverage
10 | 
11 | # production
12 | /build
13 | 
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 | 
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 | 
25 | #amplify
26 | amplify/\#current-cloud-backend
27 | amplify/.config/local-*
28 | amplify/mock-data
29 | amplify/backend/amplify-meta.json
30 | amplify/backend/awscloudformation
31 | build/
32 | dist/
33 | node_modules/
34 | aws-exports.js
35 | awsconfiguration.json
36 | amplifyconfiguration.json
37 | amplify-build-config.json
38 | amplify-gradle-config.json
39 | amplifyxc.config


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/amplify/hooks/post-push.sh.sample:
--------------------------------------------------------------------------------
 1 | # This is a sample hook script created by Amplify CLI.
 2 | # To start using this post-push hook please change the filename:
 3 | # post-push.sh.sample  ->  post-push.sh
 4 | #
 5 | # learn more: https://docs.amplify.aws/cli/usage/command-hooks
 6 | 
 7 | if [ -z "$(which jq)" ]; then
 8 |     echo "Please install jq to run the sample script."
 9 |     exit 0
10 | fi
11 | 
12 | parameters=`cat`
13 | error=$(jq -r '.error // empty' <<< "$parameters")
14 | data=$(jq -r '.data' <<< "$parameters")
15 | 
16 | # 
17 | # Write code here:
18 | #
19 | if [ ! -z "$error" ]; then
20 |     echo "Amplify CLI emitted an error:" $(jq -r '.message' <<< "$error")
21 |     exit 0
22 | fi
23 | echo "project root path:" $(pwd);
24 | echo "Amplify CLI command:" $(jq -r '.amplify | .command' <<< "$data")


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/src/app/app.component.ts:
--------------------------------------------------------------------------------
 1 | import { Component, ChangeDetectorRef } from '@angular/core';
 2 | import { onAuthUIStateChange, CognitoUserInterface, AuthState } from '@aws-amplify/ui-components';
 3 | 
 4 | @Component({
 5 |   selector: 'app-root',
 6 |   templateUrl: './app.component.html',
 7 |   styleUrls: ['./app.component.css']
 8 | })
 9 | export class AppComponent {
10 |   title = 'authenticator';
11 |   user: CognitoUserInterface;
12 |   authState: AuthState;
13 | 
14 |   constructor(private ref: ChangeDetectorRef) { }
15 | 
16 |   ngOnInit() {
17 |     onAuthUIStateChange((authState, authData) => {
18 |       this.authState = authState;
19 |       this.user = authData as CognitoUserInterface;
20 |       this.ref.detectChanges();
21 |     })
22 |   }
23 | 
24 |   ngOnDestroy() {
25 |     return onAuthUIStateChange;
26 |   }
27 | }


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/src/test.ts:
--------------------------------------------------------------------------------
 1 | // This file is required by karma.conf.js and loads recursively all the .spec and framework files
 2 | 
 3 | import 'zone.js/dist/zone-testing';
 4 | import { getTestBed } from '@angular/core/testing';
 5 | import {
 6 |   BrowserDynamicTestingModule,
 7 |   platformBrowserDynamicTesting
 8 | } from '@angular/platform-browser-dynamic/testing';
 9 | 
10 | declare const require: {
11 |   context(path: string, deep?: boolean, filter?: RegExp): {
12 |     keys(): string[];
13 |     <T>(id: string): T;
14 |   };
15 | };
16 | 
17 | // First, initialize the Angular testing environment.
18 | getTestBed().initTestEnvironment(
19 |   BrowserDynamicTestingModule,
20 |   platformBrowserDynamicTesting()
21 | );
22 | // Then we find all the tests.
23 | const context = require.context('./', true, /\.spec\.ts$/);
24 | // And load the modules.
25 | context.keys().map(context);
26 | 


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/amplify/hooks/pre-push.js.sample:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * This is a sample hook script created by Amplify CLI.
 3 |  * To start using this pre-push hook please change the filename:
 4 |  * pre-push.js.sample  ->  pre-push.js
 5 |  *
 6 |  * learn more: https://docs.amplify.aws/cli/usage/command-hooks
 7 |  */
 8 | 
 9 | /**
10 |  * @param data { { amplify: { environment: string, command: string, subCommand: string, argv: string[] } } }
11 |  * @param error { { message: string, stack: string } }
12 |  */
13 | const hookHandler = async (data, error) => {
14 |   // TODO write your hook handler here
15 | };
16 | 
17 | const getParameters = async () => {
18 |   const fs = require("fs");
19 |   return JSON.parse(fs.readFileSync(0, { encoding: "utf8" }));
20 | };
21 | 
22 | getParameters()
23 |   .then((event) => hookHandler(event.data, event.error))
24 |   .catch((err) => {
25 |     console.error(err);
26 |     process.exitCode = 1;
27 |   });
28 | 


--------------------------------------------------------------------------------
/samples/react/geo/display-map/.gitignore:
--------------------------------------------------------------------------------
 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 2 | 
 3 | # dependencies
 4 | /node_modules
 5 | /.pnp
 6 | .pnp.js
 7 | 
 8 | # testing
 9 | /coverage
10 | 
11 | # production
12 | /build
13 | 
14 | # misc
15 | .DS_Store
16 | .env.local
17 | .env.development.local
18 | .env.test.local
19 | .env.production.local
20 | 
21 | npm-debug.log*
22 | yarn-debug.log*
23 | yarn-error.log*
24 | 
25 | #amplify-do-not-edit-begin
26 | amplify/\#current-cloud-backend
27 | amplify/.config/local-*
28 | amplify/logs
29 | amplify/mock-data
30 | amplify/backend/amplify-meta.json
31 | amplify/backend/awscloudformation
32 | amplify/backend/.temp
33 | build/
34 | dist/
35 | node_modules/
36 | awsconfiguration.json
37 | amplifyconfiguration.json
38 | amplifyconfiguration.dart
39 | amplify-build-config.json
40 | amplify-gradle-config.json
41 | amplifytools.xcconfig
42 | .secret-*
43 | #amplify-do-not-edit-end
44 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/e2e/protractor.conf.js:
--------------------------------------------------------------------------------
 1 | // @ts-check
 2 | // Protractor configuration file, see link for more information
 3 | // https://github.com/angular/protractor/blob/master/lib/config.ts
 4 | 
 5 | const { SpecReporter } = require('jasmine-spec-reporter');
 6 | 
 7 | /**
 8 |  * @type { import("protractor").Config }
 9 |  */
10 | exports.config = {
11 |   allScriptsTimeout: 11000,
12 |   specs: [
13 |     './src/**/*.e2e-spec.ts'
14 |   ],
15 |   capabilities: {
16 |     browserName: 'chrome'
17 |   },
18 |   directConnect: true,
19 |   baseUrl: 'http://localhost:4200/',
20 |   framework: 'jasmine',
21 |   jasmineNodeOpts: {
22 |     showColors: true,
23 |     defaultTimeoutInterval: 30000,
24 |     print: function() {}
25 |   },
26 |   onPrepare() {
27 |     require('ts-node').register({
28 |       project: require('path').join(__dirname, './tsconfig.json')
29 |     });
30 |     jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
31 |   }
32 | };


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "authenticator",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "dependencies": {
 6 |     "@aws-amplify/ui-react": "1.2.0",
 7 |     "@testing-library/jest-dom": "^4.2.4",
 8 |     "@testing-library/react": "^9.3.2",
 9 |     "@testing-library/user-event": "^7.1.2",
10 |     "aws-amplify": "^4.3.10",
11 |     "react": "^16.13.1",
12 |     "react-dom": "^16.13.1",
13 |     "react-scripts": "3.4.1"
14 |   },
15 |   "scripts": {
16 |     "start": "react-scripts start",
17 |     "build": "react-scripts build",
18 |     "test": "react-scripts test",
19 |     "eject": "react-scripts eject"
20 |   },
21 |   "eslintConfig": {
22 |     "extends": "react-app"
23 |   },
24 |   "browserslist": {
25 |     "production": [
26 |       ">0.2%",
27 |       "not dead",
28 |       "not op_mini all"
29 |     ],
30 |     "development": [
31 |       "last 1 chrome version",
32 |       "last 1 firefox version",
33 |       "last 1 safari version"
34 |     ]
35 |   }
36 | }
37 | 


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/amplify/backend/hosting/amplifyhosting/amplifyhosting-template.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "AWSTemplateFormatVersion": "2010-09-09",
 3 |   "Description": "{\"createdOn\":\"Mac\",\"createdBy\":\"Amplify\",\"createdWith\":\"7.6.3\",\"stackType\":\"hosting-amplifyhosting\",\"metadata\":{}}",
 4 |   "Parameters": {
 5 |     "env": {
 6 |       "Type": "String"
 7 |     },
 8 |     "appId": {
 9 |       "Type": "String"
10 |     },
11 |     "type": {
12 |       "Type": "String"
13 |     }
14 |   },
15 |   "Conditions": {
16 |     "isManual": {
17 |       "Fn::Equals": [
18 |         {
19 |           "Ref": "type"
20 |         },
21 |         "manual"
22 |       ]
23 |     }
24 |   },
25 |   "Resources": {
26 |     "AmplifyBranch": {
27 |       "Condition": "isManual",
28 |       "Type": "AWS::Amplify::Branch",
29 |       "Properties": {
30 |         "BranchName": {
31 |           "Ref": "env"
32 |         },
33 |         "AppId": {
34 |           "Ref": "appId"
35 |         }
36 |       }
37 |     }
38 |   }
39 | }


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/bug_report.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | name: Bug report
 3 | about: Report a bug if you are having issues with a sample
 4 | title: ''
 5 | labels: ''
 6 | assignees: ''
 7 | 
 8 | ---
 9 | 
10 | **Describe the bug**
11 | A clear and concise description of what the bug is.
12 | 
13 | **To Reproduce**
14 | Steps to reproduce the behavior:
15 | 1. Go to '...'
16 | 2. Click on '....'
17 | 3. Scroll down to '....'
18 | 4. See error
19 | 
20 | **Expected behavior**
21 | A clear and concise description of what you expected to happen.
22 | 
23 | **Screenshots**
24 | If applicable, add screenshots to help explain your problem.
25 | 
26 | **Desktop (please complete the following information):**
27 |  - OS: [e.g. iOS]
28 |  - Browser [e.g. chrome, safari]
29 |  - Version [e.g. 22]
30 | 
31 | **Smartphone (please complete the following information):**
32 |  - Device: [e.g. iPhone6]
33 |  - OS: [e.g. iOS8.1]
34 |  - Browser [e.g. stock browser, safari]
35 |  - Version [e.g. 22]
36 | 
37 | **Additional context**
38 | Add any other context about the problem here.
39 | 


--------------------------------------------------------------------------------
/samples/react/geo/display-map/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "display-map",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "dependencies": {
 6 |     "@testing-library/jest-dom": "^5.11.4",
 7 |     "@testing-library/react": "^11.1.0",
 8 |     "@testing-library/user-event": "^12.1.10",
 9 |     "aws-amplify": "geo",
10 |     "maplibre-gl": "1",
11 |     "maplibre-gl-js-amplify": "^1.1.0",
12 |     "react": "^17.0.2",
13 |     "react-dom": "^17.0.2",
14 |     "react-scripts": "4.0.3"
15 |   },
16 |   "scripts": {
17 |     "start": "react-scripts start",
18 |     "build": "react-scripts build",
19 |     "eject": "react-scripts eject"
20 |   },
21 |   "eslintConfig": {
22 |     "extends": [
23 |       "react-app",
24 |       "react-app/jest"
25 |     ]
26 |   },
27 |   "browserslist": {
28 |     "production": [
29 |       ">0.2%",
30 |       "not dead",
31 |       "not op_mini all"
32 |     ],
33 |     "development": [
34 |       "last 1 chrome version",
35 |       "last 1 firefox version",
36 |       "last 1 safari version"
37 |     ]
38 |   }
39 | }
40 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/src/app/app.component.spec.ts:
--------------------------------------------------------------------------------
 1 | import { TestBed, async } from '@angular/core/testing';
 2 | import { AppComponent } from './app.component';
 3 | 
 4 | describe('AppComponent', () => {
 5 |   beforeEach(async(() => {
 6 |     TestBed.configureTestingModule({
 7 |       declarations: [
 8 |         AppComponent
 9 |       ],
10 |     }).compileComponents();
11 |   }));
12 | 
13 |   it('should create the app', () => {
14 |     const fixture = TestBed.createComponent(AppComponent);
15 |     const app = fixture.componentInstance;
16 |     expect(app).toBeTruthy();
17 |   });
18 | 
19 |   it(`should have as title 'authenticator'`, () => {
20 |     const fixture = TestBed.createComponent(AppComponent);
21 |     const app = fixture.componentInstance;
22 |     expect(app.title).toEqual('authenticator');
23 |   });
24 | 
25 |   it('should render authenticator', () => {
26 |     const fixture = TestBed.createComponent(AppComponent);
27 |     fixture.detectChanges();
28 |     const compiled = fixture.nativeElement;
29 |     expect(compiled.querySelector('amplify-authenticator')).toBeTruthy();
30 |   });
31 | });
32 | 


--------------------------------------------------------------------------------
/samples/vue/auth/authenticator/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "authenticator",
 3 |   "version": "0.1.0",
 4 |   "private": true,
 5 |   "scripts": {
 6 |     "serve": "vue-cli-service serve",
 7 |     "build": "vue-cli-service build",
 8 |     "lint": "vue-cli-service lint",
 9 |     "start": "yarn serve"
10 |   },
11 |   "dependencies": {
12 |     "@aws-amplify/ui-vue": "^0.2.8",
13 |     "aws-amplify": "^3.0.18",
14 |     "core-js": "^3.6.5",
15 |     "vue": "^2.6.11"
16 |   },
17 |   "devDependencies": {
18 |     "@vue/cli-plugin-babel": "~4.4.0",
19 |     "@vue/cli-plugin-eslint": "~4.4.0",
20 |     "@vue/cli-service": "~4.4.0",
21 |     "babel-eslint": "^10.1.0",
22 |     "eslint": "^6.7.2",
23 |     "eslint-plugin-vue": "^6.2.2",
24 |     "vue-template-compiler": "^2.6.11"
25 |   },
26 |   "eslintConfig": {
27 |     "root": true,
28 |     "env": {
29 |       "node": true
30 |     },
31 |     "extends": [
32 |       "plugin:vue/essential",
33 |       "eslint:recommended"
34 |     ],
35 |     "parserOptions": {
36 |       "parser": "babel-eslint"
37 |     },
38 |     "rules": {}
39 |   },
40 |   "browserslist": [
41 |     "> 1%",
42 |     "last 2 versions",
43 |     "not dead"
44 |   ]
45 | }
46 | 


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/src/App.js:
--------------------------------------------------------------------------------
 1 | import React from 'react';
 2 | import './App.css';
 3 | import logo from './logo.svg';
 4 | import Amplify from 'aws-amplify';
 5 | import {
 6 | 	AmplifyAuthenticator,
 7 | 	AmplifyContainer,
 8 | 	AmplifySignOut,
 9 | } from '@aws-amplify/ui-react';
10 | import { AuthState, onAuthUIStateChange } from '@aws-amplify/ui-components';
11 | import awsconfig from './aws-exports';
12 | 
13 | Amplify.configure(awsconfig);
14 | 
15 | const App = () => {
16 | 	const [authState, setAuthState] = React.useState();
17 | 	const [user, setUser] = React.useState();
18 | 
19 | 	React.useEffect(() => {
20 | 		return onAuthUIStateChange((nextAuthState, authData) => {
21 | 			setAuthState(nextAuthState);
22 | 			setUser(authData);
23 | 		});
24 | 	}, []);
25 | 
26 | 	return authState === AuthState.SignedIn && user ? (
27 | 		<div className="App">
28 | 			<header className="App-header">
29 | 				<div>Hello, {user.username}</div>
30 | 				<img src={logo} className="App-logo" alt="logo" />
31 | 				<AmplifySignOut />
32 | 			</header>
33 | 		</div>
34 | 	) : (
35 | 		<AmplifyContainer>
36 | 			<AmplifyAuthenticator />
37 | 		</AmplifyContainer>
38 | 	);
39 | };
40 | 
41 | export default App;
42 | 


--------------------------------------------------------------------------------
/samples/react/geo/display-map/amplify/cli.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "features": {
 3 |     "graphqltransformer": {
 4 |       "addmissingownerfields": true,
 5 |       "improvepluralization": true,
 6 |       "validatetypenamereservedwords": true,
 7 |       "useexperimentalpipelinedtransformer": false,
 8 |       "enableiterativegsiupdates": true,
 9 |       "secondarykeyasgsi": true,
10 |       "skipoverridemutationinputtypes": true
11 |     },
12 |     "frontend-ios": {
13 |       "enablexcodeintegration": true
14 |     },
15 |     "auth": {
16 |       "enablecaseinsensitivity": true,
17 |       "useinclusiveterminology": true,
18 |       "breakcirculardependency": true
19 |     },
20 |     "codegen": {
21 |       "useappsyncmodelgenplugin": true,
22 |       "usedocsgeneratorplugin": true,
23 |       "usetypesgeneratorplugin": true,
24 |       "cleangeneratedmodelsdirectory": true,
25 |       "retaincasestyle": true,
26 |       "addtimestampfields": true,
27 |       "handlelistnullabilitytransparently": true,
28 |       "emitauthprovider": true,
29 |       "generateindexrules": true,
30 |       "enabledartnullsafety": true
31 |     },
32 |     "appsync": {
33 |       "generategraphqlpermissions": true
34 |     }
35 |   }
36 | }


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/.gitignore:
--------------------------------------------------------------------------------
 1 | # See http://help.github.com/ignore-files/ for more about ignoring files.
 2 | 
 3 | # compiled output
 4 | /dist
 5 | /tmp
 6 | /out-tsc
 7 | # Only exists if Bazel was run
 8 | /bazel-out
 9 | 
10 | # dependencies
11 | /node_modules
12 | 
13 | # profiling files
14 | chrome-profiler-events*.json
15 | speed-measure-plugin*.json
16 | 
17 | # IDEs and editors
18 | /.idea
19 | .project
20 | .classpath
21 | .c9/
22 | *.launch
23 | .settings/
24 | *.sublime-workspace
25 | 
26 | # IDE - VSCode
27 | .vscode/*
28 | !.vscode/settings.json
29 | !.vscode/tasks.json
30 | !.vscode/launch.json
31 | !.vscode/extensions.json
32 | .history/*
33 | 
34 | # misc
35 | /.sass-cache
36 | /connect.lock
37 | /coverage
38 | /libpeerconnection.log
39 | npm-debug.log
40 | yarn-error.log
41 | testem.log
42 | /typings
43 | 
44 | # System Files
45 | .DS_Store
46 | Thumbs.db
47 | 
48 | #amplify
49 | amplify/\#current-cloud-backend
50 | amplify/.config/local-*
51 | amplify/mock-data
52 | amplify/backend/amplify-meta.json
53 | amplify/backend/awscloudformation
54 | build/
55 | dist/
56 | node_modules/
57 | aws-exports.js
58 | awsconfiguration.json
59 | amplifyconfiguration.json
60 | amplify-build-config.json
61 | amplify-gradle-config.json
62 | amplifyxc.config


--------------------------------------------------------------------------------
/samples/react/geo/display-map/src/App.js:
--------------------------------------------------------------------------------
 1 | import { useEffect, useRef } from "react";
 2 | import { createMap } from "maplibre-gl-js-amplify";
 3 | import "maplibre-gl/dist/maplibre-gl.css";
 4 | import config from "./aws-exports";
 5 | import Amplify from "aws-amplify";
 6 | import "./App.css";
 7 | 
 8 | Amplify.configure(config);
 9 | 
10 | function App() {
11 |   const mapRef = useRef(null); // Reference to the map DOM element
12 | 
13 |   // Wrapping our code in a useEffect allows us to run initializeMap after the div has been rendered into the DOM
14 |   useEffect(() => {
15 |     let map;
16 |     async function initializeMap() {
17 |       // We only want to initialize the underlying maplibre map after the div has been rendered
18 |       if (mapRef.current != null) {
19 |         map = await createMap({
20 |           container: mapRef.current,
21 |           center: [-122.431297, 37.773972],
22 |           zoom: 11,
23 |         });
24 |       }
25 |     }
26 |     initializeMap();
27 | 
28 |     // Cleans up and maplibre DOM elements and other resources - https://maplibre.org/maplibre-gl-js-docs/api/map/#map#remove
29 |     return function cleanup() {
30 |       if (map != null) map.remove();
31 |     };
32 |   }, []);
33 | 
34 |   return <div ref={mapRef} id="map" />;
35 | }
36 | 
37 | export default App;
38 | 


--------------------------------------------------------------------------------
/samples/vue/auth/authenticator/src/App.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 | 	<div>
 3 | 		<amplify-container v-if="authState !== 'signedin'">
 4 | 			<amplify-authenticator></amplify-authenticator>
 5 | 		</amplify-container>
 6 | 		<div id="app" v-if="authState === 'signedin' && user" class="App">
 7 | 			<div class="App-header">Hello, {{ user.username }}</div>
 8 | 			<HelloWorld msg="Welcome to Your Vue.js App" />
 9 | 			<amplify-sign-out></amplify-sign-out>
10 | 		</div>
11 | 	</div>
12 | </template>
13 | <script>
14 | import HelloWorld from './components/HelloWorld.vue';
15 | import { onAuthUIStateChange } from '@aws-amplify/ui-components';
16 | 
17 | export default {
18 | 	name: 'Authenticator',
19 | 	components: {
20 | 		HelloWorld,
21 | 	},
22 | 	created() {
23 | 		onAuthUIStateChange((authState, authData) => {
24 | 			this.authState = authState;
25 | 			this.user = authData;
26 | 		});
27 | 	},
28 | 	data() {
29 | 		return {
30 | 			user: undefined,
31 | 			authState: undefined,
32 | 		};
33 | 	},
34 | 	beforeDestroy() {
35 | 		return onAuthUIStateChange;
36 | 	},
37 | };
38 | </script>
39 | 
40 | <style>
41 | #app {
42 | 	font-family: Avenir, Helvetica, Arial, sans-serif;
43 | 	-webkit-font-smoothing: antialiased;
44 | 	-moz-osx-font-smoothing: grayscale;
45 | 	text-align: center;
46 | 	color: #2c3e50;
47 | 	margin-top: 60px;
48 | }
49 | </style>
50 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "authenticator",
 3 |   "version": "0.0.0",
 4 |   "scripts": {
 5 |     "ng": "ng",
 6 |     "start": "ng serve",
 7 |     "build": "ng build",
 8 |     "test": "ng test",
 9 |     "lint": "ng lint",
10 |     "e2e": "ng e2e"
11 |   },
12 |   "private": true,
13 |   "dependencies": {
14 |     "@angular/animations": "~9.1.9",
15 |     "@angular/common": "~9.1.9",
16 |     "@angular/compiler": "~9.1.9",
17 |     "@angular/core": "~9.1.9",
18 |     "@angular/forms": "~9.1.9",
19 |     "@angular/platform-browser": "~9.1.9",
20 |     "@angular/platform-browser-dynamic": "~9.1.9",
21 |     "@angular/router": "~9.1.9",
22 |     "@aws-amplify/ui-angular": "^0.2.9",
23 |     "aws-amplify": "^3.0.18",
24 |     "rxjs": "~6.5.4",
25 |     "tslib": "^1.10.0",
26 |     "zone.js": "~0.10.2"
27 |   },
28 |   "devDependencies": {
29 |     "@angular-devkit/build-angular": "~0.901.7",
30 |     "@angular/cli": "~9.1.7",
31 |     "@angular/compiler-cli": "~9.1.9",
32 |     "@types/jasmine": "~3.5.0",
33 |     "@types/jasminewd2": "~2.0.3",
34 |     "@types/node": "^12.11.1",
35 |     "codelyzer": "^5.1.2",
36 |     "jasmine-core": "~3.5.0",
37 |     "jasmine-spec-reporter": "~4.2.1",
38 |     "protractor": "~7.0.0",
39 |     "ts-node": "~8.3.0",
40 |     "tslint": "~6.1.0",
41 |     "typescript": "~3.8.3"
42 |   }
43 | }
44 | 


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/amplify/cli.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "features": {
 3 |     "graphqltransformer": {
 4 |       "addmissingownerfields": false,
 5 |       "improvepluralization": false,
 6 |       "validatetypenamereservedwords": true,
 7 |       "useexperimentalpipelinedtransformer": false,
 8 |       "enableiterativegsiupdates": false,
 9 |       "secondarykeyasgsi": false,
10 |       "skipoverridemutationinputtypes": false,
11 |       "transformerversion": 1,
12 |       "suppressschemamigrationprompt": true
13 |     },
14 |     "frontend-ios": {
15 |       "enablexcodeintegration": false
16 |     },
17 |     "auth": {
18 |       "enablecaseinsensitivity": false,
19 |       "useinclusiveterminology": false,
20 |       "breakcirculardependency": false,
21 |       "forcealiasattributes": false,
22 |       "useenabledmfas": false
23 |     },
24 |     "codegen": {
25 |       "useappsyncmodelgenplugin": false,
26 |       "usedocsgeneratorplugin": false,
27 |       "usetypesgeneratorplugin": false,
28 |       "cleangeneratedmodelsdirectory": false,
29 |       "retaincasestyle": false,
30 |       "addtimestampfields": false,
31 |       "handlelistnullabilitytransparently": false,
32 |       "emitauthprovider": false,
33 |       "generateindexrules": false,
34 |       "enabledartnullsafety": false
35 |     },
36 |     "appsync": {
37 |       "generategraphqlpermissions": false
38 |     },
39 |     "latestregionsupport": {
40 |       "pinpoint": 0,
41 |       "translate": 0,
42 |       "transcribe": 0,
43 |       "rekognition": 0,
44 |       "textract": 0,
45 |       "comprehend": 0
46 |     },
47 |     "project": {
48 |       "overrides": true
49 |     }
50 |   }
51 | }


--------------------------------------------------------------------------------
/samples/react/geo/display-map/README.md:
--------------------------------------------------------------------------------
 1 | # Displaying a map using Amplify Geo
 2 | 
 3 | [Amplify Geo](https://docs.amplify.aws/lib/geo/getting-started/q/platform/js/) is a library that provides APIs and map UI components for maps and location search for JavaScript-based web apps.
 4 | 
 5 | ## What is this app?
 6 | 
 7 | In this example, we used [Display Map Tutorial](https://docs.amplify.aws/lib/geo/maps/q/platform/js/) to create a simple app that displays a map.
 8 | 
 9 | We have bootstrapped this application using [Create React App](https://github.com/facebook/create-react-app) and will focus on the logic needed to add a map to your application.
10 | 
11 | ## Disclaimer
12 | 
13 | This app is not meant to be copied and run out of the box. It will get you most of the way there but you will need to use the Amplify provision your own Amplify Map resources and create an `aws-exports.js` file. Attempting to run this application as is will fail due to the missing `aws-exports` file.
14 | 
15 | ## How to Provision your own Amplify Map Resources
16 | 
17 | - Copy this project into your own workspace
18 | - Install Amplify CLI
19 |   - `npm i -g @aws-amplify/cli`
20 | - Create a new Amplify project
21 |   - `amplify init`
22 | - Create Geo resources
23 |   - `amplify add geo`
24 |   - Refer to [Amplify Geo CLI docs](https://docs.amplify.aws/cli/geo/maps/) for more detailed instructions on options
25 | - Publish changes
26 |   - `amplify push`
27 | 
28 | ## Next Steps
29 | 
30 | - Read more of our [Geo documentation](https://docs.amplify.aws/lib/geo/maps/q/platform/js/) to further customize your app. There are many advanced use cases to build upon.
31 | - Join our communities on [Twitter](https://twitter.com/awsamplify) and [Discord](https://discord.gg/amplify)
32 | 


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/amplify/backend/auth/authenticatordf03bc0b/parameters.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "identityPoolName": "authenticatordf03bc0b_identitypool_df03bc0b",
 3 |     "allowUnauthenticatedIdentities": false,
 4 |     "resourceNameTruncated": "authendf03bc0b",
 5 |     "userPoolName": "authenticatordf03bc0b_userpool_df03bc0b",
 6 |     "autoVerifiedAttributes": [
 7 |         "email"
 8 |     ],
 9 |     "mfaConfiguration": "OFF",
10 |     "mfaTypes": [
11 |         "SMS Text Message"
12 |     ],
13 |     "smsAuthenticationMessage": "Your authentication code is {####}",
14 |     "smsVerificationMessage": "Your verification code is {####}",
15 |     "emailVerificationSubject": "Your verification code",
16 |     "emailVerificationMessage": "Your verification code is {####}",
17 |     "defaultPasswordPolicy": false,
18 |     "passwordPolicyMinLength": 8,
19 |     "passwordPolicyCharacters": [],
20 |     "requiredAttributes": [
21 |         "email"
22 |     ],
23 |     "userpoolClientGenerateSecret": true,
24 |     "userpoolClientRefreshTokenValidity": 30,
25 |     "userpoolClientWriteAttributes": [
26 |         "email"
27 |     ],
28 |     "userpoolClientReadAttributes": [
29 |         "email"
30 |     ],
31 |     "userpoolClientLambdaRole": "authendf03bc0b_userpoolclient_lambda_role",
32 |     "userpoolClientSetAttributes": false,
33 |     "resourceName": "authenticatordf03bc0b",
34 |     "authSelections": "identityPoolAndUserPool",
35 |     "authRoleArn": {
36 |         "Fn::GetAtt": [
37 |             "AuthRole",
38 |             "Arn"
39 |         ]
40 |     },
41 |     "unauthRoleArn": {
42 |         "Fn::GetAtt": [
43 |             "UnauthRole",
44 |             "Arn"
45 |         ]
46 |     },
47 |     "useDefault": "default",
48 |     "userPoolGroupList": [],
49 |     "dependsOn": []
50 | }


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/amplify/backend/auth/angauthenticator98214054/parameters.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "identityPoolName": "angauthenticator98214054_identitypool_98214054",
 3 |     "allowUnauthenticatedIdentities": false,
 4 |     "resourceNameTruncated": "angaut98214054",
 5 |     "userPoolName": "angauthenticator98214054_userpool_98214054",
 6 |     "autoVerifiedAttributes": [
 7 |         "email"
 8 |     ],
 9 |     "mfaConfiguration": "OFF",
10 |     "mfaTypes": [
11 |         "SMS Text Message"
12 |     ],
13 |     "smsAuthenticationMessage": "Your authentication code is {####}",
14 |     "smsVerificationMessage": "Your verification code is {####}",
15 |     "emailVerificationSubject": "Your verification code",
16 |     "emailVerificationMessage": "Your verification code is {####}",
17 |     "defaultPasswordPolicy": false,
18 |     "passwordPolicyMinLength": 8,
19 |     "passwordPolicyCharacters": [],
20 |     "requiredAttributes": [
21 |         "email"
22 |     ],
23 |     "userpoolClientGenerateSecret": true,
24 |     "userpoolClientRefreshTokenValidity": 30,
25 |     "userpoolClientWriteAttributes": [
26 |         "email"
27 |     ],
28 |     "userpoolClientReadAttributes": [
29 |         "email"
30 |     ],
31 |     "userpoolClientLambdaRole": "angaut98214054_userpoolclient_lambda_role",
32 |     "userpoolClientSetAttributes": false,
33 |     "resourceName": "angauthenticator98214054",
34 |     "authSelections": "identityPoolAndUserPool",
35 |     "authRoleArn": {
36 |         "Fn::GetAtt": [
37 |             "AuthRole",
38 |             "Arn"
39 |         ]
40 |     },
41 |     "unauthRoleArn": {
42 |         "Fn::GetAtt": [
43 |             "UnauthRole",
44 |             "Arn"
45 |         ]
46 |     },
47 |     "useDefault": "default",
48 |     "userPoolGroupList": [],
49 |     "dependsOn": []
50 | }


--------------------------------------------------------------------------------
/samples/vue/auth/authenticator/amplify/backend/auth/publicvueauthcomp6994b8e7/parameters.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "identityPoolName": "publicvueauthcomp6994b8e7_identitypool_6994b8e7",
 3 |     "allowUnauthenticatedIdentities": false,
 4 |     "resourceNameTruncated": "public6994b8e7",
 5 |     "userPoolName": "publicvueauthcomp6994b8e7_userpool_6994b8e7",
 6 |     "autoVerifiedAttributes": [
 7 |         "email"
 8 |     ],
 9 |     "mfaConfiguration": "OFF",
10 |     "mfaTypes": [
11 |         "SMS Text Message"
12 |     ],
13 |     "smsAuthenticationMessage": "Your authentication code is {####}",
14 |     "smsVerificationMessage": "Your verification code is {####}",
15 |     "emailVerificationSubject": "Your verification code",
16 |     "emailVerificationMessage": "Your verification code is {####}",
17 |     "defaultPasswordPolicy": false,
18 |     "passwordPolicyMinLength": 8,
19 |     "passwordPolicyCharacters": [],
20 |     "requiredAttributes": [
21 |         "email"
22 |     ],
23 |     "userpoolClientGenerateSecret": true,
24 |     "userpoolClientRefreshTokenValidity": 30,
25 |     "userpoolClientWriteAttributes": [
26 |         "email"
27 |     ],
28 |     "userpoolClientReadAttributes": [
29 |         "email"
30 |     ],
31 |     "userpoolClientLambdaRole": "public6994b8e7_userpoolclient_lambda_role",
32 |     "userpoolClientSetAttributes": false,
33 |     "resourceName": "publicvueauthcomp6994b8e7",
34 |     "authSelections": "identityPoolAndUserPool",
35 |     "authRoleArn": {
36 |         "Fn::GetAtt": [
37 |             "AuthRole",
38 |             "Arn"
39 |         ]
40 |     },
41 |     "unauthRoleArn": {
42 |         "Fn::GetAtt": [
43 |             "UnauthRole",
44 |             "Arn"
45 |         ]
46 |     },
47 |     "useDefault": "default",
48 |     "userPoolGroupList": [],
49 |     "dependsOn": []
50 | }


--------------------------------------------------------------------------------
/samples/react/geo/display-map/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <meta name="viewport" content="width=device-width, initial-scale=1" />
 6 |     <meta name="theme-color" content="#000000" />
 7 |     <meta
 8 |       name="description"
 9 |       content="Web site created using create-react-app"
10 |     />
11 |     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
12 |     <!--
13 |       manifest.json provides metadata used when your web app is installed on a
14 |       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
15 |     -->
16 |     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
17 |     <!--
18 |       Notice the use of %PUBLIC_URL% in the tags above.
19 |       It will be replaced with the URL of the `public` folder during the build.
20 |       Only files inside the `public` folder can be referenced from the HTML.
21 | 
22 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
23 |       work correctly both with client-side routing and a non-root public URL.
24 |       Learn how to configure a non-root public URL by running `npm run build`.
25 |     -->
26 |     <title>Display Map App</title>
27 |   </head>
28 |   <body>
29 |     <noscript>You need to enable JavaScript to run this app.</noscript>
30 |     <div id="root"></div>
31 |     <!--
32 |       This HTML file is a template.
33 |       If you open it directly in the browser, you will see an empty page.
34 | 
35 |       You can add webfonts, meta tags, or analytics to this file.
36 |       The build step will place the bundled scripts into the <body> tag.
37 | 
38 |       To begin the development, run `npm start` or `yarn start`.
39 |       To create a production bundle, use `npm run build` or `yarn build`.
40 |     -->
41 |   </body>
42 | </html>
43 | 


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/public/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |   <head>
 4 |     <meta charset="utf-8" />
 5 |     <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1" />
 7 |     <meta name="theme-color" content="#000000" />
 8 |     <meta
 9 |       name="description"
10 |       content="Web site created using create-react-app"
11 |     />
12 |     <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
13 |     <!--
14 |       manifest.json provides metadata used when your web app is installed on a
15 |       user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
16 |     -->
17 |     <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
18 |     <!--
19 |       Notice the use of %PUBLIC_URL% in the tags above.
20 |       It will be replaced with the URL of the `public` folder during the build.
21 |       Only files inside the `public` folder can be referenced from the HTML.
22 | 
23 |       Unlike "/favicon.ico" or "favicon.ico", "%PUBLIC_URL%/favicon.ico" will
24 |       work correctly both with client-side routing and a non-root public URL.
25 |       Learn how to configure a non-root public URL by running `npm run build`.
26 |     -->
27 |     <title>React App</title>
28 |   </head>
29 |   <body>
30 |     <noscript>You need to enable JavaScript to run this app.</noscript>
31 |     <div id="root"></div>
32 |     <!--
33 |       This HTML file is a template.
34 |       If you open it directly in the browser, you will see an empty page.
35 | 
36 |       You can add webfonts, meta tags, or analytics to this file.
37 |       The build step will place the bundled scripts into the <body> tag.
38 | 
39 |       To begin the development, run `npm start` or `yarn start`.
40 |       To create a production bundle, use `npm run build` or `yarn build`.
41 |     -->
42 |   </body>
43 | </html>
44 | 


--------------------------------------------------------------------------------
/samples/react/geo/display-map/amplify/backend/auth/displaymap5fde5e85/parameters.json:
--------------------------------------------------------------------------------
 1 | {
 2 |     "identityPoolName": "displaymap5fde5e85_identitypool_5fde5e85",
 3 |     "allowUnauthenticatedIdentities": true,
 4 |     "resourceNameTruncated": "displa5fde5e85",
 5 |     "userPoolName": "displaymap5fde5e85_userpool_5fde5e85",
 6 |     "autoVerifiedAttributes": [
 7 |         "email"
 8 |     ],
 9 |     "mfaConfiguration": "OFF",
10 |     "mfaTypes": [
11 |         "SMS Text Message"
12 |     ],
13 |     "smsAuthenticationMessage": "Your authentication code is {####}",
14 |     "smsVerificationMessage": "Your verification code is {####}",
15 |     "emailVerificationSubject": "Your verification code",
16 |     "emailVerificationMessage": "Your verification code is {####}",
17 |     "defaultPasswordPolicy": false,
18 |     "passwordPolicyMinLength": 8,
19 |     "passwordPolicyCharacters": [],
20 |     "requiredAttributes": [
21 |         "email"
22 |     ],
23 |     "aliasAttributes": [
24 |         "email"
25 |     ],
26 |     "userpoolClientGenerateSecret": false,
27 |     "userpoolClientRefreshTokenValidity": 30,
28 |     "userpoolClientWriteAttributes": [
29 |         "email"
30 |     ],
31 |     "userpoolClientReadAttributes": [
32 |         "email"
33 |     ],
34 |     "userpoolClientLambdaRole": "displa5fde5e85_userpoolclient_lambda_role",
35 |     "userpoolClientSetAttributes": false,
36 |     "sharedId": "5fde5e85",
37 |     "resourceName": "displaymap5fde5e85",
38 |     "authSelections": "identityPoolAndUserPool",
39 |     "authRoleArn": {
40 |         "Fn::GetAtt": [
41 |             "AuthRole",
42 |             "Arn"
43 |         ]
44 |     },
45 |     "unauthRoleArn": {
46 |         "Fn::GetAtt": [
47 |             "UnauthRole",
48 |             "Arn"
49 |         ]
50 |     },
51 |     "useDefault": "default",
52 |     "userPoolGroupList": [],
53 |     "serviceName": "Cognito",
54 |     "usernameCaseSensitive": false,
55 |     "dependsOn": []
56 | }


--------------------------------------------------------------------------------
/samples/vue/auth/authenticator/src/components/HelloWorld.vue:
--------------------------------------------------------------------------------
 1 | <template>
 2 |   <div class="hello">
 3 |     <h1>{{ msg }}</h1>
 4 |     <p>
 5 |       For a guide and recipes on how to configure / customize this project,<br>
 6 |       check out the
 7 |       <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
 8 |     </p>
 9 |     <h3>Installed CLI Plugins</h3>
10 |     <ul>
11 |       <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
12 |       <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
13 |     </ul>
14 |     <h3>Essential Links</h3>
15 |     <ul>
16 |       <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
17 |       <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
18 |       <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
19 |       <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
20 |       <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
21 |     </ul>
22 |     <h3>Ecosystem</h3>
23 |     <ul>
24 |       <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
25 |       <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
26 |       <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
27 |       <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
28 |       <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
29 |     </ul>
30 |   </div>
31 | </template>
32 | 
33 | <script>
34 | export default {
35 |   name: 'HelloWorld',
36 |   props: {
37 |     msg: String
38 |   }
39 | }
40 | </script>
41 | 
42 | <!-- Add "scoped" attribute to limit CSS to this component only -->
43 | <style scoped>
44 | h3 {
45 |   margin: 40px 0 0;
46 | }
47 | ul {
48 |   list-style-type: none;
49 |   padding: 0;
50 | }
51 | li {
52 |   display: inline-block;
53 |   margin: 0 10px;
54 | }
55 | a {
56 |   color: #42b983;
57 | }
58 | </style>
59 | 


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/src/logo.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 841.9 595.3">
2 |     <g fill="#61DAFB">
3 |         <path d="M666.3 296.5c0-32.5-40.7-63.3-103.1-82.4 14.4-63.6 8-114.2-20.2-130.4-6.5-3.8-14.1-5.6-22.4-5.6v22.3c4.6 0 8.3.9 11.4 2.6 13.6 7.8 19.5 37.5 14.9 75.7-1.1 9.4-2.9 19.3-5.1 29.4-19.6-4.8-41-8.5-63.5-10.9-13.5-18.5-27.5-35.3-41.6-50 32.6-30.3 63.2-46.9 84-46.9V78c-27.5 0-63.5 19.6-99.9 53.6-36.4-33.8-72.4-53.2-99.9-53.2v22.3c20.7 0 51.4 16.5 84 46.6-14 14.7-28 31.4-41.3 49.9-22.6 2.4-44 6.1-63.6 11-2.3-10-4-19.7-5.2-29-4.7-38.2 1.1-67.9 14.6-75.8 3-1.8 6.9-2.6 11.5-2.6V78.5c-8.4 0-16 1.8-22.6 5.6-28.1 16.2-34.4 66.7-19.9 130.1-62.2 19.2-102.7 49.9-102.7 82.3 0 32.5 40.7 63.3 103.1 82.4-14.4 63.6-8 114.2 20.2 130.4 6.5 3.8 14.1 5.6 22.5 5.6 27.5 0 63.5-19.6 99.9-53.6 36.4 33.8 72.4 53.2 99.9 53.2 8.4 0 16-1.8 22.6-5.6 28.1-16.2 34.4-66.7 19.9-130.1 62-19.1 102.5-49.9 102.5-82.3zm-130.2-66.7c-3.7 12.9-8.3 26.2-13.5 39.5-4.1-8-8.4-16-13.1-24-4.6-8-9.5-15.8-14.4-23.4 14.2 2.1 27.9 4.7 41 7.9zm-45.8 106.5c-7.8 13.5-15.8 26.3-24.1 38.2-14.9 1.3-30 2-45.2 2-15.1 0-30.2-.7-45-1.9-8.3-11.9-16.4-24.6-24.2-38-7.6-13.1-14.5-26.4-20.8-39.8 6.2-13.4 13.2-26.8 20.7-39.9 7.8-13.5 15.8-26.3 24.1-38.2 14.9-1.3 30-2 45.2-2 15.1 0 30.2.7 45 1.9 8.3 11.9 16.4 24.6 24.2 38 7.6 13.1 14.5 26.4 20.8 39.8-6.3 13.4-13.2 26.8-20.7 39.9zm32.3-13c5.4 13.4 10 26.8 13.8 39.8-13.1 3.2-26.9 5.9-41.2 8 4.9-7.7 9.8-15.6 14.4-23.7 4.6-8 8.9-16.1 13-24.1zM421.2 430c-9.3-9.6-18.6-20.3-27.8-32 9 .4 18.2.7 27.5.7 9.4 0 18.7-.2 27.8-.7-9 11.7-18.3 22.4-27.5 32zm-74.4-58.9c-14.2-2.1-27.9-4.7-41-7.9 3.7-12.9 8.3-26.2 13.5-39.5 4.1 8 8.4 16 13.1 24 4.7 8 9.5 15.8 14.4 23.4zM420.7 163c9.3 9.6 18.6 20.3 27.8 32-9-.4-18.2-.7-27.5-.7-9.4 0-18.7.2-27.8.7 9-11.7 18.3-22.4 27.5-32zm-74 58.9c-4.9 7.7-9.8 15.6-14.4 23.7-4.6 8-8.9 16-13 24-5.4-13.4-10-26.8-13.8-39.8 13.1-3.1 26.9-5.8 41.2-7.9zm-90.5 125.2c-35.4-15.1-58.3-34.9-58.3-50.6 0-15.7 22.9-35.6 58.3-50.6 8.6-3.7 18-7 27.7-10.1 5.7 19.6 13.2 40 22.5 60.9-9.2 20.8-16.6 41.1-22.2 60.6-9.9-3.1-19.3-6.5-28-10.2zM310 490c-13.6-7.8-19.5-37.5-14.9-75.7 1.1-9.4 2.9-19.3 5.1-29.4 19.6 4.8 41 8.5 63.5 10.9 13.5 18.5 27.5 35.3 41.6 50-32.6 30.3-63.2 46.9-84 46.9-4.5-.1-8.3-1-11.3-2.7zm237.2-76.2c4.7 38.2-1.1 67.9-14.6 75.8-3 1.8-6.9 2.6-11.5 2.6-20.7 0-51.4-16.5-84-46.6 14-14.7 28-31.4 41.3-49.9 22.6-2.4 44-6.1 63.6-11 2.3 10.1 4.1 19.8 5.2 29.1zm38.5-66.7c-8.6 3.7-18 7-27.7 10.1-5.7-19.6-13.2-40-22.5-60.9 9.2-20.8 16.6-41.1 22.2-60.6 9.9 3.1 19.3 6.5 28.1 10.2 35.4 15.1 58.3 34.9 58.3 50.6-.1 15.7-23 35.6-58.4 50.6zM320.8 78.4z"/>
4 |         <circle cx="420.9" cy="296.5" r="45.7"/>
5 |         <path d="M520.5 78.1z"/>
6 |     </g>
7 | </svg>
8 | 


--------------------------------------------------------------------------------
/samples/react/geo/display-map/amplify/backend/geo/map66858145/map66858145-cloudformation-template.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "Parameters": {
  3 |     "authRoleName": {
  4 |       "Type": "String"
  5 |     },
  6 |     "unauthRoleName": {
  7 |       "Type": "String"
  8 |     },
  9 |     "mapName": {
 10 |       "Type": "String"
 11 |     },
 12 |     "mapStyle": {
 13 |       "Type": "String"
 14 |     },
 15 |     "pricingPlan": {
 16 |       "Type": "String"
 17 |     },
 18 |     "env": {
 19 |       "Type": "String"
 20 |     },
 21 |     "isDefault": {
 22 |       "Type": "String"
 23 |     }
 24 |   },
 25 |   "Resources": {
 26 |     "Map": {
 27 |       "Type": "AWS::Location::Map",
 28 |       "Properties": {
 29 |         "Configuration": {
 30 |           "Style": {
 31 |             "Ref": "mapStyle"
 32 |           }
 33 |         },
 34 |         "MapName": {
 35 |           "Fn::Join": [
 36 |             "-",
 37 |             [
 38 |               {
 39 |                 "Ref": "mapName"
 40 |               },
 41 |               {
 42 |                 "Ref": "env"
 43 |               }
 44 |             ]
 45 |           ]
 46 |         },
 47 |         "PricingPlan": {
 48 |           "Ref": "pricingPlan"
 49 |         }
 50 |       }
 51 |     },
 52 |     "MapPolicy": {
 53 |       "Type": "AWS::IAM::Policy",
 54 |       "Properties": {
 55 |         "PolicyDocument": {
 56 |           "Statement": [
 57 |             {
 58 |               "Action": [
 59 |                 "geo:GetMapStyleDescriptor",
 60 |                 "geo:GetMapGlyphs",
 61 |                 "geo:GetMapSprites",
 62 |                 "geo:GetMapTile"
 63 |               ],
 64 |               "Effect": "Allow",
 65 |               "Resource": {
 66 |                 "Fn::GetAtt": [
 67 |                   "Map",
 68 |                   "MapArn"
 69 |                 ]
 70 |               }
 71 |             }
 72 |           ],
 73 |           "Version": "2012-10-17"
 74 |         },
 75 |         "PolicyName": {
 76 |           "Fn::Join": [
 77 |             "-",
 78 |             [
 79 |               {
 80 |                 "Ref": "mapName"
 81 |               },
 82 |               {
 83 |                 "Ref": "env"
 84 |               },
 85 |               "Policy"
 86 |             ]
 87 |           ]
 88 |         },
 89 |         "Roles": [
 90 |           {
 91 |             "Ref": "authRoleName"
 92 |           },
 93 |           {
 94 |             "Ref": "unauthRoleName"
 95 |           }
 96 |         ]
 97 |       }
 98 |     }
 99 |   },
100 |   "Outputs": {
101 |     "Name": {
102 |       "Value": {
103 |         "Ref": "Map"
104 |       }
105 |     },
106 |     "Style": {
107 |       "Value": {
108 |         "Ref": "mapStyle"
109 |       }
110 |     }
111 |   }
112 | }


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/src/polyfills.ts:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * This file includes polyfills needed by Angular and is loaded before the app.
 3 |  * You can add your own extra polyfills to this file.
 4 |  *
 5 |  * This file is divided into 2 sections:
 6 |  *   1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
 7 |  *   2. Application imports. Files imported after ZoneJS that should be loaded before your main
 8 |  *      file.
 9 |  *
10 |  * The current setup is for so-called "evergreen" browsers; the last versions of browsers that
11 |  * automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
12 |  * Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
13 |  *
14 |  * Learn more in https://angular.io/guide/browser-support
15 |  */
16 | 
17 | /***************************************************************************************************
18 |  * BROWSER POLYFILLS
19 |  */
20 | 
21 | /** IE10 and IE11 requires the following for NgClass support on SVG elements */
22 | // import 'classlist.js';  // Run `npm install --save classlist.js`.
23 | 
24 | /**
25 |  * Web Animations `@angular/platform-browser/animations`
26 |  * Only required if AnimationBuilder is used within the application and using IE/Edge or Safari.
27 |  * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0).
28 |  */
29 | // import 'web-animations-js';  // Run `npm install --save web-animations-js`.
30 | 
31 | /**
32 |  * By default, zone.js will patch all possible macroTask and DomEvents
33 |  * user can disable parts of macroTask/DomEvents patch by setting following flags
34 |  * because those flags need to be set before `zone.js` being loaded, and webpack
35 |  * will put import in the top of bundle, so user need to create a separate file
36 |  * in this directory (for example: zone-flags.ts), and put the following flags
37 |  * into that file, and then add the following code before importing zone.js.
38 |  * import './zone-flags';
39 |  *
40 |  * The flags allowed in zone-flags.ts are listed here.
41 |  *
42 |  * The following flags will work for all browsers.
43 |  *
44 |  * (window as any).__Zone_disable_requestAnimationFrame = true; // disable patch requestAnimationFrame
45 |  * (window as any).__Zone_disable_on_property = true; // disable patch onProperty such as onclick
46 |  * (window as any).__zone_symbol__UNPATCHED_EVENTS = ['scroll', 'mousemove']; // disable patch specified eventNames
47 |  *
48 |  *  in IE/Edge developer tools, the addEventListener will also be wrapped by zone.js
49 |  *  with the following flag, it will bypass `zone.js` patch for IE/Edge
50 |  *
51 |  *  (window as any).__Zone_enable_cross_context_check = true;
52 |  *
53 |  */
54 | 
55 | /***************************************************************************************************
56 |  * Zone JS is required by default for Angular itself.
57 |  */
58 | import 'zone.js/dist/zone';  // Included with Angular CLI.
59 | 
60 | (window as any).global = window;
61 | 
62 | (window as any).process = {
63 |   env: { DEBUG: undefined },
64 | }
65 | /***************************************************************************************************
66 |  * APPLICATION IMPORTS
67 |  */
68 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/angular.json:
--------------------------------------------------------------------------------
  1 | {
  2 | 	"$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  3 | 	"version": 1,
  4 | 	"newProjectRoot": "projects",
  5 | 	"projects": {
  6 | 		"authenticator": {
  7 | 			"projectType": "application",
  8 | 			"schematics": {},
  9 | 			"root": "",
 10 | 			"sourceRoot": "src",
 11 | 			"prefix": "app",
 12 | 			"architect": {
 13 | 				"build": {
 14 | 					"builder": "@angular-devkit/build-angular:browser",
 15 | 					"options": {
 16 | 						"outputPath": "dist/authenticator",
 17 | 						"index": "src/index.html",
 18 | 						"main": "src/main.ts",
 19 | 						"polyfills": "src/polyfills.ts",
 20 | 						"tsConfig": "tsconfig.app.json",
 21 | 						"aot": true,
 22 | 						"assets": ["src/favicon.ico", "src/assets"],
 23 | 						"styles": ["src/styles.css"],
 24 | 						"scripts": []
 25 | 					},
 26 | 					"configurations": {
 27 | 						"production": {
 28 | 							"fileReplacements": [
 29 | 								{
 30 | 									"replace": "src/environments/environment.ts",
 31 | 									"with": "src/environments/environment.prod.ts"
 32 | 								}
 33 | 							],
 34 | 							"optimization": true,
 35 | 							"outputHashing": "all",
 36 | 							"sourceMap": false,
 37 | 							"extractCss": true,
 38 | 							"namedChunks": false,
 39 | 							"extractLicenses": true,
 40 | 							"vendorChunk": false,
 41 | 							"buildOptimizer": true,
 42 | 							"budgets": [
 43 | 								{
 44 | 									"type": "initial",
 45 | 									"maximumWarning": "2mb",
 46 | 									"maximumError": "5mb"
 47 | 								},
 48 | 								{
 49 | 									"type": "anyComponentStyle",
 50 | 									"maximumWarning": "6kb",
 51 | 									"maximumError": "10kb"
 52 | 								}
 53 | 							]
 54 | 						}
 55 | 					}
 56 | 				},
 57 | 				"serve": {
 58 | 					"builder": "@angular-devkit/build-angular:dev-server",
 59 | 					"options": {
 60 | 						"browserTarget": "authenticator:build"
 61 | 					},
 62 | 					"configurations": {
 63 | 						"production": {
 64 | 							"browserTarget": "authenticator:build:production"
 65 | 						}
 66 | 					}
 67 | 				},
 68 | 				"extract-i18n": {
 69 | 					"builder": "@angular-devkit/build-angular:extract-i18n",
 70 | 					"options": {
 71 | 						"browserTarget": "authenticator:build"
 72 | 					}
 73 | 				},
 74 | 				"test": {
 75 | 					"builder": "@angular-devkit/build-angular:karma",
 76 | 					"options": {
 77 | 						"main": "src/test.ts",
 78 | 						"polyfills": "src/polyfills.ts",
 79 | 						"tsConfig": "tsconfig.spec.json",
 80 | 						"karmaConfig": "karma.conf.js",
 81 | 						"assets": ["src/favicon.ico", "src/assets"],
 82 | 						"styles": ["src/styles.css"],
 83 | 						"scripts": []
 84 | 					}
 85 | 				},
 86 | 				"lint": {
 87 | 					"builder": "@angular-devkit/build-angular:tslint",
 88 | 					"options": {
 89 | 						"tsConfig": [
 90 | 							"tsconfig.app.json",
 91 | 							"tsconfig.spec.json",
 92 | 							"e2e/tsconfig.json"
 93 | 						],
 94 | 						"exclude": ["**/node_modules/**"]
 95 | 					}
 96 | 				},
 97 | 				"e2e": {
 98 | 					"builder": "@angular-devkit/build-angular:protractor",
 99 | 					"options": {
100 | 						"protractorConfig": "e2e/protractor.conf.js",
101 | 						"devServerTarget": "authenticator:serve"
102 | 					},
103 | 					"configurations": {
104 | 						"production": {
105 | 							"devServerTarget": "authenticator:serve:production"
106 | 						}
107 | 					}
108 | 				}
109 | 			}
110 | 		}
111 | 	},
112 | 	"defaultProject": "authenticator"
113 | }
114 | 


--------------------------------------------------------------------------------
/CONTRIBUTING.md:
--------------------------------------------------------------------------------
 1 | # Contributing Guidelines
 2 | 
 3 | Thank you for your interest in contributing to our project. Whether it's a bug report, new feature, correction, or additional
 4 | documentation, we greatly value feedback and contributions from our community.
 5 | 
 6 | Please read through this document before submitting any issues or pull requests to ensure we have all the necessary
 7 | information to effectively respond to your bug report or contribution.
 8 | 
 9 | 
10 | ## Reporting Bugs/Feature Requests
11 | 
12 | We welcome you to use the GitHub issue tracker to report bugs or suggest features.
13 | 
14 | When filing an issue, please check [existing open](https://github.com/aws-amplify/amplify-js-samples/issues), or [recently closed](https://github.com/aws-amplify/amplify-js-samples/issues?utf8=%E2%9C%93&q=is%3Aissue%20is%3Aclosed%20), issues to make sure somebody else hasn't already
15 | reported the issue. Please try to include as much information as you can. Details like these are incredibly useful:
16 | 
17 | * A reproducible test case or series of steps
18 | * The version of our code being used
19 | * Any modifications you've made relevant to the bug
20 | * Anything unusual about your environment or deployment
21 | 
22 | 
23 | ## Contributing via Pull Requests
24 | Contributions via pull requests are much appreciated. Before sending us a pull request, please ensure that:
25 | 
26 | 1. You are working against the latest source on the *master* branch.
27 | 2. You check existing open, and recently merged, pull requests to make sure someone else hasn't addressed the problem already.
28 | 3. You open an issue to discuss any significant work - we would hate for your time to be wasted.
29 | 
30 | To send us a pull request, please:
31 | 
32 | 1. Fork the repository.
33 | 2. Modify the source; please focus on the specific change you are contributing. If you also reformat all the code, it will be hard for us to focus on your change.
34 | 3. Ensure local tests pass.
35 | 4. Commit to your fork using clear commit messages.
36 | 5. Send us a pull request, answering any default questions in the pull request interface.
37 | 6. Pay attention to any automated CI failures reported in the pull request, and stay involved in the conversation.
38 | 
39 | GitHub provides additional document on [forking a repository](https://help.github.com/articles/fork-a-repo/) and
40 | [creating a pull request](https://help.github.com/articles/creating-a-pull-request/).
41 | 
42 | 
43 | ## Finding contributions to work on
44 | Looking at the existing issues is a great way to find something to contribute on. As our projects, by default, use the default GitHub issue labels (enhancement/bug/duplicate/help wanted/invalid/question/wontfix), looking at any ['help wanted'](https://github.com/aws-amplify/amplify-js-samples/labels/help%20wanted) issues is a great place to start.
45 | 
46 | 
47 | ## Code of Conduct
48 | This project has adopted the [Amazon Open Source Code of Conduct](https://aws.github.io/code-of-conduct).
49 | For more information see the [Code of Conduct FAQ](https://aws.github.io/code-of-conduct-faq) or contact
50 | opensource-codeofconduct@amazon.com with any additional questions or comments.
51 | 
52 | 
53 | ## Security issue notifications
54 | If you discover a potential security issue in this project we ask that you notify AWS/Amazon Security via our [vulnerability reporting page](http://aws.amazon.com/security/vulnerability-reporting/). Please do **not** create a public github issue.
55 | 
56 | 
57 | ## Licensing
58 | 
59 | See the [LICENSE](https://github.com/aws-amplify/amplify-js-samples/blob/master/LICENSE) file for our project's licensing. We will ask you to confirm the licensing of your contribution.
60 | 
61 | We may ask you to sign a [Contributor License Agreement (CLA)](http://en.wikipedia.org/wiki/Contributor_License_Agreement) for larger changes.
62 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/README.md:
--------------------------------------------------------------------------------
 1 | # Authentication using the Amplify Angular Authenticator Component
 2 | 
 3 | [Amplify UI Components](https://docs.amplify.aws/ui/q/framework/angular) is an open-source toolkit that makes it easier for developers to add common use cases to their applications. The toolkit comes out of the box with a UI interface that is connected to Amplify’s backend services.
 4 | 
 5 | ## What Are We Building?
 6 | 
 7 | In this example, we will use the [Authenticator UI Component](https://docs.amplify.aws/ui/auth/authenticator/q/framework/angular) to allow users to signup and signin.
 8 | 
 9 | We have bootstrapped this application using the [Angular CLI](https://cli.angular.io/).
10 | 
11 | <img src="https://amplify-demo-assets.s3.amazonaws.com/screenshot.png" alt="screenshot" height="400px"/>
12 | 
13 | ## Let's Get Started!
14 | 
15 | ## Setup
16 | 
17 | 1. Login or [Create](https://portal.aws.amazon.com/billing/signup?type=enterprise#/start) an AWS Account.
18 | 2. In a terminal, clone this repo.
19 | 3. Install the [Amplify CLI](https://github.com/aws-amplify/amplify-cli) `npm install -g @aws-amplify/cli`. Ensure you are in the directory you just cloned.
20 | 4. If it’s your first time using the CLI, you will need to configure it by running `amplify configure`. Follow the instructions to create an IAM profile locally.
21 | 5. Now let’s initialize an Amplify project in this directory. `amplify init`
22 | 
23 | ```
24 | $ amplify init
25 | ? Enter a name for the environment  dev
26 | ? Choose your default editor: (pick an editor)
27 | ? Do you want to use an AWS profile? Y (this should be the profile you created in step #4)
28 | ```
29 | 
30 | 6. Lastly, the CLI will provision our backend resources using the config files in the `amplify` directory. To provision these resources in the cloud, run `amplify push`. Confirm you want to use the Auth category.
31 | 
32 | ## Running the App
33 | 
34 | 1. `npm install`
35 | 2. `npm run start`
36 | 3. The app should run on http://localhost:4200/. Try creating an account and signing in.
37 | 
38 | ## A Closer Look
39 | 
40 | Now that you've built the app, let's take a look under the hood and explore how it works.
41 | 
42 | ### Frontend
43 | 
44 | Let's dive into the frontend components. In this app, the important logic is in `app.component.ts`.
45 | 
46 | Using the \*ngIf directive we can conditionally render the application based on whether a user is authenticated and signed in. If a user isn’t signed in, let’s display the `AmplifyAuthenticator`:
47 | 
48 | ```
49 | <amplify-container *ngIf="authState !== 'signedin'">
50 | 	<amplify-authenticator></amplify-authenticator>
51 | </amplify-container>
52 | ```
53 | 
54 | If this is signed in, we can route to a user dashboard component or simply display their username.
55 | 
56 | ```
57 | <div *ngIf="authState === 'signedin' && user">
58 |     // Application Logic
59 |     <span>Hello, {{ user.username }}</span>
60 | </div>
61 | ```
62 | 
63 | This works out of the box and displays a standard SignIn/SignOut interface for users.
64 | 
65 | ### Backend
66 | 
67 | The Amplify CLI is responsible for building the necessary modules in the backend to support user authentication, which in this case lives in the AWS cloud. To be more specific, we will use Amazon Cognito, so there is no need to build your own backend.
68 | 
69 | The config files in the `amplify` folder contain these instructions. If you start from scratch, run `amplify add auth` to build these files. Then run, `amplify push` to deploy them on AWS.
70 | 
71 | ## Next Steps
72 | 
73 | - Read our [Authentication documentation](https://docs.amplify.aws/ui/auth/authenticator/q/framework/angular) to further customize your app. There are many advanced use cases to build upon.
74 | - Join our communities on [Twitter](https://twitter.com/awsamplify) and [Discord](https://discord.gg/amplify)
75 | 


--------------------------------------------------------------------------------
/samples/vue/auth/authenticator/README.md:
--------------------------------------------------------------------------------
 1 | # Authentication using the Amplify Vue Authenticator Component
 2 | 
 3 | [Amplify UI Components](https://docs.amplify.aws/ui/q/framework/vue) is an open-source toolkit that makes it easier for developers to add common use cases to their applications. The toolkit comes out of the box with a UI interface that is connected to Amplify’s backend services.
 4 | 
 5 | ## What Are We Building?
 6 | 
 7 | In this example, we will use the [Authenticator UI Component](https://docs.amplify.aws/ui/auth/authenticator/q/framework/vue) to allow users to signup and signin.
 8 | 
 9 | We have bootstrapped this application using the [Vue CLI](https://cli.vuejs.org/).
10 | 
11 | <img src="https://amplify-demo-assets.s3.amazonaws.com/screenshot.png" alt="screenshot" height="400px"/>
12 | 
13 | ## Let's Get Started!
14 | 
15 | ## Setup
16 | 
17 | 1. Login or [Create](https://portal.aws.amazon.com/billing/signup?type=enterprise#/start) an AWS Account.
18 | 2. In a terminal, clone this repo.
19 | 3. Install the [Amplify CLI](https://github.com/aws-amplify/amplify-cli) `npm install -g @aws-amplify/cli`. Ensure you are in the directory you just cloned.
20 | 4. If it’s your first time using the CLI, you will need to configure it by running `amplify configure`. Follow the instructions to create an IAM profile locally.
21 | 5. Now let’s initialize an Amplify project in this directory. `amplify init`
22 | 
23 | ```
24 | $ amplify init
25 | ? Enter a name for the environment  dev
26 | ? Choose your default editor: (pick an editor)
27 | ? Do you want to use an AWS profile? Y (this should be the profile you created in step #4)
28 | ```
29 | 
30 | 6. Lastly, the CLI will provision our backend resources using the config files in the `amplify` directory. To provision these resources in the cloud, run `amplify push`. Confirm you want to use the Auth category.
31 | 
32 | ## Running the App
33 | 
34 | 1. `npm install`
35 | 2. `npm run start`
36 | 3. The app should run on http://localhost:8080/. Try creating an account and signing in.
37 | 
38 | ## A Closer Look
39 | 
40 | Now that you've built the app, let's take a look under the hood and explore how it works.
41 | 
42 | ### Frontend
43 | 
44 | Let's dive into the frontend components. In this app, the important logic is in `App.vue`.
45 | 
46 | Using the v-if directive we can conditionally render the application based on whether a user is authenticated and signed in. If a user isn’t signed in, let’s display the `amplify-authenticator`:
47 | 
48 | ```
49 | <amplify-container v-if="authState !== 'signedin'">
50 |     <amplify-authenticator></amplify-authenticator>
51 | </amplify-container>
52 | ```
53 | 
54 | If this is signed in, we can route to a user dashboard component or simply display their username.
55 | 
56 | ```
57 | <div id="app" v-if="authState === 'signedin' && user" class="App">
58 |     <div>Hello, {{ user.username }}</div>
59 |     <HelloWorld msg="Welcome to Your Vue.js App" />
60 |     <amplify-sign-out></amplify-sign-out>
61 | </div>
62 | ```
63 | 
64 | This works out of the box and displays a standard SignIn/SignOut interface for users.
65 | 
66 | ### Backend
67 | 
68 | The Amplify CLI is responsible for building the necessary modules in the backend to support user authentication, which in this case lives in the AWS cloud. To be more specific, we will use Amazon Cognito, so there is no need to build your own backend.
69 | 
70 | The config files in the `amplify` folder contain these instructions. If you start from scratch, run `amplify add auth` to build these files. Then run, `amplify push` to deploy them on AWS.
71 | 
72 | ## Next Steps
73 | 
74 | - Read our [Authenticator documentation](https://docs.amplify.aws/ui/auth/authenticator/q/framework/vue) to further customize your app. There are many advanced use cases to build upon.
75 | - Join our communities on [Twitter](https://twitter.com/awsamplify) and [Discord](https://discord.gg/amplify)
76 | 


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/README.md:
--------------------------------------------------------------------------------
 1 | # Authentication using an Amplify React Authenticator Component
 2 | 
 3 | [Amplify UI Components](https://docs.amplify.aws/ui/q/framework/react) is an open-source toolkit that makes it easier for developers to add common use cases to their applications. The toolkit comes out of the box with a UI interface that is connected to Amplify’s backend services.
 4 | 
 5 | ## What Are We Building?
 6 | 
 7 | In this example, we will use the [Authenticator UI Component](https://docs.amplify.aws/ui/auth/authenticator/q/framework/react) to allow users to signup and signin.
 8 | 
 9 | We have bootstrapped this application using [Create React App](https://github.com/facebook/create-react-app) and will focus on the logic that adds authentication.
10 | 
11 | <img src="https://amplify-demo-assets.s3.amazonaws.com/screenshot.png" alt="screenshot" height="400px"/>
12 | 
13 | ## Let's Get Started!
14 | 
15 | ## Setup
16 | 
17 | 1. Login or [Create](https://portal.aws.amazon.com/billing/signup?type=enterprise#/start) an AWS Account.
18 | 2. In a terminal, clone this repo.
19 | 3. Install the [Amplify CLI](https://github.com/aws-amplify/amplify-cli) `npm install -g @aws-amplify/cli`. Ensure you are in the directory you just cloned.
20 | 4. If it’s your first time using the CLI, you will need to configure it by running `amplify configure`. Follow the instructions to create an IAM profile locally.
21 | 5. Now let’s initialize an Amplify project in this directory. `amplify init`
22 | 
23 | ```
24 | $ amplify init
25 | ? Enter a name for the environment  dev
26 | ? Choose your default editor: (pick an editor)
27 | ? Do you want to use an AWS profile? Y (this should be the profile you created in step #4)
28 | ```
29 | 
30 | 6. Lastly, the CLI will provision our backend resources using the config files in the `amplify` directory. To provision these resources in the cloud, run `amplify push`. Confirm you want to use the Auth category.
31 | 
32 | ## Running the App
33 | 
34 | 1. `npm install`
35 | 2. `npm run start`
36 | 3. The app should run on http://localhost:3000/. Try creating an account and signing in.
37 | 
38 | ## A Closer Look
39 | 
40 | Now that you've built the app, let's take a look under the hood and explore how it works.
41 | 
42 | ### Frontend
43 | 
44 | Let's dive into the frontend components. In this app, the important logic is in `App.js`.
45 | 
46 | Using `AuthState` we can check if a user is authenticated and signed in: `AuthState.SignedIn`. If this is true, we can route to a user dashboard component or simply display their name.
47 | 
48 | ```
49 | <div>Hello, {user.username}</div>
50 | <img src={logo} className="App-logo" alt="logo" />
51 | <AmplifySignOut />
52 | ```
53 | 
54 | Notice, we also provide a way for users to signout, is the [signout component](https://docs.amplify.aws/ui/auth/authenticator/q/framework/react#sign-out).
55 | 
56 | If a user isn’t signed in, let’s display the `AmplifyAuthenticator`:
57 | 
58 | ```
59 | <AmplifyContainer>
60 |   <AmplifyAuthenticator />
61 | </AmplifyContainer>
62 | ```
63 | 
64 | This works out of the box and displays a standard SignIn/SignOut interface for users.
65 | 
66 | ### Backend
67 | 
68 | The Amplify CLI is responsible for building the necessary modules in the backend to support user authentication, which in this case lives in the AWS cloud. To be more specific, we will use Amazon Cognito, so there is no need to build your own backend.
69 | 
70 | The config files in the `amplify` folder contain these instructions. If you start from scratch, run `amplify add auth` to build these files. Then run, `amplify push` to deploy them on AWS.
71 | 
72 | ## Next Steps
73 | 
74 | - Read our [Authentication documentation](https://docs.amplify.aws/ui/auth/authenticator/q/framework/react) to further customize your app. There are many advanced use cases to build upon.
75 | - Join our communities on [Twitter](https://twitter.com/awsamplify) and [Discord](https://discord.gg/amplify)
76 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/tslint.json:
--------------------------------------------------------------------------------
  1 | {
  2 |   "extends": "tslint:recommended",
  3 |   "rules": {
  4 |     "align": {
  5 |       "options": [
  6 |         "parameters",
  7 |         "statements"
  8 |       ]
  9 |     },
 10 |     "array-type": false,
 11 |     "arrow-return-shorthand": true,
 12 |     "curly": true,
 13 |     "deprecation": {
 14 |       "severity": "warning"
 15 |     },
 16 |     "component-class-suffix": true,
 17 |     "contextual-lifecycle": true,
 18 |     "directive-class-suffix": true,
 19 |     "directive-selector": [
 20 |       true,
 21 |       "attribute",
 22 |       "app",
 23 |       "camelCase"
 24 |     ],
 25 |     "component-selector": [
 26 |       true,
 27 |       "element",
 28 |       "app",
 29 |       "kebab-case"
 30 |     ],
 31 |     "eofline": true,
 32 |     "import-blacklist": [
 33 |       true,
 34 |       "rxjs/Rx"
 35 |     ],
 36 |     "import-spacing": true,
 37 |     "indent": {
 38 |       "options": [
 39 |         "spaces"
 40 |       ]
 41 |     },
 42 |     "max-classes-per-file": false,
 43 |     "max-line-length": [
 44 |       true,
 45 |       140
 46 |     ],
 47 |     "member-ordering": [
 48 |       true,
 49 |       {
 50 |         "order": [
 51 |           "static-field",
 52 |           "instance-field",
 53 |           "static-method",
 54 |           "instance-method"
 55 |         ]
 56 |       }
 57 |     ],
 58 |     "no-console": [
 59 |       true,
 60 |       "debug",
 61 |       "info",
 62 |       "time",
 63 |       "timeEnd",
 64 |       "trace"
 65 |     ],
 66 |     "no-empty": false,
 67 |     "no-inferrable-types": [
 68 |       true,
 69 |       "ignore-params"
 70 |     ],
 71 |     "no-non-null-assertion": true,
 72 |     "no-redundant-jsdoc": true,
 73 |     "no-switch-case-fall-through": true,
 74 |     "no-var-requires": false,
 75 |     "object-literal-key-quotes": [
 76 |       true,
 77 |       "as-needed"
 78 |     ],
 79 |     "quotemark": [
 80 |       true,
 81 |       "single"
 82 |     ],
 83 |     "semicolon": {
 84 |       "options": [
 85 |         "always"
 86 |       ]
 87 |     },
 88 |     "space-before-function-paren": {
 89 |       "options": {
 90 |         "anonymous": "never",
 91 |         "asyncArrow": "always",
 92 |         "constructor": "never",
 93 |         "method": "never",
 94 |         "named": "never"
 95 |       }
 96 |     },
 97 |     "typedef-whitespace": {
 98 |       "options": [
 99 |         {
100 |           "call-signature": "nospace",
101 |           "index-signature": "nospace",
102 |           "parameter": "nospace",
103 |           "property-declaration": "nospace",
104 |           "variable-declaration": "nospace"
105 |         },
106 |         {
107 |           "call-signature": "onespace",
108 |           "index-signature": "onespace",
109 |           "parameter": "onespace",
110 |           "property-declaration": "onespace",
111 |           "variable-declaration": "onespace"
112 |         }
113 |       ]
114 |     },
115 |     "variable-name": {
116 |       "options": [
117 |         "ban-keywords",
118 |         "check-format",
119 |         "allow-pascal-case"
120 |       ]
121 |     },
122 |     "whitespace": {
123 |       "options": [
124 |         "check-branch",
125 |         "check-decl",
126 |         "check-operator",
127 |         "check-separator",
128 |         "check-type",
129 |         "check-typecast"
130 |       ]
131 |     },
132 |     "no-conflicting-lifecycle": true,
133 |     "no-host-metadata-property": true,
134 |     "no-input-rename": true,
135 |     "no-inputs-metadata-property": true,
136 |     "no-output-native": true,
137 |     "no-output-on-prefix": true,
138 |     "no-output-rename": true,
139 |     "no-outputs-metadata-property": true,
140 |     "template-banana-in-box": true,
141 |     "template-no-negated-async": true,
142 |     "use-lifecycle-interface": true,
143 |     "use-pipe-transform-interface": true
144 |   },
145 |   "rulesDirectory": [
146 |     "codelyzer"
147 |   ]
148 | }


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/src/serviceWorker.js:
--------------------------------------------------------------------------------
  1 | // This optional code is used to register a service worker.
  2 | // register() is not called by default.
  3 | 
  4 | // This lets the app load faster on subsequent visits in production, and gives
  5 | // it offline capabilities. However, it also means that developers (and users)
  6 | // will only see deployed updates on subsequent visits to a page, after all the
  7 | // existing tabs open on the page have been closed, since previously cached
  8 | // resources are updated in the background.
  9 | 
 10 | // To learn more about the benefits of this model and instructions on how to
 11 | // opt-in, read https://bit.ly/CRA-PWA
 12 | 
 13 | const isLocalhost = Boolean(
 14 |   window.location.hostname === 'localhost' ||
 15 |     // [::1] is the IPv6 localhost address.
 16 |     window.location.hostname === '[::1]' ||
 17 |     // 127.0.0.0/8 are considered localhost for IPv4.
 18 |     window.location.hostname.match(
 19 |       /^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/
 20 |     )
 21 | );
 22 | 
 23 | export function register(config) {
 24 |   if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {
 25 |     // The URL constructor is available in all browsers that support SW.
 26 |     const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href);
 27 |     if (publicUrl.origin !== window.location.origin) {
 28 |       // Our service worker won't work if PUBLIC_URL is on a different origin
 29 |       // from what our page is served on. This might happen if a CDN is used to
 30 |       // serve assets; see https://github.com/facebook/create-react-app/issues/2374
 31 |       return;
 32 |     }
 33 | 
 34 |     window.addEventListener('load', () => {
 35 |       const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;
 36 | 
 37 |       if (isLocalhost) {
 38 |         // This is running on localhost. Let's check if a service worker still exists or not.
 39 |         checkValidServiceWorker(swUrl, config);
 40 | 
 41 |         // Add some additional logging to localhost, pointing developers to the
 42 |         // service worker/PWA documentation.
 43 |         navigator.serviceWorker.ready.then(() => {
 44 |           console.log(
 45 |             'This web app is being served cache-first by a service ' +
 46 |               'worker. To learn more, visit https://bit.ly/CRA-PWA'
 47 |           );
 48 |         });
 49 |       } else {
 50 |         // Is not localhost. Just register service worker
 51 |         registerValidSW(swUrl, config);
 52 |       }
 53 |     });
 54 |   }
 55 | }
 56 | 
 57 | function registerValidSW(swUrl, config) {
 58 |   navigator.serviceWorker
 59 |     .register(swUrl)
 60 |     .then(registration => {
 61 |       registration.onupdatefound = () => {
 62 |         const installingWorker = registration.installing;
 63 |         if (installingWorker == null) {
 64 |           return;
 65 |         }
 66 |         installingWorker.onstatechange = () => {
 67 |           if (installingWorker.state === 'installed') {
 68 |             if (navigator.serviceWorker.controller) {
 69 |               // At this point, the updated precached content has been fetched,
 70 |               // but the previous service worker will still serve the older
 71 |               // content until all client tabs are closed.
 72 |               console.log(
 73 |                 'New content is available and will be used when all ' +
 74 |                   'tabs for this page are closed. See https://bit.ly/CRA-PWA.'
 75 |               );
 76 | 
 77 |               // Execute callback
 78 |               if (config && config.onUpdate) {
 79 |                 config.onUpdate(registration);
 80 |               }
 81 |             } else {
 82 |               // At this point, everything has been precached.
 83 |               // It's the perfect time to display a
 84 |               // "Content is cached for offline use." message.
 85 |               console.log('Content is cached for offline use.');
 86 | 
 87 |               // Execute callback
 88 |               if (config && config.onSuccess) {
 89 |                 config.onSuccess(registration);
 90 |               }
 91 |             }
 92 |           }
 93 |         };
 94 |       };
 95 |     })
 96 |     .catch(error => {
 97 |       console.error('Error during service worker registration:', error);
 98 |     });
 99 | }
100 | 
101 | function checkValidServiceWorker(swUrl, config) {
102 |   // Check if the service worker can be found. If it can't reload the page.
103 |   fetch(swUrl, {
104 |     headers: { 'Service-Worker': 'script' },
105 |   })
106 |     .then(response => {
107 |       // Ensure service worker exists, and that we really are getting a JS file.
108 |       const contentType = response.headers.get('content-type');
109 |       if (
110 |         response.status === 404 ||
111 |         (contentType != null && contentType.indexOf('javascript') === -1)
112 |       ) {
113 |         // No service worker found. Probably a different app. Reload the page.
114 |         navigator.serviceWorker.ready.then(registration => {
115 |           registration.unregister().then(() => {
116 |             window.location.reload();
117 |           });
118 |         });
119 |       } else {
120 |         // Service worker found. Proceed as normal.
121 |         registerValidSW(swUrl, config);
122 |       }
123 |     })
124 |     .catch(() => {
125 |       console.log(
126 |         'No internet connection found. App is running in offline mode.'
127 |       );
128 |     });
129 | }
130 | 
131 | export function unregister() {
132 |   if ('serviceWorker' in navigator) {
133 |     navigator.serviceWorker.ready
134 |       .then(registration => {
135 |         registration.unregister();
136 |       })
137 |       .catch(error => {
138 |         console.error(error.message);
139 |       });
140 |   }
141 | }
142 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
  1 | 
  2 |                                  Apache License
  3 |                            Version 2.0, January 2004
  4 |                         http://www.apache.org/licenses/
  5 | 
  6 |    TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
  7 | 
  8 |    1. Definitions.
  9 | 
 10 |       "License" shall mean the terms and conditions for use, reproduction,
 11 |       and distribution as defined by Sections 1 through 9 of this document.
 12 | 
 13 |       "Licensor" shall mean the copyright owner or entity authorized by
 14 |       the copyright owner that is granting the License.
 15 | 
 16 |       "Legal Entity" shall mean the union of the acting entity and all
 17 |       other entities that control, are controlled by, or are under common
 18 |       control with that entity. For the purposes of this definition,
 19 |       "control" means (i) the power, direct or indirect, to cause the
 20 |       direction or management of such entity, whether by contract or
 21 |       otherwise, or (ii) ownership of fifty percent (50%) or more of the
 22 |       outstanding shares, or (iii) beneficial ownership of such entity.
 23 | 
 24 |       "You" (or "Your") shall mean an individual or Legal Entity
 25 |       exercising permissions granted by this License.
 26 | 
 27 |       "Source" form shall mean the preferred form for making modifications,
 28 |       including but not limited to software source code, documentation
 29 |       source, and configuration files.
 30 | 
 31 |       "Object" form shall mean any form resulting from mechanical
 32 |       transformation or translation of a Source form, including but
 33 |       not limited to compiled object code, generated documentation,
 34 |       and conversions to other media types.
 35 | 
 36 |       "Work" shall mean the work of authorship, whether in Source or
 37 |       Object form, made available under the License, as indicated by a
 38 |       copyright notice that is included in or attached to the work
 39 |       (an example is provided in the Appendix below).
 40 | 
 41 |       "Derivative Works" shall mean any work, whether in Source or Object
 42 |       form, that is based on (or derived from) the Work and for which the
 43 |       editorial revisions, annotations, elaborations, or other modifications
 44 |       represent, as a whole, an original work of authorship. For the purposes
 45 |       of this License, Derivative Works shall not include works that remain
 46 |       separable from, or merely link (or bind by name) to the interfaces of,
 47 |       the Work and Derivative Works thereof.
 48 | 
 49 |       "Contribution" shall mean any work of authorship, including
 50 |       the original version of the Work and any modifications or additions
 51 |       to that Work or Derivative Works thereof, that is intentionally
 52 |       submitted to Licensor for inclusion in the Work by the copyright owner
 53 |       or by an individual or Legal Entity authorized to submit on behalf of
 54 |       the copyright owner. For the purposes of this definition, "submitted"
 55 |       means any form of electronic, verbal, or written communication sent
 56 |       to the Licensor or its representatives, including but not limited to
 57 |       communication on electronic mailing lists, source code control systems,
 58 |       and issue tracking systems that are managed by, or on behalf of, the
 59 |       Licensor for the purpose of discussing and improving the Work, but
 60 |       excluding communication that is conspicuously marked or otherwise
 61 |       designated in writing by the copyright owner as "Not a Contribution."
 62 | 
 63 |       "Contributor" shall mean Licensor and any individual or Legal Entity
 64 |       on behalf of whom a Contribution has been received by Licensor and
 65 |       subsequently incorporated within the Work.
 66 | 
 67 |    2. Grant of Copyright License. Subject to the terms and conditions of
 68 |       this License, each Contributor hereby grants to You a perpetual,
 69 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 70 |       copyright license to reproduce, prepare Derivative Works of,
 71 |       publicly display, publicly perform, sublicense, and distribute the
 72 |       Work and such Derivative Works in Source or Object form.
 73 | 
 74 |    3. Grant of Patent License. Subject to the terms and conditions of
 75 |       this License, each Contributor hereby grants to You a perpetual,
 76 |       worldwide, non-exclusive, no-charge, royalty-free, irrevocable
 77 |       (except as stated in this section) patent license to make, have made,
 78 |       use, offer to sell, sell, import, and otherwise transfer the Work,
 79 |       where such license applies only to those patent claims licensable
 80 |       by such Contributor that are necessarily infringed by their
 81 |       Contribution(s) alone or by combination of their Contribution(s)
 82 |       with the Work to which such Contribution(s) was submitted. If You
 83 |       institute patent litigation against any entity (including a
 84 |       cross-claim or counterclaim in a lawsuit) alleging that the Work
 85 |       or a Contribution incorporated within the Work constitutes direct
 86 |       or contributory patent infringement, then any patent licenses
 87 |       granted to You under this License for that Work shall terminate
 88 |       as of the date such litigation is filed.
 89 | 
 90 |    4. Redistribution. You may reproduce and distribute copies of the
 91 |       Work or Derivative Works thereof in any medium, with or without
 92 |       modifications, and in Source or Object form, provided that You
 93 |       meet the following conditions:
 94 | 
 95 |       (a) You must give any other recipients of the Work or
 96 |           Derivative Works a copy of this License; and
 97 | 
 98 |       (b) You must cause any modified files to carry prominent notices
 99 |           stating that You changed the files; and
100 | 
101 |       (c) You must retain, in the Source form of any Derivative Works
102 |           that You distribute, all copyright, patent, trademark, and
103 |           attribution notices from the Source form of the Work,
104 |           excluding those notices that do not pertain to any part of
105 |           the Derivative Works; and
106 | 
107 |       (d) If the Work includes a "NOTICE" text file as part of its
108 |           distribution, then any Derivative Works that You distribute must
109 |           include a readable copy of the attribution notices contained
110 |           within such NOTICE file, excluding those notices that do not
111 |           pertain to any part of the Derivative Works, in at least one
112 |           of the following places: within a NOTICE text file distributed
113 |           as part of the Derivative Works; within the Source form or
114 |           documentation, if provided along with the Derivative Works; or,
115 |           within a display generated by the Derivative Works, if and
116 |           wherever such third-party notices normally appear. The contents
117 |           of the NOTICE file are for informational purposes only and
118 |           do not modify the License. You may add Your own attribution
119 |           notices within Derivative Works that You distribute, alongside
120 |           or as an addendum to the NOTICE text from the Work, provided
121 |           that such additional attribution notices cannot be construed
122 |           as modifying the License.
123 | 
124 |       You may add Your own copyright statement to Your modifications and
125 |       may provide additional or different license terms and conditions
126 |       for use, reproduction, or distribution of Your modifications, or
127 |       for any such Derivative Works as a whole, provided Your use,
128 |       reproduction, and distribution of the Work otherwise complies with
129 |       the conditions stated in this License.
130 | 
131 |    5. Submission of Contributions. Unless You explicitly state otherwise,
132 |       any Contribution intentionally submitted for inclusion in the Work
133 |       by You to the Licensor shall be under the terms and conditions of
134 |       this License, without any additional terms or conditions.
135 |       Notwithstanding the above, nothing herein shall supersede or modify
136 |       the terms of any separate license agreement you may have executed
137 |       with Licensor regarding such Contributions.
138 | 
139 |    6. Trademarks. This License does not grant permission to use the trade
140 |       names, trademarks, service marks, or product names of the Licensor,
141 |       except as required for reasonable and customary use in describing the
142 |       origin of the Work and reproducing the content of the NOTICE file.
143 | 
144 |    7. Disclaimer of Warranty. Unless required by applicable law or
145 |       agreed to in writing, Licensor provides the Work (and each
146 |       Contributor provides its Contributions) on an "AS IS" BASIS,
147 |       WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
148 |       implied, including, without limitation, any warranties or conditions
149 |       of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
150 |       PARTICULAR PURPOSE. You are solely responsible for determining the
151 |       appropriateness of using or redistributing the Work and assume any
152 |       risks associated with Your exercise of permissions under this License.
153 | 
154 |    8. Limitation of Liability. In no event and under no legal theory,
155 |       whether in tort (including negligence), contract, or otherwise,
156 |       unless required by applicable law (such as deliberate and grossly
157 |       negligent acts) or agreed to in writing, shall any Contributor be
158 |       liable to You for damages, including any direct, indirect, special,
159 |       incidental, or consequential damages of any character arising as a
160 |       result of this License or out of the use or inability to use the
161 |       Work (including but not limited to damages for loss of goodwill,
162 |       work stoppage, computer failure or malfunction, or any and all
163 |       other commercial damages or losses), even if such Contributor
164 |       has been advised of the possibility of such damages.
165 | 
166 |    9. Accepting Warranty or Additional Liability. While redistributing
167 |       the Work or Derivative Works thereof, You may choose to offer,
168 |       and charge a fee for, acceptance of support, warranty, indemnity,
169 |       or other liability obligations and/or rights consistent with this
170 |       License. However, in accepting such obligations, You may act only
171 |       on Your own behalf and on Your sole responsibility, not on behalf
172 |       of any other Contributor, and only if You agree to indemnify,
173 |       defend, and hold each Contributor harmless for any liability
174 |       incurred by, or claims asserted against, such Contributor by reason
175 |       of your accepting any such warranty or additional liability.
176 | 


--------------------------------------------------------------------------------
/samples/react/auth/authenticator/amplify/backend/auth/authenticatordf03bc0b/authenticatordf03bc0b-cloudformation-template.yml:
--------------------------------------------------------------------------------
  1 | AWSTemplateFormatVersion: '2010-09-09'
  2 | Parameters:
  3 |   env:
  4 |     Type: String
  5 |   authRoleArn:
  6 |     Type: String
  7 |   unauthRoleArn:
  8 |     Type: String
  9 |   identityPoolName:
 10 |     Type: String
 11 |   allowUnauthenticatedIdentities:
 12 |     Type: String
 13 |   resourceNameTruncated:
 14 |     Type: String
 15 |   userPoolName:
 16 |     Type: String
 17 |   autoVerifiedAttributes:
 18 |     Type: CommaDelimitedList
 19 |   mfaConfiguration:
 20 |     Type: String
 21 |   mfaTypes:
 22 |     Type: CommaDelimitedList
 23 |   smsAuthenticationMessage:
 24 |     Type: String
 25 |   smsVerificationMessage:
 26 |     Type: String
 27 |   emailVerificationSubject:
 28 |     Type: String
 29 |   emailVerificationMessage:
 30 |     Type: String
 31 |   defaultPasswordPolicy:
 32 |     Type: String
 33 |   passwordPolicyMinLength:
 34 |     Type: Number
 35 |   passwordPolicyCharacters:
 36 |     Type: CommaDelimitedList
 37 |   requiredAttributes:
 38 |     Type: CommaDelimitedList
 39 |   userpoolClientGenerateSecret:
 40 |     Type: String
 41 |   userpoolClientRefreshTokenValidity:
 42 |     Type: Number
 43 |   userpoolClientWriteAttributes:
 44 |     Type: CommaDelimitedList
 45 |   userpoolClientReadAttributes:
 46 |     Type: CommaDelimitedList
 47 |   userpoolClientLambdaRole:
 48 |     Type: String
 49 |   userpoolClientSetAttributes:
 50 |     Type: String
 51 |   resourceName:
 52 |     Type: String
 53 |   authSelections:
 54 |     Type: String
 55 |   useDefault:
 56 |     Type: String
 57 |   userPoolGroupList:
 58 |     Type: CommaDelimitedList
 59 |   dependsOn:
 60 |     Type: CommaDelimitedList
 61 | Conditions:
 62 |   ShouldNotCreateEnvResources:
 63 |     Fn::Equals:
 64 |       - Ref: env
 65 |       - NONE
 66 | Resources:
 67 |   SNSRole:
 68 |     Type: AWS::IAM::Role
 69 |     Properties:
 70 |       RoleName:
 71 |         Fn::If:
 72 |           - ShouldNotCreateEnvResources
 73 |           - authendf03bc0b_sns-role
 74 |           - Fn::Join:
 75 |               - ''
 76 |               - - sns
 77 |                 - Fn::Select:
 78 |                     - 3
 79 |                     - Fn::Split:
 80 |                         - '-'
 81 |                         - Ref: AWS::StackName
 82 |                 - '-'
 83 |                 - Ref: env
 84 |       AssumeRolePolicyDocument:
 85 |         Version: '2012-10-17'
 86 |         Statement:
 87 |           - Sid: ''
 88 |             Effect: Allow
 89 |             Principal:
 90 |               Service: cognito-idp.amazonaws.com
 91 |             Action:
 92 |               - sts:AssumeRole
 93 |             Condition:
 94 |               StringEquals:
 95 |                 sts:ExternalId: authendf03bc0b_role_external_id
 96 |       Policies:
 97 |         - PolicyName: authendf03bc0b-sns-policy
 98 |           PolicyDocument:
 99 |             Version: '2012-10-17'
100 |             Statement:
101 |               - Effect: Allow
102 |                 Action:
103 |                   - sns:Publish
104 |                 Resource: '*'
105 |   UserPool:
106 |     Type: AWS::Cognito::UserPool
107 |     UpdateReplacePolicy: Retain
108 |     Properties:
109 |       UserPoolName:
110 |         Fn::If:
111 |           - ShouldNotCreateEnvResources
112 |           - Ref: userPoolName
113 |           - Fn::Join:
114 |               - ''
115 |               - - Ref: userPoolName
116 |                 - '-'
117 |                 - Ref: env
118 |       Schema:
119 |         - Name: email
120 |           Required: true
121 |           Mutable: true
122 |       AutoVerifiedAttributes:
123 |         Ref: autoVerifiedAttributes
124 |       EmailVerificationMessage:
125 |         Ref: emailVerificationMessage
126 |       EmailVerificationSubject:
127 |         Ref: emailVerificationSubject
128 |       Policies:
129 |         PasswordPolicy:
130 |           MinimumLength:
131 |             Ref: passwordPolicyMinLength
132 |           RequireLowercase: false
133 |           RequireNumbers: false
134 |           RequireSymbols: false
135 |           RequireUppercase: false
136 |       MfaConfiguration:
137 |         Ref: mfaConfiguration
138 |       SmsVerificationMessage:
139 |         Ref: smsVerificationMessage
140 |       SmsConfiguration:
141 |         SnsCallerArn:
142 |           Fn::GetAtt:
143 |             - SNSRole
144 |             - Arn
145 |         ExternalId: authendf03bc0b_role_external_id
146 |   UserPoolClientWeb:
147 |     Type: AWS::Cognito::UserPoolClient
148 |     Properties:
149 |       ClientName: authendf03bc0b_app_clientWeb
150 |       RefreshTokenValidity:
151 |         Ref: userpoolClientRefreshTokenValidity
152 |       UserPoolId:
153 |         Ref: UserPool
154 |     DependsOn: UserPool
155 |   UserPoolClient:
156 |     Type: AWS::Cognito::UserPoolClient
157 |     Properties:
158 |       ClientName: authendf03bc0b_app_client
159 |       GenerateSecret:
160 |         Ref: userpoolClientGenerateSecret
161 |       RefreshTokenValidity:
162 |         Ref: userpoolClientRefreshTokenValidity
163 |       UserPoolId:
164 |         Ref: UserPool
165 |     DependsOn: UserPool
166 |   UserPoolClientRole:
167 |     Type: AWS::IAM::Role
168 |     Properties:
169 |       RoleName:
170 |         Fn::If:
171 |           - ShouldNotCreateEnvResources
172 |           - Ref: userpoolClientLambdaRole
173 |           - Fn::Join:
174 |               - ''
175 |               - - upClientLambdaRole
176 |                 - Fn::Select:
177 |                     - 3
178 |                     - Fn::Split:
179 |                         - '-'
180 |                         - Ref: AWS::StackName
181 |                 - '-'
182 |                 - Ref: env
183 |       AssumeRolePolicyDocument:
184 |         Version: '2012-10-17'
185 |         Statement:
186 |           - Effect: Allow
187 |             Principal:
188 |               Service:
189 |                 - lambda.amazonaws.com
190 |             Action:
191 |               - sts:AssumeRole
192 |     DependsOn: UserPoolClient
193 |   UserPoolClientLambda:
194 |     Type: AWS::Lambda::Function
195 |     Properties:
196 |       Code:
197 |         ZipFile:
198 |           Fn::Join:
199 |             - ''
200 |             - - const response = require('cfn-response');
201 |               - const aws = require('aws-sdk');
202 |               - const identity = new aws.CognitoIdentityServiceProvider();
203 |               - exports.handler = (event, context, callback) => {
204 |               - ' if (event.RequestType == ''Delete'') { '
205 |               - '   response.send(event, context, response.SUCCESS, {})'
206 |               - ' }'
207 |               - ' if (event.RequestType == ''Update'' || event.RequestType == ''Create'') {'
208 |               - '   const params = {'
209 |               - '     ClientId: event.ResourceProperties.clientId,'
210 |               - '     UserPoolId: event.ResourceProperties.userpoolId'
211 |               - '   };'
212 |               - '   identity.describeUserPoolClient(params).promise()'
213 |               - '     .then((res) => {'
214 |               - '       response.send(event, context, response.SUCCESS, {''appSecret'': res.UserPoolClient.ClientSecret});'
215 |               - '     })'
216 |               - '     .catch((err) => {'
217 |               - '       response.send(event, context, response.FAILED, {err});'
218 |               - '     });'
219 |               - ' }'
220 |               - '};'
221 |       Handler: index.handler
222 |       Runtime: nodejs12.x
223 |       Timeout: '300'
224 |       Role:
225 |         Fn::GetAtt:
226 |           - UserPoolClientRole
227 |           - Arn
228 |     DependsOn: UserPoolClientRole
229 |   UserPoolClientLambdaPolicy:
230 |     Type: AWS::IAM::Policy
231 |     Properties:
232 |       PolicyName: authendf03bc0b_userpoolclient_lambda_iam_policy
233 |       Roles:
234 |         - Ref: UserPoolClientRole
235 |       PolicyDocument:
236 |         Version: '2012-10-17'
237 |         Statement:
238 |           - Effect: Allow
239 |             Action:
240 |               - cognito-idp:DescribeUserPoolClient
241 |             Resource:
242 |               Fn::GetAtt:
243 |                 - UserPool
244 |                 - Arn
245 |     DependsOn: UserPoolClientLambda
246 |   UserPoolClientLogPolicy:
247 |     Type: AWS::IAM::Policy
248 |     Properties:
249 |       PolicyName: authendf03bc0b_userpoolclient_lambda_log_policy
250 |       Roles:
251 |         - Ref: UserPoolClientRole
252 |       PolicyDocument:
253 |         Version: '2012-10-17'
254 |         Statement:
255 |           - Effect: Allow
256 |             Action:
257 |               - logs:CreateLogGroup
258 |               - logs:CreateLogStream
259 |               - logs:PutLogEvents
260 |             Resource:
261 |               Fn::Sub:
262 |                 - >-
263 |                   arn:aws:logs:${region}:${account}:log-group:/aws/lambda/${lambda}:log-stream:*
264 |                 - region:
265 |                     Ref: AWS::Region
266 |                   account:
267 |                     Ref: AWS::AccountId
268 |                   lambda:
269 |                     Ref: UserPoolClientLambda
270 |     DependsOn: UserPoolClientLambdaPolicy
271 |   UserPoolClientInputs:
272 |     Type: Custom::LambdaCallout
273 |     Properties:
274 |       ServiceToken:
275 |         Fn::GetAtt:
276 |           - UserPoolClientLambda
277 |           - Arn
278 |       clientId:
279 |         Ref: UserPoolClient
280 |       userpoolId:
281 |         Ref: UserPool
282 |     DependsOn: UserPoolClientLogPolicy
283 |   IdentityPool:
284 |     Type: AWS::Cognito::IdentityPool
285 |     Properties:
286 |       IdentityPoolName:
287 |         Fn::If:
288 |           - ShouldNotCreateEnvResources
289 |           - authenticatordf03bc0b_identitypool_df03bc0b
290 |           - Fn::Join:
291 |               - ''
292 |               - - authenticatordf03bc0b_identitypool_df03bc0b
293 |                 - __
294 |                 - Ref: env
295 |       CognitoIdentityProviders:
296 |         - ClientId:
297 |             Ref: UserPoolClient
298 |           ProviderName:
299 |             Fn::Sub:
300 |               - cognito-idp.${region}.amazonaws.com/${client}
301 |               - region:
302 |                   Ref: AWS::Region
303 |                 client:
304 |                   Ref: UserPool
305 |         - ClientId:
306 |             Ref: UserPoolClientWeb
307 |           ProviderName:
308 |             Fn::Sub:
309 |               - cognito-idp.${region}.amazonaws.com/${client}
310 |               - region:
311 |                   Ref: AWS::Region
312 |                 client:
313 |                   Ref: UserPool
314 |       AllowUnauthenticatedIdentities:
315 |         Ref: allowUnauthenticatedIdentities
316 |     DependsOn: UserPoolClientInputs
317 |   IdentityPoolRoleMap:
318 |     Type: AWS::Cognito::IdentityPoolRoleAttachment
319 |     Properties:
320 |       IdentityPoolId:
321 |         Ref: IdentityPool
322 |       Roles:
323 |         unauthenticated:
324 |           Ref: unauthRoleArn
325 |         authenticated:
326 |           Ref: authRoleArn
327 |     DependsOn: IdentityPool
328 | Outputs:
329 |   IdentityPoolId:
330 |     Value:
331 |       Ref: IdentityPool
332 |     Description: Id for the identity pool
333 |   IdentityPoolName:
334 |     Value:
335 |       Fn::GetAtt:
336 |         - IdentityPool
337 |         - Name
338 |   UserPoolId:
339 |     Value:
340 |       Ref: UserPool
341 |     Description: Id for the user pool
342 |   UserPoolName:
343 |     Value:
344 |       Ref: userPoolName
345 |   AppClientIDWeb:
346 |     Value:
347 |       Ref: UserPoolClientWeb
348 |     Description: The user pool app client id for web
349 |   AppClientID:
350 |     Value:
351 |       Ref: UserPoolClient
352 |     Description: The user pool app client id
353 |   AppClientSecret:
354 |     Value:
355 |       Fn::GetAtt:
356 |         - UserPoolClientInputs
357 |         - appSecret
358 | Description: >-
359 |   {"createdOn":"Mac","createdBy":"Amplify","createdWith":"7.6.3","stackType":"auth-Cognito","metadata":{}}
360 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/amplify/backend/auth/angauthenticator98214054/angauthenticator98214054-cloudformation-template.yml:
--------------------------------------------------------------------------------
  1 | AWSTemplateFormatVersion: 2010-09-09
  2 | 
  3 | Parameters:
  4 |   env:
  5 |     Type: String
  6 |   authRoleArn:
  7 |     Type: String
  8 |   unauthRoleArn:
  9 |     Type: String
 10 |   
 11 |   
 12 | 
 13 |     
 14 |   identityPoolName:
 15 |     Type: String
 16 |                 
 17 |   allowUnauthenticatedIdentities:
 18 |     Type: String
 19 |             
 20 |   resourceNameTruncated:
 21 |     Type: String
 22 |               
 23 |   userPoolName:
 24 |     Type: String
 25 |                       
 26 |   autoVerifiedAttributes:
 27 |     Type: CommaDelimitedList
 28 |       
 29 |   mfaConfiguration:
 30 |     Type: String
 31 |                       
 32 |   mfaTypes:
 33 |     Type: CommaDelimitedList
 34 |       
 35 |   smsAuthenticationMessage:
 36 |     Type: String
 37 |               
 38 |   smsVerificationMessage:
 39 |     Type: String
 40 |               
 41 |   emailVerificationSubject:
 42 |     Type: String
 43 |               
 44 |   emailVerificationMessage:
 45 |     Type: String
 46 |                 
 47 |   defaultPasswordPolicy:
 48 |     Type: String
 49 |                 
 50 |   passwordPolicyMinLength:
 51 |     Type: Number
 52 |                   
 53 |   passwordPolicyCharacters:
 54 |     Type: CommaDelimitedList
 55 |               
 56 |   requiredAttributes:
 57 |     Type: CommaDelimitedList
 58 |         
 59 |   userpoolClientGenerateSecret:
 60 |     Type: String
 61 |                 
 62 |   userpoolClientRefreshTokenValidity:
 63 |     Type: Number
 64 |                   
 65 |   userpoolClientWriteAttributes:
 66 |     Type: CommaDelimitedList
 67 |               
 68 |   userpoolClientReadAttributes:
 69 |     Type: CommaDelimitedList
 70 |       
 71 |   userpoolClientLambdaRole:
 72 |     Type: String
 73 |                 
 74 |   userpoolClientSetAttributes:
 75 |     Type: String
 76 |             
 77 |   resourceName:
 78 |     Type: String
 79 |               
 80 |   authSelections:
 81 |     Type: String
 82 |                                       
 83 |   useDefault:
 84 |     Type: String
 85 |                       
 86 |   userPoolGroupList:
 87 |     Type: CommaDelimitedList
 88 |                           
 89 |   dependsOn:
 90 |     Type: CommaDelimitedList
 91 |     
 92 | Conditions:
 93 |   ShouldNotCreateEnvResources: !Equals [ !Ref env, NONE ]
 94 | 
 95 | Resources:
 96 |   
 97 |   
 98 |   # BEGIN SNS ROLE RESOURCE
 99 |   SNSRole: 
100 |   # Created to allow the UserPool SMS Config to publish via the Simple Notification Service during MFA Process
101 |     Type: AWS::IAM::Role
102 |     Properties:
103 |       RoleName: !If [ShouldNotCreateEnvResources, 'angaut98214054_sns-role', !Join ['',[ 'sns', !Select [3, !Split ['-', !Ref 'AWS::StackName']], '-', !Ref env]]]
104 |       AssumeRolePolicyDocument: 
105 |         Version: "2012-10-17"
106 |         Statement: 
107 |           - Sid: ""
108 |             Effect: "Allow"
109 |             Principal: 
110 |               Service: "cognito-idp.amazonaws.com"
111 |             Action: 
112 |               - "sts:AssumeRole"
113 |             Condition: 
114 |               StringEquals:
115 |                 sts:ExternalId: angaut98214054_role_external_id
116 |       Policies: 
117 |         - 
118 |           PolicyName: angaut98214054-sns-policy
119 |           PolicyDocument: 
120 |             Version: "2012-10-17"
121 |             Statement: 
122 |               - 
123 |                 Effect: "Allow"
124 |                 Action: 
125 |                   - "sns:Publish"
126 |                 Resource: "*"
127 |   # BEGIN USER POOL RESOURCES
128 |   UserPool:
129 |   # Created upon user selection
130 |   # Depends on SNS Role for Arn if MFA is enabled
131 |     Type: AWS::Cognito::UserPool
132 |     UpdateReplacePolicy: Retain
133 |     Properties:
134 |       UserPoolName: !If [ShouldNotCreateEnvResources, !Ref userPoolName, !Join ['',[!Ref userPoolName, '-', !Ref env]]]
135 |       
136 |       Schema: 
137 |         
138 |         -
139 |           Name: email
140 |           Required: true
141 |           Mutable: true
142 |         
143 |       
144 |       
145 |       
146 |       AutoVerifiedAttributes: !Ref autoVerifiedAttributes
147 |       
148 |       
149 |       EmailVerificationMessage: !Ref emailVerificationMessage
150 |       EmailVerificationSubject: !Ref emailVerificationSubject
151 |             
152 |       Policies:
153 |         PasswordPolicy:
154 |           MinimumLength: !Ref passwordPolicyMinLength
155 |           RequireLowercase: false
156 |           RequireNumbers: false
157 |           RequireSymbols: false
158 |           RequireUppercase: false
159 |           
160 |       MfaConfiguration: !Ref mfaConfiguration
161 |       SmsVerificationMessage: !Ref smsVerificationMessage
162 |       SmsConfiguration: 
163 |         SnsCallerArn: !GetAtt SNSRole.Arn
164 |         ExternalId: angaut98214054_role_external_id
165 |     
166 |   
167 |   UserPoolClientWeb:
168 |   # Created provide application access to user pool
169 |   # Depends on UserPool for ID reference
170 |     Type: "AWS::Cognito::UserPoolClient"
171 |     Properties:
172 |       ClientName: angaut98214054_app_clientWeb
173 |       
174 |       RefreshTokenValidity: !Ref userpoolClientRefreshTokenValidity
175 |       UserPoolId: !Ref UserPool
176 |     DependsOn: UserPool
177 |   UserPoolClient:
178 |   # Created provide application access to user pool
179 |   # Depends on UserPool for ID reference
180 |     Type: "AWS::Cognito::UserPoolClient"
181 |     Properties:
182 |       ClientName: angaut98214054_app_client
183 |       
184 |       GenerateSecret: !Ref userpoolClientGenerateSecret
185 |       RefreshTokenValidity: !Ref userpoolClientRefreshTokenValidity
186 |       UserPoolId: !Ref UserPool
187 |     DependsOn: UserPool
188 |   # BEGIN USER POOL LAMBDA RESOURCES
189 |   UserPoolClientRole:
190 |   # Created to execute Lambda which gets userpool app client config values
191 |     Type: 'AWS::IAM::Role'
192 |     Properties:
193 |       RoleName: !If [ShouldNotCreateEnvResources, !Ref userpoolClientLambdaRole, !Join ['',['upClientLambdaRole', !Select [3, !Split ['-', !Ref 'AWS::StackName']], '-', !Ref env]]]
194 |       AssumeRolePolicyDocument:
195 |         Version: '2012-10-17'
196 |         Statement:
197 |           - Effect: Allow
198 |             Principal:
199 |               Service:
200 |                 - lambda.amazonaws.com
201 |             Action:
202 |               - 'sts:AssumeRole'
203 |     DependsOn: UserPoolClient
204 |   UserPoolClientLambda:
205 |   # Lambda which gets userpool app client config values
206 |   # Depends on UserPool for id
207 |   # Depends on UserPoolClientRole for role ARN
208 |     Type: 'AWS::Lambda::Function'
209 |     Properties:
210 |       Code:
211 |         ZipFile: !Join 
212 |           - |+
213 |           - - 'const response = require(''cfn-response'');'
214 |             - 'const aws = require(''aws-sdk'');'
215 |             - 'const identity = new aws.CognitoIdentityServiceProvider();'
216 |             - 'exports.handler = (event, context, callback) => {'
217 |             - ' if (event.RequestType == ''Delete'') { '
218 |             - '   response.send(event, context, response.SUCCESS, {})'
219 |             - ' }'
220 |             - ' if (event.RequestType == ''Update'' || event.RequestType == ''Create'') {'
221 |             - '   const params = {'
222 |             - '     ClientId: event.ResourceProperties.clientId,'
223 |             - '     UserPoolId: event.ResourceProperties.userpoolId'
224 |             - '   };'
225 |             - '   identity.describeUserPoolClient(params).promise()'
226 |             - '     .then((res) => {'
227 |             - '       response.send(event, context, response.SUCCESS, {''appSecret'': res.UserPoolClient.ClientSecret});'   
228 |             - '     })'
229 |             - '     .catch((err) => {'
230 |             - '       response.send(event, context, response.FAILED, {err});'
231 |             - '     });'
232 |             - ' }'
233 |             - '};'
234 |       Handler: index.handler
235 |       Runtime: nodejs10.x
236 |       Timeout: '300'
237 |       Role: !GetAtt 
238 |         - UserPoolClientRole
239 |         - Arn
240 |     DependsOn: UserPoolClientRole
241 |   UserPoolClientLambdaPolicy:
242 |   # Sets userpool policy for the role that executes the Userpool Client Lambda
243 |   # Depends on UserPool for Arn
244 |   # Marked as depending on UserPoolClientRole for easier to understand CFN sequencing
245 |     Type: 'AWS::IAM::Policy'
246 |     Properties:
247 |       PolicyName: angaut98214054_userpoolclient_lambda_iam_policy
248 |       Roles: 
249 |         - !Ref UserPoolClientRole
250 |       PolicyDocument:
251 |         Version: '2012-10-17'
252 |         Statement:
253 |           - Effect: Allow
254 |             Action:
255 |               - 'cognito-idp:DescribeUserPoolClient'
256 |             Resource: !GetAtt UserPool.Arn
257 |     DependsOn: UserPoolClientLambda
258 |   UserPoolClientLogPolicy:
259 |   # Sets log policy for the role that executes the Userpool Client Lambda
260 |   # Depends on UserPool for Arn
261 |   # Marked as depending on UserPoolClientLambdaPolicy for easier to understand CFN sequencing
262 |     Type: 'AWS::IAM::Policy'
263 |     Properties:
264 |       PolicyName: angaut98214054_userpoolclient_lambda_log_policy
265 |       Roles: 
266 |         - !Ref UserPoolClientRole
267 |       PolicyDocument:
268 |         Version: 2012-10-17
269 |         Statement:
270 |           - Effect: Allow
271 |             Action:
272 |               - 'logs:CreateLogGroup'
273 |               - 'logs:CreateLogStream'
274 |               - 'logs:PutLogEvents'
275 |             Resource: !Sub  
276 |               - arn:aws:logs:${region}:${account}:log-group:/aws/lambda/${lambda}:log-stream:*
277 |               - { region: !Ref "AWS::Region",  account: !Ref "AWS::AccountId", lambda: !Ref UserPoolClientLambda}
278 |     DependsOn: UserPoolClientLambdaPolicy  
279 |   UserPoolClientInputs:
280 |   # Values passed to Userpool client Lambda
281 |   # Depends on UserPool for Id
282 |   # Depends on UserPoolClient for Id
283 |   # Marked as depending on UserPoolClientLambdaPolicy for easier to understand CFN sequencing
284 |     Type: 'Custom::LambdaCallout'
285 |     Properties:
286 |       ServiceToken: !GetAtt UserPoolClientLambda.Arn
287 |       clientId: !Ref UserPoolClient
288 |       userpoolId: !Ref UserPool
289 |     DependsOn: UserPoolClientLogPolicy
290 |   
291 | 
292 |   
293 |   
294 | 
295 |   
296 |     
297 |   # BEGIN IDENTITY POOL RESOURCES
298 |   
299 |  
300 |   IdentityPool:
301 |   # Always created
302 |     Type: AWS::Cognito::IdentityPool
303 |     Properties: 
304 |       IdentityPoolName: !If [ShouldNotCreateEnvResources, 'angauthenticator98214054_identitypool_98214054', !Join ['',['angauthenticator98214054_identitypool_98214054', '__', !Ref env]]]
305 |       
306 |       CognitoIdentityProviders:
307 |         - ClientId:  !Ref UserPoolClient
308 |           ProviderName: !Sub
309 |             - cognito-idp.${region}.amazonaws.com/${client}
310 |             - { region: !Ref "AWS::Region",  client: !Ref UserPool}
311 |         - ClientId:  !Ref UserPoolClientWeb
312 |           ProviderName: !Sub
313 |             - cognito-idp.${region}.amazonaws.com/${client}
314 |             - { region: !Ref "AWS::Region",  client: !Ref UserPool}
315 |             
316 |       AllowUnauthenticatedIdentities: !Ref allowUnauthenticatedIdentities
317 |        
318 |        
319 |     DependsOn: UserPoolClientInputs 
320 |     
321 |   
322 |   IdentityPoolRoleMap:
323 |   # Created to map Auth and Unauth roles to the identity pool
324 |   # Depends on Identity Pool for ID ref
325 |     Type: AWS::Cognito::IdentityPoolRoleAttachment
326 |     Properties: 
327 |       IdentityPoolId: !Ref IdentityPool
328 |       Roles:
329 |           unauthenticated: !Ref unauthRoleArn
330 |           authenticated: !Ref authRoleArn
331 |     DependsOn: IdentityPool
332 |   
333 | 
334 | Outputs :
335 |   
336 |   IdentityPoolId:
337 |     Value: !Ref 'IdentityPool'
338 |     Description:  Id for the identity pool
339 |   IdentityPoolName:
340 |     Value: !GetAtt IdentityPool.Name 
341 |   
342 |   
343 |   
344 |   
345 |   UserPoolId:
346 |     Value: !Ref 'UserPool'
347 |     Description:  Id for the user pool
348 |   UserPoolName:
349 |     Value: !Ref userPoolName
350 |   AppClientIDWeb:
351 |     Value: !Ref 'UserPoolClientWeb'
352 |     Description: The user pool app client id for web
353 |   AppClientID:
354 |     Value: !Ref 'UserPoolClient'
355 |     Description: The user pool app client id
356 |   AppClientSecret:
357 |     Value: !GetAtt UserPoolClientInputs.appSecret
358 |   
359 |    
360 |    
361 |   
362 |    
363 |    
364 |   
365 | 


--------------------------------------------------------------------------------
/samples/vue/auth/authenticator/amplify/backend/auth/publicvueauthcomp6994b8e7/publicvueauthcomp6994b8e7-cloudformation-template.yml:
--------------------------------------------------------------------------------
  1 | AWSTemplateFormatVersion: 2010-09-09
  2 | 
  3 | Parameters:
  4 |   env:
  5 |     Type: String
  6 |   authRoleArn:
  7 |     Type: String
  8 |   unauthRoleArn:
  9 |     Type: String
 10 |   
 11 |   
 12 | 
 13 |     
 14 |   identityPoolName:
 15 |     Type: String
 16 |                 
 17 |   allowUnauthenticatedIdentities:
 18 |     Type: String
 19 |             
 20 |   resourceNameTruncated:
 21 |     Type: String
 22 |               
 23 |   userPoolName:
 24 |     Type: String
 25 |                       
 26 |   autoVerifiedAttributes:
 27 |     Type: CommaDelimitedList
 28 |       
 29 |   mfaConfiguration:
 30 |     Type: String
 31 |                       
 32 |   mfaTypes:
 33 |     Type: CommaDelimitedList
 34 |       
 35 |   smsAuthenticationMessage:
 36 |     Type: String
 37 |               
 38 |   smsVerificationMessage:
 39 |     Type: String
 40 |               
 41 |   emailVerificationSubject:
 42 |     Type: String
 43 |               
 44 |   emailVerificationMessage:
 45 |     Type: String
 46 |                 
 47 |   defaultPasswordPolicy:
 48 |     Type: String
 49 |                 
 50 |   passwordPolicyMinLength:
 51 |     Type: Number
 52 |                   
 53 |   passwordPolicyCharacters:
 54 |     Type: CommaDelimitedList
 55 |               
 56 |   requiredAttributes:
 57 |     Type: CommaDelimitedList
 58 |         
 59 |   userpoolClientGenerateSecret:
 60 |     Type: String
 61 |                 
 62 |   userpoolClientRefreshTokenValidity:
 63 |     Type: Number
 64 |                   
 65 |   userpoolClientWriteAttributes:
 66 |     Type: CommaDelimitedList
 67 |               
 68 |   userpoolClientReadAttributes:
 69 |     Type: CommaDelimitedList
 70 |       
 71 |   userpoolClientLambdaRole:
 72 |     Type: String
 73 |                 
 74 |   userpoolClientSetAttributes:
 75 |     Type: String
 76 |             
 77 |   resourceName:
 78 |     Type: String
 79 |               
 80 |   authSelections:
 81 |     Type: String
 82 |                                       
 83 |   useDefault:
 84 |     Type: String
 85 |                       
 86 |   userPoolGroupList:
 87 |     Type: CommaDelimitedList
 88 |                           
 89 |   dependsOn:
 90 |     Type: CommaDelimitedList
 91 |     
 92 | Conditions:
 93 |   ShouldNotCreateEnvResources: !Equals [ !Ref env, NONE ]
 94 | 
 95 | Resources:
 96 |   
 97 |   
 98 |   # BEGIN SNS ROLE RESOURCE
 99 |   SNSRole: 
100 |   # Created to allow the UserPool SMS Config to publish via the Simple Notification Service during MFA Process
101 |     Type: AWS::IAM::Role
102 |     Properties:
103 |       RoleName: !If [ShouldNotCreateEnvResources, 'public6994b8e7_sns-role', !Join ['',[ 'sns', !Select [3, !Split ['-', !Ref 'AWS::StackName']], '-', !Ref env]]]
104 |       AssumeRolePolicyDocument: 
105 |         Version: "2012-10-17"
106 |         Statement: 
107 |           - Sid: ""
108 |             Effect: "Allow"
109 |             Principal: 
110 |               Service: "cognito-idp.amazonaws.com"
111 |             Action: 
112 |               - "sts:AssumeRole"
113 |             Condition: 
114 |               StringEquals:
115 |                 sts:ExternalId: public6994b8e7_role_external_id
116 |       Policies: 
117 |         - 
118 |           PolicyName: public6994b8e7-sns-policy
119 |           PolicyDocument: 
120 |             Version: "2012-10-17"
121 |             Statement: 
122 |               - 
123 |                 Effect: "Allow"
124 |                 Action: 
125 |                   - "sns:Publish"
126 |                 Resource: "*"
127 |   # BEGIN USER POOL RESOURCES
128 |   UserPool:
129 |   # Created upon user selection
130 |   # Depends on SNS Role for Arn if MFA is enabled
131 |     Type: AWS::Cognito::UserPool
132 |     UpdateReplacePolicy: Retain
133 |     Properties:
134 |       UserPoolName: !If [ShouldNotCreateEnvResources, !Ref userPoolName, !Join ['',[!Ref userPoolName, '-', !Ref env]]]
135 |       
136 |       Schema: 
137 |         
138 |         -
139 |           Name: email
140 |           Required: true
141 |           Mutable: true
142 |         
143 |       
144 |       
145 |       
146 |       AutoVerifiedAttributes: !Ref autoVerifiedAttributes
147 |       
148 |       
149 |       EmailVerificationMessage: !Ref emailVerificationMessage
150 |       EmailVerificationSubject: !Ref emailVerificationSubject
151 |             
152 |       Policies:
153 |         PasswordPolicy:
154 |           MinimumLength: !Ref passwordPolicyMinLength
155 |           RequireLowercase: false
156 |           RequireNumbers: false
157 |           RequireSymbols: false
158 |           RequireUppercase: false
159 |           
160 |       MfaConfiguration: !Ref mfaConfiguration
161 |       SmsVerificationMessage: !Ref smsVerificationMessage
162 |       SmsConfiguration: 
163 |         SnsCallerArn: !GetAtt SNSRole.Arn
164 |         ExternalId: public6994b8e7_role_external_id
165 |     
166 |   
167 |   UserPoolClientWeb:
168 |   # Created provide application access to user pool
169 |   # Depends on UserPool for ID reference
170 |     Type: "AWS::Cognito::UserPoolClient"
171 |     Properties:
172 |       ClientName: public6994b8e7_app_clientWeb
173 |       
174 |       RefreshTokenValidity: !Ref userpoolClientRefreshTokenValidity
175 |       UserPoolId: !Ref UserPool
176 |     DependsOn: UserPool
177 |   UserPoolClient:
178 |   # Created provide application access to user pool
179 |   # Depends on UserPool for ID reference
180 |     Type: "AWS::Cognito::UserPoolClient"
181 |     Properties:
182 |       ClientName: public6994b8e7_app_client
183 |       
184 |       GenerateSecret: !Ref userpoolClientGenerateSecret
185 |       RefreshTokenValidity: !Ref userpoolClientRefreshTokenValidity
186 |       UserPoolId: !Ref UserPool
187 |     DependsOn: UserPool
188 |   # BEGIN USER POOL LAMBDA RESOURCES
189 |   UserPoolClientRole:
190 |   # Created to execute Lambda which gets userpool app client config values
191 |     Type: 'AWS::IAM::Role'
192 |     Properties:
193 |       RoleName: !If [ShouldNotCreateEnvResources, !Ref userpoolClientLambdaRole, !Join ['',['upClientLambdaRole', !Select [3, !Split ['-', !Ref 'AWS::StackName']], '-', !Ref env]]]
194 |       AssumeRolePolicyDocument:
195 |         Version: '2012-10-17'
196 |         Statement:
197 |           - Effect: Allow
198 |             Principal:
199 |               Service:
200 |                 - lambda.amazonaws.com
201 |             Action:
202 |               - 'sts:AssumeRole'
203 |     DependsOn: UserPoolClient
204 |   UserPoolClientLambda:
205 |   # Lambda which gets userpool app client config values
206 |   # Depends on UserPool for id
207 |   # Depends on UserPoolClientRole for role ARN
208 |     Type: 'AWS::Lambda::Function'
209 |     Properties:
210 |       Code:
211 |         ZipFile: !Join 
212 |           - |+
213 |           - - 'const response = require(''cfn-response'');'
214 |             - 'const aws = require(''aws-sdk'');'
215 |             - 'const identity = new aws.CognitoIdentityServiceProvider();'
216 |             - 'exports.handler = (event, context, callback) => {'
217 |             - ' if (event.RequestType == ''Delete'') { '
218 |             - '   response.send(event, context, response.SUCCESS, {})'
219 |             - ' }'
220 |             - ' if (event.RequestType == ''Update'' || event.RequestType == ''Create'') {'
221 |             - '   const params = {'
222 |             - '     ClientId: event.ResourceProperties.clientId,'
223 |             - '     UserPoolId: event.ResourceProperties.userpoolId'
224 |             - '   };'
225 |             - '   identity.describeUserPoolClient(params).promise()'
226 |             - '     .then((res) => {'
227 |             - '       response.send(event, context, response.SUCCESS, {''appSecret'': res.UserPoolClient.ClientSecret});'   
228 |             - '     })'
229 |             - '     .catch((err) => {'
230 |             - '       response.send(event, context, response.FAILED, {err});'
231 |             - '     });'
232 |             - ' }'
233 |             - '};'
234 |       Handler: index.handler
235 |       Runtime: nodejs10.x
236 |       Timeout: '300'
237 |       Role: !GetAtt 
238 |         - UserPoolClientRole
239 |         - Arn
240 |     DependsOn: UserPoolClientRole
241 |   UserPoolClientLambdaPolicy:
242 |   # Sets userpool policy for the role that executes the Userpool Client Lambda
243 |   # Depends on UserPool for Arn
244 |   # Marked as depending on UserPoolClientRole for easier to understand CFN sequencing
245 |     Type: 'AWS::IAM::Policy'
246 |     Properties:
247 |       PolicyName: public6994b8e7_userpoolclient_lambda_iam_policy
248 |       Roles: 
249 |         - !Ref UserPoolClientRole
250 |       PolicyDocument:
251 |         Version: '2012-10-17'
252 |         Statement:
253 |           - Effect: Allow
254 |             Action:
255 |               - 'cognito-idp:DescribeUserPoolClient'
256 |             Resource: !GetAtt UserPool.Arn
257 |     DependsOn: UserPoolClientLambda
258 |   UserPoolClientLogPolicy:
259 |   # Sets log policy for the role that executes the Userpool Client Lambda
260 |   # Depends on UserPool for Arn
261 |   # Marked as depending on UserPoolClientLambdaPolicy for easier to understand CFN sequencing
262 |     Type: 'AWS::IAM::Policy'
263 |     Properties:
264 |       PolicyName: public6994b8e7_userpoolclient_lambda_log_policy
265 |       Roles: 
266 |         - !Ref UserPoolClientRole
267 |       PolicyDocument:
268 |         Version: 2012-10-17
269 |         Statement:
270 |           - Effect: Allow
271 |             Action:
272 |               - 'logs:CreateLogGroup'
273 |               - 'logs:CreateLogStream'
274 |               - 'logs:PutLogEvents'
275 |             Resource: !Sub  
276 |               - arn:aws:logs:${region}:${account}:log-group:/aws/lambda/${lambda}:log-stream:*
277 |               - { region: !Ref "AWS::Region",  account: !Ref "AWS::AccountId", lambda: !Ref UserPoolClientLambda}
278 |     DependsOn: UserPoolClientLambdaPolicy  
279 |   UserPoolClientInputs:
280 |   # Values passed to Userpool client Lambda
281 |   # Depends on UserPool for Id
282 |   # Depends on UserPoolClient for Id
283 |   # Marked as depending on UserPoolClientLambdaPolicy for easier to understand CFN sequencing
284 |     Type: 'Custom::LambdaCallout'
285 |     Properties:
286 |       ServiceToken: !GetAtt UserPoolClientLambda.Arn
287 |       clientId: !Ref UserPoolClient
288 |       userpoolId: !Ref UserPool
289 |     DependsOn: UserPoolClientLogPolicy
290 |   
291 | 
292 |   
293 |   
294 | 
295 |   
296 |     
297 |   # BEGIN IDENTITY POOL RESOURCES
298 |   
299 |  
300 |   IdentityPool:
301 |   # Always created
302 |     Type: AWS::Cognito::IdentityPool
303 |     Properties: 
304 |       IdentityPoolName: !If [ShouldNotCreateEnvResources, 'publicvueauthcomp6994b8e7_identitypool_6994b8e7', !Join ['',['publicvueauthcomp6994b8e7_identitypool_6994b8e7', '__', !Ref env]]]
305 |       
306 |       CognitoIdentityProviders:
307 |         - ClientId:  !Ref UserPoolClient
308 |           ProviderName: !Sub
309 |             - cognito-idp.${region}.amazonaws.com/${client}
310 |             - { region: !Ref "AWS::Region",  client: !Ref UserPool}
311 |         - ClientId:  !Ref UserPoolClientWeb
312 |           ProviderName: !Sub
313 |             - cognito-idp.${region}.amazonaws.com/${client}
314 |             - { region: !Ref "AWS::Region",  client: !Ref UserPool}
315 |             
316 |       AllowUnauthenticatedIdentities: !Ref allowUnauthenticatedIdentities
317 |        
318 |        
319 |     DependsOn: UserPoolClientInputs 
320 |     
321 |   
322 |   IdentityPoolRoleMap:
323 |   # Created to map Auth and Unauth roles to the identity pool
324 |   # Depends on Identity Pool for ID ref
325 |     Type: AWS::Cognito::IdentityPoolRoleAttachment
326 |     Properties: 
327 |       IdentityPoolId: !Ref IdentityPool
328 |       Roles:
329 |           unauthenticated: !Ref unauthRoleArn
330 |           authenticated: !Ref authRoleArn
331 |     DependsOn: IdentityPool
332 |   
333 | 
334 | Outputs :
335 |   
336 |   IdentityPoolId:
337 |     Value: !Ref 'IdentityPool'
338 |     Description:  Id for the identity pool
339 |   IdentityPoolName:
340 |     Value: !GetAtt IdentityPool.Name 
341 |   
342 |   
343 |   
344 |   
345 |   UserPoolId:
346 |     Value: !Ref 'UserPool'
347 |     Description:  Id for the user pool
348 |   UserPoolName:
349 |     Value: !Ref userPoolName
350 |   AppClientIDWeb:
351 |     Value: !Ref 'UserPoolClientWeb'
352 |     Description: The user pool app client id for web
353 |   AppClientID:
354 |     Value: !Ref 'UserPoolClient'
355 |     Description: The user pool app client id
356 |   AppClientSecret:
357 |     Value: !GetAtt UserPoolClientInputs.appSecret
358 |   
359 |    
360 |    
361 |   
362 |    
363 |    
364 |   
365 | 


--------------------------------------------------------------------------------
/samples/react/geo/display-map/amplify/backend/auth/displaymap5fde5e85/displaymap5fde5e85-cloudformation-template.yml:
--------------------------------------------------------------------------------
  1 | 
  2 | AWSTemplateFormatVersion: 2010-09-09
  3 | 
  4 | Parameters:
  5 |   env:
  6 |     Type: String
  7 |   authRoleArn:
  8 |     Type: String
  9 |   unauthRoleArn:
 10 |     Type: String
 11 | 
 12 |   
 13 | 
 14 |     
 15 |   identityPoolName:
 16 |     Type: String
 17 |   
 18 |             
 19 |   
 20 |   allowUnauthenticatedIdentities:
 21 |     Type: String
 22 |             
 23 |   resourceNameTruncated:
 24 |     Type: String
 25 |   
 26 |             
 27 |   userPoolName:
 28 |     Type: String
 29 |   
 30 |             
 31 |         
 32 |   autoVerifiedAttributes:
 33 |     Type: CommaDelimitedList
 34 |       
 35 |   mfaConfiguration:
 36 |     Type: String
 37 |   
 38 |             
 39 |         
 40 |   mfaTypes:
 41 |     Type: CommaDelimitedList
 42 |       
 43 |   smsAuthenticationMessage:
 44 |     Type: String
 45 |   
 46 |             
 47 |   smsVerificationMessage:
 48 |     Type: String
 49 |   
 50 |             
 51 |   emailVerificationSubject:
 52 |     Type: String
 53 |   
 54 |             
 55 |   emailVerificationMessage:
 56 |     Type: String
 57 |   
 58 |             
 59 |   
 60 |   defaultPasswordPolicy:
 61 |     Type: String
 62 |             
 63 |     
 64 |   passwordPolicyMinLength:
 65 |     Type: Number
 66 |           
 67 |         
 68 |   passwordPolicyCharacters:
 69 |     Type: CommaDelimitedList
 70 |       
 71 |         
 72 |   requiredAttributes:
 73 |     Type: CommaDelimitedList
 74 |       
 75 |         
 76 |   aliasAttributes:
 77 |     Type: CommaDelimitedList
 78 |       
 79 |   
 80 |   userpoolClientGenerateSecret:
 81 |     Type: String
 82 |             
 83 |     
 84 |   userpoolClientRefreshTokenValidity:
 85 |     Type: Number
 86 |           
 87 |         
 88 |   userpoolClientWriteAttributes:
 89 |     Type: CommaDelimitedList
 90 |       
 91 |         
 92 |   userpoolClientReadAttributes:
 93 |     Type: CommaDelimitedList
 94 |       
 95 |   userpoolClientLambdaRole:
 96 |     Type: String
 97 |   
 98 |             
 99 |   
100 |   userpoolClientSetAttributes:
101 |     Type: String
102 |             
103 |   sharedId:
104 |     Type: String
105 |   
106 |             
107 |   resourceName:
108 |     Type: String
109 |   
110 |             
111 |   authSelections:
112 |     Type: String
113 |   
114 |             
115 |             
116 |             
117 |   useDefault:
118 |     Type: String
119 |   
120 |             
121 |         
122 |   userPoolGroupList:
123 |     Type: CommaDelimitedList
124 |       
125 |   serviceName:
126 |     Type: String
127 |   
128 |             
129 |   
130 |   usernameCaseSensitive:
131 |     Type: String
132 |             
133 |         
134 |   dependsOn:
135 |     Type: CommaDelimitedList
136 |       
137 | Conditions:
138 |   ShouldNotCreateEnvResources: !Equals [ !Ref env, NONE ]
139 |   
140 |   ShouldOutputAppClientSecrets: !Equals [!Ref userpoolClientGenerateSecret, true ]
141 |   
142 | 
143 | Resources:
144 |   
145 |   
146 |   # BEGIN SNS ROLE RESOURCE
147 |   SNSRole:
148 |   # Created to allow the UserPool SMS Config to publish via the Simple Notification Service during MFA Process
149 |     Type: AWS::IAM::Role
150 |     Properties:
151 |       RoleName: !If [ShouldNotCreateEnvResources, 'displa5fde5e85_sns-role', !Join ['',[ 'sns', '5fde5e85', !Select [3, !Split ['-', !Ref 'AWS::StackName']], '-', !Ref env]]]
152 |       AssumeRolePolicyDocument:
153 |         Version: "2012-10-17"
154 |         Statement:
155 |           - Sid: ""
156 |             Effect: "Allow"
157 |             Principal:
158 |               Service: "cognito-idp.amazonaws.com"
159 |             Action:
160 |               - "sts:AssumeRole"
161 |             Condition:
162 |               StringEquals:
163 |                 sts:ExternalId: displa5fde5e85_role_external_id
164 |       Policies:
165 |         -
166 |           PolicyName: displa5fde5e85-sns-policy
167 |           PolicyDocument:
168 |             Version: "2012-10-17"
169 |             Statement:
170 |               -
171 |                 Effect: "Allow"
172 |                 Action:
173 |                   - "sns:Publish"
174 |                 Resource: "*"
175 |   # BEGIN USER POOL RESOURCES
176 |   UserPool:
177 |   # Created upon user selection
178 |   # Depends on SNS Role for Arn if MFA is enabled
179 |     Type: AWS::Cognito::UserPool
180 |     UpdateReplacePolicy: Retain
181 |     Properties:
182 |       UserPoolName: !If [ShouldNotCreateEnvResources, !Ref userPoolName, !Join ['',[!Ref userPoolName, '-', !Ref env]]]
183 |       
184 |       
185 |       UsernameConfiguration:
186 |         CaseSensitive: false
187 |       
188 |       Schema:
189 |         
190 |         -
191 |           Name: email
192 |           Required: true
193 |           Mutable: true
194 |         
195 |       
196 |       
197 |       
198 |       AutoVerifiedAttributes:
199 |       
200 |         - email
201 |       
202 |       
203 |       
204 |       EmailVerificationMessage: !Ref emailVerificationMessage
205 |       EmailVerificationSubject: !Ref emailVerificationSubject
206 |       
207 |       Policies:
208 |         PasswordPolicy:
209 |           MinimumLength: !Ref passwordPolicyMinLength
210 |           RequireLowercase: false
211 |           RequireNumbers: false
212 |           RequireSymbols: false
213 |           RequireUppercase: false
214 |       
215 |       
216 |       AliasAttributes: !Ref aliasAttributes
217 |       
218 |       MfaConfiguration: !Ref mfaConfiguration
219 |       SmsVerificationMessage: !Ref smsVerificationMessage
220 |       SmsAuthenticationMessage: !Ref smsAuthenticationMessage
221 |       SmsConfiguration:
222 |         SnsCallerArn: !GetAtt SNSRole.Arn
223 |         ExternalId: displa5fde5e85_role_external_id
224 |     
225 |   
226 |   UserPoolClientWeb:
227 |   # Created provide application access to user pool
228 |   # Depends on UserPool for ID reference
229 |     Type: "AWS::Cognito::UserPoolClient"
230 |     Properties:
231 |       ClientName: displa5fde5e85_app_clientWeb
232 |       
233 |       RefreshTokenValidity: !Ref userpoolClientRefreshTokenValidity
234 |       UserPoolId: !Ref UserPool
235 |     DependsOn: UserPool
236 |   UserPoolClient:
237 |   # Created provide application access to user pool
238 |   # Depends on UserPool for ID reference
239 |     Type: "AWS::Cognito::UserPoolClient"
240 |     Properties:
241 |       ClientName: displa5fde5e85_app_client
242 |       
243 |       GenerateSecret: !Ref userpoolClientGenerateSecret
244 |       RefreshTokenValidity: !Ref userpoolClientRefreshTokenValidity
245 |       UserPoolId: !Ref UserPool
246 |     DependsOn: UserPool
247 |   # BEGIN USER POOL LAMBDA RESOURCES
248 |   UserPoolClientRole:
249 |   # Created to execute Lambda which gets userpool app client config values
250 |     Type: 'AWS::IAM::Role'
251 |     Properties:
252 |       RoleName: !If [ShouldNotCreateEnvResources, !Ref userpoolClientLambdaRole, !Join ['',['upClientLambdaRole', '5fde5e85', !Select [3, !Split ['-', !Ref 'AWS::StackName']], '-', !Ref env]]]
253 |       AssumeRolePolicyDocument:
254 |         Version: '2012-10-17'
255 |         Statement:
256 |           - Effect: Allow
257 |             Principal:
258 |               Service:
259 |                 - lambda.amazonaws.com
260 |             Action:
261 |               - 'sts:AssumeRole'
262 |     DependsOn: UserPoolClient
263 |   UserPoolClientLambda:
264 |   # Lambda which gets userpool app client config values
265 |   # Depends on UserPool for id
266 |   # Depends on UserPoolClientRole for role ARN
267 |     Type: 'AWS::Lambda::Function'
268 |     Properties:
269 |       Code:
270 |         ZipFile: !Join
271 |           - |+
272 |           - - 'const response = require(''cfn-response'');'
273 |             - 'const aws = require(''aws-sdk'');'
274 |             - 'const identity = new aws.CognitoIdentityServiceProvider();'
275 |             - 'exports.handler = (event, context, callback) => {'
276 |             - ' if (event.RequestType == ''Delete'') { '
277 |             - '   response.send(event, context, response.SUCCESS, {})'
278 |             - ' }'
279 |             - ' if (event.RequestType == ''Update'' || event.RequestType == ''Create'') {'
280 |             - '   const params = {'
281 |             - '     ClientId: event.ResourceProperties.clientId,'
282 |             - '     UserPoolId: event.ResourceProperties.userpoolId'
283 |             - '   };'
284 |             - '   identity.describeUserPoolClient(params).promise()'
285 |             - '     .then((res) => {'
286 |             - '       response.send(event, context, response.SUCCESS, {''appSecret'': res.UserPoolClient.ClientSecret});'
287 |             - '     })'
288 |             - '     .catch((err) => {'
289 |             - '       response.send(event, context, response.FAILED, {err});'
290 |             - '     });'
291 |             - ' }'
292 |             - '};'
293 |       Handler: index.handler
294 |       Runtime: nodejs12.x
295 |       Timeout: 300
296 |       Role: !GetAtt
297 |         - UserPoolClientRole
298 |         - Arn
299 |     DependsOn: UserPoolClientRole
300 |   UserPoolClientLambdaPolicy:
301 |   # Sets userpool policy for the role that executes the Userpool Client Lambda
302 |   # Depends on UserPool for Arn
303 |   # Marked as depending on UserPoolClientRole for easier to understand CFN sequencing
304 |     Type: 'AWS::IAM::Policy'
305 |     Properties:
306 |       PolicyName: displa5fde5e85_userpoolclient_lambda_iam_policy
307 |       Roles:
308 |         - !Ref UserPoolClientRole
309 |       PolicyDocument:
310 |         Version: '2012-10-17'
311 |         Statement:
312 |           - Effect: Allow
313 |             Action:
314 |               - 'cognito-idp:DescribeUserPoolClient'
315 |             Resource: !GetAtt UserPool.Arn
316 |     DependsOn: UserPoolClientLambda
317 |   UserPoolClientLogPolicy:
318 |   # Sets log policy for the role that executes the Userpool Client Lambda
319 |   # Depends on UserPool for Arn
320 |   # Marked as depending on UserPoolClientLambdaPolicy for easier to understand CFN sequencing
321 |     Type: 'AWS::IAM::Policy'
322 |     Properties:
323 |       PolicyName: displa5fde5e85_userpoolclient_lambda_log_policy
324 |       Roles:
325 |         - !Ref UserPoolClientRole
326 |       PolicyDocument:
327 |         Version: 2012-10-17
328 |         Statement:
329 |           - Effect: Allow
330 |             Action:
331 |               - 'logs:CreateLogGroup'
332 |               - 'logs:CreateLogStream'
333 |               - 'logs:PutLogEvents'
334 |             Resource: !Sub
335 |               - arn:aws:logs:${region}:${account}:log-group:/aws/lambda/${lambda}:log-stream:*
336 |               - { region: !Ref "AWS::Region",  account: !Ref "AWS::AccountId", lambda: !Ref UserPoolClientLambda}
337 |     DependsOn: UserPoolClientLambdaPolicy
338 |   UserPoolClientInputs:
339 |   # Values passed to Userpool client Lambda
340 |   # Depends on UserPool for Id
341 |   # Depends on UserPoolClient for Id
342 |   # Marked as depending on UserPoolClientLambdaPolicy for easier to understand CFN sequencing
343 |     Type: 'Custom::LambdaCallout'
344 |     Properties:
345 |       ServiceToken: !GetAtt UserPoolClientLambda.Arn
346 |       clientId: !Ref UserPoolClient
347 |       userpoolId: !Ref UserPool
348 |     DependsOn: UserPoolClientLogPolicy
349 |   
350 | 
351 |   
352 |   
353 | 
354 |   
355 |     
356 |   # BEGIN IDENTITY POOL RESOURCES
357 |   
358 | 
359 |   IdentityPool:
360 |   # Always created
361 |     Type: AWS::Cognito::IdentityPool
362 |     Properties:
363 |       IdentityPoolName: !If [ShouldNotCreateEnvResources, 'displaymap5fde5e85_identitypool_5fde5e85', !Join ['',['displaymap5fde5e85_identitypool_5fde5e85', '__', !Ref env]]]
364 |       
365 |       CognitoIdentityProviders:
366 |         - ClientId:  !Ref UserPoolClient
367 |           ProviderName: !Sub
368 |             - cognito-idp.${region}.amazonaws.com/${client}
369 |             - { region: !Ref "AWS::Region",  client: !Ref UserPool}
370 |         - ClientId:  !Ref UserPoolClientWeb
371 |           ProviderName: !Sub
372 |             - cognito-idp.${region}.amazonaws.com/${client}
373 |             - { region: !Ref "AWS::Region",  client: !Ref UserPool}
374 |             
375 |       AllowUnauthenticatedIdentities: !Ref allowUnauthenticatedIdentities
376 |       
377 |     
378 |     DependsOn: UserPoolClientInputs
379 |     
380 | 
381 |   IdentityPoolRoleMap:
382 |   # Created to map Auth and Unauth roles to the identity pool
383 |   # Depends on Identity Pool for ID ref
384 |     Type: AWS::Cognito::IdentityPoolRoleAttachment
385 |     Properties:
386 |       IdentityPoolId: !Ref IdentityPool
387 |       Roles:
388 |           unauthenticated: !Ref unauthRoleArn
389 |           authenticated: !Ref authRoleArn
390 |     DependsOn: IdentityPool
391 |   
392 | 
393 | Outputs :
394 |   
395 |   IdentityPoolId:
396 |     Value: !Ref 'IdentityPool'
397 |     Description:  Id for the identity pool
398 |   IdentityPoolName:
399 |     Value: !GetAtt IdentityPool.Name
400 |   
401 |   
402 |   
403 |   
404 |   UserPoolId:
405 |     Value: !Ref 'UserPool'
406 |     Description:  Id for the user pool
407 |   UserPoolArn:
408 |     Value: !GetAtt UserPool.Arn
409 |     Description:  Arn for the user pool
410 |   UserPoolName:
411 |     Value: !Ref userPoolName
412 |   AppClientIDWeb:
413 |     Value: !Ref 'UserPoolClientWeb'
414 |     Description: The user pool app client id for web
415 |   AppClientID:
416 |     Value: !Ref 'UserPoolClient'
417 |     Description: The user pool app client id
418 |   AppClientSecret:
419 |     Value: !GetAtt UserPoolClientInputs.appSecret
420 |     Condition: ShouldOutputAppClientSecrets
421 |   
422 |   
423 |   
424 |   
425 |   
426 |   
427 |   
428 |   
429 | 


--------------------------------------------------------------------------------
/samples/angular/auth/authenticator/src/app/app.component.html:
--------------------------------------------------------------------------------
   1 | <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
   2 | <!-- * * * * * * * * * * * The content below * * * * * * * * * * * -->
   3 | <!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * -->
   4 | <!-- * * * * * * * * * * and can be replaced. * * * * * * * * * * * -->
   5 | <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
   6 | <!-- * * * * * * * * * Delete the template below * * * * * * * * * * -->
   7 | <!-- * * * * * * * to get started with your project! * * * * * * * * -->
   8 | <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
   9 | 
  10 | <style>
  11 | 	:host {
  12 | 		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
  13 | 			Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
  14 | 			'Segoe UI Symbol';
  15 | 		font-size: 14px;
  16 | 		color: #333;
  17 | 		box-sizing: border-box;
  18 | 		-webkit-font-smoothing: antialiased;
  19 | 		-moz-osx-font-smoothing: grayscale;
  20 | 	}
  21 | 
  22 | 	h1,
  23 | 	h2,
  24 | 	h3,
  25 | 	h4,
  26 | 	h5,
  27 | 	h6 {
  28 | 		margin: 8px 0;
  29 | 	}
  30 | 
  31 | 	p {
  32 | 		margin: 0;
  33 | 	}
  34 | 
  35 | 	.spacer {
  36 | 		flex: 1;
  37 | 	}
  38 | 
  39 | 	.toolbar {
  40 | 		position: absolute;
  41 | 		top: 0;
  42 | 		left: 0;
  43 | 		right: 0;
  44 | 		height: 60px;
  45 | 		display: flex;
  46 | 		align-items: center;
  47 | 		background-color: #1976d2;
  48 | 		color: white;
  49 | 		font-weight: 600;
  50 | 	}
  51 | 
  52 | 	.toolbar img {
  53 | 		margin: 0 16px;
  54 | 	}
  55 | 
  56 | 	.toolbar #twitter-logo {
  57 | 		height: 40px;
  58 | 		margin: 0 16px;
  59 | 	}
  60 | 
  61 | 	.toolbar #twitter-logo:hover {
  62 | 		opacity: 0.8;
  63 | 	}
  64 | 
  65 | 	.content {
  66 | 		display: flex;
  67 | 		margin: 82px auto 32px;
  68 | 		padding: 0 16px;
  69 | 		max-width: 960px;
  70 | 		flex-direction: column;
  71 | 		align-items: center;
  72 | 	}
  73 | 
  74 | 	svg.material-icons {
  75 | 		height: 24px;
  76 | 		width: auto;
  77 | 	}
  78 | 
  79 | 	svg.material-icons:not(:last-child) {
  80 | 		margin-right: 8px;
  81 | 	}
  82 | 
  83 | 	.card svg.material-icons path {
  84 | 		fill: #888;
  85 | 	}
  86 | 
  87 | 	.card-container {
  88 | 		display: flex;
  89 | 		flex-wrap: wrap;
  90 | 		justify-content: center;
  91 | 		margin-top: 16px;
  92 | 	}
  93 | 
  94 | 	.card {
  95 | 		border-radius: 4px;
  96 | 		border: 1px solid #eee;
  97 | 		background-color: #fafafa;
  98 | 		height: 40px;
  99 | 		width: 200px;
 100 | 		margin: 0 8px 16px;
 101 | 		padding: 16px;
 102 | 		display: flex;
 103 | 		flex-direction: row;
 104 | 		justify-content: center;
 105 | 		align-items: center;
 106 | 		transition: all 0.2s ease-in-out;
 107 | 		line-height: 24px;
 108 | 	}
 109 | 
 110 | 	.card-container .card:not(:last-child) {
 111 | 		margin-right: 0;
 112 | 	}
 113 | 
 114 | 	.card.card-small {
 115 | 		height: 16px;
 116 | 		width: 168px;
 117 | 	}
 118 | 
 119 | 	.card-container .card:not(.highlight-card) {
 120 | 		cursor: pointer;
 121 | 	}
 122 | 
 123 | 	.card-container .card:not(.highlight-card):hover {
 124 | 		transform: translateY(-3px);
 125 | 		box-shadow: 0 4px 17px rgba(0, 0, 0, 0.35);
 126 | 	}
 127 | 
 128 | 	.card-container .card:not(.highlight-card):hover .material-icons path {
 129 | 		fill: rgb(105, 103, 103);
 130 | 	}
 131 | 
 132 | 	.card.highlight-card {
 133 | 		background-color: #1976d2;
 134 | 		color: white;
 135 | 		font-weight: 600;
 136 | 		border: none;
 137 | 		width: auto;
 138 | 		min-width: 30%;
 139 | 		position: relative;
 140 | 	}
 141 | 
 142 | 	.card.card.highlight-card span {
 143 | 		margin-left: 60px;
 144 | 	}
 145 | 
 146 | 	svg#rocket {
 147 | 		width: 80px;
 148 | 		position: absolute;
 149 | 		left: -10px;
 150 | 		top: -24px;
 151 | 	}
 152 | 
 153 | 	svg#rocket-smoke {
 154 | 		height: calc(100vh - 95px);
 155 | 		position: absolute;
 156 | 		top: 10px;
 157 | 		right: 180px;
 158 | 		z-index: -10;
 159 | 	}
 160 | 
 161 | 	a,
 162 | 	a:visited,
 163 | 	a:hover {
 164 | 		color: #1976d2;
 165 | 		text-decoration: none;
 166 | 	}
 167 | 
 168 | 	a:hover {
 169 | 		color: #125699;
 170 | 	}
 171 | 
 172 | 	.terminal {
 173 | 		position: relative;
 174 | 		width: 80%;
 175 | 		max-width: 600px;
 176 | 		border-radius: 6px;
 177 | 		padding-top: 45px;
 178 | 		margin-top: 8px;
 179 | 		overflow: hidden;
 180 | 		background-color: rgb(15, 15, 16);
 181 | 	}
 182 | 
 183 | 	.terminal::before {
 184 | 		content: '\2022 \2022 \2022';
 185 | 		position: absolute;
 186 | 		top: 0;
 187 | 		left: 0;
 188 | 		height: 4px;
 189 | 		background: rgb(58, 58, 58);
 190 | 		color: #c2c3c4;
 191 | 		width: 100%;
 192 | 		font-size: 2rem;
 193 | 		line-height: 0;
 194 | 		padding: 14px 0;
 195 | 		text-indent: 4px;
 196 | 	}
 197 | 
 198 | 	.terminal pre {
 199 | 		font-family: SFMono-Regular, Consolas, Liberation Mono, Menlo, monospace;
 200 | 		color: white;
 201 | 		padding: 0 1rem 1rem;
 202 | 		margin: 0;
 203 | 	}
 204 | 
 205 | 	.circle-link {
 206 | 		height: 40px;
 207 | 		width: 40px;
 208 | 		border-radius: 40px;
 209 | 		margin: 8px;
 210 | 		background-color: white;
 211 | 		border: 1px solid #eeeeee;
 212 | 		display: flex;
 213 | 		justify-content: center;
 214 | 		align-items: center;
 215 | 		cursor: pointer;
 216 | 		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
 217 | 		transition: 1s ease-out;
 218 | 	}
 219 | 
 220 | 	.circle-link:hover {
 221 | 		transform: translateY(-0.25rem);
 222 | 		box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
 223 | 	}
 224 | 
 225 | 	footer {
 226 | 		margin-top: 8px;
 227 | 		display: flex;
 228 | 		align-items: center;
 229 | 		line-height: 20px;
 230 | 	}
 231 | 
 232 | 	footer a {
 233 | 		display: flex;
 234 | 		align-items: center;
 235 | 	}
 236 | 
 237 | 	.github-star-badge {
 238 | 		color: #24292e;
 239 | 		display: flex;
 240 | 		align-items: center;
 241 | 		font-size: 12px;
 242 | 		padding: 3px 10px;
 243 | 		border: 1px solid rgba(27, 31, 35, 0.2);
 244 | 		border-radius: 3px;
 245 | 		background-image: linear-gradient(-180deg, #fafbfc, #eff3f6 90%);
 246 | 		margin-left: 4px;
 247 | 		font-weight: 600;
 248 | 		font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial,
 249 | 			sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
 250 | 	}
 251 | 
 252 | 	.github-star-badge:hover {
 253 | 		background-image: linear-gradient(-180deg, #f0f3f6, #e6ebf1 90%);
 254 | 		border-color: rgba(27, 31, 35, 0.35);
 255 | 		background-position: -0.5em;
 256 | 	}
 257 | 
 258 | 	.github-star-badge .material-icons {
 259 | 		height: 16px;
 260 | 		width: 16px;
 261 | 		margin-right: 4px;
 262 | 	}
 263 | 
 264 | 	svg#clouds {
 265 | 		position: fixed;
 266 | 		bottom: -160px;
 267 | 		left: -230px;
 268 | 		z-index: -10;
 269 | 		width: 1920px;
 270 | 	}
 271 | 
 272 | 	/* Responsive Styles */
 273 | 	@media screen and (max-width: 767px) {
 274 | 		.card-container > *:not(.circle-link),
 275 | 		.terminal {
 276 | 			width: 100%;
 277 | 		}
 278 | 
 279 | 		.card:not(.highlight-card) {
 280 | 			height: 16px;
 281 | 			margin: 8px 0;
 282 | 		}
 283 | 
 284 | 		.card.highlight-card span {
 285 | 			margin-left: 72px;
 286 | 		}
 287 | 
 288 | 		svg#rocket-smoke {
 289 | 			right: 120px;
 290 | 			transform: rotate(-5deg);
 291 | 		}
 292 | 	}
 293 | 
 294 | 	@media screen and (max-width: 575px) {
 295 | 		svg#rocket-smoke {
 296 | 			display: none;
 297 | 			visibility: hidden;
 298 | 		}
 299 | 	}
 300 | </style>
 301 | 
 302 | <amplify-container *ngIf="authState !== 'signedin'">
 303 | 	<amplify-authenticator></amplify-authenticator>
 304 | </amplify-container>
 305 | 
 306 | <div *ngIf="authState === 'signedin' && user">
 307 | 	<!-- Toolbar -->
 308 | 	<div class="toolbar" role="banner">
 309 | 		<img
 310 | 			width="40"
 311 | 			alt="Angular Logo"
 312 | 			src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg=="
 313 | 		/>
 314 | 		<span class="App-header">Hello, {{ user.username }}</span>
 315 | 		<div class="spacer"></div>
 316 | 		<amplify-sign-out></amplify-sign-out>
 317 | 		<a
 318 | 			aria-label="Angular on twitter"
 319 | 			target="_blank"
 320 | 			rel="noopener"
 321 | 			href="https://twitter.com/angular"
 322 | 			title="Twitter"
 323 | 		>
 324 | 			<svg
 325 | 				id="twitter-logo"
 326 | 				height="24"
 327 | 				data-name="Logo"
 328 | 				xmlns="http://www.w3.org/2000/svg"
 329 | 				viewBox="0 0 400 400"
 330 | 			>
 331 | 				<rect width="400" height="400" fill="none" />
 332 | 				<path
 333 | 					d="M153.62,301.59c94.34,0,145.94-78.16,145.94-145.94,0-2.22,0-4.43-.15-6.63A104.36,104.36,0,0,0,325,122.47a102.38,102.38,0,0,1-29.46,8.07,51.47,51.47,0,0,0,22.55-28.37,102.79,102.79,0,0,1-32.57,12.45,51.34,51.34,0,0,0-87.41,46.78A145.62,145.62,0,0,1,92.4,107.81a51.33,51.33,0,0,0,15.88,68.47A50.91,50.91,0,0,1,85,169.86c0,.21,0,.43,0,.65a51.31,51.31,0,0,0,41.15,50.28,51.21,51.21,0,0,1-23.16.88,51.35,51.35,0,0,0,47.92,35.62,102.92,102.92,0,0,1-63.7,22A104.41,104.41,0,0,1,75,278.55a145.21,145.21,0,0,0,78.62,23"
 334 | 					fill="#fff"
 335 | 				/>
 336 | 			</svg>
 337 | 		</a>
 338 | 	</div>
 339 | 
 340 | 	<div class="content" role="main">
 341 | 		<!-- Highlight Card -->
 342 | 		<div class="card highlight-card card-small">
 343 | 			<svg
 344 | 				id="rocket"
 345 | 				alt="Rocket Ship"
 346 | 				xmlns="http://www.w3.org/2000/svg"
 347 | 				width="101.678"
 348 | 				height="101.678"
 349 | 				viewBox="0 0 101.678 101.678"
 350 | 			>
 351 | 				<g id="Group_83" data-name="Group 83" transform="translate(-141 -696)">
 352 | 					<circle
 353 | 						id="Ellipse_8"
 354 | 						data-name="Ellipse 8"
 355 | 						cx="50.839"
 356 | 						cy="50.839"
 357 | 						r="50.839"
 358 | 						transform="translate(141 696)"
 359 | 						fill="#dd0031"
 360 | 					/>
 361 | 					<g
 362 | 						id="Group_47"
 363 | 						data-name="Group 47"
 364 | 						transform="translate(165.185 720.185)"
 365 | 					>
 366 | 						<path
 367 | 							id="Path_33"
 368 | 							data-name="Path 33"
 369 | 							d="M3.4,42.615a3.084,3.084,0,0,0,3.553,3.553,21.419,21.419,0,0,0,12.215-6.107L9.511,30.4A21.419,21.419,0,0,0,3.4,42.615Z"
 370 | 							transform="translate(0.371 3.363)"
 371 | 							fill="#fff"
 372 | 						/>
 373 | 						<path
 374 | 							id="Path_34"
 375 | 							data-name="Path 34"
 376 | 							d="M53.3,3.221A3.09,3.09,0,0,0,50.081,0,48.227,48.227,0,0,0,18.322,13.437c-6-1.666-14.991-1.221-18.322,7.218A33.892,33.892,0,0,1,9.439,25.1l-.333.666a3.013,3.013,0,0,0,.555,3.553L23.985,43.641a2.9,2.9,0,0,0,3.553.555l.666-.333A33.892,33.892,0,0,1,32.647,53.3c8.55-3.664,8.884-12.326,7.218-18.322A48.227,48.227,0,0,0,53.3,3.221ZM34.424,9.772a6.439,6.439,0,1,1,9.106,9.106,6.368,6.368,0,0,1-9.106,0A6.467,6.467,0,0,1,34.424,9.772Z"
 377 | 							transform="translate(0 0.005)"
 378 | 							fill="#fff"
 379 | 						/>
 380 | 					</g>
 381 | 				</g>
 382 | 			</svg>
 383 | 
 384 | 			<span>{{ title }} app is running!</span>
 385 | 
 386 | 			<svg
 387 | 				id="rocket-smoke"
 388 | 				alt="Rocket Ship Smoke"
 389 | 				xmlns="http://www.w3.org/2000/svg"
 390 | 				width="516.119"
 391 | 				height="1083.632"
 392 | 				viewBox="0 0 516.119 1083.632"
 393 | 			>
 394 | 				<path
 395 | 					id="Path_40"
 396 | 					data-name="Path 40"
 397 | 					d="M644.6,141S143.02,215.537,147.049,870.207s342.774,201.755,342.774,201.755S404.659,847.213,388.815,762.2c-27.116-145.51-11.551-384.124,271.9-609.1C671.15,139.365,644.6,141,644.6,141Z"
 398 | 					transform="translate(-147.025 -140.939)"
 399 | 					fill="#f5f5f5"
 400 | 				/>
 401 | 			</svg>
 402 | 		</div>
 403 | 
 404 | 		<!-- Resources -->
 405 | 		<h2>Resources</h2>
 406 | 		<p>Here are some links to help you get started:</p>
 407 | 
 408 | 		<div class="card-container">
 409 | 			<a
 410 | 				class="card"
 411 | 				target="_blank"
 412 | 				rel="noopener"
 413 | 				href="https://angular.io/tutorial"
 414 | 			>
 415 | 				<svg
 416 | 					class="material-icons"
 417 | 					xmlns="http://www.w3.org/2000/svg"
 418 | 					width="24"
 419 | 					height="24"
 420 | 					viewBox="0 0 24 24"
 421 | 				>
 422 | 					<path
 423 | 						d="M5 13.18v4L12 21l7-3.82v-4L12 17l-7-3.82zM12 3L1 9l11 6 9-4.91V17h2V9L12 3z"
 424 | 					/>
 425 | 				</svg>
 426 | 
 427 | 				<span>Learn Angular</span>
 428 | 
 429 | 				<svg
 430 | 					class="material-icons"
 431 | 					xmlns="http://www.w3.org/2000/svg"
 432 | 					width="24"
 433 | 					height="24"
 434 | 					viewBox="0 0 24 24"
 435 | 				>
 436 | 					<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
 437 | 				</svg>
 438 | 			</a>
 439 | 
 440 | 			<a
 441 | 				class="card"
 442 | 				target="_blank"
 443 | 				rel="noopener"
 444 | 				href="https://angular.io/cli"
 445 | 			>
 446 | 				<svg
 447 | 					class="material-icons"
 448 | 					xmlns="http://www.w3.org/2000/svg"
 449 | 					width="24"
 450 | 					height="24"
 451 | 					viewBox="0 0 24 24"
 452 | 				>
 453 | 					<path
 454 | 						d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"
 455 | 					/>
 456 | 				</svg>
 457 | 
 458 | 				<span>CLI Documentation</span>
 459 | 
 460 | 				<svg
 461 | 					class="material-icons"
 462 | 					xmlns="http://www.w3.org/2000/svg"
 463 | 					width="24"
 464 | 					height="24"
 465 | 					viewBox="0 0 24 24"
 466 | 				>
 467 | 					<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
 468 | 				</svg>
 469 | 			</a>
 470 | 
 471 | 			<a
 472 | 				class="card"
 473 | 				target="_blank"
 474 | 				rel="noopener"
 475 | 				href="https://blog.angular.io/"
 476 | 			>
 477 | 				<svg
 478 | 					class="material-icons"
 479 | 					xmlns="http://www.w3.org/2000/svg"
 480 | 					width="24"
 481 | 					height="24"
 482 | 					viewBox="0 0 24 24"
 483 | 				>
 484 | 					<path
 485 | 						d="M13.5.67s.74 2.65.74 4.8c0 2.06-1.35 3.73-3.41 3.73-2.07 0-3.63-1.67-3.63-3.73l.03-.36C5.21 7.51 4 10.62 4 14c0 4.42 3.58 8 8 8s8-3.58 8-8C20 8.61 17.41 3.8 13.5.67zM11.71 19c-1.78 0-3.22-1.4-3.22-3.14 0-1.62 1.05-2.76 2.81-3.12 1.77-.36 3.6-1.21 4.62-2.58.39 1.29.59 2.65.59 4.04 0 2.65-2.15 4.8-4.8 4.8z"
 486 | 					/>
 487 | 				</svg>
 488 | 
 489 | 				<span>Angular Blog</span>
 490 | 
 491 | 				<svg
 492 | 					class="material-icons"
 493 | 					xmlns="http://www.w3.org/2000/svg"
 494 | 					width="24"
 495 | 					height="24"
 496 | 					viewBox="0 0 24 24"
 497 | 				>
 498 | 					<path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
 499 | 				</svg>
 500 | 			</a>
 501 | 		</div>
 502 | 
 503 | 		<!-- Next Steps -->
 504 | 		<h2>Next Steps</h2>
 505 | 		<p>What do you want to do next with your app?</p>
 506 | 
 507 | 		<input type="hidden" #selection />
 508 | 
 509 | 		<div class="card-container">
 510 | 			<div
 511 | 				class="card card-small"
 512 | 				(click)="selection.value = 'component'"
 513 | 				tabindex="0"
 514 | 			>
 515 | 				<svg
 516 | 					class="material-icons"
 517 | 					xmlns="http://www.w3.org/2000/svg"
 518 | 					width="24"
 519 | 					height="24"
 520 | 					viewBox="0 0 24 24"
 521 | 				>
 522 | 					<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
 523 | 				</svg>
 524 | 
 525 | 				<span>New Component</span>
 526 | 			</div>
 527 | 
 528 | 			<div
 529 | 				class="card card-small"
 530 | 				(click)="selection.value = 'material'"
 531 | 				tabindex="0"
 532 | 			>
 533 | 				<svg
 534 | 					class="material-icons"
 535 | 					xmlns="http://www.w3.org/2000/svg"
 536 | 					width="24"
 537 | 					height="24"
 538 | 					viewBox="0 0 24 24"
 539 | 				>
 540 | 					<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
 541 | 				</svg>
 542 | 
 543 | 				<span>Angular Material</span>
 544 | 			</div>
 545 | 
 546 | 			<div
 547 | 				class="card card-small"
 548 | 				(click)="selection.value = 'pwa'"
 549 | 				tabindex="0"
 550 | 			>
 551 | 				<svg
 552 | 					class="material-icons"
 553 | 					xmlns="http://www.w3.org/2000/svg"
 554 | 					width="24"
 555 | 					height="24"
 556 | 					viewBox="0 0 24 24"
 557 | 				>
 558 | 					<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
 559 | 				</svg>
 560 | 
 561 | 				<span>Add PWA Support</span>
 562 | 			</div>
 563 | 
 564 | 			<div
 565 | 				class="card card-small"
 566 | 				(click)="selection.value = 'dependency'"
 567 | 				tabindex="0"
 568 | 			>
 569 | 				<svg
 570 | 					class="material-icons"
 571 | 					xmlns="http://www.w3.org/2000/svg"
 572 | 					width="24"
 573 | 					height="24"
 574 | 					viewBox="0 0 24 24"
 575 | 				>
 576 | 					<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
 577 | 				</svg>
 578 | 
 579 | 				<span>Add Dependency</span>
 580 | 			</div>
 581 | 
 582 | 			<div
 583 | 				class="card card-small"
 584 | 				(click)="selection.value = 'test'"
 585 | 				tabindex="0"
 586 | 			>
 587 | 				<svg
 588 | 					class="material-icons"
 589 | 					xmlns="http://www.w3.org/2000/svg"
 590 | 					width="24"
 591 | 					height="24"
 592 | 					viewBox="0 0 24 24"
 593 | 				>
 594 | 					<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
 595 | 				</svg>
 596 | 
 597 | 				<span>Run and Watch Tests</span>
 598 | 			</div>
 599 | 
 600 | 			<div
 601 | 				class="card card-small"
 602 | 				(click)="selection.value = 'build'"
 603 | 				tabindex="0"
 604 | 			>
 605 | 				<svg
 606 | 					class="material-icons"
 607 | 					xmlns="http://www.w3.org/2000/svg"
 608 | 					width="24"
 609 | 					height="24"
 610 | 					viewBox="0 0 24 24"
 611 | 				>
 612 | 					<path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z" />
 613 | 				</svg>
 614 | 
 615 | 				<span>Build for Production</span>
 616 | 			</div>
 617 | 		</div>
 618 | 
 619 | 		<!-- Terminal -->
 620 | 		<div class="terminal" [ngSwitch]="selection.value">
 621 | 			<pre *ngSwitchDefault>ng generate component xyz</pre>
 622 | 			<pre *ngSwitchCase="'material'">ng add @angular/material</pre>
 623 | 			<pre *ngSwitchCase="'pwa'">ng add @angular/pwa</pre>
 624 | 			<pre *ngSwitchCase="'dependency'">ng add _____</pre>
 625 | 			<pre *ngSwitchCase="'test'">ng test</pre>
 626 | 			<pre *ngSwitchCase="'build'">ng build --prod</pre>
 627 | 		</div>
 628 | 
 629 | 		<!-- Links -->
 630 | 		<div class="card-container">
 631 | 			<a
 632 | 				class="circle-link"
 633 | 				title="Animations"
 634 | 				href="https://angular.io/guide/animations"
 635 | 				target="_blank"
 636 | 				rel="noopener"
 637 | 			>
 638 | 				<svg
 639 | 					id="Group_20"
 640 | 					data-name="Group 20"
 641 | 					xmlns="http://www.w3.org/2000/svg"
 642 | 					width="21.813"
 643 | 					height="23.453"
 644 | 					viewBox="0 0 21.813 23.453"
 645 | 				>
 646 | 					<path
 647 | 						id="Path_15"
 648 | 						data-name="Path 15"
 649 | 						d="M4099.584,972.736h0l-10.882,3.9,1.637,14.4,9.245,5.153,9.245-5.153,1.686-14.4Z"
 650 | 						transform="translate(-4088.702 -972.736)"
 651 | 						fill="#ffa726"
 652 | 					/>
 653 | 					<path
 654 | 						id="Path_16"
 655 | 						data-name="Path 16"
 656 | 						d="M4181.516,972.736v23.453l9.245-5.153,1.686-14.4Z"
 657 | 						transform="translate(-4170.633 -972.736)"
 658 | 						fill="#fb8c00"
 659 | 					/>
 660 | 					<path
 661 | 						id="Path_17"
 662 | 						data-name="Path 17"
 663 | 						d="M4137.529,1076.127l-7.7-3.723,4.417-2.721,7.753,3.723Z"
 664 | 						transform="translate(-4125.003 -1058.315)"
 665 | 						fill="#ffe0b2"
 666 | 					/>
 667 | 					<path
 668 | 						id="Path_18"
 669 | 						data-name="Path 18"
 670 | 						d="M4137.529,1051.705l-7.7-3.723,4.417-2.721,7.753,3.723Z"
 671 | 						transform="translate(-4125.003 -1036.757)"
 672 | 						fill="#fff3e0"
 673 | 					/>
 674 | 					<path
 675 | 						id="Path_19"
 676 | 						data-name="Path 19"
 677 | 						d="M4137.529,1027.283l-7.7-3.723,4.417-2.721,7.753,3.723Z"
 678 | 						transform="translate(-4125.003 -1015.199)"
 679 | 						fill="#fff"
 680 | 					/>
 681 | 				</svg>
 682 | 			</a>
 683 | 
 684 | 			<a
 685 | 				class="circle-link"
 686 | 				title="CLI"
 687 | 				href="https://cli.angular.io/"
 688 | 				target="_blank"
 689 | 				rel="noopener"
 690 | 			>
 691 | 				<svg
 692 | 					alt="Angular CLI Logo"
 693 | 					xmlns="http://www.w3.org/2000/svg"
 694 | 					width="21.762"
 695 | 					height="23.447"
 696 | 					viewBox="0 0 21.762 23.447"
 697 | 				>
 698 | 					<g id="Group_21" data-name="Group 21" transform="translate(0)">
 699 | 						<path
 700 | 							id="Path_20"
 701 | 							data-name="Path 20"
 702 | 							d="M2660.313,313.618h0l-10.833,3.9,1.637,14.4,9.2,5.152,9.244-5.152,1.685-14.4Z"
 703 | 							transform="translate(-2649.48 -313.618)"
 704 | 							fill="#37474f"
 705 | 						/>
 706 | 						<path
 707 | 							id="Path_21"
 708 | 							data-name="Path 21"
 709 | 							d="M2741.883,313.618v23.447l9.244-5.152,1.685-14.4Z"
 710 | 							transform="translate(-2731.05 -313.618)"
 711 | 							fill="#263238"
 712 | 						/>
 713 | 						<path
 714 | 							id="Path_22"
 715 | 							data-name="Path 22"
 716 | 							d="M2692.293,379.169h11.724V368.618h-11.724Zm11.159-.6h-10.608v-9.345h10.621v9.345Z"
 717 | 							transform="translate(-2687.274 -362.17)"
 718 | 							fill="#fff"
 719 | 						/>
 720 | 						<path
 721 | 							id="Path_23"
 722 | 							data-name="Path 23"
 723 | 							d="M2709.331,393.688l.4.416,2.265-2.28-2.294-2.294-.4.4,1.893,1.893Z"
 724 | 							transform="translate(-2702.289 -380.631)"
 725 | 							fill="#fff"
 726 | 						/>
 727 | 						<rect
 728 | 							id="Rectangle_12"
 729 | 							data-name="Rectangle 12"
 730 | 							width="3.517"
 731 | 							height="0.469"
 732 | 							transform="translate(9.709 13.744)"
 733 | 							fill="#fff"
 734 | 						/>
 735 | 					</g>
 736 | 				</svg>
 737 | 			</a>
 738 | 
 739 | 			<a
 740 | 				class="circle-link"
 741 | 				title="Augury"
 742 | 				href="https://augury.rangle.io/"
 743 | 				target="_blank"
 744 | 				rel="noopener"
 745 | 			>
 746 | 				<svg
 747 | 					alt="Angular Augury Logo"
 748 | 					xmlns="http://www.w3.org/2000/svg"
 749 | 					xmlns:xlink="http://www.w3.org/1999/xlink"
 750 | 					width="21.81"
 751 | 					height="23.447"
 752 | 					viewBox="0 0 21.81 23.447"
 753 | 				>
 754 | 					<defs>
 755 | 						<clipPath id="clip-path">
 756 | 							<rect
 757 | 								id="Rectangle_13"
 758 | 								data-name="Rectangle 13"
 759 | 								width="10.338"
 760 | 								height="10.27"
 761 | 								fill="none"
 762 | 							/>
 763 | 						</clipPath>
 764 | 					</defs>
 765 | 					<g id="Group_25" data-name="Group 25" transform="translate(0)">
 766 | 						<path
 767 | 							id="Path_24"
 768 | 							data-name="Path 24"
 769 | 							d="M3780.155,311.417h0l-10.881,3.9,1.637,14.4,9.244,5.152,9.244-5.152,1.685-14.4Z"
 770 | 							transform="translate(-3769.274 -311.417)"
 771 | 							fill="#4a3493"
 772 | 						/>
 773 | 						<path
 774 | 							id="Path_25"
 775 | 							data-name="Path 25"
 776 | 							d="M3862.088,311.417v23.447l9.244-5.152,1.685-14.4Z"
 777 | 							transform="translate(-3851.207 -311.417)"
 778 | 							fill="#311b92"
 779 | 						/>
 780 | 						<g
 781 | 							id="Group_24"
 782 | 							data-name="Group 24"
 783 | 							transform="translate(6.194 6.73)"
 784 | 							opacity="0.5"
 785 | 						>
 786 | 							<g id="Group_23" data-name="Group 23" transform="translate(0 0)">
 787 | 								<g
 788 | 									id="Group_22"
 789 | 									data-name="Group 22"
 790 | 									clip-path="url(#clip-path)"
 791 | 								>
 792 | 									<path
 793 | 										id="Path_26"
 794 | 										data-name="Path 26"
 795 | 										d="M3832.4,373.252a5.168,5.168,0,1,1-5.828-4.383,5.216,5.216,0,0,1,2.574.3,3.017,3.017,0,1,0,3.252,4.086Z"
 796 | 										transform="translate(-3822.107 -368.821)"
 797 | 										fill="#fff"
 798 | 									/>
 799 | 								</g>
 800 | 							</g>
 801 | 						</g>
 802 | 						<path
 803 | 							id="Path_27"
 804 | 							data-name="Path 27"
 805 | 							d="M3830.582,370.848a5.162,5.162,0,1,1-3.254-4.086,3.017,3.017,0,1,0,3.252,4.086Z"
 806 | 							transform="translate(-3814.311 -359.969)"
 807 | 							fill="#fff"
 808 | 						/>
 809 | 					</g>
 810 | 				</svg>
 811 | 			</a>
 812 | 
 813 | 			<a
 814 | 				class="circle-link"
 815 | 				title="Protractor"
 816 | 				href="https://www.protractortest.org/"
 817 | 				target="_blank"
 818 | 				rel="noopener"
 819 | 			>
 820 | 				<svg
 821 | 					alt="Angular Protractor Logo"
 822 | 					xmlns="http://www.w3.org/2000/svg"
 823 | 					width="21.81"
 824 | 					height="23.447"
 825 | 					viewBox="0 0 21.81 23.447"
 826 | 				>
 827 | 					<g id="Group_26" data-name="Group 26" transform="translate(0)">
 828 | 						<path
 829 | 							id="Path_28"
 830 | 							data-name="Path 28"
 831 | 							d="M4620.155,311.417h0l-10.881,3.9,1.637,14.4,9.244,5.152,9.244-5.152,1.685-14.4Z"
 832 | 							transform="translate(-4609.274 -311.417)"
 833 | 							fill="#e13439"
 834 | 						/>
 835 | 						<path
 836 | 							id="Path_29"
 837 | 							data-name="Path 29"
 838 | 							d="M4702.088,311.417v23.447l9.244-5.152,1.685-14.4Z"
 839 | 							transform="translate(-4691.207 -311.417)"
 840 | 							fill="#b52f32"
 841 | 						/>
 842 | 						<path
 843 | 							id="Path_30"
 844 | 							data-name="Path 30"
 845 | 							d="M4651.044,369.58v-.421h1.483a7.6,7.6,0,0,0-2.106-5.052l-1.123,1.123-.3-.3,1.122-1.121a7.588,7.588,0,0,0-4.946-2.055v1.482h-.421v-1.485a7.589,7.589,0,0,0-5.051,2.058l1.122,1.121-.3.3-1.123-1.123a7.591,7.591,0,0,0-2.106,5.052h1.482v.421h-1.489v1.734h15.241V369.58Zm-10.966-.263a4.835,4.835,0,0,1,9.67,0Z"
 846 | 							transform="translate(-4634.008 -355.852)"
 847 | 							fill="#fff"
 848 | 						/>
 849 | 					</g>
 850 | 				</svg>
 851 | 			</a>
 852 | 
 853 | 			<a
 854 | 				class="circle-link"
 855 | 				title="Find a Local Meetup"
 856 | 				href="https://www.meetup.com/find/?keywords=angular"
 857 | 				target="_blank"
 858 | 				rel="noopener"
 859 | 			>
 860 | 				<svg
 861 | 					alt="Meetup Logo"
 862 | 					xmlns="http://www.w3.org/2000/svg"
 863 | 					width="24.607"
 864 | 					height="23.447"
 865 | 					viewBox="0 0 24.607 23.447"
 866 | 				>
 867 | 					<path
 868 | 						id="logo--mSwarm"
 869 | 						d="M21.221,14.95A4.393,4.393,0,0,1,17.6,19.281a4.452,4.452,0,0,1-.8.069c-.09,0-.125.035-.154.117a2.939,2.939,0,0,1-2.506,2.091,2.868,2.868,0,0,1-2.248-.624.168.168,0,0,0-.245-.005,3.926,3.926,0,0,1-2.589.741,4.015,4.015,0,0,1-3.7-3.347,2.7,2.7,0,0,1-.043-.38c0-.106-.042-.146-.143-.166a3.524,3.524,0,0,1-1.516-.69A3.623,3.623,0,0,1,2.23,14.557a3.66,3.66,0,0,1,1.077-3.085.138.138,0,0,0,.026-.2,3.348,3.348,0,0,1-.451-1.821,3.46,3.46,0,0,1,2.749-3.28.44.44,0,0,0,.355-.281,5.072,5.072,0,0,1,3.863-3,5.028,5.028,0,0,1,3.555.666.31.31,0,0,0,.271.03A4.5,4.5,0,0,1,18.3,4.7a4.4,4.4,0,0,1,1.334,2.751,3.658,3.658,0,0,1,.022.706.131.131,0,0,0,.1.157,2.432,2.432,0,0,1,1.574,1.645,2.464,2.464,0,0,1-.7,2.616c-.065.064-.051.1-.014.166A4.321,4.321,0,0,1,21.221,14.95ZM13.4,14.607a2.09,2.09,0,0,0,1.409,1.982,4.7,4.7,0,0,0,1.275.221,1.807,1.807,0,0,0,.9-.151.542.542,0,0,0,.321-.545.558.558,0,0,0-.359-.534,1.2,1.2,0,0,0-.254-.078c-.262-.047-.526-.086-.787-.138a.674.674,0,0,1-.617-.75,3.394,3.394,0,0,1,.218-1.109c.217-.658.509-1.286.79-1.918a15.609,15.609,0,0,0,.745-1.86,1.95,1.95,0,0,0,.06-1.073,1.286,1.286,0,0,0-1.051-1.033,1.977,1.977,0,0,0-1.521.2.339.339,0,0,1-.446-.042c-.1-.092-.2-.189-.307-.284a1.214,1.214,0,0,0-1.643-.061,7.563,7.563,0,0,1-.614.512A.588.588,0,0,1,10.883,8c-.215-.115-.437-.215-.659-.316a2.153,2.153,0,0,0-.695-.248A2.091,2.091,0,0,0,7.541,8.562a9.915,9.915,0,0,0-.405.986c-.559,1.545-1.015,3.123-1.487,4.7a1.528,1.528,0,0,0,.634,1.777,1.755,1.755,0,0,0,1.5.211,1.35,1.35,0,0,0,.824-.858c.543-1.281,1.032-2.584,1.55-3.875.142-.355.28-.712.432-1.064a.548.548,0,0,1,.851-.24.622.622,0,0,1,.185.539,2.161,2.161,0,0,1-.181.621c-.337.852-.68,1.7-1.018,2.552a2.564,2.564,0,0,0-.173.528.624.624,0,0,0,.333.71,1.073,1.073,0,0,0,.814.034,1.22,1.22,0,0,0,.657-.655q.758-1.488,1.511-2.978.35-.687.709-1.37a1.073,1.073,0,0,1,.357-.434.43.43,0,0,1,.463-.016.373.373,0,0,1,.153.387.7.7,0,0,1-.057.236c-.065.157-.127.316-.2.469-.42.883-.846,1.763-1.262,2.648A2.463,2.463,0,0,0,13.4,14.607Zm5.888,6.508a1.09,1.09,0,0,0-2.179.006,1.09,1.09,0,0,0,2.179-.006ZM1.028,12.139a1.038,1.038,0,1,0,.01-2.075,1.038,1.038,0,0,0-.01,2.075ZM13.782.528a1.027,1.027,0,1,0-.011,2.055A1.027,1.027,0,0,0,13.782.528ZM22.21,6.95a.882.882,0,0,0-1.763.011A.882.882,0,0,0,22.21,6.95ZM4.153,4.439a.785.785,0,1,0,.787-.78A.766.766,0,0,0,4.153,4.439Zm8.221,18.22a.676.676,0,1,0-.677.666A.671.671,0,0,0,12.374,22.658ZM22.872,12.2a.674.674,0,0,0-.665.665.656.656,0,0,0,.655.643.634.634,0,0,0,.655-.644A.654.654,0,0,0,22.872,12.2ZM7.171-.123A.546.546,0,0,0,6.613.43a.553.553,0,1,0,1.106,0A.539.539,0,0,0,7.171-.123ZM24.119,9.234a.507.507,0,0,0-.493.488.494.494,0,0,0,.494.494.48.48,0,0,0,.487-.483A.491.491,0,0,0,24.119,9.234Zm-19.454,9.7a.5.5,0,0,0-.488-.488.491.491,0,0,0-.487.5.483.483,0,0,0,.491.479A.49.49,0,0,0,4.665,18.936Z"
 870 | 						transform="translate(0 0.123)"
 871 | 						fill="#f64060"
 872 | 					/>
 873 | 				</svg>
 874 | 			</a>
 875 | 
 876 | 			<a
 877 | 				class="circle-link"
 878 | 				title="Join the Conversation on Gitter"
 879 | 				href="https://gitter.im/angular/angular"
 880 | 				target="_blank"
 881 | 				rel="noopener"
 882 | 			>
 883 | 				<svg
 884 | 					alt="Gitter Logo"
 885 | 					xmlns="http://www.w3.org/2000/svg"
 886 | 					width="19.447"
 887 | 					height="19.447"
 888 | 					viewBox="0 0 19.447 19.447"
 889 | 				>
 890 | 					<g
 891 | 						id="Group_40"
 892 | 						data-name="Group 40"
 893 | 						transform="translate(-1612 -405)"
 894 | 					>
 895 | 						<rect
 896 | 							id="Rectangle_19"
 897 | 							data-name="Rectangle 19"
 898 | 							width="19.447"
 899 | 							height="19.447"
 900 | 							transform="translate(1612 405)"
 901 | 							fill="#e60257"
 902 | 						/>
 903 | 						<g id="gitter" transform="translate(1617.795 408.636)">
 904 | 							<g id="Group_33" data-name="Group 33" transform="translate(0 0)">
 905 | 								<rect
 906 | 									id="Rectangle_15"
 907 | 									data-name="Rectangle 15"
 908 | 									width="1.04"
 909 | 									height="9.601"
 910 | 									transform="translate(2.304 2.324)"
 911 | 									fill="#fff"
 912 | 								/>
 913 | 								<rect
 914 | 									id="Rectangle_16"
 915 | 									data-name="Rectangle 16"
 916 | 									width="1.04"
 917 | 									height="9.601"
 918 | 									transform="translate(4.607 2.324)"
 919 | 									fill="#fff"
 920 | 								/>
 921 | 								<rect
 922 | 									id="Rectangle_17"
 923 | 									data-name="Rectangle 17"
 924 | 									width="1.04"
 925 | 									height="4.648"
 926 | 									transform="translate(6.91 2.324)"
 927 | 									fill="#fff"
 928 | 								/>
 929 | 								<rect
 930 | 									id="Rectangle_18"
 931 | 									data-name="Rectangle 18"
 932 | 									width="1.04"
 933 | 									height="6.971"
 934 | 									transform="translate(0 0)"
 935 | 									fill="#fff"
 936 | 								/>
 937 | 							</g>
 938 | 						</g>
 939 | 					</g>
 940 | 				</svg>
 941 | 			</a>
 942 | 		</div>
 943 | 
 944 | 		<!-- Footer -->
 945 | 		<footer>
 946 | 			Love Angular?&nbsp;
 947 | 			<a
 948 | 				href="https://github.com/angular/angular"
 949 | 				target="_blank"
 950 | 				rel="noopener"
 951 | 			>
 952 | 				Give our repo a star.
 953 | 				<div class="github-star-badge">
 954 | 					<svg
 955 | 						class="material-icons"
 956 | 						xmlns="http://www.w3.org/2000/svg"
 957 | 						width="24"
 958 | 						height="24"
 959 | 						viewBox="0 0 24 24"
 960 | 					>
 961 | 						<path d="M0 0h24v24H0z" fill="none" />
 962 | 						<path
 963 | 							d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"
 964 | 						/>
 965 | 					</svg>
 966 | 					Star
 967 | 				</div>
 968 | 			</a>
 969 | 			<a
 970 | 				href="https://github.com/angular/angular"
 971 | 				target="_blank"
 972 | 				rel="noopener"
 973 | 			>
 974 | 				<svg
 975 | 					class="material-icons"
 976 | 					xmlns="http://www.w3.org/2000/svg"
 977 | 					width="24"
 978 | 					height="24"
 979 | 					viewBox="0 0 24 24"
 980 | 				>
 981 | 					<path
 982 | 						d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"
 983 | 						fill="#1976d2"
 984 | 					/>
 985 | 					<path d="M0 0h24v24H0z" fill="none" />
 986 | 				</svg>
 987 | 			</a>
 988 | 		</footer>
 989 | 
 990 | 		<svg
 991 | 			id="clouds"
 992 | 			alt="Gray Clouds Background"
 993 | 			xmlns="http://www.w3.org/2000/svg"
 994 | 			width="2611.084"
 995 | 			height="485.677"
 996 | 			viewBox="0 0 2611.084 485.677"
 997 | 		>
 998 | 			<path
 999 | 				id="Path_39"
1000 | 				data-name="Path 39"
1001 | 				d="M2379.709,863.793c10-93-77-171-168-149-52-114-225-105-264,15-75,3-140,59-152,133-30,2.83-66.725,9.829-93.5,26.25-26.771-16.421-63.5-23.42-93.5-26.25-12-74-77-130-152-133-39-120-212-129-264-15-54.084-13.075-106.753,9.173-138.488,48.9-31.734-39.726-84.4-61.974-138.487-48.9-52-114-225-105-264,15a162.027,162.027,0,0,0-103.147,43.044c-30.633-45.365-87.1-72.091-145.206-58.044-52-114-225-105-264,15-75,3-140,59-152,133-53,5-127,23-130,83-2,42,35,72,70,86,49,20,106,18,157,5a165.625,165.625,0,0,0,120,0c47,94,178,113,251,33,61.112,8.015,113.854-5.72,150.492-29.764a165.62,165.62,0,0,0,110.861-3.236c47,94,178,113,251,33,31.385,4.116,60.563,2.495,86.487-3.311,25.924,5.806,55.1,7.427,86.488,3.311,73,80,204,61,251-33a165.625,165.625,0,0,0,120,0c51,13,108,15,157-5a147.188,147.188,0,0,0,33.5-18.694,147.217,147.217,0,0,0,33.5,18.694c49,20,106,18,157,5a165.625,165.625,0,0,0,120,0c47,94,178,113,251,33C2446.709,1093.793,2554.709,922.793,2379.709,863.793Z"
1002 | 				transform="translate(142.69 -634.312)"
1003 | 				fill="#eee"
1004 | 			/>
1005 | 		</svg>
1006 | 	</div>
1007 | </div>
1008 | 
1009 | <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
1010 | <!-- * * * * * * * * * * * The content above * * * * * * * * * * * -->
1011 | <!-- * * * * * * * * * * is only a placeholder * * * * * * * * * * -->
1012 | <!-- * * * * * * * * * * and can be replaced. * * * * * * * * * * * -->
1013 | <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
1014 | <!-- * * * * * * * * * * End of Placeholder * * * * * * * * * * * -->
1015 | <!-- * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * -->
1016 | 


--------------------------------------------------------------------------------