Merge pull request #1 from ncalteen/main

Update Node.js, NPM, Angular versions

* Updated contributing guidelines
* Updated license
* Updated Angular and Google Pay button packages
* Updated target ES versions
* HTML, SCSS, TS file formatting

.github/workflows/build_deploy.yml

@@ -1,10 +1,10 @@
-# Copyright 2021 Google LLC
+# Copyright 2022 Google LLC
 #
 # Licensed under the Apache License, Version 2.0 (the "License");
 # you may not use this file except in compliance with the License.
 # You may obtain a copy of the License at
 #
-#      http://www.apache.org/licenses/LICENSE-2.0
+# https://www.apache.org/licenses/LICENSE-2.0
 #
 # Unless required by applicable law or agreed to in writing, software
 # distributed under the License is distributed on an "AS IS" BASIS,
@@ -29,10 +29,10 @@ jobs:
 
     steps:
       - uses: actions/checkout@v2
-      - name: Use Node.js 14.x
+      - name: Use Node.js 19.x
         uses: actions/setup-node@v1
         with:
-          node-version: 14.x
+          node-version: 19.x
       - run: npm install
       - run: npm run pretty:check
       - run: npm run build

.gitignore

@@ -1,47 +1,40 @@
-# See http://help.github.com/ignore-files/ for more about ignoring files.
-
-# compiled output
+# Compiled output
 /dist
 /tmp
 /out-tsc
-# Only exists if Bazel was run
 /bazel-out
 
-# dependencies
-/node_modules
-
-# profiling files
-chrome-profiler-events*.json
+# Node
+node_modules/
+npm-debug.log
+yarn-error.log
 
 # IDEs and editors
-/.idea
+.idea/
 .project
 .classpath
 .c9/
 *.launch
 .settings/
 *.sublime-workspace
 
