Wrapper Tracer: Display traced calls to given objects

Recommend this page to a friend!
  Info   View files Documentation   Screenshots Screenshots   View files View files (122)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 34 All time: 522 This week: 4Up
Version License JavaScript version Categories
wrappertracer 1.0GNU General Publi...5Language, Debug
Description Author

This package can display traced calls to given objects.

It takes a given object and returns another object that works like the original object but intercepts the calls to that object.

The wrapper object displays information about the calls to the original object inside a given page element and forwards the calls to that object.

Innovation Award
JavaScript Programming Innovation award winner
October 2017
Winner
This package can display traced calls to given objects.

It takes a given object and returns another object that works like the original object but intercepts the calls to that object.

The wrapper object displays information about the calls to the original object inside a given page element and forwards the calls to that object.

Manuel Lemos
Picture of Juan Jose
  Performance   Level  
Name: Juan Jose <contact>
Classes: 3 packages by
Country: Spain Spain
Age: 51
All time rank: 1348 in Spain Spain
Week rank: 6 Up2 in Spain Spain Up
Innovation award
Innovation award
Nominee: 2x

Winner: 1x

Details

> ----------------------------------------------------------------------------------------------------- > 'WrapperTracer' (Class JS) - Analysis and 'JS Objects' Traces. > Author: Juan José Guerra Haba - <dinertron@gmail.com> - Marzo de 2016 > License: Free BSD. & Open GPL v.3. Keep credit, please. > Versión: 1.0.0 BETA > File: WrapperTracer.js Main Class: WrapperTracer.js > > ----------------------------------------------------------------------------------------------------

WrapperTracer

WrapperTracer logo It is a class that creates Javascript wrapper objects to allow tracking of the executed methods.

Features

1. Do not in any way alter the original object 2. Fully OOP 3. Cross-browser 4. Philosophy MVC 5. Reduction to minimum of code to use by the user.

Usage

Simply call the constructor with two parameters: The object tracking and DOMElement container element that will house the results for the GUI. The container element parameter can be a string containing the element id. Ej:

    var wrapped = new WrapperTracer(obj1, "containerUI");

Of course you must be loaded before the script in the HTML header.

<script type="text/javascript" src="WrapperTracer.js"></script>

Explanatory

It serve of TRACER to obtain a visual representation of methods's execution cycle, as help with information (elapsed time, nesting, methods type, parameters, ...). This class relies heavily on the utility functions of an internal object implemented in the same file, the 'Util' object, which contains methods and objects statics that although they are geared specifically for object 'wrapper', they could be used outside the same using his 'classpath'.

Public API

<dl> <dt>Constructor</dt>

<dd> WrapperTracer (object, idElement, callback);</dd>

<dt>Getters</dt>

<dd>getId ();</dd>
<dd>getTarget ();</dd>
<dd>getWrapped ();</dd>
<dd>getCallback ();</dd>
<dd>getProps ();</dd>
<dd>getInfo ();</dd>
<dd>getContainer ();</dd>
<dd>getUtil ()</dd>

<dt>Setters</dt>

<dd>setContainer (idElement);</dd>

</dl>

Authoring

Created and developed entirely by Juan Jose Guerra Haba. &lt;dinertron@gmail.com&gt; Copyright 2015 &copy; <a href="&#x6d;&#97;&#105;&#108;&#116;&#x6f;&#x3a;&#100;&#105;&#110;&#x65;&#x72;&#x74;&#114;&#x6f;&#110;&#64;&#x67;&#109;&#x61;&#x69;&#x6c;&#46;&#99;&#x6f;&#x6d;" title="author">GuerraTron</a> License GPL v3

Developing &amp; Tools

Created with Nodeclipse (Eclipse Marketplace, site) Nodeclipse is free open-source project that grows with your contributions. Debug by Firefox + Firebug Additional editing and cleaning withNotepad++

Screenshots  
  • wrapperTracer-UI
  • wrapperTracer-UI-other
  Files folder image Files  
