rn-shiki 0.0.37-2 → 0.0.37-21

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,71 +1,107 @@
 import type { TextStyle } from 'react-native'
-import type { ThemeRegistrationAny } from 'shiki'
+import transform from 'css-to-react-native'
 
-export interface RNTokenStyle {
-  color?: string
-  backgroundColor?: string
-  fontWeight?: TextStyle['fontWeight']
-  fontStyle?: TextStyle['fontStyle']
+export interface HighlighterStyleSheet {
+  [key: string]: TextStyle
 }
 
-const ALLOWED_STYLE_PROPERTIES = {
-  'color': true,
-  'background': true,
-  'background-color': true,
-  'font-weight': true,
-  'font-style': true,
-} as const
-
-function transformValue(key: string, value: string): any {
-  switch (key) {
-    case 'background':
-    case 'background-color':
-      return ['backgroundColor', value]
-    case 'font-weight':
-      return ['fontWeight', value === 'bold' ? 'bold' : 'normal']
-    case 'font-style':
-      return ['fontStyle', value === 'italic' ? 'italic' : 'normal']
-    default:
-      return [key, value]
+export type ReactStyle = Record<string, TextStyle>
+
+// Helper function to convert hex color to RGB
+function hexToRgb(hex: string): { r: number, g: number, b: number } | null {
+  const result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex)
+  return result
+    ? {
+        r: Number.parseInt(result[1]!, 16),
+        g: Number.parseInt(result[2]!, 16),
+        b: Number.parseInt(result[3]!, 16),
+      }
+    : null
+}
+
+// Helper function to normalize color values
+function normalizeColor(color: string | undefined): string {
+  if (!color)
+    return 'transparent'
+
+  // Type guard to ensure color is string before we call string methods
+  if (typeof color === 'string' && color.startsWith('#')) {
+    const rgb = hexToRgb(color)
+    if (rgb) {
+      return `rgb(${rgb.r}, ${rgb.g}, ${rgb.b})`
+    }
   }
+  return color
 }
 
-export function convertShikiTheme(theme: ThemeRegistrationAny): {
-  backgroundColor: string
-  defaultColor: string
-  styles: Record<string, RNTokenStyle>
-} {
-  // Extract theme colors
-  const backgroundColor = theme.bg || '#1e1e1e'
-  const defaultColor = theme.fg || '#d4d4d4'
+export function convertTokenColorsToReactStyle(tokenColors: any[]): ReactStyle {
+  const styleMap: ReactStyle = {}
 
-  // Convert token colors
-  const styles: Record<string, RNTokenStyle> = {}
+  // Add default styles
+  styleMap.default = {
+    color: '#e1e4e8',
+    backgroundColor: 'transparent',
+  }
 
-  theme.settings?.forEach((setting) => {
-    if (!setting.scope || !setting.settings)
+  tokenColors.forEach((token) => {
+    if (!token.settings || !token.scope)
       return
 
-    const scopes = Array.isArray(setting.scope) ? setting.scope : [setting.scope]
-    const style: RNTokenStyle = {}
+    const scopes = Array.isArray(token.scope) ? token.scope : [token.scope]
+    const styleEntries: Array<[string, string]> = []
 
-    // Convert CSS-style properties to RN style properties
-    Object.entries(setting.settings).forEach(([key, value]) => {
-      if (ALLOWED_STYLE_PROPERTIES[key as keyof typeof ALLOWED_STYLE_PROPERTIES]) {
-        const [rnKey, rnValue] = transformValue(key, value as string)
-        style[rnKey as keyof RNTokenStyle] = rnValue
+    // Only add styles if they exist
+    if (token.settings.foreground) {
+      styleEntries.push(['color', normalizeColor(token.settings.foreground)])
+    }
+    if (token.settings.background) {
+      styleEntries.push(['backgroundColor', normalizeColor(token.settings.background)])
+    }
+    if (token.settings.fontStyle) {
+      if (token.settings.fontStyle.includes('italic')) {
+        styleEntries.push(['fontStyle', 'italic'])
       }
-    })
+      if (token.settings.fontStyle.includes('bold')) {
+        styleEntries.push(['fontWeight', 'bold'])
+      }
+    }
+
+    if (styleEntries.length > 0) {
+      const transformedStyle = transform(styleEntries)
 
-    // Apply style to each scope
-    scopes.forEach((scope) => {
-      styles[scope] = style
-    })
+      scopes.forEach((scope: string) => {
+        if (typeof scope === 'string') {
+          styleMap[scope] = { ...(styleMap[scope] || {}), ...transformedStyle }
+        }
+      })
+    }
   })
 
-  return {
-    backgroundColor,
-    defaultColor,
-    styles,
+  return styleMap
+}
+
+export function getRNStylesFromShikiStyle(theme: any): HighlighterStyleSheet {
+  if (!theme || !theme.tokenColors) {
+    console.error('Provided theme does not contain \'tokenColors\'.')
+    return {}
+  }
+
+  try {
+    // Convert theme colors to React Native styles
+    const styles = convertTokenColorsToReactStyle(theme.tokenColors)
+
+    // Add theme-specific base styles if they exist
+    if (theme.colors) {
+      styles.base = {
+        color: normalizeColor(theme.colors['editor.foreground']),
+        backgroundColor: normalizeColor(theme.colors['editor.background']),
+      }
+    }
+
+    return styles
+  }
+  catch {
+    console.error('Error converting theme styles')
+    return {}
   }
 }

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":[]}

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

@@ -1,34 +0,0 @@
-"use strict";
-
-import { createHighlighterCore } from 'shiki/core';
-import { createJavaScriptRegexEngine } from 'shiki/engine/javascript';
-async function initializeHighlighter(langs, themes) {
-  return createHighlighterCore({
-    engine: createJavaScriptRegexEngine(),
-    langs,
-    themes
-  });
-}
-export async function createHighlighter({
-  langs,
-  themes
-}) {
-  if (!langs?.length || !themes?.length) {
-    throw new Error('Please provide both `langs` and `themes` when creating a highlighter.');
-  }
-  try {
-    const highlighter = await initializeHighlighter(langs, themes);
-    return highlighter;
-  } catch (error) {
-    console.error('Failed to create highlighter:', error);
-    throw error;
-  }
-}
-export function processTokens(tokens) {
-  return tokens.map(token => ({
-    content: token.content,
-    color: token.color || '#000000',
-    fontStyle: token.fontStyle?.toString()
-  }));
-}
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["createHighlighterCore","createJavaScriptRegexEngine","initializeHighlighter","langs","themes","engine","createHighlighter","length","Error","highlighter","error","console","processTokens","tokens","map","token","content","color","fontStyle","toString"],"sourceRoot":"../../../../src","sources":["syntax/highlighter/index.ts"],"mappings":";;AAEA,SAASA,qBAAqB,QAAQ,YAAY;AAClD,SAASC,2BAA2B,QAAQ,yBAAyB;AAErE,eAAeC,qBAAqBA,CAACC,KAAsB,EAAEC,MAAoB,EAA8D;EAC7I,OAAOJ,qBAAqB,CAAC;IAC3BK,MAAM,EAAEJ,2BAA2B,CAAC,CAAC;IACrCE,KAAK;IACLC;EACF,CAAC,CAAC;AACJ;AAEA,OAAO,eAAeE,iBAAiBA,CAAC;EAAEH,KAAK;EAAEC;AAAyD,CAAC,EAA8D;EACvK,IAAI,CAACD,KAAK,EAAEI,MAAM,IAAI,CAACH,MAAM,EAAEG,MAAM,EAAE;IACrC,MAAM,IAAIC,KAAK,CAAC,uEAAuE,CAAC;EAC1F;EAEA,IAAI;IACF,MAAMC,WAAW,GAAG,MAAMP,qBAAqB,CAACC,KAAK,EAAEC,MAAM,CAAC;IAC9D,OAAOK,WAAW;EACpB,CAAC,CACD,OAAOC,KAAK,EAAE;IACZC,OAAO,CAACD,KAAK,CAAC,+BAA+B,EAAEA,KAAK,CAAC;IACrD,MAAMA,KAAK;EACb;AACF;AAEA,OAAO,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/module/syntax/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export { createHighlighter, processTokens } from './highlighter';
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["createHighlighter","processTokens"],"sourceRoot":"../../../src","sources":["syntax/index.ts"],"mappings":";;AAAA,SAASA,iBAAiB,EAAEC,aAAa,QAAQ,eAAe","ignoreList":[]}

package/lib/module/types/index.js

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

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

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

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

@@ -1,4 +0,0 @@
-"use strict";
-
-export {};
-//# sourceMappingURL=shiki.d.js.map

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

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

package/lib/module/utils/index.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export * from './string';
-//# sourceMappingURL=index.js.map

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

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

package/lib/typescript/components/syntax/SyntaxLine.d.ts

@@ -1,9 +0,0 @@
-import type { TokenType } from '../../types';
-import React from 'react';
-interface SyntaxLineProps {
-    line: TokenType[];
-    fontSize?: number;
-}
-declare function SyntaxLine({ line, fontSize }: SyntaxLineProps): React.JSX.Element;
-export default SyntaxLine;
-//# sourceMappingURL=SyntaxLine.d.ts.map

package/lib/typescript/components/syntax/SyntaxLine.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"SyntaxLine.d.ts","sourceRoot":"","sources":["../../../../src/components/syntax/SyntaxLine.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,UAAU,eAAe;IACvB,IAAI,EAAE,SAAS,EAAE,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB;AAED,iBAAS,UAAU,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,eAAe,qBAsBtD;AAED,eAAe,UAAU,CAAA"}

package/lib/typescript/components/syntax/index.d.ts

@@ -1,3 +0,0 @@
-export { default as SyntaxHighlighter } from './SyntaxHighlighter';
-export { default as SyntaxLine } from './SyntaxLine';
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/syntax/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/syntax/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/lib/typescript/syntax/highlighter/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/syntax/highlighter/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAC5C,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAA;AAWlD,wBAAsB,iBAAiB,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE;IAAE,KAAK,EAAE,aAAa,EAAE,CAAC;IAAC,MAAM,EAAE,UAAU,EAAE,CAAA;CAAE,GAAG,OAAO,CAAC,OAAO,CAAC,UAAU,CAAC,OAAO,qBAAqB,CAAC,CAAC,CAAC,CAavK;AAED,wBAAgB,aAAa,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,CAMhE"}

package/lib/typescript/syntax/index.d.ts

@@ -1,2 +0,0 @@
-export { createHighlighter, processTokens } from './highlighter';
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/syntax/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/syntax/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA"}

package/lib/typescript/types/index.d.ts

@@ -1,7 +0,0 @@
-export interface TokenType {
-    content: string;
-    color: string;
-    fontStyle?: string;
-    fontWeight?: string;
-}
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/types/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,CAAA;CACpB"}

package/lib/typescript/utils/index.d.ts

@@ -1,2 +0,0 @@
-export * from './string';
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/utils/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/src/components/syntax/SyntaxLine.tsx

@@ -1,81 +0,0 @@
-import type { TokenType } from '../../types'
-import type { RNTokenStyle } from '../../utils/style-transformer'
-import React from 'react'
-import { Platform, StyleSheet, Text, View } from 'react-native'
-
-const monospaceFont = Platform.select({
-  ios: 'Menlo',
-  android: 'monospace',
-  default: 'monospace',
-})
-
-const styles = StyleSheet.create({
-  lineContainer: {
-    flexDirection: 'row',
-    flexWrap: 'wrap',
-  },
-  token: {
-    includeFontPadding: false,
-  },
-})
-
-interface SyntaxLineProps {
-  line: TokenType[]
-  fontSize?: number
-  isLastLine?: boolean
-  themeStyles: {
-    backgroundColor: string
-    defaultColor: string
-    styles: Record<string, RNTokenStyle>
-  }
-}
-
-function SyntaxLine({ line, fontSize = 14, isLastLine = false, themeStyles }: SyntaxLineProps) {
-  const lineHeight = Math.floor(fontSize * 1.5)
-
-  return (
-    <View
-      style={[
-        styles.lineContainer,
-        {
-          minHeight: lineHeight,
-          paddingBottom: !isLastLine ? 4 : 0,
-        },
-      ]}
-    >
-      {line.map((token, tokenIndex) => {
-        const content = token.content.replace(/ /g, '\u00A0')
-        // Use converted theme styles
-        const tokenStyle = token.color ? { color: token.color } : { color: themeStyles.defaultColor }
-
-        return (
-          <Text
-            key={`${tokenIndex}-${content.slice(0, 8)}`}
-            style={[
-              styles.token,
-              {
-                ...tokenStyle,
-                fontFamily: monospaceFont,
-                fontSize,
-                fontStyle: token.fontStyle as 'normal' | 'italic',
-                fontWeight: token.fontWeight as 'normal' | 'bold',
-                lineHeight,
-                height: lineHeight,
-                textAlignVertical: 'center',
-                ...(Platform.OS === 'ios'
-                  ? {
-                      paddingTop: 2,
-                    }
-                  : {}),
-              },
-            ]}
-          >
-            {content}
-          </Text>
-        )
-      })}
-    </View>
-  )
-}
-
-export default SyntaxLine

package/src/components/syntax/index.ts

@@ -1,2 +0,0 @@
-export { default as SyntaxHighlighter } from './SyntaxHighlighter'
-export { default as SyntaxLine } from './SyntaxLine'

package/src/syntax/index.ts

@@ -1 +0,0 @@
-export { createHighlighter, processTokens } from './highlighter'

package/src/types/index.ts

@@ -1,6 +0,0 @@
-export interface TokenType {
-  content: string
-  color?: string
-  fontStyle?: string
-  fontWeight?: string
-}

package/src/utils/index.ts

@@ -1 +0,0 @@
-export * from './string'