Skip to content

Convert patterns from Oniguruma (the regex engine used by Ruby, TextMate grammars, etc.) to native JavaScript RegExp

License

Notifications You must be signed in to change notification settings

slevithan/oniguruma-to-es

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Oniguruma-To-ES

npm version npm downloads bundle

An Oniguruma to JavaScript regex transpiler that runs in the browser and on your server. Use it to:

  • Take advantage of Oniguruma's many extended regex features in JavaScript.
  • Run regexes written for Oniguruma from JavaScript, such as those used in TextMate grammars (used by VS Code, Shiki syntax highlighter, etc.).
  • Share regexes across your Ruby and JavaScript code.

Compared to running the Oniguruma C library via WASM bindings using vscode-oniguruma, this library is less than 4% of the size and its regexes often run much faster since they run as native JavaScript.

Oniguruma-To-ES deeply understands the hundreds of large and small differences between Oniguruma and JavaScript regex syntax and behavior, across multiple JavaScript version targets. It's obsessive about ensuring that the emulated features it supports have exactly the same behavior, even in extreme edge cases. And it's been battle-tested on thousands of real-world Oniguruma regexes used in TextMate grammars (via the Shiki library). A few uncommon features can't be perfectly emulated and allow rare differences, but if you don't want to allow this, you can set the accuracy option to throw for such patterns (see details below).

📜 Contents

🕹️ Install and use

npm install oniguruma-to-es
import {toRegExp} from 'oniguruma-to-es';

const str = '…';
const pattern = '…';
// Works with all string/regexp methods since it returns a native regexp
str.match(toRegExp(pattern));
Using a global name (no import)
<script src="https://cdn.jsdelivr.net/npm/oniguruma-to-es/dist/index.min.js"></script>
<script>
  const {toRegExp} = OnigurumaToES;
</script>

🔑 API

toRegExp

Accepts an Oniguruma pattern and returns an equivalent JavaScript RegExp.

Tip

Try it in the demo REPL.

function toRegExp(
  pattern: string,
  options?: OnigurumaToEsOptions
): RegExp | EmulatedRegExp;

Type OnigurumaToEsOptions

type OnigurumaToEsOptions = {
  accuracy?: 'default' | 'strict';
  avoidSubclass?: boolean;
  flags?: string;
  global?: boolean;
  hasIndices?: boolean;
  maxRecursionDepth?: number | null;
  rules?: {
    allowOrphanBackrefs?: boolean;
    allowUnhandledGAnchors?: boolean;
    asciiWordBoundaries?: boolean;
  };
  target?: 'auto' | 'ES2025' | 'ES2024' | 'ES2018';
  verbose?: boolean;
};

See Options for more details.

toDetails

Accepts an Oniguruma pattern and returns the details needed to construct an equivalent JavaScript RegExp.

function toDetails(
  pattern: string,
  options?: OnigurumaToEsOptions
): {
  pattern: string;
  flags: string;
  subclass?: EmulatedRegExpOptions;
};

Note that the returned flags might also be different than those provided, as a result of the emulation process. The returned pattern, flags, and subclass properties can be provided as arguments to the EmulatedRegExp constructor to produce the same result as toRegExp.

If the only keys returned are pattern and flags, they can optionally be provided to JavaScript's RegExp constructor instead. Setting option avoidSubclass to true ensures that this is always the case, by throwing an error for any patterns that rely on EmulatedRegExp's additional handling.

toOnigurumaAst

Returns an Oniguruma AST generated from an Oniguruma pattern.

function toOnigurumaAst(
  pattern: string,
  options?: {
    flags?: string;
  }
): OnigurumaAst;

EmulatedRegExp

Works the same as JavaScript's native RegExp constructor in all contexts, but can be given results from toDetails to produce the same result as toRegExp.

class EmulatedRegExp extends RegExp {
  constructor(
    pattern: string | EmulatedRegExp,
    flags?: string,
    options?: EmulatedRegExpOptions
  );
};

🔩 Options

