sibiraj-s / vscode-scss-formatter

A Visual Studio Code Extension to format SCSS files
https://marketplace.visualstudio.com/items?itemName=sibiraj-s.vscode-scss-formatter
MIT License
9 stars 3 forks source link

Live sass compiler icon disabled by this extension #23

Closed lexman1958 closed 11 months ago

lexman1958 commented 11 months ago

This extension disables the Live Sass Compiler icon in the bottom bar (show in screencap below):

Screenshot_4

Please fix this.

sibiraj-s commented 11 months ago

Please provide more info. And, how is it concluded that this extension was the cause?

Also, this extension only registers the formatting extension api provided by vscode to format and nothing else. I highly doubt this might cause an issue.

lexman1958 commented 11 months ago

Hi

Please accept my apologies. After various tests i found the real problem was that icon was missing because too many icons were in the bottom status bar. I removed some of them and the compiler icon is visible.

Thank you for responding quickly. Apprecited.

sibiraj-s commented 11 months ago

Glad you figured. I guessed the same as well.

lexman1958 commented 11 months ago

Hi Bro, I am sorry. Have to reopen the issue again.

(1) When the formatter is disabled , the Live Sass Compiler is active when i open an scss file. See screencap1 below:

Screenshot_1

When the formatter is enabled and the file is not an scss file, the Live Sass Compiler is active, which is should not be but acceptable. Also the formatter is not active. See screencap 2 below:

Screenshot_2

Now comes the interesting part. When i switch to a scss file, the formatter is activated but the Live Sass Compiler gets deactivated. See Sceencap3 below:

Screenshot_3

Puzzling, I am not sure if there is some sort of settings conflict. For your analysis, i have listed the Setting JSON code below:


