update to render devcontainer

packages/create-llama/create-app.ts

@@ -11,7 +11,7 @@ import fs from "fs";
 import terminalLink from "terminal-link";
 import type { InstallTemplateArgs } from "./helpers";
 import { installTemplate } from "./helpers";
-import { copy } from "./helpers/copy";
+import { writeDevcontainer } from "./helpers/devcontainer";
 import { templatesDir } from "./helpers/dir";
 import { toolsRequireConfig } from "./helpers/tools";
 
@@ -112,26 +112,8 @@ export async function createApp({
       path.join(templatesDir, "README-fullstack.md"),
       path.join(root, "README.md"),
     );
-    // copy dev container for fullstack
-    const devContainerPath =
-      framework === "fastapi"
-        ? path.join(templatesDir, "devcontainers", "fullstack-python-be")
-        : path.join(templatesDir, "devcontainers", "fullstack-node-be");
-    await copy("**", path.join(root, ".devcontainer"), {
-      parents: true,
-      cwd: devContainerPath,
-    });
   } else {
     await installTemplate({ ...args, backend: true, forBackend: framework });
-    // copy dev container for backend
-    const devContainerPath =
-      framework === "fastapi"
-        ? path.join(templatesDir, "devcontainers", "python")
-        : path.join(templatesDir, "devcontainers", "node");
-    await copy("**", path.join(root, ".devcontainer"), {
-      parents: true,
-      cwd: devContainerPath,
-    });
   }
 
   process.chdir(root);
@@ -140,6 +122,8 @@ export async function createApp({
     console.log();
   }
 
+  await writeDevcontainer(root, templatesDir, framework, frontend);
+
   if (toolsRequireConfig(tools)) {
     console.log(
       yellow(

packages/create-llama/helpers/devcontainer.ts

@@ -0,0 +1,44 @@
+import fs from "fs";
+import path from "path";
+import { TemplateFramework } from "./types";
+
+function renderDevcontainerContent(
+  templatesDir: string,
+  framework: TemplateFramework,
+  frontend: boolean,
+) {
+  const devcontainerJson: any = JSON.parse(
+    fs.readFileSync(path.join(templatesDir, "devcontainer.json"), "utf8"),
+  );
+
+  if (frontend) {
+    devcontainerJson.postCreateCommand =
+      framework === "fastapi"
+        ? "cd backend && poetry install && cd ../frontend && npm install"
+        : "cd backend && npm install && cd ../frontend && npm install";
+  } else {
+    devcontainerJson.postCreateCommand =
+      framework === "fastapi" ? "poetry install" : "npm install";
+  }
+  return JSON.stringify(devcontainerJson, null, 2);
+}
+
+export const writeDevcontainer = async (
+  root: string,
+  templatesDir: string,
+  framework: TemplateFramework,
+  frontend: boolean,
+) => {
+  console.log("Adding .devcontainer");
+  const devcontainerContent = renderDevcontainerContent(
+    templatesDir,
+    framework,
+    frontend,
+  );
+  const devcontainerDir = path.join(root, ".devcontainer");
+  fs.mkdirSync(devcontainerDir);
+  await fs.promises.writeFile(
+    path.join(devcontainerDir, "devcontainer.json"),
+    devcontainerContent,
+  );
+};

packages/create-llama/templates/devcontainers/fullstack-python-be/devcontainer.json → packages/create-llama/templates/devcontainer.json

@@ -27,6 +27,5 @@
       }
     }
   },
-  "forwardPorts": [3000, 8000],
-  "postCreateCommand": "cd backend && poetry install && cd ../frontend && npm install"
+  "forwardPorts": [3000, 8000]
 }