Skip to content

ClockPro Card — Forecast Engine & Full Visual Editor Expansion

Choose a tag to compare

View all tags
@levonisyas levonisyas released this 21 Feb 12:04
Faz.2
68d9c7a

🚀 ClockPro Card — Combined Release Notes (Faz.1.5 & Faz.2)

This combined release delivers two major expansions:
Faz.1.5 introduces the new Forecast Engine, while Faz.2 elevates the Visual Editor into a full, first‑class configuration environment. Together, they establish a predictable, YAML‑equivalent, fully visual workflow for all core features.

A new black & white cloud SVG icon pack was added, providing matching light (white) and dark (black) cloud variants for high‑contrast themes.

image

✨ Faz.2 — Visual Editor Expansion

Faz.2 focuses on extending the Visual Editor to cover all primary layout, typography, and weather‑related settings while keeping the configuration fully YAML‑free and YAML‑equivalent.

What’s New

  • Full Visual Editor coverage
    All major card settings can now be configured visually without writing YAML.

  • Unified positioning system
    Time, date, day, weather icon, details, location, and forecast now share a single deterministic positioning model for consistent layout control.

  • Grouped settings layout
    Related controls (font size, weight, spacing, etc.) are grouped for clarity and faster tuning.

  • Native entity selection
    Weather, location, and sun entities are selected using Home Assistant’s built‑in entity picker.

  • Forecast editor support
    Forecast visibility, typography, spacing, and temperature format can be configured directly from the editor.

Technical Notes

  • Visual Editor output is 100% compatible with manual YAML configuration.
  • No UI‑only or hidden options were added.
  • Existing YAML setups continue to work without modification.

Faz.2 establishes the Visual Editor as a first‑class configuration method, not a secondary mode.

🌤 Faz.1.5 — Forecast Engine & 5‑Day Weather Element

New: 5‑Day Forecast Element (Configurable 1~7 Days)

  • Added an optional 5‑day daily weather forecast.
  • Rendered as a native element using the existing layout engine.
  • Fully configurable via YAML under elements.forecast.

New: Forecast Element Engine

  • Forecast behaves like any other element (time, date, icon, etc.).
  • Supports absolute positioning (pos), spacing (gap), and per‑section styling.
  • Can be placed anywhere without affecting other elements.

Forecast Display

  • Shows weekday label, weather icon (MDI or Pro SVG), and temperature (max or max/min).
  • Number of days configurable (days: 1–7).
  • Automatically falls back if forecast data is unavailable.

Visual Consistency

  • Uses the same weather entity as the main icon.
  • Respects day/night icon variants when available.
  • No extra sensors, helpers, or dependencies required.
Assets 6
Loading