feat: create devcontainer

.devcontainer/Dockerfile

@@ -0,0 +1,4 @@
+ARG VARIANT=20-bullseye
+FROM mcr.microsoft.com/vscode/devcontainers/javascript-node:0-${VARIANT}
+
+RUN npm install -g pnpm

.devcontainer/devcontainer.json

@@ -0,0 +1,23 @@
+{
+  "name": "LP2",
+  "build": {
+    "dockerfile": "Dockerfile"
+  },
+
+  "postCreateCommand": "pnpm install",
+
+  "waitFor": "postCreateCommand",
+
+  "postAttachCommand": {
+    "Astro dev": "pnpm run dev"
+  },
+
+  "customizations": {
+    "codespaces": {
+      "openFiles": ["./src/pages/index.mdx"]
+    },
+    "vscode": {
+      "extensions": ["astro-build.astro-vscode", "esbenp.prettier-vscode"]
+    }
+  }
+}

.devcontainer/invest-app-auth/devcontainer.json

@@ -0,0 +1,37 @@
+{
+  "name": "Invest App Auth",
+  "build": {
+    "dockerfile": "../Dockerfile",
+    "args": {
+      "VARIANT": "20-bullseye"
+    }
+  },
+
+  "workspaceFolder": "/workspaces/lp2/public/codes/expressjs/invest-app-auth",
+
+  "portsAttributes": {
+    "3000": {
+      "label": "Application",
+      "onAutoForward": "openPreview"
+    }
+  },
+
+  "forwardPorts": [3000],
+
+  "postCreateCommand": "pnpm install && cd /workspaces/lp2/public/codes/expressjs/invest-app-auth && pnpm run dev",
+
+  "waitFor": "postCreateCommand",
+
+  "postAttachCommand": {
+    "Server": "pnpm start --host"
+  },
+
+  "customizations": {
+    "codespaces": {
+      "openFiles": ["src/index.js"]
+    },
+    "vscode": {
+      "extensions": ["esbenp.prettier-vscode"]
+    }
+  }
+}

.devcontainer/invest-app-mvc/devcontainer.json

@@ -0,0 +1,37 @@
+{
+  "name": "Invest App MVC",
+  "build": {
+    "dockerfile": "../Dockerfile",
+    "args": {
+      "VARIANT": "20-bullseye"
+    }
+  },
+
+  "workspaceFolder": "/workspaces/lp2/public/codes/expressjs/invest-app-mvc",
+
+  "portsAttributes": {
+    "3000": {
+      "label": "Application",
+      "onAutoForward": "openPreview"
+    }
+  },
+
+  "forwardPorts": [3000],
+
+  "postCreateCommand": "pnpm install",
+
+  "waitFor": "postCreateCommand",
+
+  "postAttachCommand": {
+    "Server": "pnpm start --host"
+  },
+
+  "customizations": {
+    "codespaces": {
+      "openFiles": ["src/index.js"]
+    },
+    "vscode": {
+      "extensions": ["esbenp.prettier-vscode"]
+    }
+  }
+}

src/components/CodeTree.astro

@@ -15,7 +15,7 @@ export interface Props {
 const { src, content, githubUrl } = Astro.props;
 
 const githubLink = githubUrl
-  ? `[Código Fonte](${GITHUB_EDIT_URL + '/public' + src})`
+  ? `[![Open in GitHub](https://github.com/codespaces/badge.svg)](${GITHUB_EDIT_URL + '/public' + src})`
   : '';
 
 const codeTree = existsSync(resolve('./public' + src))

src/content/classnotes/expressjs/auth/index.mdx

@@ -7,8 +7,6 @@ import CodeTree from '../../../../components/CodeTree.astro';
 
 # {frontmatter.title}
 
-[Código Fonte](https://github.com/ifpb/lp2/tree/main/public/codes/expressjs/invest-app-auth)
-
 <CodeTree src="/codes/expressjs/invest-app-auth" githubUrl={true} />
 
 ## Migration

src/content/classnotes/expressjs/mvc/index.mdx

@@ -9,6 +9,8 @@ import CodeTree from '../../../../components/CodeTree.astro';
 
 ![](/lp2/imgs/expressjs/mvc/mvc-csr.png)
 
+[![Open in GitHub Codespaces](https://github.com/codespaces/badge.svg)](https://codespaces.new/ifpb/lp2?devcontainer_path=.devcontainer/invest-app-mvc/devcontainer.json)
+
 <CodeTree src="/codes/expressjs/invest-app-mvc" githubUrl={true} />
 
 ## Loader