rn-shiki 0.0.15 → 0.0.17

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "rn-shiki",
   "type": "module",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "Shiki syntax highlighter for React Native.",
   "author": "Ryan Skinner <hello@ryanskinner.com>",
   "license": "MIT",
@@ -13,11 +13,23 @@
     "android",
     "web"
   ],
-  "main": "lib/commonjs/index",
-  "module": "lib/module/index",
+  "exports": {
+    ".": {
+      "types": "./lib/typescript/index.d.ts",
+      "import": "./lib/module/index.js",
+      "require": "./lib/commonjs/index.js",
+      "default": "./lib/module/index.js"
+    }
+  },
+  "main": "lib/commonjs/index.js",
+  "module": "lib/module/index.js",
   "types": "lib/typescript/index.d.ts",
   "react-native": "src/index",
   "source": "src/index",
+  "files": [
+    "lib",
+    "src"
+  ],
   "scripts": {
     "build:shiki": "node scripts/build.js",
     "build": "yarn build:shiki && bob build",
@@ -53,8 +65,38 @@
     "source": "src",
     "output": "lib",
     "targets": [
-      "commonjs",
-      "module",
+      [
+        "commonjs",
+        {
+          "babelrc": true,
+          "configFile": true,
+          "babel": {
+            "generatorOpts": {
+              "compact": false,
+              "retainLines": true,
+              "shouldPrintComment": true,
+              "concise": false,
+              "minified": false
+            }
+          }
+        }
+      ],
+      [
+        "module",
+        {
+          "babelrc": true,
+          "configFile": true,
+          "babel": {
+            "generatorOpts": {
+              "compact": false,
+              "retainLines": true,
+              "shouldPrintComment": true,
+              "concise": false,
+              "minified": false
+            }
+          }
+        }
+      ],
       [
         "typescript",
         {

package/src/components/syntax/SyntaxHighlighter.tsx

@@ -1,9 +1,9 @@
 import type { LanguageInput, ThemeInput } from 'shiki'
 import React from 'react'
 import { Text, View } from 'react-native'
-import typescript from 'vendor/shiki/langs/typescript'
-import githubDark from 'vendor/shiki/themes/github-dark'
 import { useSyntaxHighlighter } from '../../hooks/useSyntaxHighlighter'
+import typescript from '../../vendor/shiki/langs/typescript'
+import githubDark from '../../vendor/shiki/themes/github-dark'
 
 interface SyntaxHighlighterProps {
   text: string
@@ -34,6 +34,7 @@ function SyntaxHighlighter({
     return (
       <Text style={{ color: '#ff6b6b', fontFamily: 'monospace', fontSize }}>
         Error:
+        {' '}
         {error}
       </Text>
     )

package/src/hooks/useSyntaxHighlighter.ts

@@ -1,21 +1,7 @@
-import type { LanguageInput, ThemedToken, ThemeInput } from 'shiki'
+import type { ShikiResult, SyntaxHighlighterProps, ThemedToken } from '../types/shiki'
 import { useEffect, useState } from 'react'
 import { createHighlighter } from '../syntax'
 
-interface ShikiResult {
-  tokens: ThemedToken[][]
-  bg: string
-  fg: string
-}
-
-interface SyntaxHighlighterProps {
-  text: string
-  lang: LanguageInput
-  langName: string
-  theme: ThemeInput
-  themeName: string
-}
-
 export function useSyntaxHighlighter({ text, lang, langName, theme, themeName }: SyntaxHighlighterProps) {
   const [tokens, setTokens] = useState<ThemedToken[][]>([])
   const [error, setError] = useState<string>()

package/src/index.ts

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

package/src/syntax/highlighter/index.ts

@@ -1,7 +1,7 @@
 import type { LanguageInput, ThemedToken, ThemeInput } from 'shiki'
 import type { TokenType } from '../../types'
-import { createHighlighterCore } from '../../../vendor/shiki/core/core'
-import { createJavaScriptRegexEngine } from '../../../vendor/shiki/core/engine-javascript'
+import { createHighlighterCore } from 'vendor/shiki/core/core'
+import { createJavaScriptRegexEngine } from 'vendor/shiki/core/engine-javascript'
 
 async function initializeHighlighter(langs: LanguageInput[], themes: ThemeInput[]): Promise<Awaited<ReturnType<typeof createHighlighterCore>>> {
   return createHighlighterCore({

package/src/types/shiki.d.ts

@@ -1,8 +1,15 @@
-declare module '*/vendor/shiki/core/core' {
-  import type { LanguageInput, ThemeInput } from 'shiki'
+import type { LanguageInput, ThemeInput } from 'shiki'
 
-  export function createHighlighterCore(options: { engine: any, langs: LanguageInput[], themes: ThemeInput[] }): any
+declare module 'vendor/shiki/core/core' {
+  export interface HighlighterCoreOptions {
+    engine: any
+    langs: LanguageInput[]
+    themes: ThemeInput[]
+  }
+
+  export function createHighlighterCore(options: HighlighterCoreOptions): any
 }
-declare module '*/vendor/shiki/core/engine-javascript' {
+
+declare module 'vendor/shiki/core/engine-javascript' {
   export function createJavaScriptRegexEngine(): any
 }

package/src/types/shiki.ts

@@ -0,0 +1,17 @@
+import type { LanguageInput, ThemedToken, ThemeInput } from 'shiki'
+
+export type { LanguageInput, ThemedToken, ThemeInput }
+
+export interface ShikiResult {
+  tokens: ThemedToken[][]
+  bg: string
+  fg: string
+}
+
+export interface SyntaxHighlighterProps {
+  text: string
+  lang: LanguageInput
+  langName: string
+  theme: ThemeInput
+  themeName: string
+}

package/src/vendor/shiki/core/core.d.ts

@@ -0,0 +1,11 @@
+import type { LanguageInput, ThemeInput } from 'shiki'
+
+export interface HighlighterCoreOptions {
+  engine: any
+  langs: LanguageInput[]
+  themes: ThemeInput[]
+}
+
+export function createHighlighterCore(options: HighlighterCoreOptions): Promise<{
+  codeToTokens: (code: string, options: { lang: string; theme: string }) => any
+}>

package/src/vendor/shiki/core/engine-javascript.d.ts

@@ -0,0 +1,5 @@
+export function createJavaScriptRegexEngine(): {
+  grammar: any
+  getRuleStack: (line: string) => any
+  tokenizeLine: (line: string, stack: any) => any
+}

package/src/vendor/shiki/langs/abap.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const abap: LanguageInput;
+export default abap;

package/src/vendor/shiki/langs/actionscript-3.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const actionscript_3: LanguageInput;
+export default actionscript_3;

package/src/vendor/shiki/langs/ada.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const ada: LanguageInput;
+export default ada;

package/src/vendor/shiki/langs/adoc.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const adoc: LanguageInput;
+export default adoc;

package/src/vendor/shiki/langs/angular-expression.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const angular_expression: LanguageInput;
+export default angular_expression;

package/src/vendor/shiki/langs/angular-html.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const angular_html: LanguageInput;
+export default angular_html;

package/src/vendor/shiki/langs/angular-inline-style.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const angular_inline_style: LanguageInput;
+export default angular_inline_style;

package/src/vendor/shiki/langs/angular-inline-template.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const angular_inline_template: LanguageInput;
+export default angular_inline_template;

package/src/vendor/shiki/langs/angular-let-declaration.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const angular_let_declaration: LanguageInput;
+export default angular_let_declaration;

package/src/vendor/shiki/langs/angular-template-blocks.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const angular_template_blocks: LanguageInput;
+export default angular_template_blocks;

package/src/vendor/shiki/langs/angular-template.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const angular_template: LanguageInput;
+export default angular_template;

package/src/vendor/shiki/langs/angular-ts.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const angular_ts: LanguageInput;
+export default angular_ts;

package/src/vendor/shiki/langs/apache.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const apache: LanguageInput;
+export default apache;

package/src/vendor/shiki/langs/apex.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const apex: LanguageInput;
+export default apex;

package/src/vendor/shiki/langs/apl.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const apl: LanguageInput;
+export default apl;

package/src/vendor/shiki/langs/applescript.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const applescript: LanguageInput;
+export default applescript;

package/src/vendor/shiki/langs/ara.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const ara: LanguageInput;
+export default ara;

package/src/vendor/shiki/langs/asciidoc.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const asciidoc: LanguageInput;
+export default asciidoc;

package/src/vendor/shiki/langs/asm.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const asm: LanguageInput;
+export default asm;

package/src/vendor/shiki/langs/astro.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const astro: LanguageInput;
+export default astro;

package/src/vendor/shiki/langs/awk.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const awk: LanguageInput;
+export default awk;

package/src/vendor/shiki/langs/ballerina.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const ballerina: LanguageInput;
+export default ballerina;

package/src/vendor/shiki/langs/bash.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const bash: LanguageInput;
+export default bash;

package/src/vendor/shiki/langs/bat.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const bat: LanguageInput;
+export default bat;

package/src/vendor/shiki/langs/batch.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const batch: LanguageInput;
+export default batch;

package/src/vendor/shiki/langs/be.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const be: LanguageInput;
+export default be;

package/src/vendor/shiki/langs/beancount.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const beancount: LanguageInput;
+export default beancount;

package/src/vendor/shiki/langs/berry.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const berry: LanguageInput;
+export default berry;

package/src/vendor/shiki/langs/bibtex.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const bibtex: LanguageInput;
+export default bibtex;

package/src/vendor/shiki/langs/bicep.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const bicep: LanguageInput;
+export default bicep;

package/src/vendor/shiki/langs/blade.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const blade: LanguageInput;
+export default blade;

package/src/vendor/shiki/langs/c.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const c: LanguageInput;
+export default c;

package/src/vendor/shiki/langs/cadence.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const cadence: LanguageInput;
+export default cadence;

package/src/vendor/shiki/langs/cdc.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const cdc: LanguageInput;
+export default cdc;

package/src/vendor/shiki/langs/clarity.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const clarity: LanguageInput;
+export default clarity;

package/src/vendor/shiki/langs/clj.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const clj: LanguageInput;
+export default clj;

package/src/vendor/shiki/langs/clojure.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const clojure: LanguageInput;
+export default clojure;

package/src/vendor/shiki/langs/closure-templates.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const closure_templates: LanguageInput;
+export default closure_templates;

package/src/vendor/shiki/langs/cmake.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const cmake: LanguageInput;
+export default cmake;

package/src/vendor/shiki/langs/cmd.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const cmd: LanguageInput;
+export default cmd;

package/src/vendor/shiki/langs/cobol.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const cobol: LanguageInput;
+export default cobol;

package/src/vendor/shiki/langs/codeowners.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const codeowners: LanguageInput;
+export default codeowners;

package/src/vendor/shiki/langs/codeql.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const codeql: LanguageInput;
+export default codeql;

package/src/vendor/shiki/langs/coffee.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const coffee: LanguageInput;
+export default coffee;

package/src/vendor/shiki/langs/coffeescript.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const coffeescript: LanguageInput;
+export default coffeescript;

package/src/vendor/shiki/langs/common-lisp.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const common_lisp: LanguageInput;
+export default common_lisp;

package/src/vendor/shiki/langs/console.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const console: LanguageInput;
+export default console;

package/src/vendor/shiki/langs/coq.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const coq: LanguageInput;
+export default coq;

package/src/vendor/shiki/langs/cpp-macro.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const cpp_macro: LanguageInput;
+export default cpp_macro;

package/src/vendor/shiki/langs/cpp.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const cpp: LanguageInput;
+export default cpp;

package/src/vendor/shiki/langs/cql.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const cql: LanguageInput;
+export default cql;

package/src/vendor/shiki/langs/crystal.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const crystal: LanguageInput;
+export default crystal;

package/src/vendor/shiki/langs/cs.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const cs: LanguageInput;
+export default cs;

package/src/vendor/shiki/langs/csharp.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const csharp: LanguageInput;
+export default csharp;

package/src/vendor/shiki/langs/css.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const css: LanguageInput;
+export default css;

package/src/vendor/shiki/langs/csv.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const csv: LanguageInput;
+export default csv;

package/src/vendor/shiki/langs/cue.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const cue: LanguageInput;
+export default cue;

package/src/vendor/shiki/langs/cypher.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const cypher: LanguageInput;
+export default cypher;

package/src/vendor/shiki/langs/d.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const d: LanguageInput;
+export default d;

package/src/vendor/shiki/langs/dart.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const dart: LanguageInput;
+export default dart;

package/src/vendor/shiki/langs/dax.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const dax: LanguageInput;
+export default dax;

package/src/vendor/shiki/langs/desktop.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const desktop: LanguageInput;
+export default desktop;

package/src/vendor/shiki/langs/diff.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const diff: LanguageInput;
+export default diff;

package/src/vendor/shiki/langs/docker.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const docker: LanguageInput;
+export default docker;

package/src/vendor/shiki/langs/dockerfile.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const dockerfile: LanguageInput;
+export default dockerfile;

package/src/vendor/shiki/langs/dotenv.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const dotenv: LanguageInput;
+export default dotenv;

package/src/vendor/shiki/langs/dream-maker.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const dream_maker: LanguageInput;
+export default dream_maker;

package/src/vendor/shiki/langs/edge.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const edge: LanguageInput;
+export default edge;

package/src/vendor/shiki/langs/elisp.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const elisp: LanguageInput;
+export default elisp;

package/src/vendor/shiki/langs/elixir.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const elixir: LanguageInput;
+export default elixir;

package/src/vendor/shiki/langs/elm.d.ts

@@ -0,0 +1,4 @@
+import type { LanguageInput } from 'shiki';
+
+declare const elm: LanguageInput;
+export default elm;