Git Product home page Git Product logo

clematis's People

Contributors

amesbah avatar fnakstad avatar masri321 avatar sabaa avatar sequeirashel avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

clematis's Issues

Bookmarking episodes

As a user, I want to be able to bookmark the next episode being captured when interacting with the web app. I want to be able to see this bookmarked episode on the visualization later.

Ensure Metis is ready for demonstation

Metis will be demonstrated on February 1st. During the demo Metis will be checked out from GitHub, imported into Eclipse, and executed on an example web-application. The user's actions must captured within an XML file.

Visualization of Episodes will not load properly

When viewing the visualization of previously recorded episodes, from the file view.jsp (which loads view.html in an iframe) the error messages "Source of message is an actor (not lifeline) " and "Destination of message is an actor (not lifeline)" are thrown from the file sequence.js

Zoom level 2 complete

3 tabs for episode source, trace and result.
Source: event type + all contextual information about the event
Trace: full trace sequence diagram + separate panel for displaying the relevant code on demand
Result: mutated DOM elements and their attributes (the whole DOM?)

Zoom level 1 complete

3 parts for episode source, trace and result.
Source: event type + [if type==DOM then target element, else if type==XHR or TO then ID)
Trace: names of functions (and async events) in the trace
Result: names/IDs of mutated DOM elements

Zoom level 0 complete

Showing episode type (episode name and background color), and timeStamp (or episode #)

Better way to get Causal links.

Currently the api call to get the causal links is relatively slow because it uses brute force to search for episodes that contain timeouts, then searches for their callbacks. The same method is also used for XHR events. A better method would greatly speed up the load time for the visualization. This method is called "episodesContainTimeouts" and is located in src/main/java/com/clematis/core/episode/episodeResource.java

Change DOM to Click

In the visualization, on the episodes, change "DOM" to "Click" or "DOM events".

It has to be clear that the episodes are DOM events.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.