The following options are shared by functions toRegExp and toDetails.

accuracy

One of 'default' (default) or 'strict'.

Sets the level of emulation rigor/strictness.

  • Default: Permits a few close approximations in order to support additional features.
  • Strict: Error if the pattern can't be emulated with identical behavior (even in rare edge cases) for the given target.
More details

Using default accuracy adds support for the following features, depending on target:

  • All targets (ES2025 and earlier):
    • Enables use of \X using a close approximation of a Unicode extended grapheme cluster.
    • Enables recursion (ex: \g<0>) with a depth limit specified by option maxRecursionDepth.
  • ES2024 and earlier:
    • Enables use of case-insensitive backreferences to case-sensitive groups.
  • ES2018:
    • Enables use of POSIX classes [:graph:] and [:print:] using ASCII-based versions rather than the Unicode versions available for ES2024 and later. Other POSIX classes are always Unicode-based.

avoidSubclass

Default: false.

Disables advanced emulation that relies on returning a RegExp subclass, resulting in certain patterns not being emulatable.

flags

Oniguruma flags; a string with i, m, x, D, S, W in any order (all optional).

Flags can also be specified via modifiers in the pattern.

Important

Oniguruma and JavaScript both have an m flag but with different meanings. Oniguruma's m is equivalent to JavaScript's s (dotAll).

global

Default: false.

Include JavaScript flag g (global) in the result.

hasIndices

Default: false.

Include JavaScript flag d (hasIndices) in the result.

maxRecursionDepth

Default: 5.

Specifies the recursion depth limit. Supported values are integers 2100 and null. If null, any use of recursion results in an error.

Since recursion isn't infinite-depth like in Oniguruma, use of recursion also results in an error if using strict accuracy.

More details

Using a high limit has a small impact on performance. Generally, this is only a problem if the regex has an existing issue with runaway backtracking that recursion exacerbates. Higher limits have no effect on regexes that don't use recursion, so you should feel free to increase this if helpful.

rules

Advanced pattern options that override standard error checking and flags when enabled.

  • allowOrphanBackrefs: Useful with TextMate grammars that merge backreferences across patterns.
  • allowUnhandledGAnchors: Applies flag y for unsupported uses of \G, rather than erroring.
    • Oniguruma-To-ES uses a variety of strategies to accurately emulate many common uses of \G. When using this option, if a \G is found that doesn't have a known emulation strategy, the \G is simply removed and JavaScript's y (sticky) flag is added. This might lead to some false positives and negatives, but is useful for non-critical matching (like syntax highlighting) when having some mismatches is better than not working.
  • asciiWordBoundaries: Use ASCII-based \b and \B, which increases performance.

target

One of 'auto' (default), 'ES2025', 'ES2024', or 'ES2018'.

JavaScript version used for generated regexes. Using auto detects the best value based on your environment. Later targets allow faster processing, simpler generated source, and support for additional features.

