Iain Sproat
78ecaeffcb
* Revert "'@' shortcut must come after it is configured in bootstrap (#1239)" This reverts commit967329473f. * Revert "Structured logging (attempt 2) (#1234)" This reverts commit444d2ca7dd.
69 lines
2.3 KiB
JavaScript
69 lines
2.3 KiB
JavaScript
/* istanbul ignore file */
|
|
'use strict'
|
|
|
|
const sharp = require('sharp')
|
|
const xmlescape = require('xml-escape')
|
|
const pixelWidth = require('string-pixel-width')
|
|
|
|
module.exports = {
|
|
async makeOgImage(previewBufferOrFilename, streamName) {
|
|
const imgWidth = 1200
|
|
const imgHeight = 627
|
|
|
|
const panelPadding = 20
|
|
const panelWidth = imgWidth - 2 * panelPadding
|
|
const panelHeight = 80
|
|
|
|
let title = '/ ' + streamName
|
|
const maxTitleSize = 750
|
|
if (pixelWidth(title, { font: 'open sans', size: 48 }) > maxTitleSize) {
|
|
while (pixelWidth(title, { font: 'open sans', size: 48 }) > maxTitleSize) {
|
|
title = title.slice(0, -1)
|
|
}
|
|
title += '...'
|
|
}
|
|
// console.log( streamName, pixelWidth( title, { font: 'open sans', size: 48 } ), ' / ', imgWidth - 2 * panelPadding - 305 )
|
|
|
|
const logo = await sharp(
|
|
require.resolve('#/assets/previews/images/speckle_logo_and_text.png')
|
|
)
|
|
.resize({ height: panelHeight })
|
|
.toBuffer()
|
|
|
|
const topPanel = Buffer.from(`
|
|
<svg width="${imgWidth}" height="${panelHeight + 2 * panelPadding}">
|
|
<defs>
|
|
<filter id="dropshadow" height="130%">
|
|
<feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
|
|
<feOffset dx="0" dy="5" result="offsetblur"/>
|
|
<feComponentTransfer>
|
|
<feFuncA type="linear" slope="0.3"/>
|
|
</feComponentTransfer>
|
|
<feMerge>
|
|
<feMergeNode/>
|
|
<feMergeNode in="SourceGraphic"/>
|
|
</feMerge>
|
|
</filter>
|
|
</defs>
|
|
|
|
<rect x="${panelPadding}" y="${panelPadding}" width="${panelWidth}" height="${panelHeight}" fill="#fff" rx="15" filter="url(#dropshadow)" />
|
|
<text x="${panelPadding + 305}" y="${
|
|
panelPadding + 60
|
|
}" fill="#000" font-family="DejaVu Sans, sans-serif" font-size="48px">
|
|
${xmlescape(title)}
|
|
</text>
|
|
</svg>
|
|
`)
|
|
//<text x="50%" y="50%" dy="0.3em" fill="#000" text-anchor="middle" font-family="Arial, Helvetica, sans-serif" font-size="48px">
|
|
|
|
return await sharp(previewBufferOrFilename)
|
|
.resize({ width: imgWidth, height: imgHeight })
|
|
.composite([
|
|
{ input: topPanel, top: 0, left: 0 },
|
|
{ input: logo, left: panelPadding + 10, top: panelPadding }
|
|
])
|
|
.png()
|
|
.toBuffer()
|
|
}
|
|
}
|