intellisence not working when using Remote SSH #741
Description
What version of Tailwind CSS IntelliSense are you using?
v0.9.9
What version of Tailwind CSS are you using?
v3.2.7
What package manager are you using?
npm
What operating system are you using?
macOS, Windows
Tailwind config
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./index.html",
"./src/**/*.{ts,tsx,jsx,js}"
],
theme: {
extend: {
screens: {
sm: '480px',
md: '768px',
lg: '976px',
xl: '1440px',
},
colors: {
'primary': 'var(--primary-color)',
'primary-hover': 'var(--primary-hover-color)',
'primary-active': 'var(--primary-active-color)',
'secodary': 'var(--secodary)',
'secondary-hover': 'var(--secondary-hover)',
'secondary-active': 'var(--secondary-active)',
'neutral': 'var(--neutral)',
'neutral-hover': 'var(--neutral-hover)',
'neutral-active': 'var(--neutral-active)',
'disabled-bg': 'var(--disabled-bg)',
'disabled-text': 'var(--disabled-text)',
'light': 'var(--white)',
'dark': 'var(--black)',
'grey': 'var(--grey)',
},
fontFamily: {
bold: ['Apercu-Bold', 'Arial', 'sans-serif'],
sans: ["Apercu-Regular", "Arial", 'sans-serif'],
},
borderRadius: {
'1': 'var(--corner-radius-small)',
'2': 'var(--corner-radius-medium)',
'3': 'var(--corner-radius-large)',
}
},
spacing: {
'1': 'var(--spacing-1)', // 8px
'0_5': 'var(--spacing-0_5)', // 4px
'1_5': 'var(--spacing-1_5)', // 12px
'2': 'var(--spacing-2)', // 16px
'3': 'var(--spacing-3)', // 24px
'4': 'var(--spacing-4)', // 32px
'5': 'var(--spacing-5)', // 40px
'6': 'var(--spacing-6)', // 48px
'7': 'var(--spacing-7)', // 56px
'8': 'var(--spacing-8)', // 64px
'9': 'var(--spacing-9)', // 72px
'10': 'var(--spacing-10)', // 80px
'11': 'var(--spacing-11)', // 88px
'12': 'var(--spacing-12)', // 96px
},
},
plugins: [],
}VS Code settings
{
"[css]": {
"editor.defaultFormatter": "vscode.css-language-features"
},
"[html]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[javascript]": {
"editor.defaultFormatter": "vscode.typescript-language-features",
"editor.language.colorizedBracketPairs": [
["(", ")"],
["[", "]"],
["{", "}"]
]
},
"[javascriptreact]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"[json]": {
"editor.defaultFormatter": "vscode.json-language-features"
},
"[jsonc]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[less]": {
"editor.defaultFormatter": "vscode.css-language-features"
},
"[php]": {
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true
},
"[scss]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"[typescript]": {
"editor.defaultFormatter": "vscode.typescript-language-features"
},
"[typescriptreact]": {
"editor.defaultFormatter": "esbenp.prettier-vscode"
},
"audioCues.lineHasBreakpoint": "off",
"audioCues.lineHasError": "off",
"audioCues.lineHasFoldedArea": "off",
"audioCues.lineHasInlineSuggestion": "off",
"audioCues.noInlayHints": "off",
"audioCues.onDebugBreak": "off",
"css.lint.unknownAtRules": "ignore",
"diffEditor.ignoreTrimWhitespace": false,
"editor.accessibilitySupport": "off",
"editor.bracketPairColorization.enabled": true,
"editor.codeActionsOnSave": {
"source.fixAll.eslint": true
},
"editor.codeLensFontFamily": "''",
"editor.fontFamily": "'FiraCode Nerd Font', Monolisa, Menlo, Monaco, 'Courier New', monospace",
"editor.fontLigatures": true,
"editor.fontSize": 10,
"editor.formatOnSave": true,
"editor.guides.bracketPairs": "active",
"editor.guides.bracketPairsHorizontal": false,
"editor.inlineSuggest.enabled": true,
"editor.minimap.enabled": false,
"editor.snippetSuggestions": "top",
"editor.stickyScroll.enabled": true,
"editor.suggestSelection": "first",
"editor.unicodeHighlight.allowedLocales": {
"ru": true
},
"editor.wordSeparators": "`~!@$%^&*()=+[{]}\\|;:'\",.<>/?",
"emmet.includeLanguages": {
"javascript": "javascriptreact"
},
"eslint.codeActionsOnSave.mode": "all",
"eslint.enable": true,
"eslint.format.enable": true,
"eslint.lintTask.enable": true,
"eslint.lintTask.options": "src/WatchlogView.js",
"eslint.validate": [
"javascript",
"typescript",
"javascriptreact",
"typescriptreact"
],
"eslint.workingDirectories": [
{
"mode": "auto"
}
],
"explorer.autoRevealExclude": {
"**/cypress": true,
"**/node_modules": true
},
"explorer.confirmDelete": false,
"explorer.confirmDragAndDrop": false,
"files.associations": {
"*.css": "tailwindcss"
},
"git-graph.contextMenuActionsVisibility": {
"branch": {}
},
"git-graph.dialog.createBranch.checkOut": true,
"git.autofetch": true,
"git.confirmSync": false,
"git.enableSmartCommit": true,
"github.copilot.enable": {
"*": true,
"javascript": true,
"javascriptreact": true,
"json": true,
"jsonc": false,
"markdown": true,
"plaintext": false,
"yaml": false
},
"github.copilot.inlineSuggest.enable": true,
"gitlens.hovers.annotations.details": false,
"gitlens.hovers.currentLine.enabled": false,
"gitlens.hovers.enabled": false,
"html.format.wrapLineLength": 0,
"intelephense.completion.fullyQualifyGlobalConstantsAndFunctions": true,
"intelephense.diagnostics.undefinedSymbols": false,
"intelephense.environment.phpVersion": "8.1",
"intelephense.files.maxSize": 3000000,
"javascript.referencesCodeLens.enabled": true,
"json.schemas": [
{
"fileMatch": ["manifest.json"],
"url": "https://json.schemastore.org/chrome-manifest.json"
}
],
"jsonColorToken.languages": ["json", "jsonc", "yaml"],
"liveServer.settings.donotShowInfoMsg": true,
"macros": {
"addCommentDivider": [
"editor.action.addSelectionToNextFindMatch",
"editor.action.clipboardCopyAction",
"editor.action.deleteWordLeft",
"editor.action.insertLineAfter",
"editor.action.triggerSuggest",
{
"args": {
"text": "comment"
},
"command": "type"
}
],
"logCurrentVariable": [
"editor.action.addSelectionToNextFindMatch",
"editor.action.clipboardCopyAction",
"editor.action.insertLineAfter",
"editor.action.triggerSuggest",
{
"args": {
"text": "log"
},
"command": "type"
}
],
"setAsRoot": [
"editor.action.openFoldersInNewWindow",
"folder.contextMenu.add.command"
]
},
"php.debug.executablePath": "/usr/local/bin/php",
"php.validate.executablePath": "/usr/local/bin/php",
"playwright.reuseBrowser": true,
"prettier.enableDebugLogs": true,
"prettier.htmlWhitespaceSensitivity": "ignore",
"prettier.ignorePath": "",
"prettier.tabWidth": 4,
"python.defaultInterpreterPath": "/usr/local/bin/python3",
"redhat.telemetry.enabled": false,
"remote.SSH.remotePlatform": {
"192.168.0.221": "windows"
},
"scss.lint.hexColorLength": "ignore",
"scss.lint.zeroUnits": "warning",
"security.workspace.trust.untrustedFiles": "open",
"tailwindCSS.includeLanguages": {
"plaintext": "html",
"javascriptreact": "html"
},
"terminal.explorerKind": "external",
"terminal.external.osxExec": "Warp.app",
"terminal.integrated.fontFamily": "'MesloLGL Nerd Font Mono', 'anonymous pro for powerline'",
"todo-tree.general.tags": [
" FUTURE:",
" IDEA:",
" TODO:",
" NOTE:",
" DEBUG:",
" FIX:",
"HACK",
"XXX",
"[ ]",
"[x]"
],
"todo-tree.highlights.customHighlight": {
" DEBUG:": {
"background": "#06fb06",
"borderRadius": "9px",
"fontStyle": "italic",
"foreground": "#ffffff",
"gutterIcon": true,
"icon": "beaker",
"iconColour": "#55fa55",
"rulerColour": "#1ce91c",
"rulerLane": "full",
"type": "tag"
},
" FIX:": {
"background": "#fe0059",
"borderRadius": "9px",
"fontStyle": "italic",
"foreground": "#ffffff",
"gutterIcon": true,
"icon": "paper-airplane",
"iconColour": "#fe0059",
"rulerColour": "#fe0059",
"rulerLane": "full",
"type": "tag"
},
" FUTURE:": {
"background": "#00c7ce",
"borderRadius": "9px",
"fontStyle": "italic",
"foreground": "#0d5254",
"gutterIcon": true,
"icon": "paper-airplane",
"iconColour": "#00c7ce",
"rulerColour": "#90e3e7",
"rulerLane": "full",
"type": "tag"
},
" IDEA:": {
"background": "#1eabff",
"borderRadius": "9px",
"fontStyle": "italic",
"foreground": "#fff",
"gutterIcon": true,
"icon": "light-bulb",
"iconColour": "#72d5ff",
"rulerColour": "#7dc9ff",
"rulerLane": "full",
"type": "tag"
},
" NOTE:": {
"background": "#ffe51e",
"borderRadius": "9px",
"fontStyle": "italic",
"foreground": "#955c00",
"gutterIcon": true,
"icon": "note",
"iconColour": "#fad155",
"rulerColour": "#ffd67d",
"rulerLane": "full",
"type": "tag"
},
" TODO:": {
"background": "#ff6061",
"borderRadius": "9px",
"fontStyle": "italic",
"foreground": "#fff",
"gutterIcon": true,
"icon": "tasklist",
"iconColour": "#ff6061",
"rulerColour": "#f37d00",
"rulerLane": "full",
"type": "tag"
}
},
"todo-tree.highlights.highlightDelay": 100,
"tailwindCSS.classAttributes": ["class", "className"],
"tailwindCSS.codeActions": true,
"typescript.enablePromptUseWorkspaceTsdk": true,
"typescript.implementationsCodeLens.enabled": true,
"typescript.inlayHints.enumMemberValues.enabled": true,
"typescript.referencesCodeLens.enabled": true,
"vscodeGitCommit.template": ["{project}-{suffix}: {type} {message}"],
"vscodeGitCommit.variables": {
"prefix": "branch",
"project": [
{
"label": "LION"
}
],
"type": [
{
"label": "🧹",
"detail": "chore"
},
{
"label": "🧪",
"detail": "tests"
},
{
"label": "🔴",
"detail": "bug"
},
{
"label": "🔵",
"detail": "docs"
}
]
},
"window.commandCenter": true,
"workbench.colorCustomizations": {
"editorBracketHighlight.foreground1": "#FFB300",
"editorBracketHighlight.foreground2": "#ff6061",
"editorBracketHighlight.foreground3": "#1EABFF",
"editorBracketHighlight.foreground4": "#FE5CDC",
"editorBracketHighlight.foreground5": "#00C7CE",
"editorBracketHighlight.foreground6": "#f37d00",
"editorBracketHighlight.unexpectedBracket.foreground": "#9AB9C0"
},
"workbench.colorTheme": "JU code",
"workbench.editor.wrapTabs": true,
"workbench.editorAssociations": {
"*.png": "imagePreview.previewEditor"
},
"workbench.iconTheme": "icons",
"workbench.tree.indent": 20
}
postcss.config.cjs:
module.exports = {
plugins: {
'postcss-import': {},
tailwindcss: {},
autoprefixer: {},
},
}package.json:
{
"name": "react",
"private": true,
"version": "0.0.0",
"type": "module",
"scripts": {
"dev": "vite dev",
"build": "tsc && vite build",
"preview": "vite preview"
},
"dependencies": {
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
"devDependencies": {
"@types/react": "^18.0.27",
"@types/react-dom": "^18.0.10",
"@vitejs/plugin-react-swc": "^3.0.0",
"autoprefixer": "^10.4.14",
"postcss": "^8.4.21",
"postcss-import": "^15.1.0",
"sass": "^1.59.3",
"tailwindcss": "^3.2.7",
"typescript": "^4.9.3",
"vite": "^4.1.0"
}
}Reproduction URL
Sorry, can't do that
Describe your issue
When opening a project locally the extension works fine and shows suggestions when typing in className="mb-3". But when working via Remote SSH the intellisence is not working at all. not even in a plain html file.
I am connecting to a windows 10 machine.
This is the Output from the extension:
[Global] Creating projects: [{"folder":"c:/projects/.../React","configPath":"c:/projects/.../React/tailwind.config.cjs","isUserConfigured":false,"documentSelector":[{"pattern":"c:/projects/.../React/tailwind.config.cjs","priority":0},{"pattern":"c:/projects/.../React/index.html","priority":1},{"pattern":"c:/projects/.../React/src/**/*.{ts,tsx,jsx,js}","priority":1},{"pattern":"c:/projects/.../React/**","priority":3}]}]
[Global] Adding watch patterns: c:/projects/.../React/tailwind.config.cjs, c:/projects/.../React, c:/projects/.../React/tailwind.config.cjs, c:/projects/.../React
[tailwind.config.cjs] Initializing...
[tailwind.config.cjs] Loaded Tailwind CSS config file: c:/projects/.../React/tailwind.config.cjs
[tailwind.config.cjs] Loaded postcss v8.4.21: c:\projects\...\React\node_modules\postcss
[tailwind.config.cjs] Loaded tailwindcss v3.2.7: c:\projects\...\React\node_modules\tailwindcss
[tailwind.config.cjs] Building...
[tailwind.config.cjs] File changed: c:\projects\...\React\tailwind.config.cjs
[tailwind.config.cjs] Building...and this is the output of for Remote SSH
1:21:27.886] SSH Resolver called for host: fos-websitesc.dev.local
[11:21:27.886] Setting up SSH remote "fos-websitesc.dev.local"
[11:21:27.887] Acquiring local install lock: /var/...-install.lock
[11:21:27.887] Looking for existing server data file at /Users/.../globalStorage/ms-vscode-remote.remote-ssh/vscode-ssh-host-....0/data.json
[11:21:27.888] Found local server running: {"remoteListeningOn":{"port":51..5},"osReleaseId":"windows","arch":"x64","sshAuthSock":"","platform":"windows","connectionToken":"1...1","pid":78628,"ipcHandlePath":"/var/....sock","socksPort":5...6,"startupTime":1679472827217}
[11:21:27.891] Found running server - short-circuiting install
[11:21:27.893] Starting forwarding server. localPort 5...9 -> socksPort 5...6 -> remotePort 51..5
[11:21:27.893] Forwarding server listening on 5...9
[11:21:27.893] Waiting for ssh tunnel to be ready
[11:21:27.893] Tunneled 51..5 to local port 5...9
[11:21:27.893] Resolved "ssh-remote+fos-websitesc.dev.local" to "127.0.0.1:5...9"Any clues on what I can do?