gencer / SCSS-Everywhere

A Visual Studio Code extension that provides CSS class and ID atttribute completion with incremental build and usage explorer for the HTML class attribute based on the CSS/Template files in your workspace. Also supports React's className attribute.
https://marketplace.visualstudio.com/items?itemName=gencer.html-slim-scss-css-class-completion
MIT License
24 stars 9 forks source link

Still loading ... #43

Open Kcko opened 4 years ago

Kcko commented 4 years ago

Hi Gencer, after some time I´m back. Has anything changed?

Im trying ur plugin again but i get hated "LOADING ..."

http://bit.ly/2o5DSdq

How to get out of it?

gencer commented 4 years ago

Hi @Kcko, Welcome back!

Very interesting. It took too long to get list. It should list instantly.

I will check with latte on my end.

BTW, Is your workspace big? (Hundreds or thousands of SCSS/CSS?) Do you exclude node_modules/? It may be the key reason.

Kcko commented 4 years ago

Hi gencer,

Its interesting, but sad also :-D

Doesnt matter if it latte or scss file, same result.

My WS is not to small, but not huge .... i have dozens scss files (maybe more, but not thousands).

My settings http://bit.ly/2nrqWhM

Obviously rules what i set don't work, why? Damned. http://bit.ly/2nq5HwR

gencer commented 4 years ago

Gotcha! Let me try on my end. I will probably either fix globs or completely prevent node_modules.

Kcko commented 4 years ago

My additional settings (copied from my friend) But still searching in node_modules, dont understand this behavior :(

    "html-css-class-completion.excludeGlobPattern": "node_modules/**",
    "html-css-class-completion.includeGlobPattern": "**/*.{css,scss,sass,slim,latte,php,html,twig}",
    "html-css-class-completion.enableScssFindUsage": false

http://bit.ly/2neK2bb

Kcko commented 4 years ago

Do you want to see my complete settings.json?

gencer commented 4 years ago

Would be great.

Kcko commented 4 years ago

Here it is ...

{
    "workbench.colorTheme": "Monokai ST3",
    "sublimeTextKeymap.promptV3Features": true,
    "php.suggest.basic": false,
    "emmet.triggerExpansionOnTab": true,
    "editor.tabCompletion": true,
    "path-intellisense.autoSlashAfterDirectory": false,
    "editor.fontSize": 14,
    "emmet.includeLanguages": {
        "latte": "html",
        "php": "html"
    },
    "window.zoomLevel": 0.15,
    "search.useIgnoreFiles": false,
    "search.exclude": {
        "**/node_modules": true,
        "**/bower_components": true,
        "**/temp": true
    },
    "files.exclude": {
        "**/.git": true,
        "**/.svn": true,
        "**/.hg": true,
        "**/CVS": true,
        "**/.DS_Store": true,
        "**/temp/": true
    },
    "explorer.confirmDelete": false,
    "emmet.syntaxProfiles": {
        "html": "xhtml"
    },
    "workbench.activityBar.visible": true,
    "editor.renderIndentGuides": true,
    "workbench.colorCustomizations": {
        "editorIndentGuide.activeBackground": "#82806f"
    },
    "terminal.integrated.rendererType": "dom",
    "sync.gist": "d36808c231f794e67ff3e4c988da082d",
    "sync.host": "",
    "sync.pathPrefix": "",
    "sync.quietSync": false,
    "sync.askGistName": false,
    "sync.removeExtensions": true,
    "sync.syncExtensions": true,
    "sync.autoDownload": false,
    "sync.autoUpload": false,
    "sync.lastUpload": "2018-08-02T18:50:54.141Z",
    "sync.lastDownload": "",
    "sync.forceDownload": false,
    "php.validate.executablePath": "c:/wamp64/bin/php/php5.6.35/php.exe",
    "php.validate.enable": false,
    "emmet.excludeLanguages": [
        "markdown",
        "php"
    ],
    "editor.multiCursorModifier": "ctrlCmd",
    "breadcrumbs.enabled": true,
    "editor.renderWhitespace": "none",
    "editor.renderControlCharacters": false,
    "editor.formatOnType": true,
    "fontAwesomeAutocomplete.patterns": [
        "**/*.html",
        "**/*.php",
        "**/*.latte"
    ],
    "fontAwesomeAutocomplete.version": "4",
    "scss.scannerExclude": [
        "**/.git",
        "**/node_modules",
        "**/bower_components",
        "**/node_modules/**/*"
    ],
    "html-css-class-completion.excludeGlobPattern": "node_modules/**",
    "html-css-class-completion.includeGlobPattern": "**/*.{css,scss,sass,slim,latte,php,html,twig}",
    "html-css-class-completion.enableScssFindUsage": false
}
gencer commented 4 years ago

Sorry for late reply. I've excluded node_modules/ from being tracked. I ended up doing it that way. The fix will be available soon in master branch and i will provide you a test extension installer (.vsix).

Kcko commented 4 years ago

Good news, I'm excited to try it!

Kcko commented 4 years ago

New release with this fix? When?

gencer commented 4 years ago

I've no access to main PC at the moment. When I'm back, I will check and push.

gencer commented 4 years ago

Actually, I have the vsix file. Can you try this and let me know the speed.

On my tests, node_modules/ has no effect on performance. So, excluding it doesn't do anything at all. Instead, I disabled Find Usages feature by default.

Try this version and let me know the speed.

html-slim-scss-css-class-completion-1.5.21.zip

gencer commented 4 years ago

This is released on marketplace.

Kcko commented 4 years ago

Hi Gencer, it helps probably, more faster than before. But small fixes & improvements is needed: (http://bit.ly/2PsLWAH) you will see that it looks for some variables and conditions (at the end of the video).

gencer commented 4 years ago

Hi @Kcko. I just pushed a new release to the Marketplace. Can you update & test if those variables gone? Also do you have docs in your workspace that generates documentation from PHP?