{
    "editor.wordWrap": "on",
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.colorDecorators": true,
    "editor.colorDecoratorsActivatedOn": "hover",
    "workbench.iconTheme": "vscode-great-icons",
    "workbench.colorTheme": "Monokai Dark Soda",
    "html-css-class-completion.CSSLanguages": [
        "php",
        "css",
        "sass",
        "scss",
        "vue"
    ],
    "html-css-class-completion.enableEmmetSupport": true,
    "html-css-class-completion.HTMLLanguages": [
        "php",
        "html",
        "vue",
        "razor",
        "handlebars",
        "twig",
        "django-html",
        "php",
        "markdown",
        "erb",
        "ejs",
        "svelte"
    ],
    "html-css-class-completion.JavaScriptLanguages": [
        "php",
        "javascript",
        "javascriptreact",
        "typescriptreact"
    ],
    "editor.minimap.enabled": false,
    "auto-close-tag.activationOnLanguage": [
        "twig",
        "xml",
        "php",
        "ejs",
        "jinja",
        "javascript",
        "javascriptreact",
        "typescript",
        "typescriptreact",
        "plaintext",
        "markdown",
        "vue",
        "liquid",
        "erb",
        "lang-cfml",
        "cfml",
        "HTML (EEx)",
        "HTML (Eex)",
        "plist"
    ],
    "auto-close-tag.insertSpaceBeforeSelfClosingTag": true,
    "emmet.showSuggestionsAsSnippets": true,
    "emmet.useInlineCompletions": true,
    "emmet.triggerExpansionOnTab": true,
    "editor.formatOnSave": true,
    "auto-rename-tag.activationOnLanguage": ["*"],
    "open-in-browser.default": "chrome",
    "highlight-matching-tag.highlightFromContent": true,
    "highlight-matching-tag.highlightSelfClosing": true,
    "html.format.wrapLineLength": 120,
    "prettier.bracketSameLine": true,
    "prettier.printWidth": 80,
    "prettier.bracketSpacing": false,
    "prettier.vueIndentScriptAndStyle": true,
    "css.enabledLanguages": ["php", "twig", "astro", "html"],
    "liveSassCompile.settings.useNewCompiler": true,
    "path-intellisense.extensionOnImport": true,
    "path-intellisense.autoTriggerNextSuggestion": true,
    "path-autocomplete.extensionOnImport": true,
    "bookmarks.label.suggestion": "suggestWhenSelected",
    "bookmarks.navigateThroughAllFiles": false,
    "bookmarks.useWorkaroundForFormatters": true,
    "workbench.startupEditor": "none",
    "php.executables": {
        "v8.1.17": "c:/xampp/php"
    },
    "php.completion.autoimport-docblock": "auto-import",
    "php.completion.parameters": "parameters",
    "php.executablePath": "c:/xampp/php",
    "php.problems.scope": "all",
    "php.problems.exclude": {
        "/": [406, 437, 6406, 6602],
        // "/": [406, 6406],
        "vendor/": true
    },
    "php.problems.excludeGitIgnore": true,
    "php.version": "8.1.22",
    "php.format.rules.alignConsecutiveAssignments": true,
    "php.format.rules.arrayInitializersAlignKeyValuePairs": true,
    "php.format.rules.arrayInitializersNewLineAfterLastElement": true,
    "php.format.rules.arrayInitializersNewLineBeforeFirstElement": true,
    "php.format.rules.callParametersNewLineAfterLeftParen": true,
    "php.format.rules.declParametersNewLineAfterLeftParen": true,
    "php.format.rules.openBraceOnNewLineForFunctions": true,
    "php.format.rules.openBraceOnNewLineForLambdas": true,
    "php.format.rules.spaceAroundConcatenation": true,
    "php.format.rules.spaceBeforeColonInControlStatements": true,
    "php-docblocker.alignParams": true,
    "php-docblocker.alignReturn": true,
    "php-docblocker.useShortNames": true,
    "files.associations": {
        "*.embeddedhtml": "html",
        ".env*": "dotenv"
    },
    "editor.tokenColorCustomizations": {
        "[*Light*]": {
            "textMateRules": [
                {
                    "scope": "ref.matchtext",
                    "settings": {
                        "foreground": "#000"
                    }
                }
            ]
        },
        "[*Dark*]": {
            "textMateRules": [
                {
                    "scope": "ref.matchtext",
                    "settings": {
                        "foreground": "#fff"
                    }
                }
            ]
        },
        "textMateRules": []
    },
    "phpserver.browser": "google-chrome",
    "template-string-converter.autoRemoveTemplateString": true,
    "tailwindCSS.emmetCompletions": true,
    "[php]": {
        "editor.defaultFormatter": "DEVSENSE.phptools-vscode"
    },
    "emmet.excludeLanguages": ["markdown"],
    "emmet.includeLanguages": {
        "php": "html",
        "vue": "html",
        "javascript": "javascriptreact",
        "blade": "html",
        "blade.php": "html"
    },
    "php-cs-fixer.autoFixBySemicolon": true,
    "php-cs-fixer.formatHtml": true,
    "php.validate.enable": true,
    "php.debug.executablePath": "",
    "rapidapi.terminalLink.enabled": false,
    "liveServer.settings.donotShowInfoMsg": true,
    "colorize.include": ["**/*.php", "**/*.styl"],

    "colorize.languages": [
        "vue",
        "astro",
        "php",
        "blade",
        "sss",
        "stylus",
        "xml",
        "svg",
        "html"
    ],
    "phpGettersSetters.generatePHPDoc": false,
    "editor.inlineSuggest.enabled": true,
    "[twig]": {
        "editor.defaultFormatter": "junstyle.twig-language"
    },
    "github.copilot.enable": {
        "*": true,
        "plaintext": true,
        "markdown": false,
        "scminput": false,
        "php": true
    },
    "terminal.integrated.sendKeybindingsToShell": true,
    "dotenv.enableAutocloaking": false,
    "php.format.rules.ifStatementNewLineAfterLeftParen": true,
    "php.format.rules.openBraceOnNewLineForBlocks": false,
    "window.commandCenter": false,
    "inline-css-color.enablePhpStyle": true,
    "inline-css-color.enableHtmlCommentStyle": true,
    "[blade]": {
        "editor.autoClosingBrackets": "always"
    },
    "laravel_goto_view.extensions": [".blade.php", ".vue", "blade.view"],
    "bladeFormatter.format.noMultipleEmptyLines": true,
    "colorize.colorized_colors": ["BROWSERS_COLORS", "HEXA", "RGB", "HSL"],
    "colorize.exclude": [
        "**/.css",
        "**/.scss",
        "**/.git",
        "**/.svn",
        "**/.hg",
        "**/CVS",
        "**/.DS_Store",
        "**/.git",
        "**/node_modules",
        "**/bower_components",
        "**/tmp",
        "**/dist",
        "**/tests",
        "**/vendor/**"
    ],
    "colorize.colorized_variables": ["CSS"],
    "blade.format.enable": true,
    "css.validate": false,
    "prettier.tabWidth": 4,
    "html.format.templating": true,
    "sqltools.useNodeRuntime": true,
    "security.workspace.trust.untrustedFiles": "open",
    "php.format.rules.addCommaAfterLastArrayElement": true,
    "php.format.rules.alignConstants": true,
    "php.format.rules.alignEnumCases": true,
    "php.format.rules.booleanConstantCasing": "lowercase",
    "php.format.rules.nullConstantCasing": "uppercase",
    "phpRefactor.showReadonly": true,
    "intelephense.environment.phpVersion": "8.1.22",
    "php.inlayHints.types.suppressVariableFromLiteral": false,
    "php-allfactor.case.defaultClass": "camelCase",
    "php-allfactor.case.defaultConstants": "camelCase",
    "php-allfactor.case.defaultFunction": "camelCase",
    "php-allfactor.files.exclude": [
        "**/.git/**",
        "**/.svn/**",
        "**/CVS/**",
        "**/.DS_Store/**",
        "**/vendor/**"
    ],
    "php.inlayHints.types.return": true,
    "php.format.rules.addCommaAfterLastCallParameter": true,
    "php.format.rules.addCommaAfterLastDeclParameter": true,
    "php.format.rules.openBraceOnNewLineForAnonymousClasses": true,
    "php.format.rules.declParametersNewLineBeforeRightParen": true,
    "php.format.rules.callParametersWrap": "on_every_item",
    "php.format.rules.callParametersNewLineBeforeRightParen": true,
    "editor.quickSuggestions.comments": true,
    "php.format.rules.forStatementNewLineBeforeRightParen": true,
    "intelephense.diagnostics.deprecated": false,
    "html.format.indentInnerHtml": true,
    "open-php-html-js-in-browser.selectedBrowser": "Firefox",
    "liveServer.settings.donotVerifyTags": true,
    "php.format.rules.alignMatchArmBodies": true,
    "simple-comment-header.userName": "Murugappan",

    "liveSassCompile.settings.formats": [
        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": "/assets/css",
            "savePathReplacementPairs": null
        },
        {
            "format": "compressed",
            "extensionName": ".min.css",
            "savePath": "/assets/css",
            "savePathReplacementPairs": null
        }
    ],
    "liveSassCompile.settings.forceBaseDirectory": "/sass",
    "liveSassCompile.settings.generateMap": false
}
sibiraj-s commented 11 months ago

Can you try disabling the all other extensions that show up in toolbar or probably all for debugging. Just have the live sass compiler and Formatter active?

lexman1958 commented 11 months ago

Wow, that is a tall order. I have disabled only those that a active for the project. The result is the same. In a simple observation, the Live Sass Compiler was working all the while until i installed the Formatter 4 days ago. Since then the Live Sass Complier get deactivated as long as the Formatter is active,

sibiraj-s commented 11 months ago

I am not sure whats happening here. can you link the live sass compiler extension? May be I'll have a look around there. I am not sure if the Formatter is an issue, It only uses 1 api to format the code

https://github.com/sibiraj-s/vscode-scss-formatter/blob/232e716c751caa6540bca0838b7babdfacb4b5e8/src/FormatProvider.ts#L18

nothing complex.

lexman1958 commented 11 months ago

The link is https://marketplace.visualstudio.com/items?itemName=glenn2223.live-sass