-# IDE - VSCode
+# Visual Studio Code
 .vscode/*
 !.vscode/settings.json
 !.vscode/tasks.json
 !.vscode/launch.json
 !.vscode/extensions.json
 .history/*
 
-# misc
-/.sass-cache
+# Miscellaneous
+/.angular/cache
+.sass-cache/
 /connect.lock
 /coverage
 /libpeerconnection.log
-npm-debug.log
-yarn-error.log
 testem.log
 /typings
 
-# System Files
+# System files
 .DS_Store
 Thumbs.db
-
-.firebase/

.prettierignore

@@ -1,3 +1,6 @@
+.angular/
+.github/
+.vscode/
 node_modules/
 dist/
 build/

.prettierrc.yml

@@ -1,10 +1,10 @@
-# Copyright 2021 Google LLC
+# Copyright 2022 Google LLC
 #
 # Licensed under the Apache License, Version 2.0 (the "License");
 # you may not use this file except in compliance with the License.
 # You may obtain a copy of the License at
 #
-#      http://www.apache.org/licenses/LICENSE-2.0
+# https://www.apache.org/licenses/LICENSE-2.0
 #
 # Unless required by applicable law or agreed to in writing, software
 # distributed under the License is distributed on an "AS IS" BASIS,
@@ -18,4 +18,4 @@ quoteProps: consistent
 semi: true
 singleQuote: true
 tabWidth: 2
-trailingComma: all
+trailingComma: none

.vscode/extensions.json

@@ -0,0 +1,4 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=827846
+  "recommendations": ["angular.ng-template"]
+}

.vscode/launch.json

@@ -0,0 +1,20 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "ng serve",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: start",
+      "url": "http://localhost:4200/"
+    },
+    {
+      "name": "ng test",
+      "type": "chrome",
+      "request": "launch",
+      "preLaunchTask": "npm: test",
+      "url": "http://localhost:9876/debug.html"
+    }
+  ]
+}

.vscode/tasks.json

@@ -0,0 +1,42 @@
+{
+  // For more information, visit: https://go.microsoft.com/fwlink/?LinkId=733558
+  "version": "2.0.0",
+  "tasks": [
+    {
+      "type": "npm",
+      "script": "start",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    },
+    {
+      "type": "npm",
+      "script": "test",
+      "isBackground": true,
+      "problemMatcher": {
+        "owner": "typescript",
+        "pattern": "$tsc",
+        "background": {
+          "activeOnStart": true,
+          "beginsPattern": {
+            "regexp": "(.*?)"
+          },
+          "endsPattern": {
+            "regexp": "bundle generation complete"
+          }
+        }
+      }
+    }
+  ]
+}

CONTRIBUTING.md

@@ -1,29 +1,33 @@
 # How to Contribute
 
-We'd love to accept your patches and contributions to this project. There are
-just a few small guidelines you need to follow.
+We'd love to accept your patches and contributions to this project.
 
-## Contributor License Agreement
+## Before you begin
 
-Contributions to this project must be accompanied by a Contributor License
-Agreement (CLA). You (or your employer) retain the copyright to your
-contribution; this simply gives us permission to use and redistribute your
-contributions as part of the project. Head over to
-<https://cla.developers.google.com/> to see your current agreements on file or
-to sign a new one.
+### Sign our Contributor License Agreement
 
-You generally only need to submit a CLA once, so if you've already submitted one
-(even if it was for a different project), you probably don't need to do it
-again.
+Contributions to this project must be accompanied by a
+[Contributor License Agreement](https://cla.developers.google.com/about) (CLA).
+You (or your employer) retain the copyright to your contribution; this simply
+gives us permission to use and redistribute your contributions as part of the
+project.
 
-## Code reviews
+If you or your current employer have already signed the Google CLA (even if it
+was for a different project), you probably don't need to do it again.
+
+Visit <https://cla.developers.google.com/> to see your current agreements or to
+sign a new one.
+
+### Review our Community Guidelines
+
+This project follows [Google's Open Source Community
+Guidelines](https://opensource.google/conduct/).
+
+## Contribution process
+
+### Code Reviews
 
 All submissions, including submissions by project members, require review. We
 use GitHub pull requests for this purpose. Consult
 [GitHub Help](https://help.github.com/articles/about-pull-requests/) for more
 information on using pull requests.
-
-## Community Guidelines
-
-This project follows
-[Google's Open Source Community Guidelines](https://opensource.google/conduct/).

README.md

@@ -1,31 +1,77 @@
-_This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 12.2.2._
-
 # Sample Angular T-Shirt Store
 
-The purpose this repository is to showcase the Google Pay integration in a store built with Angular.
+The purpose this repository is to showcase the Google Pay integration in a store
+built with Angular.
+
+A deployed version of this app can be found at
+[this link](https://payments-angular-store.web.app/).
+
+## Prerequisites
+
+To configure and run this sample app, you will need the following prerequisites
+installed on your workstation:
+
+- [Node.js and NPM](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm)
+- [Angular CLI](https://angular.io/guide/setup-local)
+
+## Setup
+
+Once the prerequisites are installed, follow the below steps to set up and use
+this sample app:
+
+1.  Clone this repository
+2.  In your terminal, navigate to the repository location
+
+    ```bash
+    cd /path/to/repo
+    ```
+
+3.  Install the Node.js dependencies
+
+    ```bash
+    npm install .
+    ```
+
+## Usage
+
+### Development server
+
+To start a development server, follow the below steps:
+
+1.  In your terminal, run `ng serve`
+2.  In your web browser, open `http://localhost:4200/`
 
-A version of this repository has been deployed to https://payments-angular-store.web.app/.
+The app will automatically reload if you change any of the source files.
 
-## Development server
+### Code scaffolding
 
-Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+To generate a new component, run the following command:
 
-## Code scaffolding
+```bash
+ng generate component component-name
+```
 
-Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
+Alternatively, you can also use:
 
-## Build
+```bash
+ng generate directive|pipe|service|class|guard|interface|enum|module
+```
 
-Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory.
+### Build
 
-## Running unit tests
+To build the project, run the following command:
 
-Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+```bash
+ng build
+```
 
-## Running end-to-end tests
+Build artifacts will be saved to the `dist/` directory.
 
-Run `ng e2e` to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.
+## Support
 
-## Further help
+To get more help on the Angular CLI, run `ng help` or see the
+[Angular CLI Overview and Command Reference](https://angular.io/cli).
 
-To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.
+For any questions on this sample app, please
+[submit an issue](https://github.com/google-pay/angular-store/issues/new) to
+this repository.