File Role Description
Files folder imageWrapperTracer-en (5 files, 2 directories)
Files folder imageWrapperTracer-es (5 files, 2 directories)
Accessible without login Plain text file AUTHORS Data Auxiliary data
Accessible without login Image file favicon.ico Data Auxiliary data
Accessible without login Plain text file index.html Data Auxiliary data
Accessible without login Plain text file LICENSE Lic. License text
Accessible without login Plain text file README.md Doc. Documentation
Accessible without login Image file WrapperTracer-logo.png Icon Icon image
Plain text file WrapperTracer.en.js Class Class source

  Files folder image Files  /  WrapperTracer-en  
File Role Description
Files folder imagedoc (10 files, 6 directories)
Files folder imageimg (8 files)
  Accessible without login Plain text file package.json Data Auxiliary data
  Accessible without login Plain text file README.md Example Example script
  Accessible without login Image file WrapperTracer-logo.png Icon Icon image
  Plain text file WrapperTracer.en.js Class Class source
  Plain text file WrapperTracer.en.min.js Class Class source

  Files folder image Files  /  WrapperTracer-en  /  doc  
File Role Description
Files folder imageassets (2 files)
Files folder imagecss (1 file)
Files folder imageimg (18 files)
Files folder imagejs (1 file)
Files folder imagescripts (2 files, 2 directories)
Files folder imagestyles (7 files)
  Accessible without login Image file favicon.ico Data Auxiliary data
  Accessible without login HTML file global.html Doc. Documentation
  Accessible without login HTML file index.html Doc. Documentation
  Accessible without login HTML file module-WrapperTracer-WrapperTracer.html Doc. Documentation
  Accessible without login HTML file module-WrapperTracer.html Doc. Documentation
  Accessible without login HTML file tutorial-1_tuto_WrapperTracer.en.html Doc. Documentation
  Accessible without login HTML file tutorial-2_example...apperTracer.en.html Doc. Documentation
  Accessible without login HTML file tutorial-3_example...pperTracer2.en.html Doc. Documentation
  Accessible without login HTML file WrapperTracer.en.js.html Doc. Documentation
  Accessible without login HTML file WrapperTracer.html Doc. Documentation

  Files folder image Files  /  WrapperTracer-en  /  doc  /  assets  
File Role Description
  Plain text file canvasShapes-All.en.min.js Class Class source
  Plain text file objects.min.js Class Class source

  Files folder image Files  /  WrapperTracer-en  /  doc  /  css  
File Role Description
  Accessible without login Plain text file tuto.css Data Auxiliary data

  Files folder image Files  /  WrapperTracer-en  /  doc  /  img  
File Role Description
  Accessible without login Image file BOX.png Icon Icon image
  Accessible without login Image file doctron-logo.png Icon Icon image
  Accessible without login Image file fondo.png Data Auxiliary data
  Accessible without login Image file fondo_inv.png Data Auxiliary data
  Accessible without login Image file guerratron.gif Icon Icon image
  Accessible without login Image file objCanvasShapes.png Icon Icon image
  Accessible without login Image file objJS1.png Icon Icon image
  Accessible without login Image file objJS2.png Icon Icon image
  Accessible without login Image file objJS3.png Icon Icon image
  Accessible without login Image file objJS4.png Icon Icon image
  Accessible without login Image file objRsLIB.png Icon Icon image
  Accessible without login Image file objWindows.png Icon Icon image
  Accessible without login Image file plusMinus.jpg Icon Icon image
  Accessible without login Image file screen1.png Icon Icon image
  Accessible without login Image file torotron_logo.png Icon Icon image
  Accessible without login Image file WrapperTracer-logo-mini.png Icon Icon image
  Accessible without login Image file WrapperTracer-logo.png Icon Icon image
  Accessible without login Image file WrapperTracer-UI.jpg Data Auxiliary data

  Files folder image Files  /  WrapperTracer-en  /  doc  /  js  
