Merge pull request #115 from NavinPayPal/main

Adding changes to create Codespaces for Save Payment Method

.devcontainer/advanced-integration-v1/devcontainer.json

@@ -31,7 +31,7 @@
  },
  "customizations": {
  "vscode": {
- "extensions": ["vsls-contrib.codetour"],
+ "extensions": ["vsls-contrib.codetour","PayPal.vscode-paypal"],
  "settings": {
  "git.openRepositoryInParentFolders": "always"
  }

.devcontainer/save-payment-method/devcontainer.json

@@ -0,0 +1,40 @@
+// For more details, see https://aka.ms/devcontainer.json.
+{
+ "name": "PayPal Save Payment Method",
+ "image": "mcr.microsoft.com/devcontainers/javascript-node:20",
+ "workspaceFolder": "/workspaces/${localWorkspaceFolderBasename}/save-payment-method",
+ // Use 'onCreateCommand' to run commands when creating the container.
+ "onCreateCommand": "bash ../.devcontainer/save-payment-method/welcome-message.sh",
+ // Use 'postCreateCommand' to run commands after the container is created.
+ "postCreateCommand": "npm install",
+ // Use 'postAttachCommand' to run commands when attaching to the container.
+ "postAttachCommand": {
+ "Start server": "npm start"
+ },
+ // Use 'forwardPorts' to make a list of ports inside the container available locally.
+ "forwardPorts": [8888],
+ "portsAttributes": {
+ "8888": {
+ "label": "Preview of Save Payment Method Flow",
+ "onAutoForward": "openBrowserOnce"
+ }
+ },
+ "secrets": {
+ "PAYPAL_CLIENT_ID": {
+ "description": "Sandbox client ID of the application.",
+ "documentationUrl": "https://developer.paypal.com/dashboard/applications/sandbox"
+ },
+ "PAYPAL_CLIENT_SECRET": {
+ "description": "Sandbox secret of the application.",
+ "documentationUrl": "https://developer.paypal.com/dashboard/applications/sandbox"
+ }
+ },
+ "customizations": {
+ "vscode": {
+ "extensions": ["vsls-contrib.codetour","PayPal.vscode-paypal"],
+ "settings": {
+ "git.openRepositoryInParentFolders": "always"
+ }
+ }
+ }
+}

.devcontainer/save-payment-method/welcome-message.sh

@@ -0,0 +1,23 @@
+#!/bin/sh
+
+set -e
+
+WELCOME_MESSAGE="
+👋 Welcome to the \"PayPal Save Payment Method Integration Example\"
+
+🛠️ Your environment is fully setup with all the required software.
+
+🚀 Once you rename the \".env.example\" file to \".env\" and update \"PAYPAL_CLIENT_ID\" and \"PAYPAL_CLIENT_SECRET\", the checkout page will automatically open in the browser after the server is restarted."
+
+ALTERNATE_WELCOME_MESSAGE="
+👋 Welcome to the \"PayPal Save Payment Method Integration Example\"
+
+🛠️ Your environment is fully setup with all the required software.
+
+🚀 The checkout page will automatically open in the browser after the server is started."
+
+if [ -n "$PAYPAL_CLIENT_ID" ] && [ -n "$PAYPAL_CLIENT_SECRET" ]; then
+ WELCOME_MESSAGE="${ALTERNATE_WELCOME_MESSAGE}"
+fi
+
+sudo bash -c "echo \"${WELCOME_MESSAGE}\" > /usr/local/etc/vscode-dev-containers/first-run-notice.txt"

README.md

@@ -52,6 +52,7 @@ PayPal codespaces require a client ID and client secret for your app.
 | Advanced Integration v2 | [![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/paypal-examples/docs-examples?devcontainer_path=.devcontainer%2Fadvanced-integration-v2%2Fdevcontainer.json)|
 | Advanced Integration v1 | [![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/paypal-examples/docs-examples?devcontainer_path=.devcontainer%2Fadvanced-integration-v1%2Fdevcontainer.json)|
 | Standard Integration | [![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/paypal-examples/docs-examples?devcontainer_path=.devcontainer%2Fstandard-integration%2Fdevcontainer.json)|
+| Save Payment Method Integration | [![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/paypal-examples/docs-examples?devcontainer_path=.devcontainer%2Fsave-payment-method%2Fdevcontainer.json)|
 
 ### Learn more