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
Textis plain text (that contains no linkable entities)Nlrepresents a single newline characterEmailemail 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 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 .mjs 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 buildconverts thesrcES source code into browser- and Node.js- compatible JavaScript. It also outputs TypeScript definitions.npm run cleanremoves all generated filesnpm run distcleans, builds and copies the final browser distribution bundle into the rootdistdirectory
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().