File Role Description
  Plain text file WrapperTracer.min.js Class Class source

  Files folder image Files  /  WrapperTracer-en  /  doc  /  scripts  
File Role Description
Files folder imageprettify (3 files)
Files folder imagesmooth-scroll (2 files)
  Accessible without login Plain text file linenumber.js Aux. Auxiliary script
  Accessible without login Plain text file template.js Aux. Auxiliary script

  Files folder image Files  /  WrapperTracer-en  /  doc  /  scripts  /  prettify  
File Role Description
  Accessible without login Plain text file Apache-License-2.0.txt Doc. Documentation
  Accessible without login Plain text file lang-css.js Aux. Auxiliary script
  Accessible without login Plain text file prettify.js Example Example script

  Files folder image Files  /  WrapperTracer-en  /  doc  /  scripts  /  smooth-scroll  
File Role Description
  Accessible without login Plain text file LICENSE.md Lic. License text
  Plain text file smooth-scroll.min.js Class Class source

  Files folder image Files  /  WrapperTracer-en  /  doc  /  styles  
File Role Description
  Accessible without login Plain text file jsdoc-default.css Data Auxiliary data
  Accessible without login Plain text file prettify-jsdoc.css Data Auxiliary data
  Accessible without login Plain text file prettify-tomorrow.css Data Auxiliary data
  Accessible without login Plain text file template-dark.css Data Auxiliary data
  Accessible without login Plain text file template-light.css Data Auxiliary data
  Accessible without login Plain text file template-responsive.css Data Auxiliary data
  Accessible without login Plain text file template.css Data Auxiliary data

  Files folder image Files  /  WrapperTracer-en  /  img  
File Role Description
  Accessible without login Image file favicon.ico Data Auxiliary data
  Accessible without login Image file guerratron.gif Icon Icon image
  Accessible without login Image file plusMinus.jpg Icon Icon image
  Accessible without login Image file WrapperTracer-logo-mini.png Icon Icon image
  Accessible without login Image file WrapperTracer-logo.png Icon Icon image
  Accessible without login Image file WrapperTracer-UI.en.jpg Data Auxiliary data
  Accessible without login Image file WrapperTracer_logo-128.png Icon Icon image
  Accessible without login Image file WrapperTracer_logo-24.png Icon Icon image

  Files folder image Files  /  WrapperTracer-es  
File Role Description
Files folder imagedoc (9 files, 6 directories)
Files folder imageimg (7 files)
  Accessible without login Plain text file LEEME.md Example Example script
  Accessible without login Plain text file package.json Data Auxiliary data
  Accessible without login Image file WrapperTracer-logo.png Icon Icon image
  Plain text file WrapperTracer.es.js Class Class source
  Plain text file WrapperTracer.es.min.js Class Class source

  Files folder image Files  /  WrapperTracer-es  /  doc  
File Role Description
Files folder imageassets (2 files)
Files folder imagecss (1 file)
Files folder imageimg (17 files)
Files folder imagejs (1 file)
Files folder imagescripts (2 files, 2 directories)
Files folder imagestyles (7 files)
  Accessible without login Image file favicon.ico Data Auxiliary data
  Accessible without login HTML file index.html Doc. Documentation
  Accessible without login HTML file module-WrapperTracer-WrapperTracer.html Doc. Documentation
  Accessible without login HTML file module-WrapperTracer.html Doc. Documentation
  Accessible without login HTML file tutorial-1_tuto_WrapperTracer.es.html Doc. Documentation
  Accessible without login HTML file tutorial-2_example...apperTracer.es.html Doc. Documentation
  Accessible without login HTML file tutorial-3_example...pperTracer2.es.html Doc. Documentation
  Accessible without login HTML file WrapperTracer.es.js.html Doc. Documentation
  Accessible without login HTML file WrapperTracer.html Doc. Documentation

  Files folder image Files  /  WrapperTracer-es  /  doc  /  assets  
