Skip to content

feat: add live preview mode with interactive config editor#19

Merged
tufantunc merged 2 commits intomainfrom
feature/live-preview
Jan 28, 2026
Merged

feat: add live preview mode with interactive config editor#19
tufantunc merged 2 commits intomainfrom
feature/live-preview

Conversation

@tufantunc
Copy link
Copy Markdown
Owner

  • Add --live flag to start interactive development environment
  • Express server with WebSocket support for real-time updates
  • Live UI with sidebar editor and preview iframe
  • Theme selection, profile editing, links management
  • Avatar upload, drag & drop link ordering
  • Auto-save with 500ms debounce
  • Config file watcher with chokidar
  • File watcher triggers auto rebuild on config changes
  • WebSocket broadcasts: reload, config-update, theme-change
  • API endpoints: /api/config, /api/themes, /api/avatar, /api/validate
  • Fix CLI argument parsing for --port/-p option
  • Add comprehensive unit tests for new features
  • Update documentation with live mode architecture

Breaking: Requires Node.js v14+ (already enforced)

What does this PR do?

What changed?

Related issues

Testing

  • Tested locally
  • Works with different themes (if applicable)

Screenshots

Type of change

  • Bug fix
  • New feature
  • Documentation
  • Style/theme
  • Showcase submission

Showcase Submission (if applicable)

Website URL:

Theme Used:

Brief Description:

- Add --live flag to start interactive development environment
- Express server with WebSocket support for real-time updates
- Live UI with sidebar editor and preview iframe
- Theme selection, profile editing, links management
- Avatar upload, drag & drop link ordering
- Auto-save with 500ms debounce
- Config file watcher with chokidar
- File watcher triggers auto rebuild on config changes
- WebSocket broadcasts: reload, config-update, theme-change
- API endpoints: /api/config, /api/themes, /api/avatar, /api/validate
- Fix CLI argument parsing for --port/-p option
- Add comprehensive unit tests for new features
- Update documentation with live mode architecture

Breaking: Requires Node.js v14+ (already enforced)
@tufantunc tufantunc self-assigned this Jan 28, 2026
- Update showHelp.js to include -p 9000 example
- Remove duplicate tests in parseArgs.test.js
- Fix port validation error message assertions to match CONSTANTS.MESSAGES.ERROR_PREFIX
- Use toHaveBeenNthCalledWith to check first error call
- Fix index.js to export main() function and only call it when run directly
- Fix parseArgs.js to properly skip port value and --port flag using i += 2
@tufantunc tufantunc merged commit a3b0185 into main Jan 28, 2026
2 checks passed
@tufantunc tufantunc deleted the feature/live-preview branch January 28, 2026 20:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant