How do you handle language servers in a supabase project?

semipiccolo · 2022-10-02T10:34:44.034Z

As supabase uses deno for edge functions this poses a challenge for LSP configuration. The typescript files for the edge functions should use the deno language server whereas the other typescript files (at least in my case) should use the regular typescript language server. I'm using neovim and I'm getting deno errors in files that don't really use deno and vice versa. VSCode seems to by default only use denols on all the ts files so this is not a neovim specific problem apparently. Any advice on how to handle this?

O

Olyno•10/2/22, 2:01 PM

Hi :vmathi: May this issue be related to yours? https://github.com/fannheyward/coc-deno/issues/7 @semipiccolo

GitHub

Still getting linting errors when importing with `.ts` extension. ·...

I'm still getting error from tsserver when importing .ts files, and top level await. Is there an option I should set or something?

S

semipiccoloOP•10/2/22, 2:08 PM

@Olyno no not really

this guy is using coc (conqueror of completion) which has since been more or less replaced by native LSP(Language Server Protocol) which an editor agnostic and also used by VSCode for example.
Sounds like he just didn't have the deno language server at all but only the typescript one.

For me I do have both language servers running and working. My problem is specific to the structure of a supabase project which uses deno for some ts files and (should) not for others.

O

Olyno•10/2/22, 2:10 PM

hmm, i'm not very familiar with neovim, but wouldn't be possible to have a config file to limit the Deno lsp to some files/folder?

S

semipiccoloOP•10/2/22, 2:56 PM

Maybe. But I don't know how. So that's why I'm asking for help here.
Also like I said it's not necessarily a neovim problem. VSCode seems to have a similar issue.

O

Olyno•10/2/22, 3:09 PM

On vscode, you can create a

.vscode/settings.json

.vscode/settings.json

.vscode/settings.json

.vscode/settings.json file and configure the lsp server only for certain files

S

semipiccoloOP•10/2/22, 3:22 PM

how do you do that?

O

Olyno•10/2/22, 3:24 PM

You can do it using the

files.exclude

files.exclude

files.exclude

files.exclude, or

[typescript]

[typescript]

[typescript]

[typescript] stuff like that, but i don't know much about specific config :/

S

semipiccoloOP•10/2/22, 3:28 PM

I just set my deno.json to the following:

 {
    "compilerOptions": {
      "allowJs": true,
      "lib": ["deno.window"],
      "strict": true
    },
    "lint": {
      "files": {
        "include": ["supabase/"],
        "exclude": ["src/"]
      },
      "rules": {
        "tags": ["recommended"],
        "include": ["ban-untagged-todo"],
        "exclude": ["no-unused-vars"]
      }
    },
    "fmt": {
      "files": {
        "include": ["supabase/"],
        "exclude": ["src/"]
      },
      "options": {
        "useTabs": true,
        "lineWidth": 80,
        "indentWidth": 4,
        "singleQuote": true,
        "proseWrap": "preserve"
      }
    },
    "test": {
      "files": {
        "include": ["supabase/"],
        "exclude": ["src/"]
      }
    }
  }

 {
    "compilerOptions": {
      "allowJs": true,
      "lib": ["deno.window"],
      "strict": true
    },
    "lint": {
      "files": {
        "include": ["supabase/"],
        "exclude": ["src/"]
      },
      "rules": {
        "tags": ["recommended"],
        "include": ["ban-untagged-todo"],
        "exclude": ["no-unused-vars"]
      }
    },
    "fmt": {
      "files": {
        "include": ["supabase/"],
        "exclude": ["src/"]
      },
      "options": {
        "useTabs": true,
        "lineWidth": 80,
        "indentWidth": 4,
        "singleQuote": true,
        "proseWrap": "preserve"
      }
    },
    "test": {
      "files": {
        "include": ["supabase/"],
        "exclude": ["src/"]
      }
    }
  }

 {
    "compilerOptions": {
      "allowJs": true,
      "lib": ["deno.window"],
      "strict": true
    },
    "lint": {
      "files": {
        "include": ["supabase/"],
        "exclude": ["src/"]
      },
      "rules": {
        "tags": ["recommended"],
        "include": ["ban-untagged-todo"],
        "exclude": ["no-unused-vars"]
      }
    },
    "fmt": {
      "files": {
        "include": ["supabase/"],
        "exclude": ["src/"]
      },
      "options": {
        "useTabs": true,
        "lineWidth": 80,
        "indentWidth": 4,
        "singleQuote": true,
        "proseWrap": "preserve"
      }
    },
    "test": {
      "files": {
        "include": ["supabase/"],
        "exclude": ["src/"]
      }
    }
  }

 {
    "compilerOptions": {
      "allowJs": true,
      "lib": ["deno.window"],
      "strict": true
    },
    "lint": {
      "files": {
        "include": ["supabase/"],
        "exclude": ["src/"]
      },
      "rules": {
        "tags": ["recommended"],
        "include": ["ban-untagged-todo"],
        "exclude": ["no-unused-vars"]
      }
    },
    "fmt": {
      "files": {
        "include": ["supabase/"],
        "exclude": ["src/"]
      },
      "options": {
        "useTabs": true,
        "lineWidth": 80,
        "indentWidth": 4,
        "singleQuote": true,
        "proseWrap": "preserve"
      }
    },
    "test": {
      "files": {
        "include": ["supabase/"],
        "exclude": ["src/"]
      }
    }
  }

And still get deno errors in src/*.ts in vscode

O

Olyno•10/2/22, 3:34 PM

Try with

"baseUrl": "."

"baseUrl": "."

"baseUrl": "."

"baseUrl": "." in the

compilerOptions

compilerOptions

compilerOptions

compilerOptions, and using relative paths instead, as

./src/

./src/

./src/

./src/ instead of

src/

src/

O

Olyno•10/2/22, 3:34 PM

Maybe glob folders could fix the issue too, like

./src/**

./src/**

./src/**

./src/**

S

semipiccoloOP•10/2/22, 3:37 PM

same outcome unfortunately

S

semipiccoloOP•10/2/22, 3:38 PM

I based it on this: https://deno.land/manual@v1.26.0/getting_started/configuration_file
They're not using

./src

./src

./src

./src

or globs here

Deno

Configuration File | Manual | Deno

Deno supports configuration file that allows to customize built-in TypeScript
compiler, formatter and linter.

O

Olyno•10/2/22, 3:47 PM

Maybe is it only a config for the runtime, and not the Deno lsp?

O

Olyno•10/2/22, 3:47 PM

In that case, this would not work, we need to edit the configuration of the Deno lsp

How do you handle language servers in a supabase project?

Similar Threads

Similar Threads

Similar Threads