Releases: edufalcao/configspot
Releases · edufalcao/configspot
v1.2.0
Summary
Add Tree Explorer — a new hierarchical view tab for navigating deeply nested config diffs.
Features
- Tree tab added as 3rd tab (Semantic → Raw Diff → Tree → Summary) with keyboard shortcut
3 - Hierarchical tree view — expands/collapses nested config nodes with chevron toggles
- Aggregated stats — branch nodes show compact change count badges (+N ~N -N)
- Risk indicators — risk severity dots bubble up from leaves to parent nodes
- Expand All / Collapse All controls for quick navigation
- Smart defaults — top-level nodes expanded, deeper levels collapsed
- Secret masking — leaf values respect the Mask Secrets toggle
- Graceful degradation for flat configs (.env) — renders as a single-level tree
- New types:
TreeNode,TreeNodeStats,ResultsTab - Pure utility
buildTree()inapp/utils/diff/tree.ts(Web Worker compatible)
v1.1.1
Fixes
- Sample dropdown z-index — "Try a sample" popover no longer appears behind CodeMirror editors
- Risk sidebar overflow — added
overflow-hiddento prevent long content from escaping card boundaries - Word breaking in risk labels — label text now uses
break-wordsinstead ofbreak-all, preventing mid-word breaks like "w" / "as" on separate lines
v1.1.0
Summary
Phase 1 MVP complete — configspot now has full export, keyboard shortcuts, format-specific samples, syntax highlighting, and a smart summary view.
Features
- Smart Summary view — structured breakdown of Added, Removed, and Changed keys with values
- Export — Copy Raw Diff, Copy Summary, Copy Markdown Table, and Download HTML Report (self-contained dark-themed file)
- Keyboard shortcuts —
Ctrl+Enterto compare,sto toggle secret masking,1/2/3to switch tabs,?for help overlay - Keyboard help button in header for discoverability
- Format-specific samples — "Try a sample" dropdown with .env, JSON (tsconfig), YAML (docker-compose), TOML (Cargo.toml), INI (MySQL config)
- CodeMirror syntax highlighting — JSON and YAML language extensions load based on selected format
Fixes
- Risk sidebar layout — long key names now wrap properly with
break-allinstead of overflowing the card - Favicon — removed default Nuxt favicon.ico so custom SVG favicon is served correctly
v1.0.3
Features
- Added SVG favicon with gradient "C" logo (cyan → pink on dark background)
- Added cyan/pink accent colors on hero subtitle keywords ("Order-independent" and "key changes matter")
- Added
/releaseskill for automated release workflow
Docs
- Added
.claude/skills/release/SKILL.mdfor consistent release process
v1.0.2
Changes
- Added OpenGraph image (
og.png) with gradient logo, tagline, format badges, and domain - Added
og:image,og:url,twitter:imagemeta tags pointing toconfigspot.edufalcao.com - Added canonical link
- Added URL to JSON-LD structured data
- Updated hero subtitle to clarify order-independent comparison
v1.0.1
v1.0.0 — Initial Release
configspot v1.0.0
Config comparison and validation tool for developers. Compare .env, JSON, YAML, TOML, and INI files with semantic diffs, risk detection, and secret masking.
Features
- Multi-format parsing —
.env, JSON (with comments), YAML, TOML, and INI with auto-detection from content heuristics - Semantic diff engine — compares configs by key path, detecting added, removed, and changed entries beyond plain text diffs
- Risk classification — 9 heuristic categories (credentials, URLs, ports, feature flags, dependency versions, boolean flips, thresholds, removed keys, placeholders) with severity levels (info, review, high)
- Secret detection & masking — recognizes JWTs, AWS keys, GitHub tokens, base64 strings, and credential-like key names; masks values by default
- Raw diff view — unified text diff alongside the semantic view
- Shareable URLs — persist comparisons to Cloudflare D1 with short links and delete tokens
- Dark/light themes — terminal-chic design system with Space Grotesk, DM Sans, and JetBrains Mono typography
- CodeMirror editors — syntax-aware input with line numbers, drag-and-drop, and file upload
- "Try it" demo — one-click sample comparison for instant value demonstration
Tech Stack
- Nuxt 4, Vue 3, TypeScript
- Tailwind CSS 4
- CodeMirror 6
- Cloudflare Pages / Workers / D1
Infrastructure
- GitHub Actions CI/CD pipeline
- Husky pre-commit hooks (lint-staged + typecheck)
- ESLint 10 with stylistic rules