bahrus / be-fetching

Enhances the input element with type=url with fetching support.

be-fetching

Enhances the input element with type=url with fetching support.

<input type=url be-fetching>

When a valid url is entered, fetches it. Result goes to oInput.beEnhanced.beFetching.value. oInput fires non bubbling event "enh-by-be-fetching.value-changed" when value changes. While fetch is in progress, adds css class "be-fetching-fetch-in-progress" to the adorned element.

be-fetching can be applied to other elements that contain the href property (link, a). [TODO]

be-fetching can broadcast result to peer element based on "standard" binding attributes [TODO]

<input type=url be-fetching="as $pie.">
<meta itemprop=pie>

Running locally

Any web server than can serve static files will do, but...

1. Install git.
2. Do a git clone or a git fork of repository https://github.com/bahrus/be-fetching
3. Install node.js
4. Open command window to folder where you cloned this repo.

5. npm install

6. npm run serve

7. Open http://localhost:3030/demo/ in a modern browser.

Using from ESM Module:

import 'be-fetching/be-fetching.js';

Using from CDN:

<script type=module crossorigin=anonymous>
    import 'https://esm.run/be-fetching';
</script>