@brika/plugin-weather 0.3.0

package/README.md

@@ -0,0 +1,62 @@
+# Weather Plugin
+
+Beautiful weather display plugin for Brika with current conditions, multi-day forecasts, and compact temperature widgets. Uses the free [Open-Meteo API](https://open-meteo.com/) — no API key required.
+
+## Bricks
+
+### Current Weather
+
+Live weather conditions with dynamic gradient backgrounds that change based on weather.
+
+- **Sizes:** 1×1 to 12×8
+- **Displays:** Temperature, feels-like, humidity, wind speed/direction, pressure
+- **Layouts:** Compact (1-2 cols), medium (3-4 cols), large (5+ cols) — content adapts to available space
+
+### Weather Forecast
+
+Multi-day weather forecast with daily highs, lows, and condition icons.
+
+- **Sizes:** 2×1 to 12×6
+- **Displays:** Up to 7 days of forecast data
+- **Layouts:** Vertical list (narrow) or horizontal grid (wide) — adapts to brick dimensions
+- **Config:** Number of forecast days (1-7)
+
+### Temperature (Compact)
+
+Minimal temperature and condition display for small spaces.
+
+- **Sizes:** 1×1 to 3×3
+- **Displays:** Current temperature, weather icon, condition label
+
+## Configuration
+
+### Plugin Preferences
+
+| Preference | Type | Default | Description |
+|---|---|---|---|
+| City | text | _(auto-detect)_ | City name for weather data |
+| Temperature Unit | dropdown | Celsius | Celsius or Fahrenheit |
+
+Each brick can also override the city and unit via its own config.
+
+**City resolution order:** brick config → plugin preference → device location → Zurich (fallback)
+
+## Data Source
+
+Weather data is fetched from [Open-Meteo](https://open-meteo.com/) and polled every 10 minutes. Polling is reference-counted — multiple bricks showing the same city share a single polling timer.
+
+Supports 50 WMO weather codes mapped to 9 condition types (clear, partly cloudy, cloudy, fog, drizzle, rain, snow, showers, thunderstorm), each with its own icon, gradient background, and accent color.
+
+## Localization
+
+Fully translated in English and French, covering weather conditions, stats labels, day names, and all UI strings.
+
+## Development
+
+```bash
+# Type-check
+bun run tsc
+
+# Run tests
+bun test
+```

package/icon.svg

@@ -0,0 +1,32 @@
+<svg width="512" height="512" viewBox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="512" height="512" fill="url(#paint0_linear_3_4)"/>
+<circle cx="345" cy="214" r="92" fill="url(#paint1_linear_3_4)"/>
+<foreignObject x="46" y="133" width="382" height="285"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(15px);clip-path:url(#bgblur_0_3_4_clip_path);height:100%;width:100%"></div></foreignObject><g filter="url(#filter0_i_3_4)" data-figma-bg-blur-radius="30">
+<path d="M321 387.876C363.918 385.512 398 349.535 398 305.5C398 259.936 361.511 223 316.5 223C310.914 223 305.46 223.569 300.19 224.652C288.048 188.794 254.27 163 214.5 163C165.13 163 124.993 202.751 124.018 252.16C96.1918 260.995 76 287.355 76 318.5C76 356.375 105.861 387.174 143 387.984V388H321V387.876Z" fill="url(#paint2_linear_3_4)"/>
+</g>
+<defs>
+<filter id="filter0_i_3_4" x="46" y="133" width="382" height="285" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="3" dy="2"/>
+<feGaussianBlur stdDeviation="5"/>
+<feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
+<feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.4 0"/>
+<feBlend mode="normal" in2="shape" result="effect1_innerShadow_3_4"/>
+</filter>
+<clipPath id="bgblur_0_3_4_clip_path" transform="translate(-46 -133)"><path d="M321 387.876C363.918 385.512 398 349.535 398 305.5C398 259.936 361.511 223 316.5 223C310.914 223 305.46 223.569 300.19 224.652C288.048 188.794 254.27 163 214.5 163C165.13 163 124.993 202.751 124.018 252.16C96.1918 260.995 76 287.355 76 318.5C76 356.375 105.861 387.174 143 387.984V388H321V387.876Z"/>
+</clipPath><linearGradient id="paint0_linear_3_4" x1="256" y1="0" x2="256" y2="512" gradientUnits="userSpaceOnUse">
+<stop stop-color="#2654AA"/>
+<stop offset="1" stop-color="#49A2F7"/>
+</linearGradient>
+<linearGradient id="paint1_linear_3_4" x1="345" y1="122" x2="345" y2="306" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FFC600"/>
+<stop offset="1" stop-color="#FEE400"/>
+</linearGradient>
+<linearGradient id="paint2_linear_3_4" x1="237" y1="163" x2="237" y2="388" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.5"/>
+</linearGradient>
+</defs>
+</svg>

package/locales/en/plugin.json

@@ -0,0 +1,137 @@
+{
+  "name": "Weather",
+  "description": "Beautiful weather display with current conditions, forecast, and compact widget",
+  "preferences": {
+    "city": {
+      "title": "City",
+      "description": "City name for weather data (leave empty for auto-detect)"
+    },
+    "unit": {
+      "title": "Temperature Unit",
+      "options": {
+        "celsius": "Celsius",
+        "fahrenheit": "Fahrenheit"
+      }
+    }
+  },
+  "bricks": {
+    "current": {
+      "name": "Current Weather",
+      "description": "Live weather conditions with beautiful background imagery",
+      "config": {
+        "city": {
+          "label": "City Override",
+          "description": "Override the plugin-level city for this brick"
+        },
+        "unit": {
+          "label": "Temperature Unit",
+          "description": "Override the plugin-level unit for this brick",
+          "options": {
+            "default": "Use plugin default",
+            "celsius": "Celsius",
+            "fahrenheit": "Fahrenheit"
+          }
+        }
+      }
+    },
+    "forecast": {
+      "name": "Weather Forecast",
+      "description": "Multi-day weather forecast with highs, lows, and conditions",
+      "config": {
+        "city": {
+          "label": "City Override",
+          "description": "Override the plugin-level city for this brick"
+        },
+        "unit": {
+          "label": "Temperature Unit",
+          "description": "Override the plugin-level unit for this brick",
+          "options": {
+            "default": "Use plugin default",
+            "celsius": "Celsius",
+            "fahrenheit": "Fahrenheit"
+          }
+        },
+        "days": {
+          "label": "Forecast Days",
+          "description": "Number of days to show (1-7)"
+        }
+      }
+    },
+    "compact": {
+      "name": "Temperature",
+      "description": "Compact temperature and condition display",
+      "config": {
+        "city": {
+          "label": "City Override",
+          "description": "Override the plugin-level city for this brick"
+        },
+        "unit": {
+          "label": "Temperature Unit",
+          "description": "Override the plugin-level unit for this brick",
+          "options": {
+            "default": "Use plugin default",
+            "celsius": "Celsius",
+            "fahrenheit": "Fahrenheit"
+          }
+        }
+      }
+    }
+  },
+  "conditions": {
+    "clearSky": "Clear Sky",
+    "mainlyClear": "Mainly Clear",
+    "partlyCloudy": "Partly Cloudy",
+    "overcast": "Overcast",
+    "fog": "Fog",
+    "rimeFog": "Rime Fog",
+    "lightDrizzle": "Light Drizzle",
+    "drizzle": "Drizzle",
+    "denseDrizzle": "Dense Drizzle",
+    "freezingDrizzle": "Freezing Drizzle",
+    "heavyFreezingDrizzle": "Heavy Freezing Drizzle",
+    "lightRain": "Light Rain",
+    "rain": "Rain",
+    "heavyRain": "Heavy Rain",
+    "freezingRain": "Freezing Rain",
+    "heavyFreezingRain": "Heavy Freezing Rain",
+    "lightSnow": "Light Snow",
+    "snow": "Snow",
+    "heavySnow": "Heavy Snow",
+    "snowGrains": "Snow Grains",
+    "lightShowers": "Light Showers",
+    "showers": "Showers",
+    "heavyShowers": "Heavy Showers",
+    "snowShowers": "Snow Showers",
+    "heavySnowShowers": "Heavy Snow Showers",
+    "thunderstorm": "Thunderstorm",
+    "thunderstormHail": "Thunderstorm + Hail",
+    "severeThunderstorm": "Severe Thunderstorm",
+    "unknown": "Unknown"
+  },
+  "stats": {
+    "feelsLike": "Feels like",
+    "feelsLikeTemp": "Feels like {{temp}}",
+    "humidity": "Humidity",
+    "wind": "Wind",
+    "pressure": "Pressure"
+  },
+  "days": {
+    "today": "Today",
+    "tomorrow": "Tomorrow",
+    "mon": "Mon",
+    "tue": "Tue",
+    "wed": "Wed",
+    "thu": "Thu",
+    "fri": "Fri",
+    "sat": "Sat",
+    "sun": "Sun"
+  },
+  "ui": {
+    "forecast": "Forecast",
+    "dayForecast": "{{count}}-Day Forecast",
+    "locationForecast": "{{name}} Forecast",
+    "locationDayForecast": "{{name}} — {{count}}-Day Forecast",
+    "noData": "No data",
+    "updated": "Updated {{time}}"
+  }
+}

package/locales/fr/plugin.json

@@ -0,0 +1,137 @@
+{
+  "name": "Météo",
+  "description": "Affichage météo avec conditions actuelles, prévisions et widget compact",
+  "preferences": {
+    "city": {
+      "title": "Ville",
+      "description": "Nom de la ville pour les données météo (laisser vide pour détection automatique)"
+    },
+    "unit": {
+      "title": "Unité de température",
+      "options": {
+        "celsius": "Celsius",
+        "fahrenheit": "Fahrenheit"
+      }
+    }
+  },
+  "bricks": {
+    "current": {
+      "name": "Météo actuelle",
+      "description": "Conditions météo en direct avec de belles images de fond",
+      "config": {
+        "city": {
+          "label": "Ville (remplacement)",
+          "description": "Remplacer la ville du plugin pour cette brique"
+        },
+        "unit": {
+          "label": "Unité de température",
+          "description": "Remplacer l'unité du plugin pour cette brique",
+          "options": {
+            "default": "Utiliser la valeur du plugin",
+            "celsius": "Celsius",
+            "fahrenheit": "Fahrenheit"
+          }
+        }
+      }
+    },
+    "forecast": {
+      "name": "Prévisions météo",
+      "description": "Prévisions météo sur plusieurs jours avec max, min et conditions",
+      "config": {
+        "city": {
+          "label": "Ville (remplacement)",
+          "description": "Remplacer la ville du plugin pour cette brique"
+        },
+        "unit": {
+          "label": "Unité de température",
+          "description": "Remplacer l'unité du plugin pour cette brique",
+          "options": {
+            "default": "Utiliser la valeur du plugin",
+            "celsius": "Celsius",
+            "fahrenheit": "Fahrenheit"
+          }
+        },
+        "days": {
+          "label": "Jours de prévisions",
+          "description": "Nombre de jours à afficher (1-7)"
+        }
+      }
+    },
+    "compact": {
+      "name": "Température",
+      "description": "Affichage compact de la température et des conditions",
+      "config": {
+        "city": {
+          "label": "Ville (remplacement)",
+          "description": "Remplacer la ville du plugin pour cette brique"
+        },
+        "unit": {
+          "label": "Unité de température",
+          "description": "Remplacer l'unité du plugin pour cette brique",
+          "options": {
+            "default": "Utiliser la valeur du plugin",
+            "celsius": "Celsius",
+            "fahrenheit": "Fahrenheit"
+          }
+        }
+      }
+    }
+  },
+  "conditions": {
+    "clearSky": "Ciel dégagé",
+    "mainlyClear": "Principalement dégagé",
+    "partlyCloudy": "Partiellement nuageux",
+    "overcast": "Couvert",
+    "fog": "Brouillard",
+    "rimeFog": "Brouillard givrant",
+    "lightDrizzle": "Bruine légère",
+    "drizzle": "Bruine",
+    "denseDrizzle": "Bruine dense",
+    "freezingDrizzle": "Bruine verglaçante",
+    "heavyFreezingDrizzle": "Forte bruine verglaçante",
+    "lightRain": "Pluie légère",
+    "rain": "Pluie",
+    "heavyRain": "Forte pluie",
+    "freezingRain": "Pluie verglaçante",
+    "heavyFreezingRain": "Forte pluie verglaçante",
+    "lightSnow": "Neige légère",
+    "snow": "Neige",
+    "heavySnow": "Forte neige",
+    "snowGrains": "Grésil",
+    "lightShowers": "Averses légères",
+    "showers": "Averses",
+    "heavyShowers": "Fortes averses",
+    "snowShowers": "Averses de neige",
+    "heavySnowShowers": "Fortes averses de neige",
+    "thunderstorm": "Orage",
+    "thunderstormHail": "Orage avec grêle",
+    "severeThunderstorm": "Orage violent",
+    "unknown": "Inconnu"
+  },
+  "stats": {
+    "feelsLike": "Ressenti",
+    "feelsLikeTemp": "Ressenti {{temp}}",
+    "humidity": "Humidité",
+    "wind": "Vent",
+    "pressure": "Pression"
+  },
+  "days": {
+    "today": "Aujourd'hui",
+    "tomorrow": "Demain",
+    "mon": "Lun",
+    "tue": "Mar",
+    "wed": "Mer",
+    "thu": "Jeu",
+    "fri": "Ven",
+    "sat": "Sam",
+    "sun": "Dim"
+  },
+  "ui": {
+    "forecast": "Prévisions",
+    "dayForecast": "Prévisions {{count}} jours",
+    "locationForecast": "Prévisions {{name}}",
+    "locationDayForecast": "{{name}} — Prévisions {{count}} jours",
+    "noData": "Aucune donnée",
+    "updated": "Mis à jour {{time}}"
+  }
+}

package/package.json

@@ -0,0 +1,181 @@
+{
+  "$schema": "https://schema.brika.dev/plugin.schema.json",
+  "name": "@brika/plugin-weather",
+  "displayName": "Weather",
+  "version": "0.3.0",
+  "description": "Beautiful weather display with current conditions, forecast, and compact widget",
+  "author": "BRIKA Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/maxscharwath/brika.git",
+    "directory": "plugins/weather"
+  },
+  "icon": "./icon.svg",
+  "keywords": [
+    "brika",
+    "brika-plugin",
+    "weather",
+    "forecast",
+    "temperature"
+  ],
+  "type": "module",
+  "main": "./src/index.tsx",
+  "exports": {
+    ".": "./src/index.tsx"
+  },
+  "engines": {
+    "brika": "^0.3.0"
+  },
+  "permissions": [
+    "location"
+  ],
+  "scripts": {
+    "link": "bun link",
+    "tsc": "bunx --bun tsc --noEmit",
+    "prepublishOnly": "brika-verify-plugin"
+  },
+  "preferences": [
+    {
+      "name": "city",
+      "type": "text",
+      "label": "City",
+      "description": "City name for weather data (leave empty for auto-detect)",
+      "default": ""
+    },
+    {
+      "name": "unit",
+      "type": "dropdown",
+      "label": "Temperature Unit",
+      "options": [
+        {
+          "value": "celsius"
+        },
+        {
+          "value": "fahrenheit"
+        }
+      ],
+      "default": "celsius"
+    }
+  ],
+  "bricks": [
+    {
+      "id": "current",
+      "name": "Current Weather",
+      "description": "Live weather conditions with beautiful background imagery",
+      "category": "info",
+      "icon": "cloud-sun",
+      "color": "#f59e0b",
+      "config": [
+        {
+          "type": "text",
+          "name": "city",
+          "label": "City",
+          "description": "City name (leave empty for auto-detect or plugin default)"
+        },
+        {
+          "type": "dropdown",
+          "name": "unit",
+          "label": "Temperature Unit",
+          "options": [
+            {
+              "value": "default"
+            },
+            {
+              "value": "celsius"
+            },
+            {
+              "value": "fahrenheit"
+            }
+          ],
+          "default": "default"
+        }
+      ]
+    },
+    {
+      "id": "forecast",
+      "name": "Weather Forecast",
+      "description": "Multi-day weather forecast with highs, lows, and conditions",
+      "category": "info",
+      "icon": "calendar-days",
+      "color": "#3b82f6",
+      "config": [
+        {
+          "type": "text",
+          "name": "city",
+          "label": "City",
+          "description": "City name (leave empty for auto-detect or plugin default)"
+        },
+        {
+          "type": "dropdown",
+          "name": "unit",
+          "label": "Temperature Unit",
+          "options": [
+            {
+              "value": "default"
+            },
+            {
+              "value": "celsius"
+            },
+            {
+              "value": "fahrenheit"
+            }
+          ],
+          "default": "default"
+        },
+        {
+          "type": "number",
+          "name": "days",
+          "label": "Forecast Days",
+          "description": "Number of days to show (1-7)",
+          "default": 7,
+          "min": 1,
+          "max": 7,
+          "step": 1
+        }
+      ]
+    },
+    {
+      "id": "compact",
+      "name": "Temperature",
+      "description": "Compact temperature and condition display",
+      "category": "info",
+      "icon": "thermometer",
+      "color": "#ef4444",
+      "config": [
+        {
+          "type": "text",
+          "name": "city",
+          "label": "City",
+          "description": "City name (leave empty for auto-detect or plugin default)"
+        },
+        {
+          "type": "dropdown",
+          "name": "unit",
+          "label": "Temperature Unit",
+          "options": [
+            {
+              "value": "default"
+            },
+            {
+              "value": "celsius"
+            },
+            {
+              "value": "fahrenheit"
+            }
+          ],
+          "default": "default"
+        }
+      ]
+    }
+  ],
+  "dependencies": {
+    "@brika/sdk": "0.3.0"
+  },
+  "files": [
+    "src",
+    "locales",
+    "icon.svg",
+    "README.md"
+  ]
+}