Comments (8)
Hi @soulgalore & @andydavies I've setup setup a very crude browser-side-only prototype that parses HAR files and renders them via the performance-bookmarklet's waterfall (which is a bit messy right now).
I used Typescript to make transforming the deeply nested JSON data a bit easier, we can replace it with Babel or so later if anyone has some serious objections. I also have the build steps to concatenate the ES6 (Typescript) modules via a Grunt Browserify build step.
To run it locally start Typescript compiler via grunt
and demo server via npm start
.
from perfcascade.
Besides the naming PerfCascade
etc could be changed as well - was the second thing I came up with - the first was HarHarHar
:) - but that won't work if it's suppose to be data source agnostic
from perfcascade.
Hehe, I like HarHarHar
:) I'll test it asap. How do we split the work between us so we make sure we don't do the same thing?
from perfcascade.
HarHarHar
would be great with an old pirate as a mascot :P.
I'm not sure how much time each of you can/want to submit? I suppose we can split the work into tickets, discuss them (if necessary) and either own the dear-to-ones-heart tickets or throw them in a backlog and whoever has time can pull them.
Are both of you ok to use Typescript? I used to be more of a JS purist but changed my mind since I started working with Angular2 recently - the duck-typing is in particular useful for a more functional data-transforming work (and it brings decent typeahead to sublime).
from perfcascade.
I can surely do some stuff. Let us continue create issues for everything.
I haven't used Typescript before but lets try it out, cool to learn something new :)
from perfcascade.
Great. I just started using it 2 month ago as well. TS is basically standard ES6 plus optional Typing. It makes code completion, at least in Sublime via the TypeScript plugin, super precise, even for the SVG DOM API and for imported modules. Additionally it provides compiler checks :).
from perfcascade.
Wow, checked the things you've done @micmro and it looks great :) This weekend I'll put the project I've been working on up on Github and then I'll see if I can help out here.
from perfcascade.
Cool I started today to see if I could get the hang of TypeScript. To run and test locally, I shoudl only run npm run watch
and my changes should be reflected automatically or should I do something more?
from perfcascade.
Related Issues (20)
- foreignObject rendering bug HOT 1
- Chrome generates broken HAR HOT 6
- Need more detail on how to render other formats in perfCascade HOT 1
- How to add perf-cascade to html in angular HOT 1
- can we use this package in nodejs ?? HOT 1
- I need to pass Json data instead of har file in Perf-cascade HOT 1
- Better way of showing HTML/text HOT 1
- Graph is not showing for Json format HOT 5
- Error in uploading zip files HOT 2
- Added Json Format
- Example uses deprecated 'leftColumnWith' HOT 1
- Copy response content to clipboard? HOT 3
- white area blocks some fields HOT 4
- start of the waterfall is "missing" a block HOT 2
- Responses with HTTP status code of 0 not highlighted HOT 2
- Marker is rendered outside of view HOT 3
- Last release broken for some HARs HOT 4
- x-axis value disappearing in waterfall model representation of page load HOT 5
- Content encoded with BASE64
- Prefix option for CSS classes
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from perfcascade.