What's New in v3.2

1. Integrated Prism Code Editor with full syntax highlighting for HTML, CSS, and JavaScript
2. Added VS Code Dark and Light themes with automatic Home Assistant dark mode detection
3. Built-in search and replace functionality with Ctrl+F and Ctrl+H shortcuts
4. Line numbers display for better code navigation
5. Module store now auto-detects YAML files from the modules directory
6. Removed dependency on modules.json - metadata is parsed directly from YAML files
7. Version badge now links directly to the GitHub repository
8. Automatic border-radius normalization to 20px when pasting content
9. Improved YAML parser with support for scripts array and single-line formats
10. Auto-fill editor fields when pasting complete YAML configurations
11. Fallback textarea for environments where Prism Code Editor cannot load
12. Optimized performance with lazy loading of editor components
13. Updated stub config with cleaner professional design
14. Full i18n support for Chinese and English interfaces
15. Tab key inserts spaces for consistent indentation

---

Module Store Publishing Guide

To publish a module to the store, create a YAML file in the modules directory with the following format:

id: your-module-id
name: Module Display Name
desc: Brief description of your module
author: your-name
---
type: custom:html-pro-card
content: |
  <your html content here>
update_interval: 10000
do_not_parse: false
ignore_line_breaks: true
scripts:
  - https://cdn.example.com/library.js

Add the filename to modules.txt and submit a pull request.

0.3.0

YAML Auto-Parse

• Paste full YAML config directly, auto-parse and fill fields

Scripts Array Support

• Support both array and single-line scripts format

Module Store Refactor

• All modules use new YAML format (metadata + --- + config)

UI Improvements

• New stub config with HTML/CSS/JavaScript tags

v2.9

HTML Card Pro v2.9 Released
Complete Architecture Refactor | Native HACS Support | JS Engineering

Resolves #4

Core Upgrades
1. Native HACS Integration: One-click install and auto-updates via Home Assistant Community Store. No more manual file copying.
2. Web Components Architecture: Core rewritten with LitElement, Shadow DOM isolation, 300% performance boost.
3. Declarative Data Binding: Bind entities via data-entity attributes. State sync without Jinja2 templates.
4. Dual Mode Compatible: Legacy Jinja2 support retained (do_not_parse: false). Zero-config migration.

Full Changelog (20 Items)

Architecture Refactor
1. Core engine migrated from string templates to Web Components standard
2. Shadow DOM style isolation implemented. CSS pollution eliminated
3. Virtual DOM diff algorithm introduced. Render latency under 10ms
4. Entity state management refactored with centralized data store
5. Hot-reload dev mode supported. Real-time config preview

HACS Support
6. Standard hacs.json config added
7. Automatic version detection and update push implemented
8. Frontend asset loading paths optimized for HACS directory structure
9. Installation validation added. Auto-detects config integrity

JS Enhancements
10. Built-in data-action directive system (toggle/more-info/turn_on)
11. data-brightness and data-temperature two-way slider binding supported
12. data-state-text automatic state text rendering added
13. Global variables hass, config, root exposed for script access
14. External JS library on-demand loading supported (scripts array config)

Performance Optimization
15. Entity state caching mechanism. 80% reduction in unnecessary re-renders
16. Event delegation optimized. 60% lower memory footprint
17. Image lazy loading supported. Faster initial load speed

Stability Fixes
18. Error boundaries handled. Single card failure won't crash entire dashboard
19. Fixed UI freeze when entities become unavailable
20. Mobile touch feedback optimized. Fixed 44px below click area failure