Adding devcontianer files for Ruby and Python for module Advanced and Standard Integration

.devcontainer/advanced-integration-v2-html-python/devcontainer.json

@@ -0,0 +1,52 @@
+// For more details, see https://aka.ms/devcontainer.json.
+{
+  "name": "advanced-integration-v2/html/python",
+  "image": "mcr.microsoft.com/devcontainers/python:3.12",
+  "workspaceFolder": "/workspaces/${localWorkspaceFolderBasename}",
+  // Use 'onCreateCommand' to run commands when creating the container.
+  "onCreateCommand": "bash .devcontainer/advanced-integration-v2-html-python/welcome-message.sh",
+  // Use 'postCreateCommand' to run commands after the container is created.
+  "postCreateCommand": "chmod +x .devcontainer/update_settings.sh && .devcontainer/update_settings.sh && chmod +x .devcontainer/post-commands.sh && .devcontainer/post-commands.sh post-create",
+  // Use 'postAttachCommand' to run commands when attaching to the container.
+  "postAttachCommand": "chmod +x .devcontainer/post-commands.sh && .devcontainer/post-commands.sh post-attach",
+  // Use 'forwardPorts' to make a list of ports inside the container available locally.
+  "forwardPorts": [3000, 8080],
+  "portsAttributes": {
+    "8080": {
+      "label": "Preview of Advanced Checkout Flow"
+    },
+    "3000": {
+      "label": "HTML",
+      "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"
+    }
+  },
+  "containerEnv": {
+    "VISIBLE_FOLDER_SERVER": "python",
+    "VISIBLE_FOLDER_CLIENT": "html",
+    "VISIBLE_FOLDER_PROJECT": "advanced-integration",
+    "VISIBLE_FOLDER_VERSION": "v2"
+  },
+  "customizations": {
+    "vscode": {
+      "extensions": ["vsls-contrib.codetour", "PayPal.vscode-paypal"],
+      "settings": {
+        "git.openRepositoryInParentFolders": "always"
+      }
+    }
+  },
+  "features": {
+    "ghcr.io/devcontainers/features/node:1": {
+      "version": "lts"
+    }
+  }
+}

.devcontainer/advanced-integration-v2-html-python/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 \"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 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 "$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"

.devcontainer/advanced-integration-v2-html-ruby/devcontainer.json

@@ -0,0 +1,52 @@
+// For more details, see https://aka.ms/devcontainer.json.
+{
+  "name": "advanced-integration-v2/html/ruby",
+  "image": "mcr.microsoft.com/devcontainers/ruby:3.3",
+  "workspaceFolder": "/workspaces/${localWorkspaceFolderBasename}",
+  // Use 'onCreateCommand' to run commands when creating the container.
+  "onCreateCommand": "bash .devcontainer/advanced-integration-v2-html-ruby/welcome-message.sh",
+  // Use 'postCreateCommand' to run commands after the container is created.
+  "postCreateCommand": "chmod +x .devcontainer/update_settings.sh && .devcontainer/update_settings.sh && chmod +x .devcontainer/post-commands.sh && .devcontainer/post-commands.sh post-create",
+  // Use 'postAttachCommand' to run commands when attaching to the container.
+  "postAttachCommand": "chmod +x .devcontainer/post-commands.sh && .devcontainer/post-commands.sh post-attach",
+  // Use 'forwardPorts' to make a list of ports inside the container available locally.
+  "forwardPorts": [3000, 8080],
+  "portsAttributes": {
+    "8080": {
+      "label": "Preview of Advanced Checkout Flow"
+    },
+    "3000": {
+      "label": "HTML",
+      "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"
+    }
+  },
+  "containerEnv": {
+    "VISIBLE_FOLDER_SERVER": "ruby",
+    "VISIBLE_FOLDER_CLIENT": "html",
+    "VISIBLE_FOLDER_PROJECT": "advanced-integration",
+    "VISIBLE_FOLDER_VERSION": "v2"
+  },
+  "customizations": {
+    "vscode": {
+      "extensions": ["vsls-contrib.codetour", "PayPal.vscode-paypal"],
+      "settings": {
+        "git.openRepositoryInParentFolders": "always"
+      }
+    }
+  },
+  "features": {
+    "ghcr.io/devcontainers/features/node:1": {
+      "version": "lts"
+    }
+  }
+}