File Role Description
  Plain text file canvasShapes-All.en.min.js Class Class source
  Plain text file objects.min.js Class Class source

  Files folder image Files  /  WrapperTracer-es  /  doc  /  css  
File Role Description
  Accessible without login Plain text file tuto.css Data Auxiliary data

  Files folder image Files  /  WrapperTracer-es  /  doc  /  img  
File Role Description
  Accessible without login Image file BOX.png Icon Icon image
  Accessible without login Image file doctron-logo.png Icon Icon image
  Accessible without login Image file fondo.png Data Auxiliary data
  Accessible without login Image file fondo_inv.png Data Auxiliary data
  Accessible without login Image file guerratron.gif Icon Icon image
  Accessible without login Image file objCanvasShapes.png Icon Icon image
  Accessible without login Image file objJS1.png Icon Icon image
  Accessible without login Image file objJS2.png Icon Icon image
  Accessible without login Image file objJS3.png Icon Icon image
  Accessible without login Image file objJS4.png Icon Icon image
  Accessible without login Image file objWindows.png Icon Icon image
  Accessible without login Image file plusMinus.jpg Icon Icon image
  Accessible without login Image file screen1.png Icon Icon image
  Accessible without login Image file torotron_logo.png Icon Icon image
  Accessible without login Image file WrapperTracer-logo-mini.png Icon Icon image
  Accessible without login Image file WrapperTracer-logo.png Icon Icon image
  Accessible without login Image file WrapperTracer-UI.jpg Data Auxiliary data

  Files folder image Files  /  WrapperTracer-es  /  doc  /  js  
File Role Description
  Plain text file WrapperTracer.min.js Class Class source

  Files folder image Files  /  WrapperTracer-es  /  doc  /  scripts  
File Role Description
Files folder imageprettify (3 files)
Files folder imagesmooth-scroll (2 files)
  Accessible without login Plain text file linenumber.js Aux. Auxiliary script
  Accessible without login Plain text file template.js Aux. Auxiliary script

  Files folder image Files  /  WrapperTracer-es  /  doc  /  scripts  /  prettify  
File Role Description
  Accessible without login Plain text file Apache-License-2.0.txt Doc. Documentation
  Accessible without login Plain text file lang-css.js Aux. Auxiliary script
  Accessible without login Plain text file prettify.js Example Example script

  Files folder image Files  /  WrapperTracer-es  /  doc  /  scripts  /  smooth-scroll  
File Role Description
  Accessible without login Plain text file LICENSE.md Lic. License text
  Plain text file smooth-scroll.min.js Class Class source

  Files folder image Files  /  WrapperTracer-es  /  doc  /  styles  
File Role Description
  Accessible without login Plain text file jsdoc-default.css Data Auxiliary data
  Accessible without login Plain text file prettify-jsdoc.css Data Auxiliary data
  Accessible without login Plain text file prettify-tomorrow.css Data Auxiliary data
  Accessible without login Plain text file template-dark.css Data Auxiliary data
  Accessible without login Plain text file template-light.css Data Auxiliary data
  Accessible without login Plain text file template-responsive.css Data Auxiliary data
  Accessible without login Plain text file template.css Data Auxiliary data

  Files folder image Files  /  WrapperTracer-es  /  img  
File Role Description
  Accessible without login Image file favicon.ico Data Auxiliary data
  Accessible without login Image file guerratron.gif Icon Icon image
  Accessible without login Image file plusMinus.jpg Icon Icon image
  Accessible without login Image file WrapperTracer-logo-mini.png Icon Icon image
  Accessible without login Image file WrapperTracer-UI.es.jpg Data Auxiliary data
  Accessible without login Image file WrapperTracer_logo-128.png Icon Icon image
  Accessible without login Image file WrapperTracer_logo-24.png Icon Icon image

 Version Control Unique User Downloads Download Rankings  
 98%
Total:34
This week:0
All time:522
This week:4Up