Added Dev containers to setup development environment and start the application in codespaces

.devcontainer/advanced-integration/devcontainer.json

@@ -0,0 +1,50 @@
+// For more details, see https://aka.ms/devcontainer.json.
+{
+	"name": "PayPal Advanced Integration",
+	"image": "mcr.microsoft.com/devcontainers/universal:2",
+	"workspaceFolder": "/workspaces/${localWorkspaceFolderBasename}/advanced-integration",
+
+	// Use 'onCreateCommand' to run commands when creating the container.
+	"onCreateCommand": "bash ../.devcontainer/advanced-integration/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 Advanced Checkout Flow",
+			"onAutoForward": "openBrowserOnce"
+		}
+	},
+
+	"secrets": {
+		"CLIENT_ID": {
+			"description": "Sandbox client ID of the application.",
+			"documentationUrl": "https://developer.paypal.com/dashboard/applications/sandbox"
+		},
+		"APP_SECRET": {
+			"description": "Sandbox secret of the application.",
+			"documentationUrl": "https://developer.paypal.com/dashboard/applications/sandbox"
+		}
+	},
+
+	"customizations": {
+		"vscode": {
+			"extensions": [
+				"vsls-contrib.codetour"
+			],
+			"settings": {
+				"git.openRepositoryInParentFolders": "always"
+			}
+		}
+	}
+}

.devcontainer/advanced-integration/welcome-message.sh

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

.devcontainer/standard-integration/devcontainer.json

@@ -0,0 +1,50 @@
+// For more details, see https://aka.ms/devcontainer.json.
+{
+	"name": "PayPal Standard Integration",
+	"image": "mcr.microsoft.com/devcontainers/universal:2",
+	"workspaceFolder": "/workspaces/${localWorkspaceFolderBasename}/advanced-integration",
+
+	// Use 'onCreateCommand' to run commands when creating the container.
+	"onCreateCommand": "bash ../.devcontainer/standard-integration/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 Advanced Checkout Flow",
+			"onAutoForward": "openBrowserOnce"
+		}
+	},
+
+	"secrets": {
+		"CLIENT_ID": {
+			"description": "Sandbox client ID of the application.",
+			"documentationUrl": "https://developer.paypal.com/dashboard/applications/sandbox"
+		},
+		"APP_SECRET": {
+			"description": "Sandbox secret of the application.",
+			"documentationUrl": "https://developer.paypal.com/dashboard/applications/sandbox"
+		}
+	},
+
+	"customizations": {
+		"vscode": {
+			"extensions": [
+				"vsls-contrib.codetour"
+			],
+			"settings": {
+				"git.openRepositoryInParentFolders": "always"
+			}
+		}
+	}
+}

.devcontainer/standard-integration/welcome-message.sh

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