# The Content Directory
## "Loose" files within the React App
Resources in this directory can be obtained via standard web resource acquisition, eg:
* Using the fetch API
* Setting the URI on a src attribute of an `<img>` or `<script>`

This directory is the baseUri in the app, eg: `fetch("foo.json")` will get foo.json in this directory

## Per-widget directories
Each widget will have a sub-directory here based on widgetId that serves as the resource root off of which the widget manifest specifies the relative path.  The per-widget directories will be populated by the build step that creates the registration manifest.

### Example
Manifest:

`"id": "com.contoso.widget.hello",
    "icon": {
        "src": "images/icon.png"
    }
`

Directory structure:

> ./com.contoso.widget.hello
>> images
>>> icon.png

To load icon.png: 

```fetch("widgetInstance.widgetId/images/icon.png");```