cleaner API for fine grained bundles

[AVGVSTVS96]

experimenting with an API like this

<ShikiHighlighter
  language="typescript"
  theme={{
    light: 'github-light',
    dark: 'github-dark'
  }}
  fineGrainedBundle={{
    langs: ['typescript', 'javascript', 'jsx', 'tsx'],
    themes: ['github-light', 'github-dark'],
    engine: 'javascript-raw', // or 'oniguruma' or 'js'
    precompiled: true // for raw js engine, see https://shiki.style/guide/regex-engines#pre-compiled-languages
  }}
>
  {code}
</ShikiHighlighter>

---

Tasks:

• Rewrite this on top of feat: Add fine grained bundle support with new core and web entrypoints  #59 which sets up 3 entrypoints to allow fine grained bundle control

Note

This PR provides a cleaner API for fine grained bundle support, only requiring users to import from react-shiki/core and define their required langs and themes with fineGrainedBundle option, instead of requiring users to create their own highlighter manually. react-shiki will handle setting up the bundled highlighter with proper dynamic imports and async chunks. (WIP)

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
react-shiki	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 29, 2025 8:08pm

[changeset-bot]

⚠️ No Changeset found

Latest commit: cdc579f

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

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

[AVGVSTVS96]

• cleaner API for fine grained bundles #56 👈 (View in Graphite)
• main

This stack of pull requests is managed by Graphite. Learn more about stacking.