rn-shiki 0.0.37-3 → 0.0.37-32

package/src/components/syntax/SyntaxHighlighter.tsx

@@ -1,7 +1,10 @@
-import React from 'react'
-import { Platform, ScrollView, type ScrollViewProps, StyleSheet, Text, type TextStyle, View } from 'react-native'
+import type { ColorValue, StyleProp, TextStyle } from 'react-native'
+import type { ThemedToken, ThemeInput, ThemeRegistration } from 'shiki'
+import type { SyntaxHighlighterProps } from 'src/types/shiki'
+import React, { useMemo } from 'react'
+import { Platform, ScrollView, StyleSheet, Text, View } from 'react-native'
 import { useSyntaxHighlighter } from '../../hooks/useSyntaxHighlighter'
-import { convertShikiTheme } from '../../utils/style-transformer'
+import { getRNStylesFromShikiStyle } from '../../utils/style-transformer'
 
 const monospaceFont = Platform.select({
   ios: 'Menlo',
@@ -9,31 +12,81 @@ const monospaceFont = Platform.select({
   default: 'monospace',
 })
 
-interface SyntaxHighlighterProps {
-  text: string
-  language: any
-  languageId: string
-  theme: any
-  textStyle?: TextStyle
-  scrollViewProps?: ScrollViewProps
+interface TokenStyle extends Omit<TextStyle, 'color' | 'fontWeight'> {
+  color?: ColorValue
+  fontStyle?: 'normal' | 'italic'
+  fontWeight?: FontWeight
+  fontFamily?: string
 }
 
-const styles = StyleSheet.create({
+type FontWeight = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900'
+
+function getThemeRegistration(theme: ThemeInput): ThemeRegistration {
+  if ('default' in theme) {
+    return theme.default
+  }
+  return theme as ThemeRegistration
+}
+
+const baseStyles = StyleSheet.create({
   scrollView: {
     flex: 1,
     minHeight: 20,
+    backgroundColor: '#1e1e1e',
   },
   contentContainer: {
     flexGrow: 1,
+    minWidth: '100%',
+  },
+  codeContainer: {
+    paddingVertical: 8,
+    minWidth: '100%',
   },
   lineContainer: {
+    flexDirection: 'row',
+    minWidth: '100%',
+    paddingHorizontal: 16,
+    paddingVertical: 1,
+  },
+  line: {
     flexDirection: 'row',
     flexWrap: 'wrap',
+    flex: 1,
+  },
+  token: {
+    fontFamily: monospaceFont,
+    fontSize: 14,
+    color: '#d4d4d4',
   },
 })
 
-const SyntaxHighlighter: React.FC<SyntaxHighlighterProps> = ({ text, language, languageId, theme, textStyle, scrollViewProps }) => {
-  const themeStyles = React.useMemo(() => convertShikiTheme(theme), [theme])
+const SyntaxHighlighter: React.FC<SyntaxHighlighterProps> = ({ text, language, languageId, theme, fontSize = 14, showLineNumbers = false }) => {
+  const stylesheet = useMemo(() => {
+    const themeRegistration = getThemeRegistration(theme)
+    const styles = getRNStylesFromShikiStyle(themeRegistration)
+
+    return StyleSheet.create({
+      ...styles,
+      editor: {
+        backgroundColor: themeRegistration.colors?.['editor.background'] || '#1e1e1e',
+      },
+      token: {
+        ...baseStyles.token,
+        fontSize,
+        color: themeRegistration.colors?.['editor.foreground'] || '#d4d4d4',
+      },
+      lineNumber: {
+        width: 40,
+        paddingRight: 16,
+        textAlign: 'right',
+        color: themeRegistration.colors?.['editorLineNumber.foreground'] || '#858585',
+        fontFamily: monospaceFont,
+        fontSize,
+        opacity: 0.5,
+      },
+    })
+  }, [theme, fontSize])
+
   const { tokens } = useSyntaxHighlighter({
     text,
     language,
@@ -41,38 +94,37 @@ const SyntaxHighlighter: React.FC<SyntaxHighlighterProps> = ({ text, language, l
     theme,
   })
 
-  const renderToken = (token: any, index: number, lineIndex: number) => {
-    const tokenStyle: TextStyle = {
-      ...themeStyles.token,
-      fontFamily: monospaceFont,
-      ...(token.color && { color: token.color }),
-      ...(token.fontStyle === 'italic' && themeStyles.italic),
-      ...(token.fontWeight === 'bold' && themeStyles.bold),
-      ...textStyle,
+  const renderToken = (token: ThemedToken, index: number) => {
+    const styles: StyleProp<TokenStyle>[] = [stylesheet.token]
+
+    if (token.color) {
+      styles.push({ color: token.color })
+    }
+
+    if (token.fontStyle) {
+      styles.push({
+        fontStyle: token.fontStyle as unknown as 'normal' | 'italic',
+        fontWeight: (token.fontStyle as unknown as string).includes('bold') ? 'bold' : 'normal',
+      })
     }
 
     return (
-      <Text key={`${lineIndex}-${index}`} style={tokenStyle}>
+      <Text key={index} style={styles}>
         {token.content.replace(/ /g, '\u00A0')}
       </Text>
     )
   }
 
-  const renderLine = (line: any[], lineIndex: number) => (
-    <View key={lineIndex} style={styles.lineContainer}>
-      {line.map((token, tokenIndex) => renderToken(token, tokenIndex, lineIndex))}
+  const renderLine = (line: ThemedToken[], lineIndex: number) => (
+    <View key={lineIndex} style={baseStyles.lineContainer}>
+      {showLineNumbers && <Text style={stylesheet.lineNumber}>{(lineIndex + 1).toString()}</Text>}
+      <View style={baseStyles.line}>{line.map((token, tokenIndex) => renderToken(token, tokenIndex))}</View>
     </View>
   )
 
   return (
-    <ScrollView
-      horizontal
-      showsHorizontalScrollIndicator={Platform.OS !== 'web'}
-      style={styles.scrollView}
-      contentContainerStyle={[styles.contentContainer, themeStyles.container, scrollViewProps?.contentContainerStyle]}
-      {...scrollViewProps}
-    >
-      <View onStartShouldSetResponder={() => true}>{tokens.map((line, index) => renderLine(line, index))}</View>
+    <ScrollView horizontal showsHorizontalScrollIndicator={Platform.OS !== 'web'} style={[baseStyles.scrollView, stylesheet.editor]} contentContainerStyle={baseStyles.contentContainer}>
+      <View style={baseStyles.codeContainer}>{tokens.map((line, index) => renderLine(line, index))}</View>
     </ScrollView>
   )
 }

package/src/hooks/useSyntaxHighlighter.ts

@@ -1,6 +1,7 @@
-import type { SyntaxHighlighterProps, ThemedToken, TokensResult } from '../types/shiki'
+import type { ThemedToken } from 'shiki'
+import type { SyntaxHighlighterProps, TokensResult } from '../types/shiki'
 import { useEffect, useState } from 'react'
-import { createHighlighter } from '../syntax'
+import { createHighlighter } from '../syntax/highlighter'
 
 export function useSyntaxHighlighter({ text, language, languageId, theme }: SyntaxHighlighterProps) {
   const [tokens, setTokens] = useState<ThemedToken[][]>([])
@@ -19,14 +20,22 @@ export function useSyntaxHighlighter({ text, language, languageId, theme }: Synt
       }
 
       try {
+        // First create the highlighter
         const highlighter = await createHighlighter({
           langs: [language],
-          themes: theme ? [theme] : [],
+          themes: [theme],
         })
 
+        // Get resolved theme name
+        const themeResolved = highlighter.getLoadedThemes()?.[0]
+        if (!themeResolved) {
+          throw new Error('Failed to resolve theme')
+        }
+
+        // Use resolved theme for tokenization
         const result = highlighter.codeToTokens(text, {
           lang: languageId,
-          theme: theme || 'none',
+          theme: themeResolved,
         }) as TokensResult
 
         if (mounted && result.tokens) {

package/src/index.ts

@@ -1,6 +1,3 @@
 import SyntaxHighlighter from './components/syntax/SyntaxHighlighter'
-import SyntaxLine from './components/syntax/SyntaxLine'
 
-export * from './types/shiki'
-
-export { SyntaxHighlighter, SyntaxLine }
+export { SyntaxHighlighter }

package/src/syntax/{highlighter/index.ts → highlighter.ts}

@@ -1,19 +1,31 @@
 import type { LanguageInput, ThemedToken, ThemeInput } from 'shiki'
-import type { TokenType } from '../../types'
+import type { TokenType } from '../types/shiki'
 import { createHighlighterCore } from 'shiki/dist/core.mjs'
 import { createJavaScriptRegexEngine } from 'shiki/dist/engine-javascript.mjs'
 
-async function initializeHighlighter(langs: LanguageInput[], themes: ThemeInput[]): Promise<Awaited<ReturnType<typeof createHighlighterCore>>> {
-  return createHighlighterCore({
-    engine: createJavaScriptRegexEngine(),
-    langs,
-    themes,
-  })
+const engine = createJavaScriptRegexEngine({
+  forgiving: true,
+  simulation: true,
+  cache: new Map(),
+})
+
+async function initializeHighlighter(langs: LanguageInput[], themes: ThemeInput[]) {
+  try {
+    return await createHighlighterCore({
+      langs,
+      themes,
+      engine, // Pass the configured engine
+    })
+  }
+  catch (err) {
+    console.error('Error initializing highlighter:', err)
+    throw err
+  }
 }
 
-export async function createHighlighter({ langs, themes }: { langs: LanguageInput[], themes: ThemeInput[] }): Promise<Awaited<ReturnType<typeof createHighlighterCore>>> {
-  if (!langs?.length || !themes?.length) {
-    throw new Error('Please provide both `langs` and `themes` when creating a highlighter.')
+export async function createHighlighter({ langs, themes }: { langs: LanguageInput[], themes: ThemeInput[] }) {
+  if (!langs?.length) {
+    throw new Error('Please provide languages when creating a highlighter.')
   }
 
   try {

package/src/types/shiki.ts

@@ -1,20 +1,19 @@
-import type { LanguageInput, ThemeRegistrationAny } from 'shiki'
+import type { LanguageInput, ThemedToken, ThemeInput } from 'shiki'
 
-export interface ThemedToken {
+export interface TokenType {
   content: string
   color?: string
   fontStyle?: string
-  fontWeight?: string
-}
-
-export interface TokensResult {
-  tokens: ThemedToken[][]
 }
 
 export interface SyntaxHighlighterProps {
   text: string
   language: LanguageInput
   languageId: string
-  theme?: ThemeRegistrationAny
+  theme: ThemeInput
   fontSize?: number
 }
+
+export interface TokensResult {
+  tokens: ThemedToken[][]
+}

package/src/utils/string.ts

@@ -1,4 +1,4 @@
-import type { TokenType } from '../types'
+import type { TokenType } from '../types/shiki'
 
 export function createContentPreview(tokens: TokenType[], maxLength: number = 20): string {
   return tokens

package/src/utils/style-transformer.ts

@@ -1,108 +1,64 @@
-import type { RawThemeSetting, ThemeRegistrationAny } from 'shiki'
-import { StyleSheet, type TextStyle } from 'react-native'
+import type { TextStyle } from 'react-native'
+import type { ThemeRegistration } from 'shiki'
 
 export interface HighlighterStyleSheet {
-  container: TextStyle
-  token: TextStyle
-  selection: TextStyle
-  styles: Record<string, TextStyle>
-  [key: string]: TextStyle | Record<string, TextStyle>
+  [key: string]: TextStyle
 }
 
-interface TokenStyle {
-  color?: string
-  fontStyle?: 'normal' | 'italic'
-  fontWeight?: 'normal' | 'bold'
-}
-
-function processSettings(settings: RawThemeSetting[]): Record<string, TokenStyle> {
-  const tokenStyles: Record<string, TokenStyle> = {}
-
-  settings.forEach((setting) => {
-    if (!setting.scope || !setting.settings)
-      return
+export type ReactStyle = Record<string, TextStyle>
 
-    const style: TokenStyle = {}
-    const { foreground, fontStyle } = setting.settings
-
-    if (foreground) {
-      style.color = foreground
-    }
+function normalizeColor(color: string | undefined): string {
+  if (!color)
+    return 'transparent'
+  return color
+}
 
-    if (fontStyle) {
-      if (fontStyle.includes('italic')) {
-        style.fontStyle = 'italic'
-      }
-      if (fontStyle.includes('bold')) {
-        style.fontWeight = 'bold'
-      }
+export function getRNStylesFromShikiStyle(theme: ThemeRegistration): HighlighterStyleSheet {
+  if (!theme)
+    return {}
+
+  try {
+    const styles: HighlighterStyleSheet = {
+      editor: {
+        backgroundColor: normalizeColor(theme.colors?.['editor.background']),
+      },
+      base: {
+        color: normalizeColor(theme.colors?.['editor.foreground']),
+      },
     }
 
-    // Handle single scope
-    if (typeof setting.scope === 'string') {
-      tokenStyles[setting.scope] = style
-    }
-    // Handle multiple scopes
-    else if (Array.isArray(setting.scope)) {
-      setting.scope.forEach((scope) => {
-        tokenStyles[scope] = style
+    if (theme.tokenColors) {
+      theme.tokenColors.forEach((token) => {
+        if (!token.settings)
+          return
+
+        const style: TextStyle = {}
+        if (token.settings.foreground) {
+          style.color = token.settings.foreground
+        }
+        if (token.settings.background) {
+          style.backgroundColor = token.settings.background
+        }
+        if (token.settings.fontStyle) {
+          style.fontStyle = token.settings.fontStyle.includes('italic') ? 'italic' : 'normal'
+          style.fontWeight = token.settings.fontStyle.includes('bold') ? 'bold' : 'normal'
+        }
+
+        const scopes = Array.isArray(token.scope) ? token.scope : [token.scope]
+        scopes.forEach((scope) => {
+          if (scope) {
+            styles[scope] = style
+          }
+        })
       })
     }
-  })
-
-  return tokenStyles
-}
-
-export function convertShikiTheme(theme: ThemeRegistrationAny): ReturnType<typeof StyleSheet.create> {
-  // Get all styles from both settings and tokenColors
-  const settings = [...(theme.settings || []), ...(theme.tokenColors || [])]
 
-  // Process basic colors from the theme
-  const backgroundColor = theme.colors?.['editor.background'] || theme.bg || '#1e1e1e'
-  const defaultColor = theme.colors?.['editor.foreground'] || theme.fg || '#d4d4d4'
-  const selectionColor = theme.colors?.['editor.selectionBackground'] || 'rgba(255, 255, 255, 0.1)'
-
-  // Process token styles
-  const tokenStyles = processSettings(settings)
-
-  // Convert token styles to RN styles
-  const tokenStylesMap = Object.entries(tokenStyles).reduce<Record<string, TextStyle>>((acc, [scope, style]) => {
-    acc[`token-${scope.replace(/\./g, '-')}`] = {
-      color: style.color,
-      ...(style.fontStyle && { fontStyle: style.fontStyle }),
-      ...(style.fontWeight && { fontWeight: style.fontWeight }),
-    }
-    return acc
-  }, {})
-
-  // Create the complete styles object
-  const completeStyles: HighlighterStyleSheet = {
-    container: {
-      backgroundColor,
-      flex: 1,
-      padding: 16,
-    },
-    token: {
-      color: defaultColor,
-      fontSize: 14,
-      lineHeight: 21,
-    },
-    selection: {
-      backgroundColor: selectionColor,
-    },
-    styles: tokenStylesMap,
+    return styles
   }
-
-  return StyleSheet.create(completeStyles)
-}
-
-export function getTokenStyle(theme: HighlighterStyleSheet, tokenTypes: string[], defaultColor: string): TextStyle {
-  const matchingStyles = tokenTypes.map(type => theme.styles[`token-${type.replace(/\./g, '-')}`]).filter(Boolean)
-
-  return {
-    ...theme.token,
-    color: matchingStyles[0]?.color || defaultColor,
-    ...(matchingStyles.some(s => s?.fontStyle === 'italic') && { fontStyle: 'italic' }),
-    ...(matchingStyles.some(s => s?.fontWeight === 'bold') && { fontWeight: 'bold' }),
+  catch {
+    return {
+      editor: { backgroundColor: '#1e1e1e' },
+      base: { color: '#d4d4d4' },
+    }
   }
 }

package/lib/commonjs/components/syntax/SyntaxLine.js

@@ -1,36 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactNative = require("react-native");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function SyntaxLine({
-  line,
-  fontSize
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-    style: {
-      flexDirection: 'row',
-      flexWrap: 'wrap'
-    },
-    children: line.map((token, tokenIndex) => {
-      // Preserve whitespace
-      const content = token.content.replace(/ /g, '\u00A0');
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
-        style: {
-          color: token.color,
-          fontFamily: 'monospace',
-          fontSize,
-          fontStyle: token.fontStyle
-        },
-        children: content
-      }, `${content}-${tokenIndex}`);
-    })
-  });
-}
-var _default = exports.default = SyntaxLine;
-//# sourceMappingURL=SyntaxLine.js.map

package/lib/commonjs/components/syntax/SyntaxLine.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_jsxRuntime","e","__esModule","default","SyntaxLine","line","fontSize","jsx","View","style","flexDirection","flexWrap","children","map","token","tokenIndex","content","replace","Text","color","fontFamily","fontStyle","_default","exports"],"sourceRoot":"../../../../src","sources":["components/syntax/SyntaxLine.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAyC,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAOzC,SAASG,UAAUA,CAAC;EAAEC,IAAI;EAAEC;AAA0B,CAAC,EAAE;EACvD,oBACE,IAAAN,WAAA,CAAAO,GAAA,EAACR,YAAA,CAAAS,IAAI;IAACC,KAAK,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,QAAQ,EAAE;IAAO,CAAE;IAAAC,QAAA,EACrDP,IAAI,CAACQ,GAAG,CAAC,CAACC,KAAK,EAAEC,UAAU,KAAK;MAC/B;MACA,MAAMC,OAAO,GAAGF,KAAK,CAACE,OAAO,CAACC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;MACrD,oBACE,IAAAjB,WAAA,CAAAO,GAAA,EAACR,YAAA,CAAAmB,IAAI;QAEHT,KAAK,EAAE;UACLU,KAAK,EAAEL,KAAK,CAACK,KAAK;UAClBC,UAAU,EAAE,WAAW;UACvBd,QAAQ;UACRe,SAAS,EAAEP,KAAK,CAACO;QACnB,CAAE;QAAAT,QAAA,EAEDI;MAAO,GARH,GAAGA,OAAO,IAAID,UAAU,EASzB,CAAC;IAEX,CAAC;EAAC,CACE,CAAC;AAEX;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAApB,OAAA,GAEcC,UAAU","ignoreList":[]}

package/lib/commonjs/components/syntax/index.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "SyntaxHighlighter", {
-  enumerable: true,
-  get: function () {
-    return _SyntaxHighlighter.default;
-  }
-});
-Object.defineProperty(exports, "SyntaxLine", {
-  enumerable: true,
-  get: function () {
-    return _SyntaxLine.default;
-  }
-});
-var _SyntaxHighlighter = _interopRequireDefault(require("./SyntaxHighlighter"));
-var _SyntaxLine = _interopRequireDefault(require("./SyntaxLine"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-//# sourceMappingURL=index.js.map

package/lib/commonjs/components/syntax/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_SyntaxHighlighter","_interopRequireDefault","require","_SyntaxLine","e","__esModule","default"],"sourceRoot":"../../../../src","sources":["components/syntax/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,kBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAAoD,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/syntax/highlighter/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_core","require","_javascript","initializeHighlighter","langs","themes","createHighlighterCore","engine","createJavaScriptRegexEngine","createHighlighter","length","Error","highlighter","error","console","processTokens","tokens","map","token","content","color","fontStyle","toString"],"sourceRoot":"../../../../src","sources":["syntax/highlighter/index.ts"],"mappings":";;;;;;;AAEA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAEA,eAAeE,qBAAqBA,CAACC,KAAsB,EAAEC,MAAoB,EAA8D;EAC7I,OAAO,IAAAC,2BAAqB,EAAC;IAC3BC,MAAM,EAAE,IAAAC,uCAA2B,EAAC,CAAC;IACrCJ,KAAK;IACLC;EACF,CAAC,CAAC;AACJ;AAEO,eAAeI,iBAAiBA,CAAC;EAAEL,KAAK;EAAEC;AAAyD,CAAC,EAA8D;EACvK,IAAI,CAACD,KAAK,EAAEM,MAAM,IAAI,CAACL,MAAM,EAAEK,MAAM,EAAE;IACrC,MAAM,IAAIC,KAAK,CAAC,uEAAuE,CAAC;EAC1F;EAEA,IAAI;IACF,MAAMC,WAAW,GAAG,MAAMT,qBAAqB,CAACC,KAAK,EAAEC,MAAM,CAAC;IAC9D,OAAOO,WAAW;EACpB,CAAC,CACD,OAAOC,KAAK,EAAE;IACZC,OAAO,CAACD,KAAK,CAAC,+BAA+B,EAAEA,KAAK,CAAC;IACrD,MAAMA,KAAK;EACb;AACF;AAEO,SAASE,aAAaA,CAACC,MAAqB,EAAe;EAChE,OAAOA,MAAM,CAACC,GAAG,CAACC,KAAK,KAAK;IAC1BC,OAAO,EAAED,KAAK,CAACC,OAAO;IACtBC,KAAK,EAAEF,KAAK,CAACE,KAAK,IAAI,SAAS;IAC/BC,SAAS,EAAEH,KAAK,CAACG,SAAS,EAAEC,QAAQ,CAAC;EACvC,CAAC,CAAC,CAAC;AACL","ignoreList":[]}

package/lib/commonjs/syntax/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "createHighlighter", {
-  enumerable: true,
-  get: function () {
-    return _highlighter.createHighlighter;
-  }
-});
-Object.defineProperty(exports, "processTokens", {
-  enumerable: true,
-  get: function () {
-    return _highlighter.processTokens;
-  }
-});
-var _highlighter = require("./highlighter");
-//# sourceMappingURL=index.js.map

package/lib/commonjs/syntax/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_highlighter","require"],"sourceRoot":"../../../src","sources":["syntax/index.ts"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA","ignoreList":[]}

package/lib/commonjs/types/index.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=index.js.map

package/lib/commonjs/types/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/index.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/types/shiki.d.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=shiki.d.js.map

package/lib/commonjs/types/shiki.d.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/shiki.d.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/utils/index.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _string = require("./string");
-Object.keys(_string).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _string[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _string[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/lib/commonjs/utils/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_string","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../src","sources":["utils/index.ts"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/module/components/syntax/SyntaxLine.js

@@ -1,31 +0,0 @@
-"use strict";
-
-import React from 'react';
-import { Text, View } from 'react-native';
-import { jsx as _jsx } from "react/jsx-runtime";
-function SyntaxLine({
-  line,
-  fontSize
-}) {
-  return /*#__PURE__*/_jsx(View, {
-    style: {
-      flexDirection: 'row',
-      flexWrap: 'wrap'
-    },
-    children: line.map((token, tokenIndex) => {
-      // Preserve whitespace
-      const content = token.content.replace(/ /g, '\u00A0');
-      return /*#__PURE__*/_jsx(Text, {
-        style: {
-          color: token.color,
-          fontFamily: 'monospace',
-          fontSize,
-          fontStyle: token.fontStyle
-        },
-        children: content
-      }, `${content}-${tokenIndex}`);
-    })
-  });
-}
-export default SyntaxLine;
-//# sourceMappingURL=SyntaxLine.js.map

package/lib/module/components/syntax/SyntaxLine.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Text","View","jsx","_jsx","SyntaxLine","line","fontSize","style","flexDirection","flexWrap","children","map","token","tokenIndex","content","replace","color","fontFamily","fontStyle"],"sourceRoot":"../../../../src","sources":["components/syntax/SyntaxLine.tsx"],"mappings":";;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,IAAI,QAAQ,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAOzC,SAASC,UAAUA,CAAC;EAAEC,IAAI;EAAEC;AAA0B,CAAC,EAAE;EACvD,oBACEH,IAAA,CAACF,IAAI;IAACM,KAAK,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,QAAQ,EAAE;IAAO,CAAE;IAAAC,QAAA,EACrDL,IAAI,CAACM,GAAG,CAAC,CAACC,KAAK,EAAEC,UAAU,KAAK;MAC/B;MACA,MAAMC,OAAO,GAAGF,KAAK,CAACE,OAAO,CAACC,OAAO,CAAC,IAAI,EAAE,QAAQ,CAAC;MACrD,oBACEZ,IAAA,CAACH,IAAI;QAEHO,KAAK,EAAE;UACLS,KAAK,EAAEJ,KAAK,CAACI,KAAK;UAClBC,UAAU,EAAE,WAAW;UACvBX,QAAQ;UACRY,SAAS,EAAEN,KAAK,CAACM;QACnB,CAAE;QAAAR,QAAA,EAEDI;MAAO,GARH,GAAGA,OAAO,IAAID,UAAU,EASzB,CAAC;IAEX,CAAC;EAAC,CACE,CAAC;AAEX;AAEA,eAAeT,UAAU","ignoreList":[]}

package/lib/module/components/syntax/index.js

@@ -1,5 +0,0 @@
-"use strict";
-
-export { default as SyntaxHighlighter } from './SyntaxHighlighter';
-export { default as SyntaxLine } from './SyntaxLine';
-//# sourceMappingURL=index.js.map

package/lib/module/components/syntax/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["default","SyntaxHighlighter","SyntaxLine"],"sourceRoot":"../../../../src","sources":["components/syntax/index.ts"],"mappings":";;AAAA,SAASA,OAAO,IAAIC,iBAAiB,QAAQ,qBAAqB;AAClE,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc","ignoreList":[]}