agauniyal / vscode-caniuse

Browser support tables for modern web technologies - plugin for vscode

vscode-caniuse (UNMAINTAINED)

Instant & Offline check for HTML5, CSS3, SVG, JS API compatibility through Can I Use.

"Can I use" provides up-to-date browser support tables for support of front-end web technologies on desktop and mobile web browsers.

---

Installation

You can install it via extension sidebar, search for vscode-caniuse. Or you can launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.

ext install vscode-caniuse

Features

• Highlight any text and either execute Can I Use or use default keybinding alt + i to display compatibility in status bar.
• Provide user defined browser scope to perform search on either by executing Browser scope which sets for current session, or through extension config caniuse.browser_scope. A default keybinding alt + b is also available.
• Toggle visiblity of major browsers vs all browsers through extension config caniuse.show_all.

Extension Settings

This extension contributes the following settings:

• caniuse.show_all: show all available browsers(true) or only major ones(false).
• caniuse.browser_scope: set the browser scope - Browserl.ist ie. "> 1%, last 2 versions, Firefox ESR".

TODO

• Tests

vscode-caniuse's Issues

Support .browserlistrc

Unless I'm missing something, this extension does not currently support the .browserslistrc file. It would be awesome if it did!

Cannot read property 'title' of undefined

It very good idea so I rate 4. But it won't work for me, when I highlight something and push "alt+i" I just get error message "Cannon read property 'title' of undefined". In the same time in status bar I see only "Search in browser". I hope it will fixed someday.

Action required: Greenkeeper could not be activated 🚨

🚨 You need to enable Continuous Integration on all branches of this repository. 🚨

To enable Greenkeeper, you need to make sure that a commit status is reported on all branches. This is required by Greenkeeper because we are using your CI build statuses to figure out when to notify you about breaking changes.

Since we did not receive a CI status on the greenkeeper/initial branch, we assume that you still need to configure it.

If you have already set up a CI for this repository, you might need to check your configuration. Make sure it will run on all new branches. If you don’t want it to run on every branch, you can whitelist branches starting with greenkeeper/.

We recommend using Travis CI, but Greenkeeper will work with every other CI service as well.

Browser scope is not saved / updated

Current behaviour:
I first tried to set my browser scope through the setting.json, however, it did not have anny effect. I tried to then set it in the workspace settings. Also nothing.
When I use the shortcur (alt + b) and type e.g. "safari 10, ie 6-8" I can see that the scope os limited to Safari and IE, however, this setting is not saved in either of the above places (global or workspace settings).
When I restart VSC, the browser scope is yet again not set.

Expected behaviour:
Browser scope is saved in either of the settings and remains saed after I restart VSC.

Cannot find property in local database, you can still search through status bar.

I receive this error message when using the Can I Use command or ALT + i. It happens for everything I look up in my CSS and JS. If there is a step to install a local database for CanIUse it would be nice to have the instructions in the readme. Am I missing something here? Would be great to have this working as I use the CanIUse website every day.

Support for css 2.1 properties(well supported subset)

For properties like top, width, word-spacing the query fails to search into local database, should return virtually supported in all browsers.

Differences with akamud's project?

First up, Thanks for making this super valuable extension.:)

---

I noticed https://github.com/akamud/vscode-caniuse offers pretty equivalent functionality.

Do you have a sense of the differences between the two projects?

Also, Is there any interest in merging?
cc @akamud

caniuse.show_all doesn't work

I set caniuse.show_all: true in settings.json, but it leads to no search result and prompt