Giter Site home page Giter Site logo

mattbierner / vscode-emojisense Goto Github PK

View Code? Open in Web Editor NEW
119.0 4.0 9.0 2.3 MB

Emoji Autocomplete Plugin For VSCode

Home Page: https://marketplace.visualstudio.com/items?itemName=bierner.emojisense

License: MIT License

TypeScript 79.22% JavaScript 20.78%

vscode-emojisense's People

Contributors

adrieankhisbe avatar dependabot[bot] avatar mattbierner avatar mjbvz avatar roccococco avatar usernamehw avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar

vscode-emojisense's Issues

Trying to add it to more file extensions (JS)

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
}

Wrong short key working in Linux VSCode.

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

add `showOnColon` to language specific settings

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.

"Cannot find module" when using VSCodium

I wondered why the auto completion does not work, so I tried to trigger it via command pallet and got the following error:
image

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.)

short cut ":<emoji>" not working

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

not showing emoji

In VS code editor emoji graphics are not showing.only graphics are not showing in Reactjs app

:emoji: preview not visible in light theme

I use the official VSCode light theme (Default Light+). When I type :smiley: using this extension, an empty square appears where a preview ought to be.

Example:

Ekrankopio de 2020-09-17 19-34-59

When I select the text, it appears like this:

Ekrankopio de 2020-09-17 19-35-06

On a dark theme, the smiley appears normally.

Add Kaomojis

I think kaomojis are essential for developers, e.g. table flip (╯°□°)╯︵ ┻━┻.

UnicodeEncodeError

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).
emojisense 1
Emojisense

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.

Emoji preview on hover displays `![]([object Object])`!

image

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

image

Please fix it.

Angular 6+ version is not supporting this extension

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

Adopt VS Code's 'asWebviewUri' API

Hi, I maintain VS Code's Webview API

Problem

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.

Fix

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

Display emoji suggestion when deleting characters after empty search

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.
1

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?
2

FR: add support for Github Pull Requests and Issues panel

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

Enrich completion name for some country flags

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 👍🚀

Adopt VS Code's 'asWebviewUri' API

Hi, I maintain VS Code's Webview API

Issue

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.

Fix

To ensure that your extension continues to work in as many environments as possible—including on web and remotely—please:

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

command 'emojisense.quickEmoji' not found

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?

Option to *restrict* expansion to two colons ::

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!

pencil2 not showing emoji

I just installed emojisense in order to display the ✏️ icon, but I get back a UTF8 symbol instead:

Screen Shot 2020-07-16 at 5 09 30 PM

Git commit

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

UnicodeEncodeError

Emojisense

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 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.

Where is poo ? :)

Hi, any idea why poo is missing? ;) Thanks for the cool extension!

Emoji picker keybind setting

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.

Custom tags to search by specific emojis

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:

Contributes keybinding Ctrl+Shift+I which replaces `Format Document`

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"
  }

Show emoji in completion list

Everything is rendered in a Chrome renderer so VS Code should have no problem showing the actual unicode emoji in the completion list

Stopped working in VSCode 1.13

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.

Support adding emojis directly inside a '-enclosed string

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.

Emoji changes not reflected

To reproduce

  1. 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",
  2. Display emoji suggestion in file, such as +1

    emoji thumb up

  3. Display emoji suggestion in file, such as accordion or black_cat

    emoji accordion

    emoji black cat

  4. Display emoji suggestion in SOURCE CONTROL, such as +1

    emoji thumb up in sidebar

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)

Version

  • :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
    

Some emojis missing

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.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.