All of your Haiku projects live in ~/.haiku/projects/YOURUSERNAME/PROJECTNAME — and the project files are plain JavaScript.

You can symlink them into your code projects (React/Vue/Angular), for example with npm link or yarn link , and then any changes you make in Haiku will propagate through your dev project.

You will find instructions on how to embed your Haiku on the "Publish" modal.

You can also do this by command line:

npm link

This will create a symlink from where your haiku project sits on disk to your node_modules directory inside your codebase.  As long as your dev server is configured to reload upon changes in node_modules (often but not always the case), you should see your codebase reload any time you make changes to that Haiku project, including from the Haiku-watched Sketch file.

Tip: The Angular compiler doesn’t follow symlinks by default, so if you’re not using symlinks already, you’ll probably need to add the preserveSymlinks build option to your angular.json.

See here for details: 

Did this answer your question?