Ember wrap URLs helper

wrap-urls.js

import Ember from 'ember';
import { helper } from 'ember-helper';
import { htmlSafe } from 'ember-string';
const { escapeExpression } = Ember.Handlebars.Utils;

export const urlRegex = /(https?|file|ftp):\/\/([a-zA-Z0-9~!@#$%\^&*()_\-=+\/?.:;',]*)?/g;

/**
 * This helper wraps URLs in a string with a span, to give us control over
 * their appearance.
 *
 * @example
 *   {{wrap-urls 'http://example.com'}}
 *   Results in:
 *   <span class="url">http://example.com</span>
 */
export default helper(function(args = []) {
  let [ string ] = args;

  string = escapeExpression(string);

  string = string.replace(urlRegex, (url) => {
    return `<span class="url">${url}</span>`;
  });

  return htmlSafe(string);
});