<script>
import { openBrowser, openComponent } from "./../../../PX2018/project_2/utils.js"
</script>
<link rel="stylesheet" type="text/css" href="./../../../PX2018/project_2/utils.css">

# Example

lively.findDependedModules('https://lively-kernel.org/lively4/lively4-thulur/src/client/lively.js')

["https://lively-kernel.org/lively4/lively4-thulur/src/components/widgets/lively-notification-list.js", "https://lively-kernel.org/lively4/lively4-thulur/src/components/widgets/lively-notification.js", "https://lively-kernel.org/lively4/lively4-thulur/src/components/halo/lively-halo-item.js", "https://lively-kernel.org/lively4/lively4-thulur/s…halo/lively-halo-vivide-inport-connection-item.js", "https://lively-kernel.org/lively4/lively4-thulur/s…alo/lively-halo-vivide-outport-connection-item.js", "https://lively-kernel.org/lively4/lively4-thulur/src/components/halo/lively-halo-drag-item.js", "https://lively-kernel.org/lively4/lively4-thulur/s…components/halo/lively-halo-vivide-inport-item.js", "https://lively-kernel.org/lively4/lively4-thulur/s…omponents/halo/lively-halo-vivide-combine-item.js", "https://lively-kernel.org/lively4/lively4-thulur/s…omponents/halo/lively-halo-vivide-outport-item.js"]

## Transform

``` javascript
import { config } from 'src/client/vivide/utils.js';

(async (input, output) => {
  for (let item of input) {
    output.push(await fetch(item))
  }
})::config({
  
})
```

## Extract

``` javascript
import { config } from 'src/client/vivide/utils.js';

(item => ({
  label: item.url.split('/').pop() + ' (' + item.status + ')'
}))::config({
  
})
```

### Descent Script

``` javascript
import { config } from 'src/client/vivide/utils.js';

(item => lively.findDependedModules(item.url))::config({
  
})
```

# Ideas

- Remove Loop Button
- Property: Tooltip - value shown on hover (e.g. fetch result text)
