[Website] Enforce devcontainer for development

.devcontainer/frontend/devcontainer.json

@@ -22,7 +22,8 @@
   "workspaceFolder": "/workspaces/graphql-platform/website",
   "postCreateCommand": "yarn install --immutable && yarn playwright install chromium",
   "containerEnv": {
-    "NEXT_TELEMETRY_DISABLED": "1"
+    "NEXT_TELEMETRY_DISABLED": "1",
+    "CHILLICREAM_FRONTEND_ENV": "devcontainer"
   },
   "customizations": {
     "vscode": {

.github/workflows/ci.yml

@@ -141,6 +141,8 @@ jobs:
       - name: Install Packages
         run: yarn --immutable --network-timeout 100000
         working-directory: website
+        env:
+          CHILLICREAM_FRONTEND_ENV: ci
 
       - name: Install Playwright Chromium
         run: yarn playwright install --with-deps chromium

.github/workflows/publish-website.yml

@@ -48,6 +48,8 @@ jobs:
       - name: Install Packages
         run: yarn --immutable --network-timeout 100000
         working-directory: website
+        env:
+          CHILLICREAM_FRONTEND_ENV: ci
 
       - name: Install Playwright Chromium
         run: yarn playwright install --with-deps chromium

website/.yarn/plugins/enforce-devcontainer.cjs

@@ -0,0 +1,16 @@
+module.exports = {
+  name: `plugin-enforce-devcontainer`,
+  factory: () => ({
+    hooks: {
+      validateProject(project, report) {
+        if (!process.env.CHILLICREAM_FRONTEND_ENV) {
+          report.reportError(
+            0,
+            `yarn install is only allowed inside the frontend devcontainer or CI. ` +
+              `Open the "ChilliCream Frontend" devcontainer for development on the website.`,
+          );
+        }
+      },
+    },
+  }),
+};

website/.yarnrc.yml

@@ -4,6 +4,9 @@ enableScripts: false
 
 nodeLinker: node-modules
 
+plugins:
+  - path: .yarn/plugins/enforce-devcontainer.cjs
+
 # 7 days (in minutes)
 npmMinimalAgeGate: 10080