rn-shiki 0.0.37-10 → 0.0.37-12

package/package.json

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

package/src/utils/style-transformer.ts

@@ -1,6 +1,6 @@
 import type { CSSProperties } from 'react'
 import type { TextStyle } from 'react-native'
-import transform, { type StyleTuple } from 'css-to-react-native'
+import transform from 'css-to-react-native'
 
 export interface HighlighterStyleSheet {
   [key: string]: TextStyle
@@ -16,15 +16,20 @@ const ALLOWED_STYLE_PROPERTIES: Record<string, boolean> = {
 }
 
 export function getRNStylesFromShikiStyle(shikiStyle: ReactStyle): HighlighterStyleSheet {
-  return Object.fromEntries(Object.entries(shikiStyle).map(([className, style]) => [className, cleanStyle(style)]))
-}
+  return Object.fromEntries(
+    Object.entries(shikiStyle)
+      .map(([className, style]) => {
+        // Filter the styles based on allowed properties
+        const filteredStyle = Object.fromEntries(
+          Object.entries(style).filter(([property]) => ALLOWED_STYLE_PROPERTIES[property]),
+        )
 
-export function cleanStyle(style: CSSProperties) {
-  const styles = Object.entries(style)
-    .filter(([key]) => ALLOWED_STYLE_PROPERTIES[key])
-    .map<StyleTuple>(([key, value]) => [key, value])
+        // Convert the filtered style to React Native style
+        const rnStyle: TextStyle = transform(Object.entries(filteredStyle)) as TextStyle
 
-  console.log('Filtered styles:', styles) // Add this line
+        console.log(`Converted style for ${className}:`, rnStyle)
 
-  return transform(styles)
+        return [className, rnStyle] // Return the class name and the converted style
+      }),
+  )
 }