Code Monkey home page Code Monkey logo

dump-info-visualizer's Introduction

Repo deprecation notice

NOTE: This repository has been deprecated; for information and tooling related to understanding the size of your compiled web applications, see instead dart.dev/go/dart2js-info.

Dump-Info visualizer

A web based visualizer for the dart2js --dump-info option.

Live Website

Screenshot

How to Build

The dump-info-visualizer is a Pub project, so running pub build will generate all the files for the viewer.

This repository also hosts the public version of the viewer which is located on the gh-pages branch. Any files pushed to gh-pages will be made public.

In order to make your changes public, follow these instructions.

  • git checkout master Your changes should already be on the master branch when you deploy.
  • pub build Build all of the javascript and HTML files.
  • mv build ../ Copy built files out of the project structure.
  • git checkout gh-pages The destination branch.
  • rm -rf build Remove old build.
  • mv ../build ./ Copy new build in.
  • git commit -a -m "your message here" Commit the new build.
  • git push origin gh-pages Deploy to gh-pages.

dump-info-visualizer's People

Contributors

devoncarew avatar franklinyow avatar harryterkelsen avatar kevmoo avatar rakudrama avatar sethladd avatar tyoverby avatar yjbanov avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  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  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

dump-info-visualizer's Issues

Don't lose place when traveling between tabs.

Right now clicking on the tabs moving from hierarchy to dependencies and back to to the hierarchy will lose the place of where you were in the hierarchy view.

This is possible to fix by storing the element that was selected in the view and move to it with scrollIntoView.

Trivially Retained Size

Write a function to compute the trivially retained size of a function

trivially_retained(node):
    queue = [node]
    owned  = {node}

    for n in queue:
        for c in n.children:
            if (c.parents are all contained in owned) and (c is not in owned):
                owned.add(c)
                queue.add(c)

Open sub-list in dependencies viewer.

Right now, the dependency viewer only shows one level above and below the current element. It would be handy to be able to open up subviews inside of an existing view.

Sort review

https://github.com/dart-lang/dump-info-visualizer/blob/master/web/polymer_lib/tree_table.dart#L67

The sorting of rows by nonSortablePriority should be separated from sorting by data value.

There is a clash between a/b and d1/d2
I'd call them row1/row2 and value1/value2

How do we parameterize the sorting semantically?
For names, the user might want to choose between default ordering and 'smart' ordering with public names before private names, the ordered AaBbCc, with embedded numbers sorted numerically and qualified names sorted by this order on the individual identifiers, and dart: libraries following other libraries.

Easily reload .json file

It is possible to read a File that has been loaded multiple times.

Original bug

During a typical compile->inspect->fix->compile-> cycle, I need to reload the json generated by -dump-info quite often. Currently, the viewer forces me to reload the page, select the json file again and then re-navigate to where I was. Ideally, there would be a refresh button that reloads the current json and just updates the current view, if possible. -- Stephan Herhut

Flatten items in the hierarchy view.

While the hierarchy typically looks like this:

  • Library1
    • Class 1
      • Method 1
      • Method 2
    • Class 2
      • Method 3
      • Method 4

If you are only concerned with comparing the methods, you could remove the classes and get

  • Library 1
    • Method 1
    • Method 2
    • Method 3
    • Method 4

More size metrics

Right now only the individual sizes of elements are reported. The total size of all elements that can only be reached through that element would also be a useful size metric.

Keep tabs at top of page.

When navigating back and forth between the hierarchy and dependency tabs it is a huge pain having to scroll back to the top of the page every time you want to swap tabs.

Link to https for hosted tool

The readme has:

http://dart-lang.github.io/dump-info-visualizer/

Turns out, SSL works great:

https://dart-lang.github.io/dump-info-visualizer/

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.