Shouldn't TypeScript be able to polyfill `import defer` with `Proxy` to work with `"module": "commonjs"`?

🔍 Search Terms

import defer commonjs
import defer require

✅ Viability Checklist

• 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 isn't a request to add a new utility type: https://github.com/microsoft/TypeScript/wiki/No-New-Utility-Types
• This feature would agree with the rest of our Design Goals: https://github.com/Microsoft/TypeScript/wiki/TypeScript-Design-Goals

⭐ Suggestion

Since the TypeScript beta announcement, I tried it in the playground. But setting "module" to "commonjs" sadly revealed that import defer only work with "module": "esnext" or "module": "preserve".

But Proxy can polyfill this exact behavior.

📃 Motivating Example

This code:

import defer * as MyModule from 'my-module'

should output something like this:

let _module
const MyModule = new Proxy({}, {
  get(_target, prop) {
    if (!_module) {
      _module = require('my-module') // the real code would obviously more complicated as it needs to force `_module` to be an object
    }
    return _module[prop]
  }
})

💻 Use Cases

1. What do you want to use this for? Using import defer for legacy targets
2. What shortcomings exist with current approaches? await import forces Promise
3. What workarounds are you using in the meantime? await import

Empieza rastreando cómo TypeScript gestiona import defer cuando module es commonjs, y compáralo con el comportamiento existente de esnext y preserve. Usa el ejemplo motivador de Proxy y el caso de uso indicado para destinos legacy para definir la salida esperada; después añade cobertura que muestre si el acceso diferido síncrono funciona sin introducir Promise.