Janne252 / vscode-fontawesome-auto-complete

Auto-complete & preview Font Awesome icons in any language.
https://marketplace.visualstudio.com/items?itemName=Janne252.fontawesome-autocomplete
GNU General Public License v3.0
16 stars 2 forks source link

no thumbnails #21

Closed Tealk closed 3 years ago

Tealk commented 3 years ago

Hello,

I don't get any thumbnails as shown in the readme.

image

Janne252 commented 3 years ago

Hey, I don't think those suggestions are provided by this extension. vscode-fontawesome-auto-complete suggestions should have the abc icon (suggestion type text). Have you tried browsing all the way to the end of the list to see if abc entries appear? If so, you might be dealing with a priority issue.

Tealk commented 3 years ago

I have already set the priority: "fontAwesomeAutocomplete.enableElevatedSortPriority": true,

I can not find any preview below image

image

Janne252 commented 3 years ago

What's the current file type? Is it present in "fontAwesomeAutocomplete.patterns"?

Tealk commented 3 years ago

I have try it in html and tpl files

  "fontAwesomeAutocomplete.patterns": [
    "**/*.html",
    "**/*.tpl"
  ],
Janne252 commented 3 years ago

HTML should work out of the box. Is the extension installed? Is it enabled in the workspace? Have you tried setting the setting editor.snippetSuggestions to "bottom"?

This seems to be related to #15

Tealk commented 3 years ago

Yes, the extension is installed and activated, otherwise the message here would not make sense. the problem is not the sorting

I have just a very strange behavior, I made a video of it once: https://anzah.cloud/index.php/s/FfK39djRot7BPif

Tealk commented 3 years ago

the whole configuration

  "editor.snippetSuggestions": "bottom",
  "fontAwesomeAutocomplete.version": "5",
  "fontAwesomeAutocomplete.patterns": ["**/*.html", "**/*.tpl"],
  "fontAwesomeAutocomplete.triggerWord": "fa-",
  "fontAwesomeAutocomplete.insertionTemplate": {
    "**/*.vue": "<font-awesome-icon :icon=\"['{style}', '{name}']\" />"
  },
  "fontAwesomeAutocomplete.enableElevatedSortPriority": true,

my extensions:

aaron-bond.better-comments
alefragnani.Bookmarks
alefragnani.project-manager
bmewburn.vscode-intelephense-client
christian-kohler.path-intellisense
codezombiech.gitignore
CoenraadS.bracket-pair-colorizer
devonray.snippet
DotJoshJohnson.xml
eamodio.gitlens
ecmel.vscode-html-css
EditorConfig.EditorConfig
eg2.vscode-npm-script
esbenp.prettier-vscode
firefox-devtools.vscode-firefox-debug
formulahendry.auto-close-tag
formulahendry.auto-rename-tag
foxundermoon.shell-format
Fr43nk.seito-openfile
glenn2223.live-sass
Janne252.fontawesome-autocomplete
jianbingfang.dupchecker
josee9988.minifyall
karunamurti.haml
medzhidov.font-awesome-codes-css
mrmlnc.vscode-autoprefixer
mrmlnc.vscode-scss
ms-vscode.powershell
ms-vsliveshare.vsliveshare
msjsdiag.debugger-for-chrome
nosecoolie.htmltosass
octref.vetur
pranaygp.vscode-css-peek
rifi2k.format-html-in-php
ritwickdey.LiveServer
shd101wyy.markdown-preview-enhanced
syler.sass-indented
Syler.vscode-haml-formatter
truman.autocomplate-shell
vscode-icons-team.vscode-icons
webben.browserslist
yzhang.markdown-all-in-one
Zignd.html-css-class-completion
Janne252 commented 3 years ago

I installed all of those extensions via workspace config in VS Code Insiders build. I added the latest version of bootstrap's unminified css to the workspace root in order to get some css class name autocompletion. The issue did not reproduce; The thumbnail completion items were consistently appearing at the top of the list.

test.code-workspace

{
    "folders": [
        {
            "path": "."
        }
    ],
    "settings": {},
    "extensions": {
        "recommendations": [
            "aaron-bond.better-comments",
            "alefragnani.Bookmarks",
            "alefragnani.project-manager",
            "bmewburn.vscode-intelephense-client",
            "christian-kohler.path-intellisense",
            "codezombiech.gitignore",
            "CoenraadS.bracket-pair-colorizer",
            "devonray.snippet",
            "DotJoshJohnson.xml",
            "eamodio.gitlens",
            "ecmel.vscode-html-css",
            "EditorConfig.EditorConfig",
            "eg2.vscode-npm-script",
            "esbenp.prettier-vscode",
            "firefox-devtools.vscode-firefox-debug",
            "formulahendry.auto-close-tag",
            "formulahendry.auto-rename-tag",
            "foxundermoon.shell-format",
            "Fr43nk.seito-openfile",
            "glenn2223.live-sass",
            "Janne252.fontawesome-autocomplete",
            "jianbingfang.dupchecker",
            "josee9988.minifyall",
            "karunamurti.haml",
            "medzhidov.font-awesome-codes-css",
            "mrmlnc.vscode-autoprefixer",
            "mrmlnc.vscode-scss",
            "ms-vscode.powershell",
            "ms-vsliveshare.vsliveshare",
            "msjsdiag.debugger-for-chrome",
            "nosecoolie.htmltosass",
            "octref.vetur",
            "pranaygp.vscode-css-peek",
            "rifi2k.format-html-in-php",
            "ritwickdey.LiveServer",
            "shd101wyy.markdown-preview-enhanced",
            "syler.sass-indented",
            "Syler.vscode-haml-formatter",
            "truman.autocomplate-shell",
            "vscode-icons-team.vscode-icons",
            "webben.browserslist",
            "yzhang.markdown-all-in-one",
            "Zignd.html-css-class-completion"
        ]
    }
}
Tealk commented 3 years ago

Then I do not know what I can still contribute to finding a solution, you see the behavior in the video. If you still have ideas, I am ready to try this.

Janne252 commented 3 years ago

All I can suggest right now is to disable some of the extensions one by one. I suspect there's a conflict or a priority issue. Could even be a performance issue where my extension takes too long to load.

Tealk commented 3 years ago

i have now deactivated and activated all extensions, now it seems to work