x-tag-aspect

A X-Tag element for AOP with before, around, on, afterReturning, afterThrowing, after advice, and pointcuts

Usage no npm install needed!

<script type="module">
  import xTagAspect from 'https://cdn.skypack.dev/x-tag-aspect';
</script>

README

<x-aspect>

A X-Tag element for AOP with before, around, on, afterReturning, afterThrowing, after advice, and pointcuts.

Maintained by Gianni Furger.

Wrapping meld by CujoJS team.

Use Cases

  • Logging
  • Profiling
  • Security
  • Transactions

Demo

Check it live.

Install

Install with Bower:

$ bower install --save x-tag-aspect

Usage

  1. Import Web Components' polyfill:

    <script src="dist/x-tags-components.js"></script>

  2. Import meld:

    <script src="app/bower_components/meld/meld.js"></script>

  3. Import Custom Element:

    <script src="dist/aspect.js"></script>

  4. Start using it!

    <x-aspect origin="" source="console" function="log" advice="" condition="" trigger=""/>

Examples

HTML


<!-- Intercept console.log  -->
<x-aspect origin="" source="console" function="log" advice="" condition="" trigger=""/>

JavaScript

You can listen to a aspect-changed event for details about the aspect that was matched.

document.addEventListener('aspect-changed', function (aspect) {
    console.log(aspect);
});

Setup

In order to run it locally you'll need a basic server setup.

  1. Install Node.js

  2. Install Grunt:

    $ npm install --global grunt-cli

  3. Install Bower

  4. Install local dependencies:

    $ npm install && bower install

  5. Run a local server and open http://localhost:3001.

    $ grunt connect

Options

Attribute Options Default Description
origin object `` -
source *object function* ``
function function `` -
advice string `` -
condition boolean `` -
trigger event `` -

Contributing

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -m 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

History

For detailed changelog, check Releases.

License

MIT License