micotton / dejavue Goto Github PK
View Code? Open in Web Editor NEWVisualization and debugging tool built for Vue.js
Home Page: http://www.dejavue.co
License: MIT License
Visualization and debugging tool built for Vue.js
Home Page: http://www.dejavue.co
License: MIT License
change string property of component, open list of props in DejaVue inspector, go to Changes
section.
"
character, but there is no matching closing character.Close modal33 changed from "Close modal2 to "Close modal
`title` changed from "Close modal2" to "Close modal"
or add an option to view the console.log data.
e.g.
// run each component through the DVconstructor
console.log('components', components)
let methodKeys = Object.keys(node).filter((el) => {
if(el[0] === '_' || el[0] === '$') return false
else if(typeof node[el] === 'function') return true;
else return false;
})
console.log(methodKeys)
Create component property with object content, open list of props in DejaVue inspector.
Type of property is shown as [object Object]
Type should displayed as simply Object
(in the same matter Function
in shown)
Edit some component and move and zoom graph in DejaVue, next move travel slider.
Graph position and zoom levels are lost on every slider move.
Graph should stay on the selected zoom level (and if possible also position)
Create a component property as
_options: [Array, Object]
then open props list from that component inside of component inspector.
The property is not listed
Property should be listed.
I use .dev local domains to host sites, would be nice to use this on such sites.
I think I'm not the only one here using Firefox instead of Chrome, it would be really nice to have a Firefox version.
I can't get it to work (using Chrome Canary/Stable under macos). Got it working sometimes after some page refreshes, but seems random.
Popping development console it shows this:
Error in response to storage.get: TypeError: Cannot read property 'reduce' of null at drawTree (chrome-extension://jpigngmphmclcmikmcbcfplgnhlnefbp/app/assets/js/devtools.js:371:31) at Object.callback (chrome-extension://jpigngmphmclcmikmcbcfplgnhlnefbp/app/assets/js/devtools.js:287:33) at chrome-extension://jpigngmphmclcmikmcbcfplgnhlnefbp/app/assets/js/devtools.js:286:50
DejaVue keeps creating new travel steps in weird moments like in middle of transition (so I have like 3 steps with just next animation frames) , in middle of nowhere (or I just dont see the changes) or even in middle of selecting a text block (You can even see the selection box on half of the text).
Is this prone to some improvements or it was intended to work this way?
And can we know what is the meaning of green/gray globules on graph?
Create component property with string value, open list of props in DejaVue inspector.
Property is shown without quotations so boolean false
is indistinguishable from string "false"
All string values shown with proper quotation marks.
Testing comment
Create component property with array of objects, open list of props in DejaVue inspector.
Property is shown with too much details for each array element.
In my case:
demos: [object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Type should be displayed just as Array
or as a collapsible block.
any clues to whether you are planning something like this
Open DejaVue, then (in my case) open tab above this component. Now hover the component in DejaVue graph.
Blue overlay box is shown in the place where the component was before opening the tab.
Overlay should update to real component position.
Unchecked runtime.lastError while running storage.set: This request exceeds the MAX_WRITE_OPERATIONS_PER_HOUR quota.
at firstNodeCounter (chrome-extension://jpigngmphmclcmikmcbcfplgnhlnefbp/app/assets/js/content-script.js:61:25)
at chrome-extension://jpigngmphmclcmikmcbcfplgnhlnefbp/app/assets/js/content-script.js:68:17
I have several Vue instances on the page (being created and destroyed), and only the first one is ever displayed even when it is destroyed.
Hi Guys
I am trying to add this plugin to Chrome by following the 6 steps in the README. 1 to 5 worked as expected but step 6 doesn't.
- Click "load unpacked extension", and choose shells/chrome.
When I click "load unpacked extension" I see no shells/chrome folder. Is it supposed to have been built in step 3?
Thanks
Paul
Inspector is not synchronized after router-view content changes. Is this a bug?
(:: Please forgive my poor English. )
Hey, i using electron and electron-devtools-installer for installing chrome extension for electron
Error on this line
$('a').on('click', function (e) {
Thanks for pretty cool extension ๐
I use bootstrap-vue intensively. Because of this, there many components visualized which are not important. Most of the bootstrap-vue components start with b-
. It would be a cool feature if we could filter components (hide specific or show specific).
Create a property with string content of <p>test1</p><pre style="background:red">test2</pre>
. Open components props in DejaVue component inspector.
test2
is styled differently because its parsed with the HTML/style tags.
All HTML tags should be escapped.
Same applies for Vars
and Changes
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.