HAUL does not include 'assets' of other react-native modules

Current Behavior

React Native app, where used library/module/package with own assets. (In my case OTF fonts) At the current moment font files simply ignored by webpack and untouched.

folder structure of the module:

node_modules/@example/module
├── assets
│   └── fonts
│       └── native
│           ├── ExampleHeadline-Bold.otf
│           ├── ExampleHeadline-Bolditalic.otf
│           ├── ExampleHeadline-Light.otf
│           ├── ExampleHeadline-LightItalic.otf
│           ├── ExampleSans-Bold.otf
│           ├── ExampleSans-BoldItalic.otf
│           ├── ExampleSans-Light.otf
│           ├── ExampleSans-LightItalic.otf
│           ├── ExampleSans-Medium.otf
│           ├── ExampleSans-MediumItalic.otf
│           ├── ExampleSans-Regular.otf
│           └── ExampleSans-RegularItalic.otf
├── build
│   ├── native
│   │   ├── ActionIconArrowBottom
│   │   │   ├── index.js
│   │   │   └── index.js.map
...
├── package.json
├── readme.md

Expected Behavior

font files should be a part of the final bundle/resources.

Haul Configuration (webpack.haul.js)

default

Your Environment

Mac Os

software	version
Haul	1.0.0-rc.7
react-native
node	8.xx
npm or yarn	yarn

[zamotany]

I have refined the test and noticed that in both cases (haul e2e test and repro project) the assets were extracted but to an incorrect path, so I thing that the Asset Resolver is calculating paths incorrectly.

[joeblynch]

@zamotany I think I have a reproduction case, which might help with debugging. I can see the issue when I produce an iOS bundle, but it appears to work when I produce an Android bundle. I can only reproduce when using a monorepo, where the dependency containing the asset is hoisted.

Repro steps:

1. Download and extract the test project
2. From the root directory: yarn
3. cd packages/HaulTest
4. yarn haul:ios

At the root of the project there should now be a bundle directory, which contains index.jsbundle, but no assets.

Next, run yarn haul:android. In bundle there should now be a index.android.bundle file, along with the image asset under bundle/drawable-mdpi/node_modules_reacttestimport_src_assets_haul_logo_box_only.png.

Talking with @rdy offline, he noticed that the asset is served by the dev server, but not bundled. Looking at index.jsbundle I notice the following code:

a.registerAsset({__packager_asset:!0,scales:[1],name:"haul_logo_box_only",type:"png",hash:"94d5b522d6ff976a852e4d2199488358",httpServerLocation:"../node_modules/react-test-import/src/assets",height:297,width:296})}));

I’m guessing the httpServerLocation being set may be why it’s working in the case where the dev server is being used.