More details
  • ES2018: Uses JS flag u.
    • Emulation restrictions: Character class intersection, nested negated character classes, and Unicode properties added after ES2018 are not allowed.
    • Generated regexes might use ES2018 features that require Node.js 10 or a browser version released during 2018 to 2023 (in Safari's case). Minimum requirement for any regex is Node.js 6 or a 2016-era browser.
  • ES2024: Uses JS flag v.
    • No emulation restrictions.
    • Generated regexes require Node.js 20 or any 2023-era browser (compat table).
  • ES2025: Uses JS flag v and allows use of flag groups and duplicate group names.
    • Benefits: Faster transpilation, simpler generated source, and duplicate group names are preserved across separate alternation paths.
    • Generated regexes might use features that require Node.js 23 or a 2024-era browser (except Safari, which lacks support for flag groups).

verbose

Default: false.

Disables optimizations that simplify the pattern when it doesn't change the meaning.

✅ Supported features

Following are the supported features by target. The official Oniguruma syntax doc doesn't cover many of the finer details described here.

Note

Targets ES2024 and ES2025 have the same emulation capabilities. Resulting regexes might have different source and flags, but they match the same strings. See target.

Notice that nearly every feature below has at least subtle differences from JavaScript. Some features listed as unsupported are not emulatable using native JavaScript regexes, but support for others might be added in future versions of this library. Unsupported features throw an error.

Feature Example ES2018 ES2024+ Subfeatures & JS differences
Flags Supported in top-level flags and pattern modifiers
Ignore case i ✔ Unicode case folding (same as JS with flag u, v)
Dot all m ✔ Equivalent to JS flag s
Extended x ✔ Unicode whitespace ignored
✔ Line comments with #
✔ Whitespace/comments allowed between a token and its quantifier
✔ Whitespace/comments between a quantifier and the ?/+ that makes it lazy/possessive changes it to a quantifier chain
✔ Whitespace/comments separate tokens (ex: \1 0)
✔ Whitespace and # not ignored in char classes
Currently supported only in top-level flags
Digit is ASCII D ✔ ASCII \d, \p{Digit}, [[:digit:]]
Space is ASCII S ✔ ASCII \s, \p{Space}, [[:space:]]
Word is ASCII W ✔ ASCII \b, \w, \p{Word}, [[:word:]]
Pattern modifiers Group (?im-x:…) ✔ Unicode case folding for i
✔ Allows enabling and disabling the same flag (priority: disable)
✔ Allows lone or multiple -
Directive (?im-x) ✔ Continues until end of pattern or group (spanning alternatives)
Characters Literal E, ! ✔ Code point based matching (same as JS with flag u, v)
✔ Standalone ], {, } don't require escaping
Identity escape \E, \! ✔ Different allowed set than JS
✔ Allows multibyte chars
Escaped metachar \\, \. ✔ Same as JS
Control code escape \t ✔ The JS set plus \a, \e
\xNN \x7F ✔ Allows 1 hex digit
✔ Above 7F, is UTF-8 encoded byte (≠ JS)
✔ Error for invalid encoded bytes
\uNNNN \uFFFF ✔ Same as JS with flag u, v
\x{…} \x{A} ✔ Allows leading 0s up to 8 total hex digits
Escaped num \20 ✔ Can be backref, error, null, octal, identity escape, or any of these combined with literal digits, based on complex rules that differ from JS
✔ Always handles escaped single digit 1-9 outside char class as backref
✔ Allows null with 1-3 0s
✔ Error for octal > 177
Control \cA, \C-A ✔ With A-Za-z (JS: only \c form)
Character sets Digit \d, \D ✔ Unicode by default (≠ JS)
Hex digit \h, \H ✔ ASCII
Whitespace \s, \S ✔ Unicode by default
✔ No JS adjustments to Unicode set (−\uFEFF, +\x85)
Word \w, \W ✔ Unicode by default (≠ JS)
Dot . ✔ Excludes only \n (≠ JS)
Any \O ✔ Any char (with any flags)
✔ Identity escape in char class
Not newline \N ✔ Identity escape in char class
Unicode property \p{L},
\P{L}
[1] ✔ Binary properties
✔ Categories
✔ Scripts
✔ Aliases
✔ POSIX properties
✔ Invert with \p{^…}, \P{^…}
✔ Insignificant spaces, underscores, and casing in names
\p, \P without { is an identity escape
✔ Error for key prefixes
✔ Error for props of strings
❌ Blocks (wontfix[2])
Variable-length sets Newline \R ✔ Matched atomically
Grapheme \X ☑️ ☑️ ● Uses a close approximation
✔ Matched atomically
Character classes Base […], [^…] ✔ Unescaped - outside of range is literal in some contexts (different than JS rules in any mode)
✔ Error for unescaped [ that doesn't form nested class
✔ Allows leading unescaped ]
✔ Fewer chars require escaping than JS
Empty [], [^] ✔ Error
Range [a-z] ✔ Same as JS with flag u, v
POSIX class [[:word:]],
[[:^word:]]
☑️[3] ✔ All use Unicode definitions
Nested class […[…]] ☑️[4] ✔ Same as JS with flag v
Intersection […&&…] ✔ Doesn't require nested classes for intersection of union and ranges
Assertions Line start, end ^, $ ✔ Always "multiline"
✔ Only \n as newline
String start, end \A, \z ✔ Same as JS ^ $ without JS flag m
String end or before terminating newline \Z ✔ Only \n as newline
Search start \G ☑️ ☑️ ● Common uses supported
Lookaround (?=…),
(?!…),
(?<=…),
(?<!…)
✔ Same as JS
✔ Allows variable-length quantifiers and alternation within lookbehind
Word boundary \b, \B ✔ Unicode based (≠ JS)
Quantifiers Greedy, lazy *, +?, {2,}, etc. ✔ Includes all JS forms
✔ Adds {,n} for min 0
✔ Explicit bounds have upper limit of 100,000 (unlimited in JS)
✔ Error with assertions (same as JS with flag u, v)
Possessive ?+, *+, ++ + suffix doesn't make {…} interval quantifiers possessive (creates a quantifier chain)
Chained **, ??+*, {2,3}+, etc. ✔ Further repeats the preceding repetition
Groups Noncapturing (?:…) ✔ Same as JS
Atomic (?>…) ✔ Supported
Capturing (…) ✔ Is noncapturing if named capture present
Named capturing (?<a>…),
(?'a'…)
✔ Duplicate names allowed (including within the same alternation path) unless directly referenced by a subroutine
✔ Error for names invalid in Oniguruma or JS
Backreferences Numbered \1 ✔ Error if named capture used
✔ Refs the most recent of a capture/subroutine set
Enclosed numbered, relative \k<1>,
\k'1',
\k<-1>,
\k'-1'
✔ Error if named capture used
✔ Allows leading 0s
✔ Refs the most recent of a capture/subroutine set
\k without < ' is an identity escape
Named \k<a>,
\k'a'
✔ For duplicate group names, rematch any of their matches (multiplex)
✔ Refs the most recent of a capture/subroutine set (no multiplex)
✔ Combination of multiplex and most recent of capture/subroutine set if duplicate name is indirectly created by a subroutine
To nonparticipating groups ☑️ ☑️ ✔ Error if group to the right[5]
✔ Duplicate names (and subroutines) to the right not included in multiplex
✔ Fail to match (or don't include in multiplex) ancestor groups and groups in preceding alternation paths
❌ Some rare cases are indeterminable at compile time and use the JS behavior of matching an empty string
Subroutines Numbered, relative \g<1>,
\g'1',
\g<-1>,
\g'-1',
\g<+1>,
\g'+1'
✔ Allowed before reffed group
✔ Can be nested (any depth)
✔ Doesn't alter backref nums
✔ Reuses flags from the reffed group (ignores local flags)
✔ Replaces most recent captured values (for backrefs)
\g without < ' is an identity escape
✔ Error if named capture used
Named \g<a>,
\g'a'
● Same behavior as numbered
✔ Error if reffed group uses duplicate name
Recursion Full pattern \g<0>,
\g'0'
☑️ ☑️ ● Has depth limit[6]
Numbered, relative, named (…\g<1>?…),
(…\g<-1>?…),
(?<a>…\g<a>?…), etc.
☑️ ☑️ ● Has depth limit[6]
Other Comment group (?#…) ✔ Allows escaping \), \\
✔ Comments allowed between a token and its quantifier
✔ Comments between a quantifier and the ?/+ that makes it lazy/possessive changes it to a quantifier chain
Alternation …|… ✔ Same as JS
Keep \K ☑️ ☑️ ● Supported if at top level and no top-level alternation is used
JS features unknown to Oniguruma are handled using Oniguruma syntax \u{…} is an error
[\q{…}] matches q, etc.
[a--b] includes the invalid reversed range a to -
Invalid Oniguruma syntax ✔ Error

The table above doesn't include all aspects that Oniguruma-To-ES emulates (including error handling, most aspects that work the same as in JavaScript, and many aspects of non-JavaScript features that work the same in the other regex flavors that support them).

Footnotes

  1. Target ES2018 doesn't allow using Unicode property names added in JavaScript specifications after ES2018.
  2. Unicode blocks (which in Oniguruma are used with an In… prefix) are easily emulatable but their character data would significantly increase library weight. They're also a flawed and arguably unuseful feature, given the ability to use Unicode scripts and other properties.
  3. With target ES2018, the specific POSIX classes [:graph:] and [:print:] use ASCII-based versions rather than the Unicode versions available for target ES2024 and later, and they result in an error if using strict accuracy.
  4. Target ES2018 doesn't support nested negated character classes.
  5. It's not an error for numbered backreferences to come before their referenced group in Oniguruma, but an error is the best path for Oniguruma-To-ES because (1) most placements are mistakes and can never match (based on the Oniguruma behavior for backreferences to nonparticipating groups), (2) erroring matches the behavior of named backreferences, and (3) the edge cases where they're matchable rely on rules for backreference resetting within quantified groups that are different in JavaScript and aren't emulatable. Note that it's not a backreference in the first place if using \10 or higher and not as many capturing groups are defined to the left (it's an octal or identity escape).
  6. The recursion depth limit is specified by option maxRecursionDepth. Use of backreferences when the recursed subpattern contains captures isn't yet supported. Patterns that would error in Oniguruma due to triggering infinite recursion might find a match in Oniguruma-To-ES since recursion is bounded (future versions will detect this and error at transpilation time).

❌ Unsupported features

The following don't yet have any support, and throw errors. They're all infrequently-used features, with most being extremely rare.

  • Grapheme boundaries: \y, \Y.
  • Flags P (POSIX is ASCII) and y{g}/y{w} (grapheme boundary modes).
  • Whole-pattern modifiers: Don't capture (?C), ignore-case is ASCII (?I), find longest (?L).
  • Absence functions: (?~…), etc.
  • Conditionals: (?(…)…), etc.
  • Rarely-used character specifiers: Non-A-Za-z with \cx, \C-x; meta \M-x, \M-\C-x; bracketed octals \o{…}; octal UTF-8 encoded bytes (≥ \200).
  • Code point sequences: \x{H H …}, \o{O O …}.
  • Callout functions: (?{…}), etc.

㊗️ Unicode / mixed case-sensitivity

Oniguruma-To-ES fully supports mixed case-sensitivity (and handles the Unicode edge cases) regardless of JavaScript target. It also restricts Unicode properties to those supported by Oniguruma and the target JavaScript version.

Oniguruma-To-ES focuses on being lightweight to make it better for use in browsers. This is partly achieved by not including heavyweight Unicode character data, which imposes a couple of minor/rare restrictions:

  • Character class intersection and nested negated character classes are unsupported with target ES2018. Use target ES2024 or later if you need support for these features.
  • With targets before ES2025, a handful of Unicode properties that target a specific character case (ex: \p{Lower}) can't be used case-insensitively in patterns that contain other characters with a specific case that are used case-sensitively.
    • In other words, almost every usage is fine, including A\p{Lower}, (?i:A\p{Lower}), (?i:A)\p{Lower}, (?i:A(?-i:\p{Lower})), and \w(?i:\p{Lower}), but not A(?i:\p{Lower}).
    • Using these properties case-insensitively is basically never done intentionally, so you're unlikely to encounter this error unless it's catching a mistake.

👀 Similar projects

JsRegex transpiles Onigmo regexes to JavaScript (Onigmo is a fork of Oniguruma with mostly shared syntax and behavior). It's written in Ruby and relies on the Regexp::Parser Ruby gem, which means regexes must be pre-transpiled on the server to use them in JavaScript. Note that JsRegex doesn't always translate edge case behavior differences.

🏷️ About

Oniguruma-To-ES was created by Steven Levithan.

If you want to support this project, I'd love your help by contributing improvements, sharing it with others, or sponsoring ongoing development.

© 2024–present. MIT License.