chriskirknielsen / visubezier Goto Github PK

Would be super cool if I could select/highlight a bunch of comma separated values (in .js and .jsx files), e.g 0.07, 1, 0.37, 0.96 and make use of the visualisation tools for customising the bezier curve.

For example I am using Framer Motion and have some custom eases, I am using https://easings.co/ and https://cubic-bezier.com/ but it would be so much better if I could tune this inline with a tool like yours.

Really cool extension <3

Hi Chris,

I like this addition to VS Code! It was my first time dabbling with cubic-bezier() and I found this!

One thing that is worth changing is the activation event that triggers the loading of the extension. Currently the extension loads every time VS Code is opened, and with the asterisk activation event, it effectively delays VS Code from becoming active. The VS Code docs gives the following advice on this:

To ensure a great end user experience, please use this activation event in your extension only when no other activation events combination works in your use-case.

I would consider targeting CSS syntaxes instead. You can narrow down the languages you are targeting by using the onLanaguage event instead. You can use something like this instead:

"activationEvents": [
"onLanguage:css",
"onLanguage:scss",
],

The scss language ID includes .sass files. You could include single file component formats such as Vue and Svelte also too.

If you have some difficulty in deciding on which languages to target, you could use onStartUpFinished instead which would remove it from blocking VS Code on startup at least.

Thanks.