Possible support for .js-files by wildcard? about sveltekit-autoimport HOT 6 OPEN

Yeah of course, I'd like to have this feature supported.

from sveltekit-autoimport.

I'm aware of mapping in the autoImport config.

However it asks me to add properties whenever there is a new javascript function I want to expose in my components. This, to me, defeats the purpose a little bit.

I would want sveltekit-autoimport to automatically expose functionality added within specified directories.

from sveltekit-autoimport.

Good proposal!

Though It might be a little complex to parse each js or ts file to get export names.

from sveltekit-autoimport.

I'm aware of mapping in the autoImport config.

However it asks me to add properties whenever there is a new javascript function I want to expose in my components. This, to me, defeats the purpose a little bit.

I would want sveltekit-autoimport to automatically expose functionality added within specified directories.

The inconvenience is sort of by design. JS files tend to have multiple exports and may be used for unit tests only. It's way more harder to exclude than to include the function you actually need.

from sveltekit-autoimport.

Yea so I don't know how Nuxt3 does it: but they aren't optimistically importing everything preemptively: only what is being used ends up being imported in the final build.

I guess their composibles-directory-solution is a way to reduce complexity for the parser (knowing where to look), but as you say: the hard / expensive part isn't knowing where to look but to actually scan files for types of exports.

But then again: if we go through the trouble of auto importing svelte components: wouldn't it make sense to take the feature all the way? :)

from sveltekit-autoimport.

Nuxt3 use a package called unplugin-auto-import for composables, if we can make sveltekit-autoimport use unplugin-auto-import that will decrease the time of build something like that from scratch, in case if we couldn't do that we can still use both of the package separately, working eg.

import adapter from '@sveltejs/adapter-auto';
import preprocess from 'svelte-preprocess';
import AutoImport from 'unplugin-auto-import/vite';
import autoImport from 'sveltekit-autoimport';

/** @type {import('@sveltejs/kit').Config} */
const config = {
	// Consult https://github.com/sveltejs/svelte-preprocess
	// for more information about preprocessors
	preprocess: preprocess(),

	kit: {
		adapter: adapter(),
		vite: {
			plugins: [
				AutoImport({
					dts: './src/auto-imports.d.ts',
					imports: ['svelte', 'svelte/store', 'svelte/transition'],
					dirs: ['./src/lib']
				}),
				autoImport({
					components: [{ name: './src/components'}]
				})
			]
		}

	}
};

export default config;

from sveltekit-autoimport.