feat: dynamic imports support 🎉

[ieedan]

Fixes #412

With this PR jsrepo now supports detecting dependencies through the import(...) syntax in TypeScript and Svelte files.

Previously if you tried to do something like:

// these get resolved
import { createJavaScriptRegexEngine } from 'shiki/engine/javascript';
import { createHighlighterCore } from 'shiki/core';

// nothing else does

const bundledLanguages = {
    bash: () => import('@shikijs/langs/bash'),
};

/** The languages configured for the highlighter */
type SupportedLanguage = keyof typeof bundledLanguages;

/** A preloaded highlighter instance. */
const highlighter = createHighlighterCore({
    themes: [
        import('@shikijs/themes/github-light-default'),
        import('@shikijs/themes/github-dark-default')
    ],
    langs: Object.entries(bundledLanguages).map(([_, lang]) => lang),
    engine: createJavaScriptRegexEngine()
});

In this case shiki is resolved correctly but @shiki/langs and @shiki/themes are not. Meaning this example will break your users when they install this code.

Why only Svelte and Typescript (.(js|ts|jsx|tsx))?

Currently with the way that vue structures it's AST it's not very straightforward to walk to get nested nodes. So for the time being this will only work for Svelte and Typescript. If you know of a way to make this work in Vue let me know!

[changeset-bot]

🦋 Changeset detected

Latest commit: e6570d9

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
jsrepo	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
jsrepo	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 6, 2025 2:22pm

[pkg-pr-new]

Open in Stackblitz • project • registry

npm i https://pkg.pr.new/ieedan/jsrepo@413

commit: e6570d9