/g;
+var YoutubeLite = {};
+YoutubeLite.apiKey = null;
+YoutubeLite.cache = cache;
-YoutubeLite.init = function(params, callback) {
- var router = params.router,
- hostMiddleware = params.middleware,
- hostControllers = params.controllers;
-
- // We create two routes for every view. One API call, and the actual route itself.
- // Just add the buildHeader middleware to your route and NodeBB will take care of everything for you.
+YoutubeLite.youtubeUrl = /(|^)((]*?>)(\4\7)<\/a>)(|<\/p>)/m;
- router.get('/admin/plugins/youtube-lite', hostMiddleware.admin.buildHeader, controllers.renderAdminPage);
- router.get('/api/admin/plugins/youtube-lite', controllers.renderAdminPage);
+YoutubeLite.init = function(params, callback) {
+ var router = params.router,
+ hostMiddleware = params.middleware,
+ hostControllers = params.controllers,
+ db = module.parent.require('./database');
+ // We create two routes for every view. One API call, and the actual route itself.
+ // Just add the buildHeader middleware to your route and NodeBB will take care of everything for you.
- callback();
+ router.get('/admin/plugins/youtube-lite', hostMiddleware.admin.buildHeader, controllers.renderAdminPage);
+ router.get('/api/admin/plugins/youtube-lite', controllers.renderAdminPage);
+
+ db.getObjectField('settings:youtube-lite', 'id', function(err, result){
+ YoutubeLite.apiKey = result;
+ callback();
+ });
};
YoutubeLite.addAdminNavigation = function(header, callback) {
- header.plugins.push({
- route: '/plugins/youtube-lite',
- icon: 'fa-youtube',
- name: 'Youtube Lite'
- });
+ header.plugins.push({
+ route: '/plugins/youtube-lite',
+ icon: 'fa-youtube',
+ name: 'Youtube Lite'
+ });
- callback(null, header);
+ callback(null, header);
};
-YoutubeLite.parse = function(data, callback) {
- if (!data || !data.postData || !data.postData.content) {
- return callback(null, data);
+YoutubeLite.apiRequest = function( videoId, callback ){
+ var req = https.request({
+ host: 'www.googleapis.com',
+ path: '/youtube/v3/videos?id=' + videoId + '&key=' + YoutubeLite.apiKey + '&part=snippet,contentDetails&fields=items(snippet(title,channelTitle,thumbnails),contentDetails(duration))',
+ port: 443,
+ agent: false,
+ json: true,
+ method: 'GET'
+ },(res) => {
+ res.setEncoding('utf8');
+ var videos = '';
+ res.on('data', (data) => {
+ videos += data;
+ });
+ res.on('end', function(){
+ callback(null, videos);
+ });
+ });
+ req.end();
+
+ req.on('error', (err) => {
+ winston.error('[youtube-lite] error looking up video id: [' + videoId + ']' );
+ winston.error( err );
+ callback( err );
+ });
+}
+
+YoutubeLite.fetchSnippet = function( videoId, callback ){
+ var cachedSnippet = cache.get(videoId);
+ if( cachedSnippet ){
+ return callback(null, cachedSnippet);
+ }
+ else{
+ if( YoutubeLite.apiKey ){
+ return YoutubeLite.apiRequest( videoId, function(err, videos){
+ if( err ){
+ return callback(err);
+ }
+ videos = JSON.parse(videos);
+ if( !videos.items || videos.items.length == 0 ){
+ cache.set( videoId, null );
+ return callback(null, null);
+ }
+ var snippet = videos.items[0].snippet;
+ snippet.title = replaceAll( snippet.title, '<', '<');
+ snippet.channelTitle = replaceAll( snippet.channelTitle, '<', '<');
+ snippet.duration = timeToString( parseDuration( videos.items[0].contentDetails.duration ) );
+ cache.set( videoId, snippet );
+ callback( null, snippet );
+ });
+ }
+ else{
+ var snippet = {
+ title: 'Youtube Video',
+ thumbnails: {
+ medium: {url: 'https://i.ytimg.com/vi/' + videoId + '/mqdefault.jpg'},
+ default: {url: 'https://i.ytimg.com/vi/' + videoId + '/default.jpg'},
+ high: {url: 'https://i.ytimg.com/vi/' + videoId + '/hqdefault.jpg'},
+ standard: {url: 'https://i.ytimg.com/vi/' + videoId + '/sddefault.jpg'}
+ }
+ };
+ callback(null, snippet);
+ }
+ }
+}
+
+function replaceAll(text, search, replace) {
+ if (replace === undefined) {
+ return text.toString();
+ }
+ return text.split(search).join(replace);
+}
+
+function spliceSlice(str, index, count, add) {
+return str.slice(0, index) + (add || "") + str.slice(index + count);
+}
+
+/*
+[
+0 'https://youtu.be/ggCuyOeDl5M?t=30s&end=50s
',
+1 '',
+2 'https://youtu.be/ggCuyOeDl5M?t=30s&end=50s ',
+3 '',
+4 'https://youtu.be/',
+5 undefined,
+6 'https://',
+7 'ggCuyOeDl5M?t=30s&end=50s',
+8 'ggCuyOeDl5M',
+9 't=30s&end=50s',
+10 'https://youtu.be/ggCuyOeDl5M?t=30s&end=50s',
+ index: 11,
+ input: 'foo
\nhttps://youtu.be/ggCuyOeDl5M?t=30s&end=50s
\n' ]
+
+0: whole match
+1: opening paragraph tag (optional)
+2: entire ... tag
+3: tag
+4: https//url inside tag
+5: http://url inside tag
+6: https
+7: query string
+8: video id
+9: rest of query string (minus starting character)
+10: text between ...
+11: ending tag
+*/
+
+function getParams( params ){
+ var result = {};
+ var queryString = [];
+ for( var i = 0; i < params.length; ++i ){
+ var param = params[i];
+ if( param.indexOf('t=') == 0 ){
+ var val = parseTime( param.substring( param.indexOf('=')+1) );
+ queryString.push( 'start=' + val );
+ result.start = timeToString( parseInt( val, 10 ) );
+ }
+ else if(
+ param.indexOf('start=') == 0 ||
+ param.indexOf('end=') == 0
+ ){
+ var ex = param.indexOf('=');
+ var val = parseTime( param.substring( ex+1 ) );
+ queryString.push( param.substring(0, ex+1) + val );
+ result[param.substring(0, ex)] = timeToString( parseInt( val, 10 ) );
+ }
+ else if(
+ param.indexOf('iv_load_policy=') == 0
+ ){
+ queryString.push( param );
+ }
+ }
+ result.queryString = queryString.join('&');
+ return result;
+}
+
+
+function filter(data, match, preview, callback){
+ if(match){
+ var videoId = match[8];
+ YoutubeLite.fetchSnippet(videoId,
+ function(err, snippet){
+ if( err ){
+ return callback(err);
+ }
+ if( !snippet ){
+ // not a valid video, skip it
+ return callback(null, data);
+ }
+
+ var params = getParams( (match[9] || '').split('&') );
+ var queryString = params.queryString;
+ var content = match[1] + match[3] + '– ';
+
+ if( params.start ){
+ if( params.end ){
+ content += '[' + params.start + '..' + params.end + ']';
+ }
+ else{
+ content += '[' + params.start + '..' + snippet.duration + ']';
+ }
+ }
+ else if( params.end ){
+ content += '[00:00..' + params.end + ']';
+ }
+
+ content += ' ' + snippet.duration + ' ';
+ }
+ else if( params.start || params.end ){
+ // No API key, but we still have a start / end we can display
+ content += ' – ';
+
+ if( params.start ){
+ if( params.end ){
+ content += '[' + params.start + '..' + params.end + ']';
+ }
+ else{
+ content += '[' + params.start + '..]';
+ }
+ }
+ else if( params.end ){
+ content += '[00:00..' + params.end + ']';
+ }
+ content += ' ';
+ }
+ content += ' ';
+ var thumbnails = snippet.thumbnails;
+ if( preview ){
+ var img = thumbnails.medium || thumbnails.default || thumbnails.high || thumbnails.standard;
+ content += '
' +
+ '\n
' +
+ '\n
' +
+ '\n ' +
+ '\n ' +
+ '\n ' +
+ '\n ' +
+ '\n ' +
+ '\n ' +
+ '\n ' +
+ '\n ' +
+ '\n ' +
+ '\n
' +
+ '\n
');
-
- // Play button from YouTube (exactly as it is in YouTube)
- innerHtml.push('
');
- innerHtml.push('');
- innerHtml.push(' ');
- innerHtml.push(' '); // end of .ytp-large-play-button
-
- // video time from YouTube (exactly as it is in YouTube)
- if (display_duration) {
- innerHtml.push('
');
- }
- innerHtml.push('
');
- innerHtml.push('');
- innerHtml.push('
');
- innerHtml.push('
'); // /.ytp-title-text
- innerHtml.push('
'); // /.ytp-title
- innerHtml.push('
VIDEO ')
+ .addClass('lazyYT-video-loaded');
+ };
}(jQuery));
+
diff --git a/static/lib/main.js b/static/lib/main.js
deleted file mode 100644
index f9a97bf..0000000
--- a/static/lib/main.js
+++ /dev/null
@@ -1,10 +0,0 @@
-"use strict";
-
- $(window).on('action:widgets.loaded', function() {
- $('.js-lazyYT').lazyYT();
- });
-
-
- $(window).on('action:posts.loaded', function(){
- $('.js-lazyYT').delay(500).lazyYT();
- });
diff --git a/static/style.less b/static/style.less
index 1b04d59..fc34cf0 100644
--- a/static/style.less
+++ b/static/style.less
@@ -17,6 +17,7 @@ iframe.lazytube {
padding: 0 0 56.25% 0;
overflow: hidden;
background-color: @body-bg;
+ margin-bottom: 10px;
}
.lazyYT-container iframe {
diff --git a/tests/googleapi.js b/tests/googleapi.js
new file mode 100644
index 0000000..fb4c178
--- /dev/null
+++ b/tests/googleapi.js
@@ -0,0 +1,64 @@
+'use strict';
+var winston = require('winston');
+var sinon = require('sinon');
+var expect = require("chai").expect;
+var youtubeLite = require("../library");
+
+process.on('uncaughtException', function (err) {
+ winston.error('Encountered error while running test suite: ' + err.message);
+});
+
+
+describe('Youtube API call',function(){
+ var sandbox = null;
+ beforeEach(function(){
+ sandbox = sinon.sandbox.create();
+ youtubeLite.apiKey = 'fakekey';
+ });
+ afterEach(function(){
+ sandbox.restore();
+ });
+
+ it("doesn't crash on a bad video id",function(){
+ sandbox.stub( youtubeLite, 'apiRequest').yields( null, "{}" );
+ youtubeLite.fetchSnippet( "badVideo", function( err, snippet ){
+ expect( snippet ).to.be.null;
+ });
+ });
+
+ it("returns {title, channelTitle, thumbnails, duration} on a good video id",function(){
+ sandbox.stub( youtubeLite, 'apiRequest').yields( null, JSON.stringify(
+ {
+ items: [
+ {
+ snippet: {
+ title: 'Video title!',
+ channelTitle: 'Channel Title!',
+ thumbnails:{
+ default:{ url:'https://i.ytimg.com/vi/goodvideo/default.jpg'},
+ high:{ url:'https://i.ytimg.com/vi/goodvideo/hqdefault.jpg'},
+ medium:{ url:'https://i.ytimg.com/vi/goodvideo/mqdefault.jpg'},
+ standard:{ url:'https://i.ytimg.com/vi/goodvideo/sddefault.jpg'},
+ }
+ },
+ contentDetails: {duration: 'PT3H2M31S'}
+ }
+ ]
+ }) );
+ youtubeLite.fetchSnippet( "goodvideo", function( err, snippet ){
+ expect( snippet ).to.deep.equal(
+ {
+ title: 'Video title!',
+ channelTitle: 'Channel Title!',
+ duration: '3:02:31',
+ thumbnails:{
+ default:{ url:'https://i.ytimg.com/vi/goodvideo/default.jpg'},
+ high:{ url:'https://i.ytimg.com/vi/goodvideo/hqdefault.jpg'},
+ medium:{ url:'https://i.ytimg.com/vi/goodvideo/mqdefault.jpg'},
+ standard:{ url:'https://i.ytimg.com/vi/goodvideo/sddefault.jpg'},
+ }
+ } );
+
+ });
+ });
+});
diff --git a/tests/regex.js b/tests/regex.js
new file mode 100644
index 0000000..0be8689
--- /dev/null
+++ b/tests/regex.js
@@ -0,0 +1,175 @@
+'use strict';
+var winston = require('winston');
+
+process.on('uncaughtException', function (err) {
+ winston.error('Encountered error while running test suite: ' + err.message);
+});
+
+function replaceAll(text, searchReplace) {
+ if (searchReplace === undefined) {
+ return text.toString();
+ }
+ if( !Array.isArray(searchReplace) ){
+ searchReplace = [searchReplace];
+ }
+ for( var i = 0; i < searchReplace.length; ++i ){
+ var sr = searchReplace[i];
+ text = text.split( sr.search ).join( sr.replace );
+ }
+ return text;
+}
+
+var expect = require("chai").expect;
+
+var youtubeLite = require("../library");
+var rawTitlePrefix = '– {time} ';
+var rawTitleSuffix = '– {time} ' +
+'\n
' +
+'\n
' +
+'\n ' +
+'\n ' +
+'\n ' +
+'\n ' +
+'\n ' +
+'\n ' +
+'\n ' +
+'\n ' +
+'\n ' +
+'\n
' +
+'\n
https://youtu.be/fXhUgV9qzI0
',
+ expected:{
+ raw: '' + replaceAll( rawSimpleTemplate, [videoIdSearchReplace, blankQueryStringSearchReplace]) + '
',
+ post: '' + replaceAll( postSimpleTemplate, [videoIdSearchReplace, blankQueryStringSearchReplace, blankDataParameterstringSearchReplace]) + '
'
+ }
+ },
+ {
+ description: 'Markdown link with a youtube URL should be left alone',
+ content: 'linked
',
+ expected: {
+ raw: 'linked
',
+ post: 'linked
'
+ }
+ },
+ {
+ description: 'Video URLs on consecutive lines',
+ videoId: 'fXhUgV9qzI0',
+ content: 'https://youtu.be/fXhUgV9qzI0 https://youtu.be/fXhUgV9qzI0
',
+ expected: {
+ raw: '' + replaceAll( rawSimpleTemplate, [videoIdSearchReplace, blankQueryStringSearchReplace]) + '
',
+ post: '' + replaceAll( postSimpleTemplate, [videoIdSearchReplace, blankQueryStringSearchReplace, blankDataParameterstringSearchReplace]) + '
'
+ }
+ },
+ {
+ description: 'Link with text in front should be left alone',
+ content: 'Look at thishttps://youtu.be/fXhUgV9qzI0
',
+ expected: {
+ raw: 'Look at thishttps://youtu.be/fXhUgV9qzI0
',
+ post: 'Look at thishttps://youtu.be/fXhUgV9qzI0
'
+ }
+ },
+ {
+ description: 'Link with text behind should be left alone',
+ content: 'https://youtu.be/fXhUgV9qzI0 uh huh
',
+ expected: {
+ raw: 'https://youtu.be/fXhUgV9qzI0 uh huh
',
+ post: 'https://youtu.be/fXhUgV9qzI0 uh huh
'
+ }
+ },
+ {
+ description: 'Link with text in front and behind should be left alone',
+ content: 'Look: https://youtu.be/fXhUgV9qzI0 uh huh
',
+ expected: {
+ raw: 'Look: https://youtu.be/fXhUgV9qzI0 uh huh
',
+ post: 'Look: https://youtu.be/fXhUgV9qzI0 uh huh
'
+ }
+ },
+ {
+ description: 'Simple post with only the youtu.be link with a start time',
+ videoId: 'fXhUgV9qzI0',
+ content: 'https://youtu.be/fXhUgV9qzI0?t=55s
',
+ expected: {
+ raw: '' + replaceAll( rawTimesTemplate, [videoIdSearchReplace,{search:'{time}',replace:'[00:55..]'}, {search:'{queryString}', replace:'?t=55s'}]) + '
',
+ post: '' + replaceAll( postQueryStringTemplate, [
+ videoIdSearchReplace,
+ {search:'{queryString}', replace:'t=55s'},
+ {search:'{time}',replace:'[00:55..]'},
+ {search:'{dataParameters}', replace:'start=55'}
+ ]) + '
'
+ }
+ },
+ {
+ description: 'Simple post with only the youtube.com link with a start time',
+ videoId: 'fXhUgV9qzI0',
+ content: 'https://youtube.com/watch?v=fXhUgV9qzI0&t=55s
',
+ expected: {
+ raw: '' + replaceAll( rawTimesTemplate, [
+ {search:'youtu.be/',replace:'youtube.com/watch?v='},
+ videoIdSearchReplace,
+ {search:'{time}',replace:'[00:55..]'},
+ {search:'{queryString}', replace:'&t=55s'}]) + '
',
+ post: '' + replaceAll( postQueryStringTemplate, [
+ videoIdSearchReplace,
+ {search:'youtu.be/',replace:'youtube.com/watch?v='},
+ {search:'?{queryString}',replace:'&{queryString}'},
+ {search:'{queryString}', replace:'t=55s'},
+ {search:'{time}',replace:'[00:55..]'},
+ {search:'{dataParameters}', replace:'start=55'}
+ ]) + '
'
+ }
+ }
+];
+
+
+describe( 'Parsing a ', function(){
+ var i;
+ for( i = 0; i < posts.length; ++i ){
+ var post = posts[i];
+ describe( post.description + ' in preview', function(){
+
+ var data = new Object();
+ var expectedValue = post.expected.raw;
+ data = post.content;
+ it('converts the post correctly', function(){
+ youtubeLite.parseRaw( data, function( callback, theData ){
+ expect( theData ).to.equal( expectedValue );
+ });
+
+ });
+ });
+ describe( post.description + ' in the final post', function(){
+
+ var data = new Object();
+ var expectedValue = post.expected.post;
+ data.postData = new Object();
+ data.postData.content = post.content;
+ it('converts the post correctly', function(){
+ youtubeLite.parsePost( data, function( callback, theData ){
+ expect( theData.postData.content ).to.equal( expectedValue );
+ });
+
+ });
+ });
+ }
+});
+
+
'
+var rawSimpleTemplate = rawTitlePrefix + rawTitleSuffix;
+var rawTimesTemplate = rawTitlePrefix + rawTimes + rawTitleSuffix;
+var postQueryStringPrefixTemplate = ' Youtube Video – {time}';
+var postSimplePrefixTemplate = ' Youtube Video';
+var postSuffix =
+'