start haul/react-native using named binaries instead of cli.js

[meros]

yarn workspaces breaks storybook due to absolute path of cli.js changes to workspace root.

Issue:

yarn workspaces causes node modules to end up in the workspace root. And in general node resolves node_modules by searching in parent folders. Because of this we cannot assume the location of cli.js to be known.

It's important to note that this issue is not isolated to workspaces, but rather related to the naive view of how node_modules are resolved that causes the bug.

What I did

Change to use react-native or haul using installed binary name. These binaries are callable even when not installed globally when storybook is called through npm scripts.

How to test

Put a react native app w storybook as a package in a yarn workspace repo. Try to run yarn storybook.

Is this testable with jest or storyshots?

no

Does this need a new example in the kitchen sink apps?

no

Does this need an update to the documentation?

no

If your answer is yes to any of these, please make sure to include it in your PR.

[codecov]

Codecov Report

Merging #2715 into master will not change coverage.
The diff coverage is 0%.

@@           Coverage Diff           @@
##           master    #2715   +/-   ##
=======================================
  Coverage   34.31%   34.31%           
=======================================
  Files         391      391           
  Lines        8806     8806           
  Branches      922      909   -13     
=======================================
  Hits         3022     3022           
- Misses       5174     5188   +14     
+ Partials      610      596   -14

Impacted Files	Coverage Δ
app/react-native/src/bin/storybook-start.js	0% <0%> (ø)	⬆️
.../ui/components/stories_panel/stories_tree/index.js	38.73% <0%> (ø)	⬆️
lib/ui/src/modules/ui/configs/init_panels.js	25% <0%> (ø)	⬆️
addons/viewport/src/components/RotateViewport.js	22.72% <0%> (ø)	⬆️
...modules/ui/components/stories_panel/text_filter.js	30.98% <0%> (ø)	⬆️
lib/ui/src/modules/api/configs/init_api.js	40.42% <0%> (ø)	⬆️
addons/a11y/src/components/Tabs.js	0% <0%> (ø)	⬆️
addons/knobs/src/components/types/Button.js	11.9% <0%> (ø)	⬆️
lib/core/src/client/preview/syncUrlWithStore.js	40.9% <0%> (ø)	⬆️
.../ui/src/modules/ui/components/addon_panel/index.js	34.78% <0%> (ø)	⬆️
... and 44 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 036002b...840fd62. Read the comment docs.

[Hypnosphi]

These binaries are callable even when not installed globally when storybook is called through npm scripts.

I wonder why didn't we call them like that from day one then
CC @mnmtanish

[Hypnosphi]

We also need to check that it doesn't break closs-platform support #2577
@FredyC would you like to test it?

[danielkcz]

I've tested this on Windows and works correctly. Haven't realized before it's possible to call binaries like that, so thanks @meros for the enlightenment :)