Note: This guide is a work in progress. Feel free to submit an issue if anything is confusing or unclear.
Linkify uses a two stage lexicographical analysis to detect patterns in plain text.
The first stage, called the scanner, takes the input string and generates encompassing tokens that aggregate different types of components like domain names and TLDs. For example, substings like http:
or com
are converted into tokens named PROTOCOL
and TLD
, respectively.
The second stage, the parser, takes this array of tokens and aggregates them into complete entities that are either become links or do not. For example, the tokens PROTOCOL
, SLASH
, SLASH
, DOMAIN
, TLD
(appearing in that order) are grouped into a URL
entity. These groups are called multitokens.
A multitoken is either a link or not a link. Core linkify comes with these multitokens
Text
is plain text (that contains no linkable entities)Nl
represents a single newline characterEmail
email addressURL
The latter two are converted to links. Nl
is in some cases converted to a <br>
HTML tag.
You can use the Token class system to create plugins.
- ES6 Syntax (except tests for now)
- Hard tabs with a width of 4 characters
Keep your changes consistent with what's already there.
- Install the latest LTS version of Node.js (v18 or newer)
- Fork and clone this repository to your machine
- Navigate to the clone folder via command-line
- Install dependencies with NPM:
npm install
Linkify is built and tested in the command line with npm
scripts. Build tasks have the following format.
npm run build
This transpiles ES6 to ES5 (via Babel) from src/
into dist/
. The Node.js modules have a .cjs.js
extension. The dist folder is published to NPM. Also generates browser-ready scripts (classic globals with .js
and .min.js
extensions, and ES modules with .es.js
extensions) into the dist/
folder.
These tools are used for testing linkify:
- Mocha is our primary test case framework
- ESLint for code linting
- Istanbul for code coverage analysis
- Karma is our browser test runner
- BrowserStack for cross-browser testing
These are all configured to run in npm scripts. Tasks npm test
and npm run lint
are the most basic you can run. Other tasks include:
npm run build
converts thesrc
ES source code into browser- and Node.js- compatible JavaScript. It also outputs TypeScript definitions.npm run clean
removes all generated filesnpm run dist
cleans, builds and copies the final browser distribution bundle into the rootdist
directory
Caution: The plugin development API is in its very early stages and only supports very basic plugins. Updated features, APIs, and docs are in the works.
Check out the sample Hashtag plugin for an example. Check out the Keyword plugin for more advanced usage.
Register a new plugin with linkify.registerPlugin()
.