rn-shiki 0.0.37-26 → 0.0.37-27

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rn-shiki",
   "type": "module",
-  "version": "0.0.37-26",
+  "version": "0.0.37-27",
   "description": "Shiki syntax highlighter for React Native.",
   "author": "Ryan Skinner <hello@ryanskinner.com>",
   "license": "MIT",

package/src/syntax/highlighter.ts

@@ -14,7 +14,7 @@ async function initializeHighlighter(langs: LanguageInput[], themes: ThemeInput[
     return await createHighlighterCore({
       langs,
       themes,
-      engine,
+      engine, // Pass the configured engine
     })
   }
   catch (err) {

package/src/utils/style-transformer.ts

@@ -110,26 +110,24 @@ interface Theme {
 }
 
 export function getRNStylesFromShikiStyle(theme: Theme): HighlighterStyleSheet {
-  if (!theme) {
+  if (!theme)
     return {}
-  }
 
   try {
-    const styles: HighlighterStyleSheet = {}
-
-    // Convert token colors
-    if (theme.tokenColors) {
-      Object.assign(styles, convertTokenColorsToReactStyle(theme.tokenColors))
+    // Start with default styles
+    const styles: HighlighterStyleSheet = {
+      editor: {
+        backgroundColor: normalizeColor(theme.colors?.['editor.background']),
+      },
+      base: {
+        color: normalizeColor(theme.colors?.['editor.foreground']),
+      },
     }
 
-    // Add theme-specific editor styles
-    if (theme.colors) {
-      styles.editor = {
-        backgroundColor: normalizeColor(theme.colors['editor.background']),
-      }
-      styles.base = {
-        color: normalizeColor(theme.colors['editor.foreground']),
-      }
+    // Process token colors
+    if (theme.tokenColors) {
+      const tokenStyles = convertTokenColorsToReactStyle(theme.tokenColors)
+      Object.assign(styles, tokenStyles)
     }
 
     return styles