Regexper - An Online Tool For Beautiful JavaScript Regexp Visualizations

Regexper is a tool for visualizing JavaScript regular expressions online.  The tool can be used as a teaching tool or simply as a tool to follow the logic of your JavaScript regex to get a better understanding of it.  It might especially be useful when you have to write complex regular expressions.

Here are some regular expression-related resources which might interest you, found on Functionn:

• Regex Colorizer - A JavaScript Library For Regex Syntax Highlighting
• RegexPal - An Online JavaScript Regular Expression Tester Tool
• XRegExp - A JavaScript Library That Provides Augmented, Extensible Regular Expressions

Requirements: None
Demo: http://www.regexper.com/
License: CC 3.0 Share-Alike License

Cursores.js - A JavaScript Library To Get And Replace Tokens Under The Cursor

Cursores.js (cur·so·res) is a JavaScript library from Bitbucket which allows you to get the word on which the cursor is current within, and replace it if you wish.  Cursores.js works in textareas, inputs or plain strings.

Cursores.js uses regex to match the characters before and after the cursor.  It also allows you to specify the ‘search window’ which is the number of characters before and after the cursor you want to match for the word within which the cursor is.

A simple example usage of Cursores.js would be as follows. Consider that you have the following text in a textarea:  “Functionn – Open Source Web Reso|urces To Keep Developers Functionn.in’” where the pipe (|) is the position of the cursor in the textbox.

Cursores.js would return the word token current under the cursor as being ‘Resource’.  You could then use the replace method of Cursores.js to replace the word with something else.

Browser Support

Cursores.js supports all modern browsers which implements the methods selectionStart and setSelectionRange() , including IE9.

Requirements: None
Demo: http://cursores.bitbucket.org/
License: Apache License v2.0

Regex Colorizer - A JavaScript Library For Regex Syntax Highlighting

Regex Colorizer is a JavaScript library which provides Regex syntax highlighting.  It takes care of it for you, so you can spend more time writing powerful regular expressions and less time deciphering them.

Currently, JavaScript (with web reality) is the only supported regex flavor. Any regex features not supported by JavaScript are marked as errors, along with some edge cases that cause cross-browser grief.

The API is simple: just give your regexes the class "regex", call a couple functions (see below), and you're done. The syntax highlighting, however, is quite advanced, and handles all valid JavaScript regex syntax and errors. Errors are highlighted in red—hover over them for a description of the problem.

Requirements: None
Demo: http://stevenlevithan.com/regex/colorizer/
License: MIT License

RegexPal - An Online JavaScript Regular Expression Tester Tool

RegexPal is an online JavaScript regular expression tester tool.  Using this tool, you can write and test your regular expressions in a nice environment before including it in your code.

It provides very nice feedback to you by highlighting matched words, unmatched words as as well a small cheat sheet to help you remember your Regex if you forgot some of it!

Features

• Real-time regex syntax highlighting with backwards and forwards context awareness.
• Lightning-fast match highlighting with alternating styles.
• Inverted matches (match any text not matched by the regex).

Requirements: None
Demo: http://regexpal.com/
License: Free

Mocha - A Feature-Rich JavaScript Test Framework For Node.js And The Browser

Mocha is a feature-rich JavaScript test framework running on Node.js and the browser, making asynchronous testing simple and fun. Mocha tests run serially, allowing for flexible and accurate reporting, while mapping uncaught exceptions to the correct test cases.

Features

• Browser support
• Simple async support
• Test coverage reporting
• String diff support
• Javascript API for running tests
• Proper exit status for CI support etc
• Auto-detects and disables coloring for non-ttys
• Maps uncaught exceptions to the correct test case
• Async test timeout support
• Test-specific timeouts
• Growl notification support
• Reports test durations
• Highlights slow tests
• File watcher support
• Global variable leak detection
• Optionally run tests that match a regexp
• Auto-exit to prevent “hanging” with an active loop
• Easily meta-generate suites & test-cases
• Mocha.opts file support
• Clickable suite titles to filter test execution
• Node debugger support
• Detects multiple calls to done()
• Use any assertion library you want
• Extensible reporting, bundled with 9+ reporters
• Extensible test dsls or “interfaces”
• Before, after, before each, after each hooks
• Arbitrary transpiler support (coffee-script etc)
• Textmate bundle

Requirements: None
Demo: http://visionmedia.github.com/mocha/
License: MIT License

XRegExp - A JavaScript Library That Provides Augmented, Extensible Regular Expressions

XRegExp is an open source (MIT License) JavaScript library that provides augmented, extensible regular expressions. You get new syntax, flags, and methods beyond what browsers support natively. XRegExp is also a regex utility belt with tools to make your client-side grepping simpler and more powerful, while freeing you from worrying about pesky cross-browser inconsistencies and the dubious lastIndex property.

XRegExp is fully compliant with the regular expression flavor specified in ES3 and ES5. It works with Internet Explorer 5.5+, Firefox 1.5+, Safari 3+, Chrome, and Opera 9.5+. You can also use it on the server with Node.js.

Features

• Adds new regex and replacement text syntax, including comprehensive support for named capture.
• Adds new regex flags: s, to make dot match all characters; x, for free-spacing and line comments; and n, for explicit capture mode.
• Provides an extensive and powerful suite of functions that make complex regex processing simpler.
• Fixes or helps you avoid the most commonly encountered cross-browser inconsistencies in regex behavior and syntax.
• Supports addons that add new XRegExp syntax, flags, and methods. Offical addons support Unicode, recursive matching, grammatical patterns, and more.

Requirements: None
Demo: https://github.com/slevithan...usage-examples
License: MIT License

Scriptular - A JavaScript Regular Expression Editor

Scriptular is a javascript regular expression editor. Inspired by Rubular it gives you a simple way to test javascript regular expressions as you write them.  Start by entering a regular expression and then a test string.


Requirements: None
Demo: http://scriptular.com
License: MIT License