Modularize package for export

Author: ricardonunez-io

packages/mdx/package.json

@@ -8,6 +8,16 @@
   "files": [
     "dist"
   ],
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    },
+    "./plugins": {
+      "import": "./dist/plugins/index.js",
+      "types": "./dist/plugins/index.d.ts"
+    }
+  },
   "type": "module",
   "publishConfig": {
     "access": "public",

packages/mdx/src/index.ts

@@ -1,4 +1,3 @@
 export * from './client/index.js';
 export * from './server/index.js';
 export * from './types/index.js';
-export * from './plugins/index.js';

packages/mdx/src/plugins/rehype/rehypeSyntaxHighlighting.ts

@@ -1,16 +1,16 @@
 import type { Element, Root } from 'hast';
 import { toString } from 'hast-util-to-string';
-import {
-  createHighlighter,
-  type Highlighter,
-  type BuiltinTheme,
-  type BundledTheme,
-  type BundledLanguage,
-} from 'shiki';
+import { createHighlighter, type Highlighter, type BuiltinTheme, type BundledTheme } from 'shiki';
 import type { Plugin } from 'unified';
 import { visit } from 'unist-util-visit';
 
-import { DEFAULT_LANG_ALIASES, UNIQUE_LANGS, type ShikiLang } from './shiki-constants.js';
+import {
+  DEFAULT_LANG_ALIASES,
+  SHIKI_THEMES,
+  UNIQUE_LANGS,
+  type ShikiLang,
+  type ShikiTheme,
+} from './shiki-constants.js';
 
 const shikiColorReplacements: Partial<Record<BundledTheme, string | Record<string, string>>> = {
   'dark-plus': {
@@ -94,10 +94,6 @@ export const rehypeSyntaxHighlighting: Plugin<[RehypeSyntaxHighlightingOptions?]
         getLanguage(child, DEFAULT_LANG_ALIASES) ??
         'text';
 
-      if (!UNIQUE_LANGS.includes(lang)) {
-        highlighter.loadLanguage(lang as BundledLanguage);
-      }
-
       try {
         const code = toString(node);
         const lines = code.split('\n');
@@ -214,4 +210,4 @@ function getLinesToHighlight(node: Element, maxLines: number): number[] {
   return Array.from(lineNumbers).sort((a, b) => a - b);
 }
 
-export { UNIQUE_LANGS, ShikiLang, DEFAULT_LANG_ALIASES };
+export { UNIQUE_LANGS, DEFAULT_LANG_ALIASES, SHIKI_THEMES, ShikiLang, ShikiTheme };

packages/mdx/src/plugins/rehype/shiki-constants.ts

@@ -318,3 +318,68 @@ export const DEFAULT_LANG_ALIASES: Record<string, ShikiLang> = {
 };
 
 export const UNIQUE_LANGS = Array.from(new Set(Object.values(DEFAULT_LANG_ALIASES)));
+
+export const SHIKI_THEMES = [
+  'andromeeda',
+  'aurora-x',
+  'ayu-dark',
+  'catppuccin-frappe',
+  'catppuccin-latte',
+  'catppuccin-macchiato',
+  'catppuccin-mocha',
+  'dark-plus',
+  'dracula',
+  'dracula-soft',
+  'everforest-dark',
+  'everforest-light',
+  'github-dark',
+  'github-dark-default',
+  'github-dark-dimmed',
+  'github-dark-high-contrast',
+  'github-light',
+  'github-light-default',
+  'github-light-high-contrast',
+  'gruvbox-dark-hard',
+  'gruvbox-dark-medium',
+  'gruvbox-dark-soft',
+  'gruvbox-light-hard',
+  'gruvbox-light-medium',
+  'gruvbox-light-soft',
+  'houston',
+  'kanagawa-dragon',
+  'kanagawa-lotus',
+  'kanagawa-wave',
+  'laserwave',
+  'light-plus',
+  'material-theme',
+  'material-theme-darker',
+  'material-theme-lighter',
+  'material-theme-ocean',
+  'material-theme-palenight',
+  'min-dark',
+  'min-light',
+  'monokai',
+  'night-owl',
+  'nord',
+  'one-dark-pro',
+  'one-light',
+  'plastic',
+  'poimandres',
+  'red',
+  'rose-pine',
+  'rose-pine-dawn',
+  'rose-pine-moon',
+  'slack-dark',
+  'slack-ochin',
+  'snazzy-light',
+  'solarized-dark',
+  'solarized-light',
+  'synthwave-84',
+  'tokyo-night',
+  'vesper',
+  'vitesse-black',
+  'vitesse-dark',
+  'vitesse-light',
+] as const;
+
+export type ShikiTheme = (typeof SHIKI_THEMES)[number];