HTMX 2.0 jsdoc typehints not working in typescript files.

[MattTaylorQuodd]

I'm using neovim with the tsserver lsp, and I get type hints and autocompletion with other libraries. I think either I'm doing something wrong or htmx is misconfigured. Or should this even work?

I'm using htmx v2.0.0-beta2

This is my import:

import { htmx } from 'htmx.org/dist/htmx.esm.js'

this is the lsp diagnostic error I get:

Could not find a declaration file for module 'htmx.org/dist/htmx.esm.js'. 'node_modules/htmx.org/dist/htmx.esm.js' implicitly has an 'any' type.  
Try `npm i --save-dev @types/htmx.org` if it exists or add a new declaration (.d.ts) file containing `declare module 'htmx.org/dist/htmx.esm.js';`

If I add the module declaration in my d.ts file, the error goes away but my htmx variable is still any and I don't get the benefit of those sweet JSDoc comments.

Here is my tsconfig JIC:

{
  "compilerOptions": {
    // Enable latest features
    "lib": ["ESNext", "DOM"],
    "target": "ESNext",
    "module": "ESNext",
    "moduleDetection": "force",
    "jsx": "react-jsx",
    "allowJs": true,

    // Bundler mode
    "moduleResolution": "bundler",
    "allowImportingTsExtensions": true,
    "verbatimModuleSyntax": true,
    "noEmit": true,

    // Best practices
    "strict": true,
    "skipLibCheck": true,
    "noFallthroughCasesInSwitch": true,

    // Some stricter flags (disabled by default)
    "noUnusedLocals": false,
    "noUnusedParameters": false,
    "noPropertyAccessFromIndexSignature": false
  }
}

[MattTaylorQuodd]

I just found that if I copy the file out of node_modules it works. So this is some kind of typescript LSP problem, I think.

import { htmx } from './htmx.esm.js'

[MattTaylorQuodd]

So I added "maxNodeModuleJsDepth": 1, to my tsconfig compiler options and now it works importing from node_modules.

This is not really an HTMX issue, So I'm going to close it.