Add all exported entities from a module

[silentmantra]

Clear and concise description of the problem

Currently to auto-import all entities from a module I use acorn to get all exports. Couldn't find in the documentation an example of automatic imports of all exported entities from a module

Suggested solution

Instead of manual or scripted listing of all imports needed, add for example

imports: [{ 'module-name': '*'}]

to auto import of all the exported entities from a module

Alternative

No response

Additional context

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guide.
• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

[Ena-Heleneto]

I have encountered the same issue. Are there any alternatives available at the moment?

[silentmantra]

I have encountered the same issue. Are there any alternatives available at the moment?

none i know

[rexcape]

unplugin-auto-import is on the top of unjs/unimport according to docs. But it's strange that unimport can use namespace import in readme, and unplugin-auto-import's docs didn't mention at all.

I found that in unplugin-auto-import's type.ts, imports option has three union types: ImportsMap | PresetName | InlinePreset. The InlinePreset is a type in unimport that can use the namespace import.

The type is complicated, I tried for several times and found an imperfect way. It cannot be used in types.

In vite config file:

defineConfig({
  // ...
  plugins: [
    //...
    autoImport({
      dts: true,
      eslintrc: {
        enabled: true,
      },
      imports: [
        {
          from: "react",
          imports: [{ name: "*", as: "React" }],
        },
      ],
    }),
  ],
});

Generated auto-imports.d.ts:

/* eslint-disable */
/* prettier-ignore */
// @ts-nocheck
// noinspection JSUnusedGlobalSymbols
// Generated by unplugin-auto-import
// biome-ignore lint: disable
export {}
declare global {
  const React: typeof import('react')
}

Generated .eslintrc-auto-import.json

{
  "globals": {
    "React": true
  }
}

It works while using as a variable, but not works while using as a namespace

const [value, setValue] = React.useState(0) // It works
function Component(): React.ReactNode/* Error: Cannot find namespace 'React'. ts(2503) */ {
  return <div>Component</div>
}

I don't know if there is a better way. At first, I just wanted to save some time writing many import * as React from 'react's, but the time it took to solve the problem was much longer than the time saved :(

[9romise]

I'd like to recommend pkg-exports, also created by antfu, which can get all exports of a local npm package.