react-shiki
Version:
Syntax highlighter component for react using shiki
50 lines (48 loc) • 1.13 kB
JavaScript
import {
createShikiHighlighterComponent,
isInlineCode,
rehypeInlineCodeProperty,
useShikiHighlighter
} from "./chunk-SDEA5YEL.js";
// src/bundles/web.ts
import {
getSingletonHighlighter
} from "shiki/bundle/web";
async function createWebHighlighter(langsToLoad, themesToLoad) {
try {
return await getSingletonHighlighter({
langs: [langsToLoad],
themes: themesToLoad
});
} catch (error) {
if (error instanceof Error && error.message.includes("Language")) {
return await getSingletonHighlighter({
langs: ["plaintext"],
themes: themesToLoad
});
}
throw error;
}
}
// src/web.ts
var useShikiHighlighter2 = (code, lang, themeInput, options = {}) => {
return useShikiHighlighter(
code,
lang,
themeInput,
createWebHighlighter,
options
);
};
var ShikiHighlighter = createShikiHighlighterComponent(
useShikiHighlighter2
);
var web_default = ShikiHighlighter;
export {
ShikiHighlighter,
web_default as default,
isInlineCode,
rehypeInlineCodeProperty,
useShikiHighlighter2 as useShikiHighlighter
};
//# sourceMappingURL=web.js.map