tailwindcss-intellisense icon indicating copy to clipboard operation
tailwindcss-intellisense copied to clipboard

No Completion Suggestions Received for ERB file

Open rcmoret opened this issue 1 year ago • 0 comments

What version of VS Code are you using?

n/a using NeoVim v0.10.0

What version of Tailwind CSS IntelliSense are you using?

v0.0.18

What version of Tailwind CSS are you using?

v3.3.3

What package manager are you using?

yarn

What operating system are you using?

macOS

Tailwind config

// See the Tailwind default theme values here:
// https://github.com/tailwindcss/tailwindcss/blob/master/stubs/defaultConfig.stub.js
// const colors = require('tailwindcss/colors')
const plugin = require('tailwindcss/plugin')
const defaultTheme = require('tailwindcss/defaultTheme')

/** @type {import('tailwindcss').Config */
module.exports = {
    plugins: [
        require('@tailwindcss/aspect-ratio'),
        require('@tailwindcss/forms'),
        require('@tailwindcss/typography'),
        require('flowbite/plugin'),
        plugin(function({ addUtilities }) {
            addUtilities({
                '.no-scrollbar': {
                    '-ms-overflow-style': 'none',
                    'scrollbar-width': 'none',
                    '&::-webkit-scrollbar': {
                        display: 'none'
                    }
                },
                '.default-scrollbar': {
                    '-ms-overflow-style': 'auto',
                    'scrollbar-width': 'auto',
                    '&::-webkit-scrollbar': {
                        display: 'block'
                    }
                }
            }, ['responsive'])
        })
    ],

    content: [
        './app/helpers/**/*.rb',
        './app/javascript/**/*.js',
        './app/views/**/*.{erb,haml,html,slim}',
        './app/components/**/*.{erb,haml,html,slim,rb}',
        './node_modules/flowbite/**/*.js',
    ],

    // All the default values will be compiled unless they are overridden below
    theme: {
        // Extend (add to) the default theme in the `extend` key
        extend: {
            // used to make radio buttons into checkboxes, see accredited_information/show.html.erb to see why...
            backgroundImage: {
                'checkmark':  "url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' aria-hidden='true' viewBox='0 -5 16 22'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M1 5.917 5.724 10.5 15 1.5'/%3E%3C/svg%3E)"
            },
            backgroundSize: {
                'checkmark': '1em 1em'
            },
            backgroundRepeat: {
                'checkmark': 'no-repeat'
            },
            backgroundPosition: {
                'checkmark': 'center'
            },
            backgroundColor: {
                'checkmark': 'rgb(44 122 122)'
            },
            // Create your own at: https://javisperez.github.io/tailwindcolorshades
            padding: {
                '1/2': '50%',
                full: '100%',
            },
        },
    },
    // Opt-in to TailwindCSS future changes
    future: {},
}

VS Code settings

image Screenshot 2024-06-26 at 7 25 24 AM

Reproduction URL https://github.com/rcmoret/tailwind-example

Describe your issue

Here's the situation...if I have an erb template (eg app/views/dashboard/sample.html for example), I get suggestions. So, I know I'm on the right track, but if I look at an erb file (eg app/views/dashboard/sample.html.erb or app/components/card_component.html.erb I get nothing. I updated the lsp log level and edited an html file and an erb file, and here's what I saw...both are making requests to the tailwind lsp client but only the html is receiving 'results'.

Shortened / slightly edited version of the logs

"LSP[tailwindcss]"
  "client.request"1"textDocument/completion"
  {  context = {    triggerCharacter = " ",    triggerKind = 2  }, 
     position = {    character = 59,    line = 0  },  textDocument = {    uri = "file:sample.html"  }}<function 1>1
"rpc.send"
  {  id = 4,  jsonrpc = "2.0",  method = "textDocument/completion",  params = {    context = {    triggerCharacter = " ",      triggerKind = 2    },
  position = {      character = 59,      line = 0    },    textDocument = {      uri = "file:///Users/path_to_repo/sample.html"    }  }}
"rpc.receive"
  {  id = 4, jsonrpc = "2.0",  result = {    lots of stuff in here }
"rpc.receive"
  {  jsonrpc = "2.0",  method = "textDocument/publishDiagnostics",  params = {    diagnostics = {},    uri = "file:///Users/path_to_repo/sample.html"  }}

"LSP[tailwindcss]"
  "client.request"1"textDocument/completion"
  {  context = {    triggerCharacter = " ",    triggerKind = 2  },  position = {    character = 19,    line = 8  },  textDocument = {    uri = "file:///tab_component.html.erb"  }}<function 1>20
"rpc.send"
  {  id = 7,  jsonrpc = "2.0",  method = "textDocument/completion", 
  params = { context = {      triggerCharacter = " ",      triggerKind = 2    },    ... }
# I feel like this one should have data
"rpc.receive"
  {  id = 7,  jsonrpc = "2.0"}
"rpc.receive"
  {  jsonrpc = "2.0",  method = "textDocument/publishDiagnostics",  params = {    diagnostics = {},    uri = "file:///tab_component.html.erb"  }}

Link to the full log transcript: lsp.log

rcmoret avatar Jun 26 '24 12:06 rcmoret