@type on http(s) import

[loynoir]

Suggestion

/**
 * @type {import('chai')}
 */
import { expect } from 'https://cdn.skypack.dev/chai'

Sugar for

// @ts-ignore
import { expect as _expect } from 'https://cdn.skypack.dev/chai'
/**
 * @type {import('chai')['expect']}
 */
const expect = _expect

🔍 Search Terms

jsdoc @type http loader ESM skypack .d.ts

✅ Viability Checklist

My suggestion meets these guidelines:

• This wouldn't be a breaking change in existing TypeScript/JavaScript code
• This wouldn't change the runtime behavior of existing JavaScript code
• This could be implemented without emitting different JS based on the types of the expressions
• This isn't a runtime feature (e.g. library functionality, non-ECMAScript syntax with JavaScript output, new syntax sugar for JS, etc.)
• This feature would agree with the rest of TypeScript's Design Goals.

⭐ Suggestion

Alternatively, maybe let tsconfig.compilerOptions.paths accept RegExp

📃 Motivating Example

💻 Use Cases

[ncpa0cpl]

You can add typing to a module via declare module. Create .d.ts file with this:

declare module "https://cdn.skypack.dev/chai" {
  import chai from "chai";
  export = chai;
}

and you will get the same result you want

[loynoir]

Yeah, working. 😄
Not very graceful, but I'm ok to close.