stackcanvas 0.2.1 → 0.2.2

package/README.md

@@ -78,11 +78,14 @@ What's provider-specific is only the curation layer, shipped as **provider packs
 
 - a palette pack (`packages/ui/src/resource-palette.ts`) — curated drag-and-drop types
 - containment rules (`DEFAULT_CONTAINMENT_RULES` in `@stackcanvas/core`) — which
-  resources render as visual containers (AWS VPC/subnet today)
+  resources render as visual containers (AWS VPC/subnet, GCP network/subnetwork,
+  Azure subnet, Cloudflare zone today)
 - icon patterns (`packages/ui/src/icons.tsx`)
 
-AWS ships first. Adding a GCP/Azure/other pack is pure data and makes a great
-first PR.
+Four packs ship today: **AWS** (complete — the reference pack) and **GCP /
+Azure / Cloudflare starter packs** covering the common resource types per
+provider. Rounding out a starter pack, or adding a new provider entirely, is
+pure data and makes a great first PR.
 
 ## OpenTofu
 

package/dist/cli.js

@@ -40,7 +40,15 @@ function deriveEdges(nodes) {
 }
 var DEFAULT_CONTAINMENT_RULES = [
   { containerType: "aws_vpc", memberAttr: "vpc_id", kind: "vpc" },
-  { containerType: "aws_subnet", memberAttr: "subnet_id", kind: "subnet" }
+  { containerType: "aws_subnet", memberAttr: "subnet_id", kind: "subnet" },
+  // GCP networks/subnetworks are referenced by `self_link`, not `id`.
+  { containerType: "google_compute_network", memberAttr: "network", kind: "vpc", containerIdAttr: "self_link" },
+  { containerType: "google_compute_subnetwork", memberAttr: "subnetwork", kind: "subnet", containerIdAttr: "self_link" },
+  { containerType: "azurerm_subnet", memberAttr: "subnet_id", kind: "subnet" },
+  // Cloudflare zones aren't a network container, but they group the
+  // resources scoped to them the same way a VPC groups its members — reuse
+  // the 'vpc' kind rather than introducing a one-off styling kind.
+  { containerType: "cloudflare_zone", memberAttr: "zone_id", kind: "vpc" }
 ];
 function deriveContainment(g, rules = DEFAULT_CONTAINMENT_RULES) {
   const groups = [...g.groups];
@@ -48,7 +56,7 @@ function deriveContainment(g, rules = DEFAULT_CONTAINMENT_RULES) {
   for (const rule of rules) {
     const groupByPhysicalId = /* @__PURE__ */ new Map();
     for (const n of nodes.filter((n2) => n2.type === rule.containerType)) {
-      const pid = n.attributes["id"];
+      const pid = n.attributes[rule.containerIdAttr ?? "id"];
       if (typeof pid !== "string") continue;
       const gid = `${rule.kind}:${n.id}`;
       groups.push({ id: gid, label: n.name, kind: rule.kind, parent: n.group });
@@ -926,7 +934,7 @@ function openBrowser(url) {
 }
 
 // src/version.ts
-var VERSION = "0.2.1";
+var VERSION = "0.2.2";
 
 // src/server.ts
 function looksLikeTerraformRoot(dir) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "stackcanvas",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "type": "module",
   "main": "dist/cli.js",
   "bin": {