feature: added live server and watch:web command

32teeth commented 2 months ago

Problem

[!NOTE] Local dev pain point

The current build setup does not efficiently handle watching files for changes across different parts of the project, such as the main codebase and the demo example. This results in a fragmented development workflow where developers need to manually start and monitor multiple watch tasks.

Solution

The PR introduces the following changes to streamline the development workflow:

Added a watch:demo script to navigate to the example directory and run its watch script.
Combined the watch, watch:demo, and watch:serve scripts into a single watch:web script using run-p for parallel execution.
Added a watch:serve script to start a live server on port 9000 serving the example/dist directory.

These changes enable developers to start all necessary watch tasks with a single command, ensuring a more efficient and cohesive development experience.

{
    "watch:demo": "cd ./example && npm run watch",
    "watch:web": "run-p watch watch:demo watch:serve",
    "watch:serve": "live-server --port=9000 example/dist"
}

[!TIP] Just run npm run watch:web and everyone is happy

License

By submitting this pull request, I confirm that my contribution is made under the terms of the Apache 2.0 license.

volodkevych commented 2 months ago

Would it make sense to also update example README here?

32teeth commented 1 month ago

Would it make sense to also update example README here?

I cleaned up both README files

In consideration of public development i added workflow badges

aws / mynah-ui