mattbierner / vscode-emojisense Goto Github PK
View Code? Open in Web Editor NEWEmoji Autocomplete Plugin For VSCode
Home Page: https://marketplace.visualstudio.com/items?itemName=bierner.emojisense
License: MIT License
Emoji Autocomplete Plugin For VSCode
Home Page: https://marketplace.visualstudio.com/items?itemName=bierner.emojisense
License: MIT License
Trying to add it so I can use them inside of JavaScript files. Tried the following, but they never show up.
"emojisense.languages": {
"markdown": true,
"git-commit": true,
"plaintext": true,
"json": true,
"javascript":true,
"JavaScript":true,
"js":true
}
Either docs is wrong for shortcut or Either Extension is not correct picking key binding.
Provide an emoji picker to select and insert an emoji in the editor or terminal. To access the picker, run the Emojisense: Pick an emoji command, or use the default keybindings:
Mac: cmd + i
Linux: ctrl + alt + i
Windows: ctrl + i
Here Linux says ctrl + alt + i But I'm in Linux and key binding working for me is ctrl + i
showOnColon
is great for text, such as markdown, git commit, and plaintext.
But for programming languages, it could be too intrusive. (e.g. JavaScript/TypeScript ternary operator, CSS, etc).
So it would be great if we can do this:
{
"emojisense.showOnColon": false // disable by default
"emojisense.languages": {
"markdown": {
"showOnColon": true // enable specifically
}
}
}
or
{
"emojisense.showOnColon": true // enable by default
"emojisense.languages": {
"typescript": {
"showOnColon": false, // disable specifically
"markupCompletionsEnabled": false,
"emojiDecoratorsEnabled": false
}
}
}
btw, setting markupCompletionsEnabled
and emojiDecoratorsEnabled
to be false by default for programming languages would be great because the markup will not be valid syntax in programming languages.
I wondered why the auto completion does not work, so I tried to trigger it via command pallet and got the following error:
Checking the extension host log I found:
[exthost] [error] Error: Cannot find module '/Users/user/.vscode-oss/extensions/bierner.emojisense-0.9.0/dist/extension'
Require stack:
- /Applications/VSCodium.app/Contents/Resources/app/out/vs/loader.js
- /Applications/VSCodium.app/Contents/Resources/app/out/bootstrap-amd.js
- /Applications/VSCodium.app/Contents/Resources/app/out/bootstrap-fork.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:887:15)
at Module._load (internal/modules/cjs/loader.js:732:27)
at Function.f._load (electron/js2c/asar_bundle.js:5:12913)
at Function.t._load (/Applications/VSCodium.app/Contents/Resources/app/out/vs/workbench/services/extensions/node/extensionHostProcess.js:114:32222)
at Function.p._load (/Applications/VSCodium.app/Contents/Resources/app/out/vs/workbench/services/extensions/node/extensionHostProcess.js:114:28887)
at Function.f._load (/Applications/VSCodium.app/Contents/Resources/app/out/vs/workbench/services/extensions/node/extensionHostProcess.js:104:61699)
at Module.require (internal/modules/cjs/loader.js:959:19)
at require (internal/modules/cjs/helpers.js:88:18)
at Function.r [as __$__nodeRequire] (/Applications/VSCodium.app/Contents/Resources/app/out/vs/loader.js:5:101)
at v._loadCommonJSModule (/Applications/VSCodium.app/Contents/Resources/app/out/vs/workbench/services/extensions/node/extensionHostProcess.js:114:30297)
at v._doActivateExtension (/Applications/VSCodium.app/Contents/Resources/app/out/vs/workbench/services/extensions/node/extensionHostProcess.js:100:12958)
at v._activateExtension (/Applications/VSCodium.app/Contents/Resources/app/out/vs/workbench/services/extensions/node/extensionHostProcess.js:100:11931)
at processTicksAndRejections (internal/process/task_queues.js:93:5)
at async Promise.all (index 2)
at async Promise.all (index 0)
I'm using
:emojisense: v0.9.0
and VSCodium
Version: 1.63.2
Commit: 899d46d82c4c95423fb7e10e68eba52050e30ba3
Date: 2021-12-17T00:22:15.020Z (3 wks ago)
Electron: 13.5.2
Chromium: 91.0.4472.164
Node.js: 14.16.0
V8: 9.1.269.39-electron.0
OS: Darwin x64 21.2.0
Not sure if the is an issue of the plugin or vscodium. (Other plugins work as expected.)
Typing ":" when the string starts doesn't show the emoji suggestion
example
let a ="";
if you type ':' inside those quotes, the extension won't suggest the emojis
Using a colon, then getting suggestions worked when I first tried it a couple of months ago, but not now. It works using CMD+I though.
Settings show that have tried disabling it, restarting VS Code, then restarting. Noting that I recently took a VS Code update.
I'm on:
Version: 1.85.0 (Universal)
Commit: af28b32d7e553898b2a91af498b1fb666fdebe0c
Date: 2023-12-06T18:18:04.614Z (1 wk ago)
Electron: 25.9.7
ElectronBuildId: 25551756
Chromium: 114.0.5735.289
Node.js: 18.15.0
V8: 11.4.183.29-electron.0
OS: Darwin arm64 22.5.0
Hi,
i really like this extension but enabling it doesn't show any suggestion from IntelliSense. I don't think this is the desired behaviour of the extension.
If not can I enable it only in the comments?
It would be awesome if we could alias emojis with alternate names. This could remove the need for gitmoji too.
In VS code editor emoji graphics are not showing.only graphics are not showing in Reactjs app
I think kaomojis are essential for developers, e.g. table flip (╯°□°)╯︵ ┻━┻.
Hi.
I have these extentions on my VSC : Python 3 and Code runner. I installed the emojisense extension but it's not working on my python file. I get a UnicodeEncode Error (see image).
I tried to set up language configuration as described on the guideline "Per Language Configuration". I tried both method's but none of them seems to apply.
I'm a beginner in programming so i'd appreciate it if you could give me an easy step-by-step way to setup this extension.
All the best,
Farah.
As it is clear from the above screenshot, the hover text of an Emoji Markup displays some weird things: ![]([object Object])
. It is evident that its the extension which is causing the problem from the fact that it is not showing when running VSCode with code --disable-extension bierner.emojisense
Please fix it.
i have set the setting.json as below :
"emojisense.unicodeCompletionsEnabled" : true, "emojisense.markupCompletionsEnabled" : true, "emojisense.languages": { "markdown" : true, "plaintext" : true, "git-commit" : true, "json" : true, "javascript" : true, "typescript" :true, "nodejs" : true, "react" : true }, "typescript.validate.enable": false
After that when i use emojis, then i got compilation error in angular like this :
` error TS1127: Invalid character.
245 console.log("emojis here"😄, 🐒);`
please fix this issue
Hi, I maintain VS Code's Webview API
Our telemetry suggests that your extension may be loading resources using hardcoded `vscode-resource:` uris. These uris have some important limitations and also don't work properly when VS Code is run in a browser. We are also making changes in the desktop version of VS Code that may cause these uris to not work properly in VS Code 1.46+.
While we are making our best effort to support existing `vscode-resource:` uris, this extension needs to adopt the `Webview.asWebviewUri` function for loading resources and `Webview.cspSource` for content security policies. These APIs shipped around 2 years ago so they should be available in all modern versions of VS Code.
To ensure that your extension continues to work in as many environments as possible—including on web and remotely—please migrate away from hardcoding `vscode-resource:` to use these new APIs. You can find additional information about the issue here: microsoft/vscode#97962
Let me know if you have any questions about this change
Nice extension. And the font looks good, could you tell me the font name? 😂
Extension version: 0.4.0
Problem: I have noticed that when I start typing the list of suggestions changes to show suggestions for the currently inputted string. If I delete a character, the list gets refreshed. So far so good.
The problem arises when a partial substring doesn't return any suggestion. In that case the suggestions box disappears which makes sense, but if I delete characters from that string, shouldn't the extension recalculate whether there are any emojis to suggest?
I recently begun using Github Pull Requests and Issues extention.
Emoji sense works great in the "new issue" form. However it does not work in the "Pull Request" panel or "Pull Request" form.
I'm not sure if this intended or not. It feels like it should work because the "Source Control" panel functions.
It would be great if this could be made to work as I'm always trying to type an emoji into the pull request title before remember it doesn't work.
VScode: 1.63
EmojiSense: 0.9.0
Github Pull Requests and Issues: 0.34.0
after reviewing local files from this extension:
${HOME}.vscode/extensions/bierner.emojisense-0.10.0/dist/extension.js
${HOME}.vscode/extensions/bierner.emojisense-0.10.0/dist/web/extension.js
I noticed that there are some country flags which completion name is too short to find them quickly either by autocompletion with :smile
syntax or emoji picker, like:
cn
for 🇨🇳de
for 🇩🇪es
for 🇪🇸tr
for 🇹🇷there are other that are not so smoothly to find them on the emoji picker, like it
, fr
, gb
, kr
, ru
, us
, jp
so my suggestion is to enrich with more completion names those emoji (unicode) country flags which the only completion name they have is too small (I know completion names are country codes, but I think there is room for improvement related to user experience when searching for emoji country flag):
china
germany
spain
italy
turkey
france
japan
great_britain
, united_kingdom
south_korea
russia
usa
, united_states_of_america
that's it 👍🚀
Hi can you push your extension to https://open-vsx.org/ in addition to VSCode Market Place so people using the FLOSS version could install it too?
I wrote an article on the subject.
Hi, I maintain VS Code's Webview API
Our telemetry suggests that your extension uses webviews and may be loading resources in these webviews using hardcoded vscode-resource:
URIs. These URIs have some important limitations and also don't work properly when VS Code is run in a browser. We are also making changes in the desktop version of VS Code that may cause these URIs to not work properly in future versions of VS Code.
While we are making our best effort to continue support existing vscode-resource:
URIs on desktop versions of VS Code, we are not able to support their behavior in all cases.
To ensure that your extension continues to work in as many environments as possible—including on web and remotely—please:
Switch to use Webview.asWebviewUri
function for loading resources
Switch to use Webview.cspSource
for for your content security policies.
These APIs shipped around 2 years ago so they should be available in all modern versions of VS Code. You can find additional information about the issue here: microsoft/vscode#97962
Let me know if you have any questions about this change
When I try to use autocomplete nothing is shown in the dropdown list. I've tried changing the settings and enabling the emojis manually as well but didn't really help.
If I use the command palette with Pick an emoji and insert in editor
or click on Ctrl + I
, I get this error:
command 'emojisense.quickEmoji' not found
Tried this with both with the default settings and with manually enabling the emojis on markdown files. Any ideas what could be wrong?
Be it that I'm in markdown quite a bit during the day, and do love to utilize :emojisense:
therein, I'd love to see an option be introduced that would limit snippets from firing (and even Intellisense from showing) unless two colons (::) are typed first, not just one, as is the default behavior.
Love this extension! Thanks a ton!
Hello @mattbierner,
It doesn't work in Git commits... I'm trying to get autocomplete and rendering of emoji, but nothing happens.
"emojisense.languages": {
"markdown": true,
"plaintext": {
"markupCompletionsEnabled": false,
"emojiDecoratorsEnabled": false
},
"git-commit": true
},
VS Code: 1.20.1
OS: macOS
Just as it says; it replaces the actual emoji, in this case in HTML strings, with the markdown equivalent shortcut.
I have these extentions on my VSC : Python 3 and Code runner. I installed the emojisense extension but it's not working on my python file. I get this message when i try to print an emoji: "return codecs.charmap_encode(input,self.errors,encoding_table)[0]
UnicodeEncodeError: 'charmap' codec can't encode character '\U0001f601' in position 0: character maps to "
I tried to set up language configuration as described on the guideline "Per Language Configuration". I tried both method's but none of them seems to apply.
I'm a beginner in programming so i'd appreciate it if you could give me an easy step-by-step way to setup this extension.
All the best,
Farah.
Hi, any idea why poo is missing? ;) Thanks for the cool extension!
I'd like to be able to customize the keybind that opens the command palette emoji picker, cmd
+ i
conflicts with the inline copilot keybind.
In certain repositories we usually use emojis as a system to identify "feature", "chore", "bug", "doc"...
(i.e.: 🛠️ Bug in method do_something)
It would be great to be able to associate tags to certain emojis, to search for :fix:
instead of :hammer_and_wrench:
This extension contributes a quick picker for emoji's using the Ctrl+Shift+I
keybinding. This keybinding conflicts with the Format Document
command.
If you're stumbling across this issue, this is how I've done a work around:
Open the keyboard shortcuts: Ctrl+Shift+P
=> Preferences: Open Keyboard Shortcuts (JSON)
I then redirect the emoji keybinding to Ctrl+Alt+I
instead of Ctrl+Shift+I
with the following addition to the JSON array
...,
{
"key": "ctrl+alt+i",
"command": "emojisense.quickEmojitext",
"when": "editorTextFocus"
},
{
"key": "ctrl+shift+i",
"command": "-emojisense.quickEmojitext",
"when": "editorTextFocus"
},
{
"key": "ctrl+alt+i",
"command": "emojisense.quickEmojitextTerminal",
"when": "terminalFocus"
},
{
"key": "ctrl+shift+i",
"command": "-emojisense.quickEmojitextTerminal",
"when": "terminalFocus"
}
Tracks adding support to run in web environments
Everything is rendered in a Chrome renderer so VS Code should have no problem showing the actual unicode emoji in the completion list
Performance
emojisense
0.5.0
Darwin x64 17.7.0
1.33.0
/Volumes/Arquivos/bierner.emojisense-unresponsive.cpuprofile.txt
Find more details here: https://github.com/Microsoft/vscode/wiki/Explain:-extension-causes-high-cpu-load
Using :
at the end of a paragraph will trigger the intellisense and insert the 👍 emoji instead of adding a new line. Instead I'd like the popup to appear automatically only on :+
for :+1:
, not :
.
Is there any simple way to enable emojisense in all languages without typing all of them in settings.
I don't see completions in either of my enabled languages. When I write an :emoji:
manually, I still see preview so the only issue are the completions.
I want this to result in an emoji-suggestion:
console.log(':wa');
Currently only this does:
console.log(' :wa');
Removing the need for an initial space would be 👌
I often add Emojis at the beginning of a string, especially in logs, as it makes it easier to find that line among all of the lines of a project. Before I've used the Atom equivalent of this module.
Change emoji font to Twemoji Mozilla
. (Cica
do not include emoji font, so using emoji font by Twemoji Mozilla
)
"editor.fontFamily": "Cica, 'Twemoji Mozilla', Consolas, 'Courier New', monospace",
Display emoji suggestion in file, such as +1
Display emoji suggestion in file, such as accordion
or black_cat
Display emoji suggestion in SOURCE CONTROL, such as +1
All displays of emoji should be dependent on fontFamily
. I would like to see Twemoji.
The emoji that appear in the file use Twemoji Mozilla
. (emojiDecoratorsEnabled
is true)
:emojisense: ver.0.9.1
VS Code
Version: 1.67.2 (user setup)
Commit: c3511e6c69bb39013c4a4b7b9566ec1ca73fc4d5
Date: 2022-05-17T18:15:52.058Z
Electron: 17.4.1
Chromium: 98.0.4758.141
Node.js: 16.13.0
V8: 9.8.177.13-electron.0
OS: Windows_NT x64 10.0.19043
how to activate it for HTML?
I noticed that this emoji is missing: 🧭
In my Markdown Preview it shows up but in the editor I get that squared box. Searching for it with :compass:
didn't worked.
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.