Skip to content

feat: setup devtools integration - #1949

Merged
kiaking merged 18 commits into
4.0from
feat-devtools
May 20, 2021
Merged

feat: setup devtools integration#1949
kiaking merged 18 commits into
4.0from
feat-devtools

Conversation

@Akryum

@Akryum Akryum commented Mar 18, 2021

Copy link
Copy Markdown
Member

Closes #1942

@posva

posva commented Mar 24, 2021

Copy link
Copy Markdown
Member

Screen Shot 2021-03-24 at 15 44 58
Screen Shot 2021-03-24 at 15 44 36

Haven't tested nested modules yet

@Akryum

Akryum commented Apr 20, 2021

Copy link
Copy Markdown
Member Author

Actions logging
image

@Akryum

Akryum commented Apr 20, 2021

Copy link
Copy Markdown
Member Author

Store filtering
image

@Akryum
Akryum requested review from kiaking and posva April 20, 2021 13:13
@Akryum
Akryum marked this pull request as ready for review April 20, 2021 13:19
@Akryum

Akryum commented Apr 21, 2021

Copy link
Copy Markdown
Member Author

@kiaking kiaking left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

AWESOME WORK GUYS!!!! 🎉 🎉 🎉 🎉 🎉

@Akryum I left 1 comment, I wasn't 100% sure (unused color vars).

Also, what do you think about positioning actions on top of mutations in Timeline view. It's really a personal preference but for me it kinda feels more natural to have actions timeline on top.

Especially when actions are async, having timeline range bar on top of mutations dots might look better...? Again, just my personal preference though 😳

Comment thread src/plugins/devtool.js Outdated
/**
* Extracted from tailwind palette
*/
const COLOR_PINK_500 = 0xec4899

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Should we remove other than

  • const COLOR_LIME_500 = 0x22d3ee
  • const COLOR_DARK = 0x666666
  • const COLOR_WHITE = 0xffffff

Since seems like we're not using them...?

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This might be my fault lol

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh OK cool! I'll remove it then 👍 I wasn't sure if Devtools was doing some ultra magic to pick these colors up some how haha

@kiaking

kiaking commented May 10, 2021

Copy link
Copy Markdown
Member

Pushed small code style change and fix linter error. Lint error is still there due to #1949 (comment). Not sure why CI is not picking it up 🤔

Comment thread package.json Outdated
"vue": "^3.0.2"
},
"dependencies": {
"@vue/devtools-api": "^6.0.0-beta.7"

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If it is added as a dependency, shouldn't we mark it as external too? I will need to follow the same on Vue Router. Currently it is not marked as external and therefor is only a dev dependency

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I thought this was here to support Type imports in TS...? In that case I think it should be the same in Router too. Am I correct @Akryum ?

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

It does nothing except calling a function or putting the plugin into a queue array.

@Akryum

Akryum commented May 10, 2021

Copy link
Copy Markdown
Member Author

Also, what do you think about positioning actions on top of mutations in Timeline view. It's really a personal preference but for me it kinda feels more natural to have actions timeline on top.

Especially when actions are async, having timeline range bar on top of mutations dots might look better...? Again, just my personal preference though 😳

I don't know, I also thought about it but then the actions layer can grow its height where the mutations will not. So it will probably be pushed far at the bottom if there are a lot of parallel actions going on.

@kiaking

kiaking commented May 10, 2021

Copy link
Copy Markdown
Member

@Akryum Ah good point. Nice catch. In that case yeah it make sense to have actions under mutations 👍

@kiaking kiaking added 4.x build Related to the build system enhancement New feature or request labels May 20, 2021
@kiaking
kiaking merged commit a6bfbb3 into 4.0 May 20, 2021
@kiaking
kiaking deleted the feat-devtools branch May 20, 2021 16:27
@kiaking kiaking linked an issue May 20, 2021 that may be closed by this pull request
4 tasks
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

4.x build Related to the build system enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Vuex 4 devtools integration

3 participants