/*
* embed-js - v4.0.2
* A JavaScript plugin that analyses the string and embeds emojis, media, tweets, code and services.
* http://riteshkr.com/embed.js
*
* Made by Ritesh Kumar
* Under MIT License
*/
(function (global, factory) {
typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :
typeof define === 'function' && define.amd ? define(factory) :
(global.EmbedJS = factory());
}(this, function () { 'use strict';
var __commonjs_global = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : this;
function __commonjs(fn, module) { return module = { exports: {} }, fn(module, module.exports, __commonjs_global), module.exports; }
var babelHelpers = {};
babelHelpers.typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) {
return typeof obj;
} : function (obj) {
return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj;
};
babelHelpers.classCallCheck = function (instance, Constructor) {
if (!(instance instanceof Constructor)) {
throw new TypeError("Cannot call a class as a function");
}
};
babelHelpers.createClass = function () {
function defineProperties(target, props) {
for (var i = 0; i < props.length; i++) {
var descriptor = props[i];
descriptor.enumerable = descriptor.enumerable || false;
descriptor.configurable = true;
if ("value" in descriptor) descriptor.writable = true;
Object.defineProperty(target, descriptor.key, descriptor);
}
}
return function (Constructor, protoProps, staticProps) {
if (protoProps) defineProperties(Constructor.prototype, protoProps);
if (staticProps) defineProperties(Constructor, staticProps);
return Constructor;
};
}();
babelHelpers.slicedToArray = function () {
function sliceIterator(arr, i) {
var _arr = [];
var _n = true;
var _d = false;
var _e = undefined;
try {
for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
_arr.push(_s.value);
if (i && _arr.length === i) break;
}
} catch (err) {
_d = true;
_e = err;
} finally {
try {
if (!_n && _i["return"]) _i["return"]();
} finally {
if (_d) throw _e;
}
}
return _arr;
}
return function (arr, i) {
if (Array.isArray(arr)) {
return arr;
} else if (Symbol.iterator in Object(arr)) {
return sliceIterator(arr, i);
} else {
throw new TypeError("Invalid attempt to destructure non-iterable instance");
}
};
}();
babelHelpers;
/**
* Trucates the string and adds ellipsis at the end.
* @param string The string to be truncated
* @param n Length to which it should be truncated
* @returns {string} The truncated string
*/
function truncate(string, n) {
return string.substr(0, n - 1) + (string.length > n ? '...' : '');
}
/**
* Converts a string into legitimate url.
* @param string
*/
function toUrl(string) {
return string.indexOf('//') === -1 ? '//' + string : string;
}
/**
* Extends an Object
* @param destination
* @param source
* @returns {*}
*/
function deepExtend(destination, source) {
for (var property in source) {
if (source.hasOwnProperty(property) && source[property] && source[property].constructor === Object) {
destination[property] = destination[property] || {};
deepExtend(destination[property], source[property]);
} else {
destination[property] = source[property];
}
}
return destination;
}
function escapeRegExp(str) {
return str.replace(/[\-\[\]\/\{}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
}
/**
* Sort an array of objects based on the index value
* @param {Array} arr Array to be sorted
* @return {Array} Sorted array
*/
function sortObject(arr) {
return arr.sort(function (a, b) {
return a.index - b.index;
});
}
/**
* Creates the string of the iframes after sorting them and finally returning a string
* @param {string} str String to which the created text has to be added
* @param {object} embeds Sorted array of iframe html
* @return {string} String to be rendered
*/
function createText(str, embeds) {
var sortedEmbeds = sortObject(embeds);
for (var i = 0; i < sortedEmbeds.length; i++) {
str += ' ' + sortedEmbeds[i].text;
}
return str;
}
/**
* Matches the string and finds the substrings matching to the provided regex pattern
* @param {object} regex Regex pattern
* @param {string} input The string to be analyzed
* @return {object} Returns the matched substring with their corresponding positions
*/
function matches(regex, input) {
return regex.exec(input);
}
/**
* Checks whether a particular service should be embedded or not based on
* the setting provided by the user
* @param {object} options The options provided by the user
* @param {string} service Name of the service for which the condition is to be analyzed
* @return {boolean} True if it should be embedded
*/
function ifEmbed(options, service) {
if (options.singleEmbed && options.served.length) return;
return options.excludeEmbed.indexOf(service) == -1 && !(options.excludeEmbed === 'all');
}
function ifInline(options, service) {
return options.inlineEmbed.indexOf(service) >= 0 || options.inlineEmbed === 'all';
}
/**
* Calculates the dimensions for the elements based on a aspect ratio
* @param {object} options Plugin options
* @return {object} The width and height of the elements
*/
function setDimensions(options) {
options.videoWidth = options.videoWidth || options.videoHeight / 3 * 4 || 800;
options.videoHeight = options.videoHeight || options.videoWidth / 4 * 3 || 600;
return options;
}
/**
* Returns a cloned object
* @param {object} obj
* @return {object} cloned object
*/
function cloneObject(obj) {
if (obj === null || (typeof obj === 'undefined' ? 'undefined' : babelHelpers.typeof(obj)) !== 'object') return obj;
var temp = obj.constructor(); // give temp the original obj's constructor
for (var key in obj) {
temp[key] = cloneObject(obj[key]);
}
return temp;
}
function urlRegex() {
return (/((href|src)=["']|)(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])|(?:https?:\/\/)?(?:(?:0rz\.tw)|(?:1link\.in)|(?:1url\.com)|(?:2\.gp)|(?:2big\.at)|(?:2tu\.us)|(?:3\.ly)|(?:307\.to)|(?:4ms\.me)|(?:4sq\.com)|(?:4url\.cc)|(?:6url\.com)|(?:7\.ly)|(?:a\.gg)|(?:a\.nf)|(?:aa\.cx)|(?:abcurl\.net)|(?:ad\.vu)|(?:adf\.ly)|(?:adjix\.com)|(?:afx\.cc)|(?:all\.fuseurl.com)|(?:alturl\.com)|(?:amzn\.to)|(?:ar\.gy)|(?:arst\.ch)|(?:atu\.ca)|(?:azc\.cc)|(?:b23\.ru)|(?:b2l\.me)|(?:bacn\.me)|(?:bcool\.bz)|(?:binged\.it)|(?:bit\.ly)|(?:buff\.ly)|(?:bizj\.us)|(?:bloat\.me)|(?:bravo\.ly)|(?:bsa\.ly)|(?:budurl\.com)|(?:canurl\.com)|(?:chilp\.it)|(?:chzb\.gr)|(?:cl\.lk)|(?:cl\.ly)|(?:clck\.ru)|(?:cli\.gs)|(?:cliccami\.info)|(?:clickthru\.ca)|(?:clop\.in)|(?:conta\.cc)|(?:cort\.as)|(?:cot\.ag)|(?:crks\.me)|(?:ctvr\.us)|(?:cutt\.us)|(?:dai\.ly)|(?:decenturl\.com)|(?:dfl8\.me)|(?:digbig\.com)|(?:digg\.com)|(?:disq\.us)|(?:dld\.bz)|(?:dlvr\.it)|(?:do\.my)|(?:doiop\.com)|(?:dopen\.us)|(?:easyuri\.com)|(?:easyurl\.net)|(?:eepurl\.com)|(?:eweri\.com)|(?:fa\.by)|(?:fav\.me)|(?:fb\.me)|(?:fbshare\.me)|(?:ff\.im)|(?:fff\.to)|(?:fire\.to)|(?:firsturl\.de)|(?:firsturl\.net)|(?:flic\.kr)|(?:flq\.us)|(?:fly2\.ws)|(?:fon\.gs)|(?:freak\.to)|(?:fuseurl\.com)|(?:fuzzy\.to)|(?:fwd4\.me)|(?:fwib\.net)|(?:g\.ro.lt)|(?:gizmo\.do)|(?:gl\.am)|(?:go\.9nl.com)|(?:go\.ign.com)|(?:go\.usa.gov)|(?:goo\.gl)|(?:goshrink\.com)|(?:gurl\.es)|(?:hex\.io)|(?:hiderefer\.com)|(?:hmm\.ph)|(?:href\.in)|(?:hsblinks\.com)|(?:htxt\.it)|(?:huff\.to)|(?:hulu\.com)|(?:hurl\.me)|(?:hurl\.ws)|(?:icanhaz\.com)|(?:idek\.net)|(?:ilix\.in)|(?:is\.gd)|(?:its\.my)|(?:ix\.lt)|(?:j\.mp)|(?:jijr\.com)|(?:kl\.am)|(?:klck\.me)|(?:korta\.nu)|(?:krunchd\.com)|(?:l9k\.net)|(?:lat\.ms)|(?:liip\.to)|(?:liltext\.com)|(?:linkbee\.com)|(?:linkbun\.ch)|(?:liurl\.cn)|(?:ln-s\.net)|(?:ln-s\.ru)|(?:lnk\.gd)|(?:lnk\.ms)|(?:lnkd\.in)|(?:lnkurl\.com)|(?:lru\.jp)|(?:lt\.tl)|(?:lurl\.no)|(?:macte\.ch)|(?:mash\.to)|(?:merky\.de)|(?:migre\.me)|(?:miniurl\.com)|(?:minurl\.fr)|(?:mke\.me)|(?:moby\.to)|(?:moourl\.com)|(?:mrte\.ch)|(?:myloc\.me)|(?:myurl\.in)|(?:n\.pr)|(?:nbc\.co)|(?:nblo\.gs)|(?:nn\.nf)|(?:not\.my)|(?:notlong\.com)|(?:nsfw\.in)|(?:nutshellurl\.com)|(?:nxy\.in)|(?:nyti\.ms)|(?:o-x\.fr)|(?:oc1\.us)|(?:om\.ly)|(?:omf\.gd)|(?:omoikane\.net)|(?:on\.cnn.com)|(?:on\.mktw.net)|(?:onforb\.es)|(?:orz\.se)|(?:ow\.ly)|(?:ping\.fm)|(?:pli\.gs)|(?:pnt\.me)|(?:politi\.co)|(?:post\.ly)|(?:pp\.gg)|(?:profile\.to)|(?:ptiturl\.com)|(?:pub\.vitrue.com)|(?:qlnk\.net)|(?:qte\.me)|(?:qu\.tc)|(?:qy\.fi)|(?:r\.im)|(?:rb6\.me)|(?:read\.bi)|(?:readthis\.ca)|(?:reallytinyurl\.com)|(?:redir\.ec)|(?:redirects\.ca)|(?:redirx\.com)|(?:retwt\.me)|(?:ri\.ms)|(?:rickroll\.it)|(?:riz\.gd)|(?:rt\.nu)|(?:ru\.ly)|(?:rubyurl\.com)|(?:rurl\.org)|(?:rww\.tw)|(?:s4c\.in)|(?:s7y\.us)|(?:safe\.mn)|(?:sameurl\.com)|(?:sdut\.us)|(?:shar\.es)|(?:shink\.de)|(?:shorl\.com)|(?:short\.ie)|(?:short\.to)|(?:shortlinks\.co.uk)|(?:shorturl\.com)|(?:shout\.to)|(?:show\.my)|(?:shrinkify\.com)|(?:shrinkr\.com)|(?:shrt\.fr)|(?:shrt\.st)|(?:shrten\.com)|(?:shrunkin\.com)|(?:simurl\.com)|(?:slate\.me)|(?:smallr\.com)|(?:smsh\.me)|(?:smurl\.name)|(?:sn\.im)|(?:snipr\.com)|(?:snipurl\.com)|(?:snurl\.com)|(?:sp2\.ro)|(?:spedr\.com)|(?:srnk\.net)|(?:srs\.li)|(?:starturl\.com)|(?:su\.pr)|(?:surl\.co.uk)|(?:surl\.hu)|(?:t\.cn)|(?:t\.co)|(?:t\.lh.com)|(?:ta\.gd)|(?:tbd\.ly)|(?:tcrn\.ch)|(?:tgr\.me)|(?:tgr\.ph)|(?:tighturl\.com)|(?:tiniuri\.com)|(?:tiny\.cc)|(?:tiny\.ly)|(?:tiny\.pl)|(?:tinylink\.in)|(?:tinyuri\.ca)|(?:tinyurl\.com)|(?:tl\.gd)|(?:tmi\.me)|(?:tnij\.org)|(?:tnw\.to)|(?:tny\.com)|(?:to\.ly)|(?:togoto\.us)|(?:totc\.us)|(?:toysr\.us)|(?:tpm\.ly)|(?:tr\.im)|(?:tra\.kz)|(?:trunc\.it)|(?:twhub\.com)|(?:twirl\.at)|(?:twitclicks\.com)|(?:twitterurl\.net)|(?:twitterurl\.org)|(?:twiturl\.de)|(?:twurl\.cc)|(?:twurl\.nl)|(?:u\.mavrev.com)|(?:u\.nu)|(?:u76\.org)|(?:ub0\.cc)|(?:ulu\.lu)|(?:updating\.me)|(?:ur1\.ca)|(?:url\.az)|(?:url\.co.uk)|(?:url\.ie)|(?:url360\.me)|(?:url4\.eu)|(?:urlborg\.com)|(?:urlbrief\.com)|(?:urlcover\.com)|(?:urlcut\.com)|(?:urlenco\.de)|(?:urli\.nl)|(?:urls\.im)|(?:urlshorteningservicefortwitter\.com)|(?:urlx\.ie)|(?:urlzen\.com)|(?:usat\.ly)|(?:use\.my)|(?:vb\.ly)|(?:vgn\.am)|(?:vl\.am)|(?:vm\.lc)|(?:w55\.de)|(?:wapo\.st)|(?:wapurl\.co.uk)|(?:wipi\.es)|(?:wp\.me)|(?:x\.vu)|(?:xr\.com)|(?:xrl\.in)|(?:xrl\.us)|(?:xurl\.es)|(?:xurl\.jp)|(?:y\.ahoo.it)|(?:yatuc\.com)|(?:ye\.pe)|(?:yep\.it)|(?:yfrog\.com)|(?:yhoo\.it)|(?:yiyd\.com)|(?:youtu\.be)|(?:yuarel\.com)|(?:z0p\.de)|(?:zi\.ma)|(?:zi\.mu)|(?:zipmyurl\.com)|(?:zud\.me)|(?:zurl\.ws)|(?:zz\.gd)|(?:zzang\.kr)|(?:›\.ws)|(?:✩\.ws)|(?:✿\.ws)|(?:❥\.ws)|(?:➔\.ws)|(?:➞\.ws)|(?:➡\.ws)|(?:➨\.ws)|(?:➯\.ws)|(?:➹\.ws)|(?:➽\.ws))\/[a-z0-9]*/gi
);
}
function arrayLowercase(options, property) {
if (typeof options[property] !== 'string') {
options[property] = options[property].map(function (elem) {
return elem.toLowerCase();
});
}
return options;
}
/**
* Sets the dimensions and converts options values' Array into lowercase.
* @param options
* @returns {Object|*}
*/
function processOptions(options) {
options = setDimensions(options);
options = arrayLowercase(options, 'excludeEmbed');
options = arrayLowercase(options, 'inlineEmbed');
return arrayLowercase(options, 'openGraphExclude');
}
/**
* Get the last element of an array or string
* @param elem [String|Array]
* @returns last element of the Array or String
*/
function lastElement(elem) {
return elem[elem.length - 1];
}
var Renderer = function () {
function Renderer(options) {
babelHelpers.classCallCheck(this, Renderer);
this.options = options || {};
}
babelHelpers.createClass(Renderer, [{
key: 'url',
value: function url(match, options) {
var config = options.linkOptions;
return '' + match + '';
}
}, {
key: 'smiley',
value: function smiley(text, pre, code) {
return '' + pre + code + '';
}
}, {
key: 'emoji',
value: function emoji(text) {
return '';
}
}, {
key: 'audio',
value: function audio(match) {
return '';
}
}, {
key: 'soundcloud',
value: function soundcloud(match, options) {
var config = options.soundCloudOptions;
return '\n\t\t\n\t\t
';
}
}, {
key: 'spotify',
value: function spotify(match) {
var id = lastElement(match.split('/'));
return '';
}
}, {
key: 'codepen',
value: function codepen(id, options) {
return '';
}
}, {
key: 'ideone',
value: function ideone(match, options) {
return '';
}
}, {
key: 'jsbin',
value: function jsbin(id, options) {
return '';
}
}, {
key: 'jsfiddle',
value: function jsfiddle(id, options) {
id = lastElement(id) == '/' ? id.slice(0, -1) : id;
id = id.indexOf('//') !== -1 ? id : '//' + id;
return '';
}
}, {
key: 'plunker',
value: function plunker(id, options) {
return '';
}
}, {
key: 'image',
value: function image(match) {
return '';
}
}, {
key: 'flickr',
value: function flickr(match, options) {
return '';
}
}, {
key: 'instagram',
value: function instagram(match, options) {
return '';
}
}, {
key: 'slideShare',
value: function slideShare(html) {
return '' + html + '
';
}
}, {
key: 'video',
value: function video(match) {
return '';
}
}, {
key: 'dailymotion',
value: function dailymotion(match, options) {
var id = lastElement(match.split('/'));
return '';
}
}, {
key: 'liveleak',
value: function liveleak(match, options) {
return '';
}
}, {
key: 'ted',
value: function ted(match, options) {
var a = match.split('/');
var id = a[a.length - 1];
return '';
}
}, {
key: 'ustream',
value: function ustream(match, options) {
var id = match.split('/');
id.splice(1, 0, 'embed');
return '';
}
}, {
key: 'detailsVimeo',
value: function detailsVimeo(data, fullData, embedUrl) {
return '' + data.description + '
' + data.views + '' + data.likes + '
' + data.description + '
' + data.views + '' + data.likes + '
' + data.description + '
' + data.stargazers_count + '' + data.network_count + '
' + text + '
';
}; //for font smiley in end.
//Fix for heading that should be actually present in marked.js
//if gfm is true the `## Heading` is acceptable but `##Heading` is not
Marked.Lexer.rules.gfm.heading = Marked.Lexer.rules.normal.heading;
Marked.Lexer.rules.tables.heading = Marked.Lexer.rules.normal.heading;
this.options.markedOptions.renderer = renderer;
this.options.markedOptions.highlight = false;
return Marked(this.output, this.options.markedOptions);
}
}]);
return Markdown;
}();
var Highlight = function () {
function Highlight(output, options) {
babelHelpers.classCallCheck(this, Highlight);
if (!options.plugins.highlightjs && !this.isPrism()) {
throw new ReferenceError('\'hljs is not defined. HighlightJS library is needed to highlight code. Visit https://highlightjs.org/\'');
}
this.output = output;
this.options = options;
this.regex = regex.highlightCode;
this.inlineCodeRegex = regex.inlineCode;
}
/**
* Encodes the characters like <, > and space and replaces them with
* <, > and > respectively.
* @param {string} code The string that has to be encoded.
* @return {string} The encoded string
*/
babelHelpers.createClass(Highlight, [{
key: 'process',
/**
* Replaces the code block with the pre tags and returns a string having the code
* formatting using Highlight.js.
* => Matches the string with the regex and finds the code written in three back-ticks ```
* => Detects whether any language has been provided by the user.
* The format supported by embed.js is
* ```[language-name]
* var a = 2;
* ```
* => Trims all the unnecessary spaces and newlines from the code.
* => Passes the code to `hljs.highlightAuto(code, language)` which returns a formatted string
* having the html tags for styling. The `language` here is optional. In case we don't pass the
* language, it tries to detect the language itself.
* => Replaces the code string in the template with the formatted string
* @return {string} The string in which the code is formatted
*/
value: function process() {
var _this = this;
this.output = this.output.replace(this.inlineCodeRegex, function (match, group1, group2) {
return '' + group2 + '';
});
return this.output.replace(this.regex, function (match, group1, group2, group3) {
var code = group3;
code = Highlight.trimSpace(code);
code = Highlight.encode(code);
// to prevent auto-linking. Not necessary in code
// *blocks*, but in code spans. Will be converted
// back after the auto-linker runs.
code = code.replace(/:\/\//g, '~P');
var language = group2.split('\n')[0];
var highlightedCode = void 0;
var HighlightJS = _this.options.plugins.highlightjs;
if (language) {
highlightedCode = HighlightJS.highlightAuto(code, [language]);
} else {
highlightedCode = HighlightJS.highlightAuto(code);
language = highlightedCode.language;
}
return Highlight.addTemplate(highlightedCode, language);
});
}
}], [{
key: 'encode',
value: function encode(code) {
code = code.replace(/&/gm, '');
code = code.replace(/</g, '<');
code = code.replace(/>/g, '>');
return code;
}
/**
* removes whitespace characters
* @param {string} code The string from which the whitespace has to be removed
* @return {string}
*/
}, {
key: 'trimSpace',
value: function trimSpace(code) {
code = code.replace(/^([ \t]*)/g, ''); // leading whitespace
code = code.replace(/[ \t]*$/g, ''); // trailing whitespace
return code;
}
/**
* Places the code and the language name in the required template
* @param {string} processedCode
* @param {string} language
* @return {string}
*/
}, {
key: 'addTemplate',
value: function addTemplate(processedCode, language) {
return '' + (processedCode.value || processedCode) + '
';
}
}]);
return Highlight;
}();
var Gist = function () {
function Gist(input, output, options, embeds) {
var _this = this;
babelHelpers.classCallCheck(this, Gist);
this.input = input;
this.output = output;
this.options = options;
this.embeds = embeds;
this.regex = regex.gist;
this.service = 'gist';
this.options.input.addEventListener('rendered', function () {
_this.load();
});
}
babelHelpers.createClass(Gist, [{
key: 'template',
value: function template(match) {
return '';
}
}, {
key: 'load',
value: function load() {
var gists = this.options.input.getElementsByClassName('ejs-gist');
for (var i = 0; i < gists.length; i++) {
var gistFrame = document.createElement("iframe");
gistFrame.setAttribute("width", "100%");
gistFrame.id = 'ejs-gist-' + i;
var zone = gists[i];
zone.innerHTML = "";
zone.appendChild(gistFrame);
// Create the iframe's document
var url = gists[i].getAttribute('data-src');
url = url.indexOf('http') === -1 ? 'https://' + url : url;
var gistFrameHTML = '';
// Set iframe's document with a trigger for this document to adjust the height
var gistFrameDoc = gistFrame.document;
if (gistFrame.contentDocument) {
gistFrameDoc = gistFrame.contentDocument;
} else if (gistFrame.contentWindow) {
gistFrameDoc = gistFrame.contentWindow.document;
}
gistFrameDoc.open();
gistFrameDoc.writeln(gistFrameHTML);
gistFrameDoc.close();
}
}
}, {
key: 'process',
value: function process() {
return embed(this);
}
}]);
return Gist;
}();
var Youtube = function () {
function Youtube(input, output, options, embeds) {
babelHelpers.classCallCheck(this, Youtube);
this.input = input;
this.output = output;
this.options = options;
this.embeds = embeds;
this.regex = regex.youtube;
this.service = 'youtube';
}
babelHelpers.createClass(Youtube, [{
key: 'data',
value: function data(id) {
var url = 'https://www.googleapis.com/youtube/v3/videos?id=' + id + '&key=' + this.options.googleAuthKey + '&part=snippet,statistics';
return new Promise(function (resolve) {
fetch(url).then(function (data) {
return data.json();
}).then(function (json) {
return resolve(json.items[0]);
});
});
}
}, {
key: 'process',
value: function process() {
var _this2 = this;
return new Promise(function (resolve) {
return asyncEmbed(_this2, Youtube.urlToText).then(function (data) {
return resolve(data);
});
});
}
}], [{
key: 'formatData',
value: function formatData(data, truncate) {
return {
title: data.snippet.title,
thumbnail: data.snippet.thumbnails.medium.url,
rawDescription: data.snippet.description,
views: data.statistics.viewCount,
likes: data.statistics.likeCount,
description: truncate(data.snippet.description, 150),
url: 'https://www.youtube.com/watch?v=' + data.id,
id: data.id,
host: 'youtube'
};
}
}, {
key: 'urlToText',
value: function urlToText(_this, match, url, normalEmbed) {
var id = normalEmbed ? match[1] : match[2];
var embedUrl = 'https://www.youtube.com/embed/' + id;
if (_this.options.videoDetails) {
return new Promise(function (resolve) {
_this.data(id).then(function (data) {
return resolve(getDetailsTemplate(Youtube.formatData(data, truncate), data, embedUrl, _this.options));
});
});
} else {
return new Promise(function (resolve) {
return resolve(template(embedUrl, _this.options));
});
}
}
}]);
return Youtube;
}();
var Vimeo = function () {
function Vimeo(input, output, options, embeds) {
babelHelpers.classCallCheck(this, Vimeo);
this.input = input;
this.output = output;
this.options = options;
this.embeds = embeds;
this.regex = regex.vimeo;
this.service = 'vimeo';
}
babelHelpers.createClass(Vimeo, [{
key: 'data',
value: function data(id) {
var url = 'https://vimeo.com/api/v2/video/' + id + '.json';
return new Promise(function (resolve) {
fetch(url).then(function (data) {
return data.json();
}).then(function (json) {
return resolve(json[0]);
});
});
}
}, {
key: 'process',
value: function process() {
var _this2 = this;
return new Promise(function (resolve) {
return asyncEmbed(_this2, Vimeo.urlToText).then(function (data) {
return resolve(data);
});
});
}
}], [{
key: 'formatData',
value: function formatData(data, truncate) {
return {
title: data.title,
thumbnail: data.thumbnail_medium,
rawDescription: data.description.replace(/\n/g, '
').replace(/
/g, '
'),
views: data.stats_number_of_plays,
likes: data.stats_number_of_likes,
description: truncate(data.description.replace(/((<|<)br\s*\/*(>|>)\r\n)/g, ' '), 150),
url: data.url,
id: data.id,
host: 'vimeo'
};
}
}, {
key: 'urlToText',
value: function urlToText(_this, match, url, normalEmbed) {
var id = void 0;
if (!normalEmbed) {
id = _this.options.link ? match[0].slice(0, -4).split('/').slice(-1).pop() : match[0].split('/').slice(-1).pop();
} else {
id = match[3];
}
if (!id) return;
var embedUrl = 'https://player.vimeo.com/video/' + id;
if (_this.options.videoDetails) {
return new Promise(function (resolve) {
_this.data(id).then(function (data) {
return resolve(getDetailsTemplate(Vimeo.formatData(data, truncate), data, embedUrl, _this.options));
});
});
} else {
return new Promise(function (resolve) {
return resolve(template(embedUrl, _this.options));
});
}
}
}]);
return Vimeo;
}();
var SlideShare = function () {
function SlideShare(input, output, options, embeds) {
babelHelpers.classCallCheck(this, SlideShare);
this.input = input;
this.output = output;
this.options = options;
this.embeds = embeds;
this.regex = regex.slideShare;
this.service = 'slideshare';
}
babelHelpers.createClass(SlideShare, [{
key: 'template',
value: function template(html) {
return this.options.template.slideShare(html, this.options);
}
}, {
key: 'process',
value: function process() {
var _this2 = this;
return new Promise(function (resolve) {
return asyncEmbed(_this2, SlideShare.urlToText).then(function (data) {
return resolve(data);
});
});
}
}], [{
key: 'fetchData',
value: function fetchData(_this, url) {
var api = 'http://www.slideshare.net/api/oembed/2?url=' + url + '&format=jsonp&maxwidth=' + _this.options.videoWidth + '&maxheight=' + _this.options.videoHeight;
return new Promise(function (resolve) {
fetchJsonp$1(api, { credentials: 'include' }).then(function (data) {
return data.json();
}).then(function (json) {
return resolve(json.html);
});
});
}
}, {
key: 'urlToText',
value: function urlToText(_this, match, url) {
return new Promise(function (resolve) {
SlideShare.fetchData(_this, url).then(function (html) {
return resolve(_this.template(html));
});
});
}
}]);
return SlideShare;
}();
var OpenGraph = function () {
function OpenGraph(input, output, options, embeds) {
babelHelpers.classCallCheck(this, OpenGraph);
this.input = input;
this.output = output;
this.options = options;
this.embeds = embeds;
this.service = 'opengraph';
this.regex = urlRegex();
this.excludeRegex = new RegExp(['.mp4|.mp3|.gif|.pdf|.doc|.ppt|.docx|.jpg|.jpeg|.ogg'].concat(options.openGraphExclude).join('|'), 'gi');
}
babelHelpers.createClass(OpenGraph, [{
key: 'template',
value: function template(data) {
return this.options.template.openGraph(data, this.options);
}
}, {
key: 'process',
value: function process() {
var _this = this;
return new Promise(function (resolve) {
return asyncEmbed(_this, OpenGraph.urlToText).then(function (data) {
return resolve(data);
});
});
}
}], [{
key: 'fetchData',
value: function fetchData(url, _) {
url = encodeURIComponent(url);
var api = new Function('url', 'return `' + _.options.openGraphEndpoint + '`')(url);
return new Promise(function (resolve) {
fetch(api).then(function (res) {
return res.json();
}).then(function (json) {
return resolve(_.options.onOpenGraphFetch(json) || json);
});
});
}
}, {
key: 'urlToText',
value: function urlToText(_, match, url) {
if (url.match(_.excludeRegex)) return Promise.resolve();
return new Promise(function (resolve) {
OpenGraph.fetchData(url, _).then(function (data) {
return resolve(data && data.success ? _.template(data) : '');
});
});
}
}]);
return OpenGraph;
}();
var Github = function () {
function Github(input, output, options, embeds) {
babelHelpers.classCallCheck(this, Github);
this.input = input;
this.output = output;
this.options = options;
this.embeds = embeds;
this.service = 'github';
this.regex = regex.github;
}
babelHelpers.createClass(Github, [{
key: 'process',
value: function process() {
var _this2 = this;
return new Promise(function (resolve) {
return asyncEmbed(_this2, Github.urlToText).then(function (data) {
return resolve(data);
});
});
}
}], [{
key: 'fetchRepo',
value: function fetchRepo(data) {
var api = 'https://api.github.com/repos/' + data.user + '/' + data.repo;
return new Promise(function (resolve) {
fetch(api).then(function (data) {
return data.json();
}).then(function (json) {
return resolve(json);
});
});
}
}, {
key: 'template',
value: function template(data, options) {
return options.template.github(data, options);
}
}, {
key: 'urlToText',
value: function urlToText(_this, match, url, normalEmbed) {
var data = !normalEmbed ? {
user: match[2],
repo: match[3]
} : {
user: match[1],
repo: match[2]
};
if (!data.repo) return;
return new Promise(function (resolve) {
Github.fetchRepo(data).then(function (response) {
return resolve(Github.template(response, _this.options));
});
});
}
}]);
return Github;
}();
var globalOptions = {};
var defaultOptions = {
marked: false,
markedOptions: {},
link: true,
linkOptions: {
target: 'self',
exclude: ['pdf'],
rel: ''
},
emoji: true,
customEmoji: [],
fontIcons: true,
customFontIcons: [],
highlightCode: false,
videoJS: false,
videojsOptions: {
fluid: true,
preload: 'metadata'
},
locationEmbed: true,
mapOptions: {
mode: 'place'
},
tweetsEmbed: false,
tweetOptions: {
maxWidth: 550,
hideMedia: false,
hideThread: false,
align: 'none',
lang: 'en'
},
singleEmbed: false,
openGraphEndpoint: null,
openGraphExclude: [],
videoEmbed: true,
videoHeight: null,
videoWidth: null,
videoDetails: true,
audioEmbed: true,
imageEmbed: true,
excludeEmbed: [],
inlineEmbed: [],
inlineText: true,
codeEmbedHeight: 500,
vineOptions: {
maxWidth: null,
type: 'postcard', //'postcard' or 'simple' embedding
responsive: true,
width: 350,
height: 460
},
plugins: {
marked: window.marked,
videojs: window.videojs,
highlightjs: window.hljs,
prismjs: window.Prism,
twitter: window.twttr
},
googleAuthKey: '',
soundCloudOptions: {
height: 160,
themeColor: 'f50000', //Hex Code of the player theme color
autoPlay: false,
hideRelated: false,
showComments: true,
showUser: true,
showReposts: false,
visual: false, //Show/hide the big preview image
download: false //Show/Hide download buttons
},
videoClickClass: 'ejs-video-thumb',
customVideoClickHandler: false,
beforeEmbedJSApply: function beforeEmbedJSApply() {},
afterEmbedJSApply: function afterEmbedJSApply() {},
onVideoShow: function onVideoShow() {},
onTweetsLoad: function onTweetsLoad() {},
videojsCallback: function videojsCallback() {},
onOpenGraphFetch: function onOpenGraphFetch() {},
onOpenGraphFail: function onOpenGraphFail() {},
videoClickHandler: function videoClickHandler() {},
served: [] //Private variable used to store processed urls so that they are not processed multiple times.
};
var instances = [];
var allInstances = [];
var promises = [];
var EmbedJS = function () {
/**
* The constructor takes two arguements. The first one is the options object and the second one is the
* optional string . If the user wants to provide a string directly instead of the element, he can do that.
* In case the user provides both the input element and the string, the input string will be taken from the element
* and the provided string won't be processed.
*
* @param {object} options The options object
* @param template
* @return {null}
*/
function EmbedJS(options, template) {
babelHelpers.classCallCheck(this, EmbedJS);
/**
* We have created a clone of the original options to make sure that the original object
* isn't altered.
*/
var defOpts = cloneObject(defaultOptions);
var globOpts = cloneObject(globalOptions);
//merge global options with the default options
var globOptions = deepExtend(defOpts, globOpts);
//deepExtend global options with the overriding options provided by the user as an options
//object while creating a new instance of embed.js
this.options = deepExtend(globOptions, options);
this.options.template = template || new Renderer();
if (!this.options.input || !(typeof this.options.input === 'string' || babelHelpers.typeof(this.options.input) === 'object')) throw ReferenceError("You need to pass an element or the string that needs to be processed");
this.input = babelHelpers.typeof(this.options.input) === 'object' ? this.options.input.innerHTML : this.options.input;
}
/**
* Processes the string and performs all the insertions and manipulations based on
* the options and the input provided by the user. This returns a promise which is resolved once the result data is ready
* @return {Promise} The processes resulting string
*/
babelHelpers.createClass(EmbedJS, [{
key: 'process',
value: function process() {
var _this = this;
var input = this.input;
var options = processOptions(this.options);
var embeds = [];
var output = input;
this.options.beforeEmbedJSApply();
return new Promise(function (resolve) {
if (options.link) output = new Url(input, options).process();
var openGraphPromise = options.openGraphEndpoint ? new OpenGraph(input, output, options, embeds).process() : Promise.resolve([output, embeds]);
openGraphPromise.then(function (_ref) {
var _ref2 = babelHelpers.slicedToArray(_ref, 2);
var output = _ref2[0];
var embeds = _ref2[1];
if (options.highlightCode) {
output = new Highlight(output, options).process();
}
if (options.marked) {
output = new Markdown(output, options).process();
}
if (options.emoji) {
output = new Emoji(output, options).process();
}
if (options.fontIcons) {
output = new Smiley(output, options).process();
}
var _baseEmbed = baseEmbed(input, output, embeds, options, regex.ideone, 'ideone');
var _baseEmbed2 = babelHelpers.slicedToArray(_baseEmbed, 2);
output = _baseEmbed2[0];
embeds = _baseEmbed2[1];
var _baseEmbed3 = baseEmbed(input, output, embeds, options, regex.plunker, 'plunker');
var _baseEmbed4 = babelHelpers.slicedToArray(_baseEmbed3, 2);
output = _baseEmbed4[0];
embeds = _baseEmbed4[1];
var _baseEmbed5 = baseEmbed(input, output, embeds, options, regex.jsbin, 'jsbin');
var _baseEmbed6 = babelHelpers.slicedToArray(_baseEmbed5, 2);
output = _baseEmbed6[0];
embeds = _baseEmbed6[1];
var _baseEmbed7 = baseEmbed(input, output, embeds, options, regex.codepen, 'codepen');
var _baseEmbed8 = babelHelpers.slicedToArray(_baseEmbed7, 2);
output = _baseEmbed8[0];
embeds = _baseEmbed8[1];
var _baseEmbed9 = baseEmbed(input, output, embeds, options, regex.jsfiddle, 'jsfiddle');
var _baseEmbed10 = babelHelpers.slicedToArray(_baseEmbed9, 2);
output = _baseEmbed10[0];
embeds = _baseEmbed10[1];
var _baseEmbed11 = baseEmbed(input, output, embeds, options, regex.ted, 'ted');
var _baseEmbed12 = babelHelpers.slicedToArray(_baseEmbed11, 2);
output = _baseEmbed12[0];
embeds = _baseEmbed12[1];
var _baseEmbed13 = baseEmbed(input, output, embeds, options, regex.dailymotion, 'dailymotion');
var _baseEmbed14 = babelHelpers.slicedToArray(_baseEmbed13, 2);
output = _baseEmbed14[0];
embeds = _baseEmbed14[1];
var _baseEmbed15 = baseEmbed(input, output, embeds, options, regex.ustream, 'ustream');
var _baseEmbed16 = babelHelpers.slicedToArray(_baseEmbed15, 2);
output = _baseEmbed16[0];
embeds = _baseEmbed16[1];
var _baseEmbed17 = baseEmbed(input, output, embeds, options, regex.liveleak, 'liveleak');
var _baseEmbed18 = babelHelpers.slicedToArray(_baseEmbed17, 2);
output = _baseEmbed18[0];
embeds = _baseEmbed18[1];
var _baseEmbed19 = baseEmbed(input, output, embeds, options, regex.basicVideo, 'video', options.videoEmbed);
var _baseEmbed20 = babelHelpers.slicedToArray(_baseEmbed19, 2);
output = _baseEmbed20[0];
embeds = _baseEmbed20[1];
var _baseEmbed21 = baseEmbed(input, output, embeds, options, regex.vine, 'vine');
var _baseEmbed22 = babelHelpers.slicedToArray(_baseEmbed21, 2);
output = _baseEmbed22[0];
embeds = _baseEmbed22[1];
var _baseEmbed23 = baseEmbed(input, output, embeds, options, regex.soundCloud, 'soundcloud');
var _baseEmbed24 = babelHelpers.slicedToArray(_baseEmbed23, 2);
output = _baseEmbed24[0];
embeds = _baseEmbed24[1];
var _baseEmbed25 = baseEmbed(input, output, embeds, options, regex.spotify, 'spotify');
var _baseEmbed26 = babelHelpers.slicedToArray(_baseEmbed25, 2);
output = _baseEmbed26[0];
embeds = _baseEmbed26[1];
var _baseEmbed27 = baseEmbed(input, output, embeds, options, regex.basicAudio, 'audio', options.audioEmbed);
var _baseEmbed28 = babelHelpers.slicedToArray(_baseEmbed27, 2);
output = _baseEmbed28[0];
embeds = _baseEmbed28[1];
var _baseEmbed29 = baseEmbed(input, output, embeds, options, regex.flickr, 'flickr');
var _baseEmbed30 = babelHelpers.slicedToArray(_baseEmbed29, 2);
output = _baseEmbed30[0];
embeds = _baseEmbed30[1];
var _baseEmbed31 = baseEmbed(input, output, embeds, options, regex.instagram, 'instagram');
var _baseEmbed32 = babelHelpers.slicedToArray(_baseEmbed31, 2);
output = _baseEmbed32[0];
embeds = _baseEmbed32[1];
var _baseEmbed33 = baseEmbed(input, output, embeds, options, regex.basicImage, 'image', options.imageEmbed);
var _baseEmbed34 = babelHelpers.slicedToArray(_baseEmbed33, 2);
output = _baseEmbed34[0];
embeds = _baseEmbed34[1];
if (ifEmbed(options, 'gist')) {
var _process = new Gist(input, output, options, embeds).process();
var _process2 = babelHelpers.slicedToArray(_process, 2);
output = _process2[0];
embeds = _process2[1];
}
return ifEmbed(options, 'youtube') ? new Youtube(input, output, options, embeds).process() : Promise.resolve([output, embeds]);
}).then(function (_ref3) {
var _ref4 = babelHelpers.slicedToArray(_ref3, 2);
var output = _ref4[0];
var embeds = _ref4[1];
return ifEmbed(options, 'vimeo') ? new Vimeo(input, output, options, embeds).process() : Promise.resolve([output, embeds]);
}).then(function (_ref5) {
var _ref6 = babelHelpers.slicedToArray(_ref5, 2);
var output = _ref6[0];
var embeds = _ref6[1];
return ifEmbed(options, 'github') ? new Github(input, output, options, embeds).process() : Promise.resolve([output, embeds]);
}).then(function (_ref7) {
var _ref8 = babelHelpers.slicedToArray(_ref7, 2);
var output = _ref8[0];
var embeds = _ref8[1];
return options.locationEmbed && ifEmbed(options, 'gmap') ? new Gmap(input, output, options, embeds).process() : Promise.resolve([output, embeds]);
}).then(function (_ref9) {
var _ref10 = babelHelpers.slicedToArray(_ref9, 2);
var output = _ref10[0];
var embeds = _ref10[1];
return ifEmbed(options, 'slideshare') ? new SlideShare(input, output, options, embeds).process() : Promise.resolve([output, embeds]);
}).then(function (_ref11) {
var _ref12 = babelHelpers.slicedToArray(_ref11, 2);
var output = _ref12[0];
var embeds = _ref12[1];
if (options.tweetsEmbed && ifEmbed(options, 'twitter')) {
_this.twitter = new Twitter(input, output, options, embeds);
return _this.twitter.process();
} else {
return Promise.resolve([output, embeds]);
}
}).then(function (_ref13) {
var _ref14 = babelHelpers.slicedToArray(_ref13, 2);
var output = _ref14[0];
var embeds = _ref14[1];
_this.data = {
input: options.input,
output: output,
options: options,
inputString: _this.input,
/**
TODO:
- Restructure served urls structure with services name
*/
services: options.served,
template: options.template
};
resolve(createText(output, embeds));
});
});
}
/**
* First processes the data by calling the .process() and then renders the data in the div
* => Loads the twitter widgets
* => Executes the onTweetsLoad() once all the tweets have been rendered
* => Applies video.js on the media (both audio and video)
* => Triggers video loading on click of the video preview
* => Executes afterEmbedJSApply() once everything is done.
*
* @return Promise
*/
}, {
key: 'render',
value: function render() {
var _this2 = this;
if (typeof this.options.input === 'string') throw new Error('You cannot call render method for a string');
if (!this.options.input) throw new Error('You didn\'t pass an element while creating this instance. render() method can\'t work without an input element');
return new Promise(function (resolve) {
_this2.process().then(function (data) {
_this2.options.input.innerHTML = data;
_this2.applyListeners();
resolve(_this2.data);
});
});
}
/**
* This method listens to all the events like click, handle
* events to be done after an element has been rendered. These
* include twitter widget rendering, gist embedding, click event listeners .
*/
}, {
key: 'applyListeners',
value: function applyListeners() {
applyVideoJS(this.options);
playVideo(this.options);
var event = new Event('rendered');
this.options.input.dispatchEvent(event);
this.options.afterEmbedJSApply();
}
/**
* This function updates the parametrs of the current instance
* @param options New updated options object. will be extended with the older options
* @param template [optional] the new template instance
*/
}, {
key: 'update',
value: function update(options, template) {
if (options) this.options = deepExtend(this.options, options);
if (template) this.options.template = template;
if (!this.options.input || !(typeof this.options.input === 'string' || babelHelpers.typeof(this.options.input) === 'object')) throw ReferenceError("You need to pass an element or the string that needs to be processed");
this.input = babelHelpers.typeof(this.options.input) === 'object' ? this.options.input.innerHTML : this.options.input;
}
/**
* returns the resulting string based on the input and the options passed by the user.
* @return Promise
*/
}, {
key: 'text',
value: function text(callback) {
var _this3 = this;
this.process().then(function (data) {
return callback(data, _this3.input);
});
}
/**
* The destroy method destroys all the listeners and replaces the rih text with the original text in the
* element.
* @return {null}
*/
}, {
key: 'destroy',
value: function destroy() {
if (!this.element) throw new Error('destroy() method only if an element had been passed in the options object');
destroyVideos('ejs-video-thumb');
this.element.removeEventListener('rendered', this.twitter.load(), false);
this.element.innerHTML = this.input;
}
/**
* Sets options globally
* @param {object} options
*/
}], [{
key: 'setOptions',
value: function setOptions(options) {
globalOptions = deepExtend(defaultOptions, options);
}
/**
* Applies embed.js to all the elements with the class name provided as option
* @return {Promise}
* @param selectorName
* @param options
* @param template
*/
}, {
key: 'applyEmbedJS',
value: function applyEmbedJS(selectorName) {
var options = arguments.length <= 1 || arguments[1] === undefined ? {} : arguments[1];
var template = arguments.length <= 2 || arguments[2] === undefined ? new Renderer() : arguments[2];
var elements = document.querySelectorAll(selectorName);
for (var i = 0; i < elements.length; i++) {
options.input = elements[i];
instances[i] = new EmbedJS(options, template);
promises[i] = instances[i].render();
}
return new Promise(function (resolve) {
Promise.all(promises).then(function (val) {
resolve(val);
});
});
}
/**
* Destroys all the instances of EmbedJS created by using applyEmbedJS() method.
* @return {null}
*/
}, {
key: 'destroyEmbedJS',
value: function destroyEmbedJS() {
for (var i = 0; i < instances.length; i++) {
instances[i].destroy();
}
}
/**
* Destroys all instances of EmbedJS on the page
* @return {null}
*/
}, {
key: 'destroyAll',
value: function destroyAll() {
for (var i = 0; i < allInstances.length; i++) {
allInstances[i].destroy();
}
}
/**
* Creates a new instance of the Template constructor. This has been done so that multiple
* templates of a single service can be used by creating different instances of the Template.
*
* The usage of the plugin is described below.
*
* => Create a new Instance of the template by using .Template() method of EmbedJS.
*
* var template = EmbedJS.Template()
*
* => Now create different templates for different service names.
*
* template.url = function(match, options){
* return ' + match + '
* }
*
* template.instagram = function(match, dimensions, options){
* var config = options.soundCloudOptions;
* return ``;
* }
*
*/
}, {
key: 'Template',
value: function Template() {
return new Renderer();
}
}]);
return EmbedJS;
}();
return EmbedJS;
}));
//# sourceMappingURL=embed.js.map