rn-shiki 0.0.3 → 0.0.4

package/package.json

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

package/src/syntax/highlighter/index.ts

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