`import.meta.glob` paths only

[hyunbinseo]

Description

Current Named Imports only supports string or undefined.

I only need the imported paths, not the modules themselves.

Suggested solution

Support import: null:

const modules = import.meta.glob('./dir/*.js', { import: null })

Alternative

No response

Additional context

I am using this feature to get the page listing in a SvelteKit app.

Example: https://hyunbin.cc/poc (source)

This would also be useful for defining SvelteKit pre-render entries.

Validations

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

[sapphi-red]

Does it have any benefit over writing it like below?

const modules = Object.keys(import.meta.glob('./dir/*.js'))

(Note that the dynamic import gets removed)

[hyunbinseo]

That is exactly what I am doing:

const modules = Object.keys(import.meta.glob('./dir/*.js'))

Is it safe to do this on the client side? I don't want the glob searched files to be included in the client bundle. (Haven't tested it yet)

[sapphi-red]

It should work (ed99a2c).
If it doesn't feel free to open a bug report 👍

[hyunbinseo]

I guess I should do this:

Object.keys(import.meta.glob(...))

Instead of this (current implementation):

const modules = import.meta.glob('../\\(poc\\)/*/+page.ts', { import: 'load' });

export const load = (async () => ({
  title: 'Proof of Concepts',
  paths: Object.keys(modules).map((path) => path.substring(8, path.length - 9)),
})) satisfies PageServerLoad;

Thank you! Reference #18666