.devcontainer/advanced-integration-v2-html-ruby/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 \"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 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 "$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"

.devcontainer/advanced-integration-v2-react-python/devcontainer.json

@@ -0,0 +1,52 @@
+// For more details, see https://aka.ms/devcontainer.json.
+{
+  "name": "advanced-integration-v2/react/python",
+  "image": "mcr.microsoft.com/devcontainers/python:3.12",
+  "workspaceFolder": "/workspaces/${localWorkspaceFolderBasename}",
+  // Use 'onCreateCommand' to run commands when creating the container.
+  "onCreateCommand": "bash .devcontainer/advanced-integration-v2-react-python/welcome-message.sh",
+  // Use 'postCreateCommand' to run commands after the container is created.
+  "postCreateCommand": "chmod +x .devcontainer/update_settings.sh && .devcontainer/update_settings.sh && chmod +x .devcontainer/post-commands.sh && .devcontainer/post-commands.sh post-create",
+  // Use 'postAttachCommand' to run commands when attaching to the container.
+  "postAttachCommand": "chmod +x .devcontainer/post-commands.sh && .devcontainer/post-commands.sh post-attach",
+  // Use 'forwardPorts' to make a list of ports inside the container available locally.
+  "forwardPorts": [3000, 8080],
+  "portsAttributes": {
+    "8080": {
+      "label": "Preview of Advanced Checkout Flow"
+    },
+    "3000": {
+      "label": "React",
+      "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"
+    }
+  },
+  "containerEnv": {
+    "VISIBLE_FOLDER_SERVER": "python",
+    "VISIBLE_FOLDER_CLIENT": "react",
+    "VISIBLE_FOLDER_PROJECT": "advanced-integration",
+    "VISIBLE_FOLDER_VERSION": "v2"
+  },
+  "customizations": {
+    "vscode": {
+      "extensions": ["vsls-contrib.codetour", "PayPal.vscode-paypal"],
+      "settings": {
+        "git.openRepositoryInParentFolders": "always"
+      }
+    }
+  },
+  "features": {
+    "ghcr.io/devcontainers/features/node:1": {
+      "version": "lts"
+    }
+  }
+}

.devcontainer/advanced-integration-v2-react-python/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 \"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 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 "$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"

.devcontainer/advanced-integration-v2-react-ruby/devcontainer.json

@@ -0,0 +1,52 @@
+// For more details, see https://aka.ms/devcontainer.json.
+{
+  "name": "advanced-integration-v2/react/ruby",
+  "image": "mcr.microsoft.com/devcontainers/ruby:3.3",
+  "workspaceFolder": "/workspaces/${localWorkspaceFolderBasename}",
+  // Use 'onCreateCommand' to run commands when creating the container.
+  "onCreateCommand": "bash .devcontainer/advanced-integration-v2-react-ruby/welcome-message.sh",
+  // Use 'postCreateCommand' to run commands after the container is created.
+  "postCreateCommand": "chmod +x .devcontainer/update_settings.sh && .devcontainer/update_settings.sh && chmod +x .devcontainer/post-commands.sh && .devcontainer/post-commands.sh post-create",
+  // Use 'postAttachCommand' to run commands when attaching to the container.
+  "postAttachCommand": "chmod +x .devcontainer/post-commands.sh && .devcontainer/post-commands.sh post-attach",
+  // Use 'forwardPorts' to make a list of ports inside the container available locally.
+  "forwardPorts": [3000, 8080],
+  "portsAttributes": {
+    "8080": {
+      "label": "Preview of Advanced Checkout Flow"
+    },
+    "3000": {
+      "label": "React",
+      "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"
+    }
+  },
+  "containerEnv": {
+    "VISIBLE_FOLDER_SERVER": "ruby",
+    "VISIBLE_FOLDER_CLIENT": "react",
+    "VISIBLE_FOLDER_PROJECT": "advanced-integration",
+    "VISIBLE_FOLDER_VERSION": "v2"
+  },
+  "customizations": {
+    "vscode": {
+      "extensions": ["vsls-contrib.codetour", "PayPal.vscode-paypal"],
+      "settings": {
+        "git.openRepositoryInParentFolders": "always"
+      }
+    }
+  },
+  "features": {
+    "ghcr.io/devcontainers/features/node:1": {
+      "version": "lts"
+    }
+  }
+}

.devcontainer/advanced-integration-v2-react-ruby/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 \"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 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 "$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"

.devcontainer/post-commands.sh

@@ -34,6 +34,12 @@ setup_backend() {
         php)
             cd "$SERVER_DIR" && cd php && composer install
             ;;
+        python)
+            cd "$SERVER_DIR" && cd python && python -m venv .venv && pip install -r requirements.txt
+            ;;
+        ruby)
+            cd "$SERVER_DIR" && cd ruby && bundle install
+            ;;
         *)
             echo "Unknown server: $VISIBLE_FOLDER_SERVER"
             exit 1
@@ -61,6 +67,12 @@ start_backend() {
         php)
             cd "$SERVER_DIR/php" && composer start
             ;;
+        python)
+            cd "$SERVER_DIR" && cd python && flask --app server run --port 8080
+            ;;
+        ruby)
+            cd "$SERVER_DIR" && cd ruby && bundle exec ruby server.rb
+            ;;
         *)
             echo "Unknown server: $VISIBLE_FOLDER_SERVER"
             exit 1

.devcontainer/standard-integration-html-python/devcontainer.json

@@ -0,0 +1,51 @@
+// For more details, see https://aka.ms/devcontainer.json.
+{
+  "name": "standard-integration/html/python",
+  "image": "mcr.microsoft.com/devcontainers/python:3.12",
+  "workspaceFolder": "/workspaces/${localWorkspaceFolderBasename}",
+  // Use 'onCreateCommand' to run commands when creating the container.
+  "onCreateCommand": "bash .devcontainer/standard-integration-html-python/welcome-message.sh",
+  // Use 'postCreateCommand' to run commands after the container is created.
+  "postCreateCommand": "chmod +x .devcontainer/update_settings.sh && .devcontainer/update_settings.sh && chmod +x .devcontainer/post-commands.sh && .devcontainer/post-commands.sh post-create",
+  // Use 'postAttachCommand' to run commands when attaching to the container.
+  "postAttachCommand": "chmod +x .devcontainer/post-commands.sh && .devcontainer/post-commands.sh post-attach",
+  // Use 'forwardPorts' to make a list of ports inside the container available locally.
+  "forwardPorts": [3000, 8080],
+  "portsAttributes": {
+    "8080": {
+      "label": "Preview of Standard Checkout Flow"
+    },
+    "3000": {
+      "label": "HTML",
+      "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"
+    }
+  },
+  "containerEnv": {
+    "VISIBLE_FOLDER_SERVER": "python",
+    "VISIBLE_FOLDER_CLIENT": "html",
+    "VISIBLE_FOLDER_PROJECT": "standard-integration"
+  },
+  "customizations": {
+    "vscode": {
+      "extensions": ["vsls-contrib.codetour", "PayPal.vscode-paypal"],
+      "settings": {
+        "git.openRepositoryInParentFolders": "always"
+      }
+    }
+  },
+  "features": {
+    "ghcr.io/devcontainers/features/node:1": {
+      "version": "lts"
+    }
+  }
+}