rn-shiki 0.0.4 → 0.0.6

package/package.json

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

package/src/syntax/highlighter/index.ts

@@ -1,38 +1,38 @@
 import type { LanguageInput, ThemedToken, ThemeInput } from 'shiki'
 import type { TokenType } from '../../types'
 import { createHighlighterCore } from 'shiki/core'
-import { createJavaScriptRegexEngine } from 'shiki/engine-javascript.mjs'
+import { createJavaScriptRegexEngine } from 'shiki/engine/javascript'
 
-// Import grammar JSON files using require
-const cssGrammar = require('tm-grammars/grammars/css.json')
-const htmlGrammar = require('tm-grammars/grammars/html.json')
-const javascriptGrammar = require('tm-grammars/grammars/javascript.json')
-const jsonGrammar = require('tm-grammars/grammars/json.json')
-const phpGrammar = require('tm-grammars/grammars/php.json')
-const typescriptGrammar = require('tm-grammars/grammars/typescript.json')
+// Import languages
+import css from 'shiki/langs/css.mjs'
+import html from 'shiki/langs/html.mjs'
+import javascript from 'shiki/langs/javascript.mjs'
+import json from 'shiki/langs/json.mjs'
+import php from 'shiki/langs/php.mjs'
+import typescript from 'shiki/langs/typescript.mjs'
 
-// Import theme JSON files using require
-const githubDarkTheme = require('tm-themes/themes/github-dark.json')
-const githubLightTheme = require('tm-themes/themes/github-light.json')
+// Import themes
+import githubDark from 'shiki/themes/github-dark.mjs'
+import githubLight from 'shiki/themes/github-light.mjs'
 
 // Define supported languages and themes explicitly
 export type SupportedLanguage = 'css' | 'html' | 'javascript' | 'json' | 'php' | 'typescript'
 export type SupportedTheme = 'github-dark' | 'github-light'
 
-// Use full grammar definitions
+// Bundled languages mapping - using the imported grammars directly
 const LANGUAGE_IMPORTS: Record<SupportedLanguage, LanguageInput> = {
-  css: cssGrammar,
-  html: htmlGrammar,
-  javascript: javascriptGrammar,
-  json: jsonGrammar,
-  php: phpGrammar,
-  typescript: typescriptGrammar,
+  css,
+  html,
+  javascript,
+  json,
+  php,
+  typescript,
 }
 
-// Use full theme definitions
+// Bundled themes mapping
 const THEME_IMPORTS: Record<SupportedTheme, ThemeInput> = {
-  'github-dark': githubDarkTheme,
-  'github-light': githubLightTheme,
+  'github-dark': githubDark,
+  'github-light': githubLight,
 }
 
 // Singleton highlighter instance with tracking