From 1f3f2e07bb8fdc59c4c3c8de689802d94fb3ef67 Mon Sep 17 00:00:00 2001
From: David Montero Crespo <davidmonterocrespo24@gmail.com>
Date: Fri, 8 May 2026 17:26:12 -0300
Subject: [PATCH] feat(components): register BMP280 in component metadata
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

A beta tester reported "BMP280 - module graphic missing" — picking the
example loaded a working sketch but the canvas component fell back to
the MPU6050 placeholder.

Bmp280Element.ts already exists and registers velxio-bmp280 with the
right pinInfo, but it was never injected into components-metadata.json,
so the component picker and CircuitPreview didn't know about it. Add
an entry in scripts/component-overrides.json under _customComponents
(per CLAUDE.md §6b — direct edits to the generated JSON would be
clobbered by the next metadata regen) and regen.

The thumbnail mirrors the GY-BMP280 breakout look from the Web
Component itself: green PCB, black die label, four gold pin pads.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
---
 frontend/public/components-metadata.json | 19 +++++++++++++++++++
 scripts/component-overrides.json         | 11 +++++++++++
 2 files changed, 30 insertions(+)

diff --git a/frontend/public/components-metadata.json b/frontend/public/components-metadata.json
index 2b32dfdb..e34223f0 100644
--- a/frontend/public/components-metadata.json
+++ b/frontend/public/components-metadata.json
@@ -3979,6 +3979,25 @@
       "name": "Resistor 470 Ω",
       "category": "passive"
     },
+    {
+      "thumbnail": "<svg width=\"64\" height=\"64\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"64\" height=\"64\" rx=\"4\" fill=\"#1a2332\"/><rect x=\"10\" y=\"8\" width=\"44\" height=\"48\" rx=\"3\" fill=\"#2d6a2d\" stroke=\"#1a4a1a\"/><rect x=\"22\" y=\"22\" width=\"20\" height=\"16\" rx=\"2\" fill=\"#1a1a1a\" stroke=\"#444\"/><text x=\"32\" y=\"33\" text-anchor=\"middle\" font-size=\"5\" fill=\"#aaa\" font-family=\"monospace\">BMP280</text><rect x=\"6\" y=\"14\" width=\"6\" height=\"4\" rx=\"1\" fill=\"#c8a000\"/><rect x=\"6\" y=\"22\" width=\"6\" height=\"4\" rx=\"1\" fill=\"#c8a000\"/><rect x=\"6\" y=\"30\" width=\"6\" height=\"4\" rx=\"1\" fill=\"#c8a000\"/><rect x=\"6\" y=\"38\" width=\"6\" height=\"4\" rx=\"1\" fill=\"#c8a000\"/><text x=\"40\" y=\"50\" font-size=\"4\" fill=\"#aaffaa\" font-family=\"monospace\">GY-BMP280</text></svg>",
+      "tags": [
+        "sensor",
+        "i2c",
+        "pressure",
+        "temperature",
+        "bmp280",
+        "weather",
+        "barometer"
+      ],
+      "properties": [],
+      "defaultValues": {},
+      "pinCount": 4,
+      "id": "bmp280",
+      "tagName": "velxio-bmp280",
+      "name": "BMP280 (Pressure + Temp)",
+      "category": "sensor"
+    },
     {
       "id": "dht22",
       "tagName": "wokwi-dht22",
diff --git a/scripts/component-overrides.json b/scripts/component-overrides.json
index 0a4b9a03..230fa291 100644
--- a/scripts/component-overrides.json
+++ b/scripts/component-overrides.json
@@ -1951,6 +1951,17 @@
       "defaultValues": { "panelKind": "epaper-5in65-7c", "refreshMs": 150 },
       "pinCount": 8,
       "tags": ["epaper", "e-paper", "e-ink", "display", "uc8159c", "acep", "7-color", "5.65", "gxepd2", "spi"]
+    },
+    {
+      "id": "bmp280",
+      "tagName": "velxio-bmp280",
+      "name": "BMP280 (Pressure + Temp)",
+      "category": "sensor",
+      "thumbnail": "<svg width=\"64\" height=\"64\" xmlns=\"http://www.w3.org/2000/svg\"><rect width=\"64\" height=\"64\" rx=\"4\" fill=\"#1a2332\"/><rect x=\"10\" y=\"8\" width=\"44\" height=\"48\" rx=\"3\" fill=\"#2d6a2d\" stroke=\"#1a4a1a\"/><rect x=\"22\" y=\"22\" width=\"20\" height=\"16\" rx=\"2\" fill=\"#1a1a1a\" stroke=\"#444\"/><text x=\"32\" y=\"33\" text-anchor=\"middle\" font-size=\"5\" fill=\"#aaa\" font-family=\"monospace\">BMP280</text><rect x=\"6\" y=\"14\" width=\"6\" height=\"4\" rx=\"1\" fill=\"#c8a000\"/><rect x=\"6\" y=\"22\" width=\"6\" height=\"4\" rx=\"1\" fill=\"#c8a000\"/><rect x=\"6\" y=\"30\" width=\"6\" height=\"4\" rx=\"1\" fill=\"#c8a000\"/><rect x=\"6\" y=\"38\" width=\"6\" height=\"4\" rx=\"1\" fill=\"#c8a000\"/><text x=\"40\" y=\"50\" font-size=\"4\" fill=\"#aaffaa\" font-family=\"monospace\">GY-BMP280</text></svg>",
+      "properties": [],
+      "defaultValues": {},
+      "pinCount": 4,
+      "tags": ["sensor", "i2c", "pressure", "temperature", "bmp280", "weather", "barometer"]
     }
   ],
   "led": {