feat: devcontainer plugin

.devcontainer/devcontainer.json

@@ -1,23 +1,12 @@
 {
   "name": "Node.js & TypeScript",
   "image": "mcr.microsoft.com/devcontainers/typescript-node:16-bullseye",
-
-  // Features to add to the dev container. More info: https://containers.dev/implementors/features.
-  // "features": {},
-
-  // Use 'forwardPorts' to make a list of ports inside the container available locally.
-  // "forwardPorts": [],
-
-  // Use 'postCreateCommand' to run commands after the container is created.
-  // "postCreateCommand": "yarn install",
-
-  // Configure tool-specific properties.
+  "features": {},
+  "forwardPorts": [],
+  "postCreateCommand": "yarn install",
   "customizations": {
     "vscode": {
       "extensions": ["esbenp.prettier-vscode"]
     }
   }
-
-  // Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
-  // "remoteUser": "root"
 }

.github/workflows/ci.yml

@@ -7,7 +7,7 @@ on:
   pull_request:
 
 jobs:
-  test:
+  ci:
     runs-on: ubuntu-latest
     strategy:
       matrix:

.github/workflows/format-check.yml

@@ -6,7 +6,7 @@ on:
       - main
 
 jobs:
-  release:
+  format-check:
     name: release
     runs-on: ubuntu-latest
     steps:

README.md

@@ -1,6 +1,4 @@
-# moker
-
-[![npm](https://img.shields.io/npm/v/moker)](https://www.npmjs.com/package/moker)
+# moker [![npm](https://img.shields.io/npm/v/moker)](https://www.npmjs.com/package/moker)
 
 **No more struggles setting up monorepo tooling. Kick-start monorepos and
 workspaces fast:**
@@ -263,6 +261,7 @@ plugins in the monorepo:
 - `prettier`
 - `husky`
 - `lint-staged`
+- `semantic-release`
 - `github-actions`
 - `devcontainer`
 
@@ -293,8 +292,8 @@ Contributions are very welcome!
 
 ## Roadmap
 
-- [ ] github-actions plugin
-- [ ] devcontainer plugin
+- [x] github-actions plugin
+- [x] devcontainer plugin
 - [ ] leasot (todos) plugin
 - [ ] doctoc plugin
 - [ ] Add LICENSE file to monorepo

package.json

@@ -15,7 +15,8 @@
       "lint-staged",
       "prettier",
       "semantic-release",
-      "github-actions"
+      "github-actions",
+      "devcontainer"
     ]
   },
   "packageManager": "[email protected]",

packages/core/src/directory.ts

@@ -7,6 +7,9 @@ export async function removeDirectory({ directory }: DirOption) {
   return fs.promises.rm(directory, { recursive: true });
 }
 
+/**
+ * Recursively create directory.
+ */
 export async function createDirectory({ directory }: DirOption) {
   return fs.promises.mkdir(directory, { recursive: true });
 }

packages/core/src/file.ts

@@ -1,21 +1,31 @@
 import fs from "node:fs";
 import os from "node:os";
+import { dirname } from "node:path";
+import { createDirectory } from "./directory.js";
 
 export async function readFile({ path }: { path: string }) {
   return fs.promises.readFile(path, "utf8");
 }
 
+/**
+ * Write text file with UTF-8 encoding. The destination directory is created
+ * first recursively.
+ */
 export async function writeFile({
   path,
   contents,
 }: {
   path: string;
   contents: string;
 }) {
+  await createDirectory({ directory: dirname(path) });
+
   return fs.promises.writeFile(path, `${contents.trim()}${os.EOL}`, "utf8");
 }
 
 export async function copyFile({ from, to }: { from: string; to: string }) {
+  await createDirectory({ directory: dirname(to) });
+
   return fs.promises.copyFile(from, to);
 }
 

packages/core/src/monorepo.ts

@@ -1,8 +1,5 @@
 import { join } from "node:path";
-import {
-  createDirectory,
-  isReadableAndWritableDirectory,
-} from "./directory.js";
+import { isReadableAndWritableDirectory } from "./directory.js";
 import { hasPackage, Package, readPackage, writePackage } from "./package.js";
 import { enqueueInstallDependency, initYarn } from "./yarn.js";
 
@@ -41,8 +38,6 @@ export async function createMonorepo({
     throw new Error(`${directory} already exists`);
   }
 
-  await createDirectory({ directory });
-
   await initYarn({ directory });
 
   await writePackage({

packages/core/src/plugin.ts

@@ -31,6 +31,7 @@ const CORE_PLUGINS = [
   "typescript",
   "jest",
   "semantic-release",
+  "dependabot",
 ];
 
 export function isPlugin(plugin: unknown): plugin is Plugin {

packages/core/src/workspace.ts

@@ -1,9 +1,6 @@
 import { dirname, join } from "node:path";
 import { pkgUp } from "pkg-up";
-import {
-  createDirectory,
-  isReadableAndWritableDirectory,
-} from "./directory.js";
+import { isReadableAndWritableDirectory } from "./directory.js";
 import { writeFile } from "./file.js";
 import { getScoped, getWorkspacesDirectory } from "./monorepo.js";
 import { readPackage, writePackage } from "./package.js";
@@ -31,8 +28,6 @@ export async function addWorkspace({
   const isScoped = getScoped({ pkg });
   const packageName = isScoped ? `@${pkg.name}/${name}` : name;
 
-  await createDirectory({ directory: workspaceDirectory });
-
   await writePackage({
     directory: workspaceDirectory,
     append: false,

packages/core/src/yarn.ts

@@ -25,11 +25,17 @@ const queues = {
 
 export async function initYarn({ directory }: DirOption) {
   await createDirectory({ directory });
+
   await exec("yarn", ["init", "-2"], { cwd: directory });
+
   await writeYarnrc({ directory, data: { nodeLinker: "node-modules" } });
+
   await writeGitignore({ directory, lines: GITIGNORE_LINES, append: false });
+
   await addYarnPlugin({ directory, name: "interactive-tools" });
+
   await addYarnPlugin({ directory, name: "workspace-tools" });
+
   await addYarnPlugin({ directory, name: "version" });
 }
 

packages/plugins/src/devcontainer/devcontainer.ts

@@ -0,0 +1,45 @@
+import { hasPlugin, PluginArgs, PluginType } from "@mokr/core";
+import {
+  removeDevcontainerJson,
+  writeDevcontainerJson,
+} from "./devcontainerJson.js";
+
+async function install({ directory }: PluginArgs) {
+  await writeDevcontainerJson({
+    directory,
+    data: {
+      name: "Node.js & TypeScript",
+      image: "mcr.microsoft.com/devcontainers/typescript-node:16-bullseye",
+      features: {},
+      forwardPorts: [],
+      postCreateCommand: "yarn install",
+      customizations: {},
+    },
+  });
+}
+
+async function remove({ directory }: PluginArgs) {
+  await removeDevcontainerJson({ directory });
+}
+
+async function load({ directory }: PluginArgs) {
+  if (await hasPlugin({ directory, name: "prettier" })) {
+    await writeDevcontainerJson({
+      directory,
+      data: {
+        customizations: {
+          vscode: {
+            extensions: ["esbenp.prettier-vscode"],
+          },
+        },
+      },
+    });
+  }
+}
+
+export const devcontainer = {
+  type: PluginType.Monorepo,
+  install,
+  remove,
+  load,
+};