mix dala.preview (dala v0.0.6)

Copy Markdown View Source

Preview Dala UI designs in a browser without a simulator/emulator.

This task generates an HTML preview of a Dala screen module or UI tree and opens it in the default browser. This is a dev-only tool and will not be included in production builds.

Usage

# Preview a screen module
mix dala.preview MyApp.HomeScreen

# Preview with custom output file
mix dala.preview MyApp.HomeScreen --output preview.html

# Don't open in browser (just generate the file)
mix dala.preview MyApp.HomeScreen --no-open

# Hide the component tree in the preview
mix dala.preview MyApp.HomeScreen --no-tree

Options

  • --output / -o - Output file path (default: dala_preview.html)
  • --no-open - Don't open in browser after generating
  • --no-tree - Don't show the component tree in the preview
  • --title - Custom title for the preview page

Examples

mix dala.preview MyApp.CounterScreen
mix dala.preview MyApp.LoginScreen --output login_preview.html
mix dala.preview MyApp.HomeScreen --title "Home Screen Preview" --no-open