feat(codespaces): customised devcontainer

Author: jan-molak

.devcontainer/Dockerfile

@@ -27,3 +27,5 @@ RUN \
     npm cache clean --force > /dev/null 2>&1 && \
     apt-get clean && \
     rm -rf /var/lib/apt/lists/*
+
+COPY welcome-message.txt /usr/local/etc/vscode-dev-containers/first-run-notice.txt

.devcontainer/devcontainer.json

@@ -7,5 +7,42 @@
   "features": {
     "ghcr.io/devcontainers/features/desktop-lite:1": {},
     "ghcr.io/devcontainers/features/github-cli:1": {}
+  },
+
+  "forwardPorts": [
+    8080,
+    8181
+  ],
+  "portsAttributes": {
+    "8080": {
+      "label": "Serenity Reports"
+    },
+    "8181": {
+      "label": "Playwright Reports"
+    }
+  },
+  "postCreateCommand": "npm ci",
+  "waitFor": "postCreateCommand",
+  "postAttachCommand": {
+    "Serenity/JS Test Run": "npm test",
+    "Serenity Reports Preview": "npx http-server -p 8080 target/site/serenity/",
+    "Playwright Reports Preview": "npx http-server -p 8181 playwright-report"
+  },
+
+  "customizations": {
+    "vscode": {
+      "extensions": [
+        "dbaeumer.vscode-eslint",
+        "editorconfig.editorconfig",
+        "eamodio.gitlens",
+        "ms-playwright.playwright",
+        "stateful.runme"
+      ],
+      "settings": {
+        "workbench.editorAssociations": {
+          "*.md": "runme"
+        }
+      }
+    }
   }
 }

.devcontainer/welcome-message.txt

@@ -0,0 +1,9 @@
+👋 Welcome to your Serenity/JS GitHub Codespace!
+
+🛠️ Your environment is fully configured and ready for you to explore the Serenity/JS framework.
+
+🚀 Once the setup process in the terminal completes:
+    - Open the port labeled "Serenity Reports" to view the test execution reports.
+    - Open the port labeled "Playwright Report" to explore detailed Playwright test results.
+
+ℹ️ Learn more at 👉 https://serenity-js.org/