X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;f=server%2Fcontrollers%2Fclient.ts;h=b23f7e1aeb4fc6add8e640e7b55b563567325800;hb=aa2e7f1501ce108e0c250538aba7046fddefc935;hp=aaa04889a1fca94ff7540268d8ef934f8e28ca27;hpb=65fcc3119c334b75dd13bcfdebf186afdc580a8f;p=github%2FChocobozzz%2FPeerTube.git diff --git a/server/controllers/client.ts b/server/controllers/client.ts index aaa04889a..b23f7e1ae 100644 --- a/server/controllers/client.ts +++ b/server/controllers/client.ts @@ -1,32 +1,29 @@ -import { parallel } from 'async' -import express = require('express') -import fs = require('fs') +import * as express from 'express' import { join } from 'path' -import expressValidator = require('express-validator') -// TODO: use .validator when express-validator typing will have validator field -const validator = expressValidator['validator'] +import * as validator from 'validator' +import * as Promise from 'bluebird' -const db = require('../initializers/database') +import { database as db } from '../initializers/database' import { CONFIG, - REMOTE_SCHEME, STATIC_PATHS, - STATIC_MAX_AGE + STATIC_MAX_AGE, + OPENGRAPH_COMMENT } from '../initializers' +import { root, readFileBufferPromise } from '../helpers' +import { VideoInstance } from '../models' const clientsRouter = express.Router() -// TODO: move to constants -const opengraphComment = '' -const distPath = join(__dirname, '..', '..', 'client/dist') -const embedPath = join(distPath, 'standalone/videos/embed.html') +const distPath = join(root(), 'client', 'dist') +const embedPath = join(distPath, 'standalone', 'videos', 'embed.html') const indexPath = join(distPath, 'index.html') // Special route that add OpenGraph tags // Do not use a template engine for a so little thing clientsRouter.use('/videos/watch/:id', generateWatchHtmlPage) -clientsRouter.use('/videos/embed', function (req, res, next) { +clientsRouter.use('/videos/embed', (req: express.Request, res: express.Response, next: express.NextFunction) => { res.sendFile(embedPath) }) @@ -34,7 +31,7 @@ clientsRouter.use('/videos/embed', function (req, res, next) { clientsRouter.use('/client', express.static(distPath, { maxAge: STATIC_MAX_AGE })) // 404 for static files not found -clientsRouter.use('/client/*', function (req, res, next) { +clientsRouter.use('/client/*', (req: express.Request, res: express.Response, next: express.NextFunction) => { res.sendStatus(404) }) @@ -46,19 +43,8 @@ export { // --------------------------------------------------------------------------- -function addOpenGraphTags (htmlStringPage, video) { - let basePreviewUrlHttp - - if (video.isOwned()) { - basePreviewUrlHttp = CONFIG.WEBSERVER.URL - } else { - basePreviewUrlHttp = REMOTE_SCHEME.HTTP + '://' + video.Author.Pod.host - } - - // We fetch the remote preview (bigger than the thumbnail) - // This should not overhead the remote server since social websites put in a cache the OpenGraph tags - // We can't use the thumbnail because these social websites want bigger images (> 200x200 for Facebook for example) - const previewUrl = basePreviewUrlHttp + STATIC_PATHS.PREVIEWS + video.getPreviewName() +function addOpenGraphTags (htmlStringPage: string, video: VideoInstance) { + const previewUrl = CONFIG.WEBSERVER.URL + STATIC_PATHS.PREVIEWS + video.getPreviewName() const videoUrl = CONFIG.WEBSERVER.URL + '/videos/watch/' + video.id const metaTags = { @@ -80,34 +66,37 @@ function addOpenGraphTags (htmlStringPage, video) { } let tagsString = '' - Object.keys(metaTags).forEach(function (tagName) { + Object.keys(metaTags).forEach(tagName => { const tagValue = metaTags[tagName] tagsString += '' }) - return htmlStringPage.replace(opengraphComment, tagsString) + return htmlStringPage.replace(OPENGRAPH_COMMENT, tagsString) } -function generateWatchHtmlPage (req, res, next) { - const videoId = req.params.id +function generateWatchHtmlPage (req: express.Request, res: express.Response, next: express.NextFunction) { + const videoId = '' + req.params.id + let videoPromise: Promise // Let Angular application handle errors - if (!validator.isUUID(videoId, 4)) return res.sendFile(indexPath) - - parallel({ - file: function (callback) { - fs.readFile(indexPath, callback) - }, + if (validator.isUUID(videoId, 4)) { + videoPromise = db.Video.loadByUUIDAndPopulateAuthorAndPodAndTags(videoId) + } else if (validator.isInt(videoId)) { + videoPromise = db.Video.loadAndPopulateAuthorAndPodAndTags(+videoId) + } else { + return res.sendFile(indexPath) + } - video: function (callback) { - db.Video.loadAndPopulateAuthorAndPodAndTags(videoId, callback) - } - }, function (err, result: any) { - if (err) return next(err) + Promise.all([ + readFileBufferPromise(indexPath), + videoPromise + ]) + .then(([ file, video ]) => { + file = file as Buffer + video = video as VideoInstance - const html = result.file.toString() - const video = result.video + const html = file.toString() // Let Angular application handle errors if (!video) return res.sendFile(indexPath) @@ -115,4 +104,5 @@ function generateWatchHtmlPage (req, res, next) { const htmlStringPageWithTags = addOpenGraphTags(html, video) res.set('Content-Type', 'text/html; charset=UTF-8').send(htmlStringPageWithTags) }) + .catch(err => next(err)) }