chore(nx-dev): refresh og images content (#14613)
This commit is contained in:
parent
c3de9fdd76
commit
dde37ca7b8
@ -31,36 +31,36 @@ documents.map((category) => {
|
|||||||
});
|
});
|
||||||
category.itemList.map((item) =>
|
category.itemList.map((item) =>
|
||||||
data.push({
|
data.push({
|
||||||
title: category.name,
|
title: item.name,
|
||||||
content: item.name,
|
content: category.name,
|
||||||
filename: [category.id, item.id].join('-'),
|
filename: [category.id, item.id].join('-'),
|
||||||
})
|
})
|
||||||
);
|
);
|
||||||
});
|
});
|
||||||
packages.map((pkg) => {
|
packages.map((pkg) => {
|
||||||
data.push({
|
data.push({
|
||||||
title: 'Package details',
|
title: pkg.packageName,
|
||||||
content: pkg.packageName,
|
content: 'Package details',
|
||||||
filename: ['packages', pkg.name].join('-'),
|
filename: ['packages', pkg.name].join('-'),
|
||||||
});
|
});
|
||||||
pkg.documents.map((document) => {
|
pkg.documents.map((document) => {
|
||||||
data.push({
|
data.push({
|
||||||
title: 'Document details',
|
title: document.name,
|
||||||
content: `${pkg.packageName}:${document.name}`,
|
content: pkg.packageName,
|
||||||
filename: ['packages', pkg.name, 'documents', document.id].join('-'),
|
filename: ['packages', pkg.name, 'documents', document.id].join('-'),
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
pkg.executors.map((executor) => {
|
pkg.executors.map((executor) => {
|
||||||
data.push({
|
data.push({
|
||||||
title: 'Executor details',
|
title: executor.name,
|
||||||
content: `${pkg.packageName}:${executor.name}`,
|
content: pkg.packageName,
|
||||||
filename: ['packages', pkg.name, 'executors', executor.name].join('-'),
|
filename: ['packages', pkg.name, 'executors', executor.name].join('-'),
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
pkg.generators.map((generator) => {
|
pkg.generators.map((generator) => {
|
||||||
data.push({
|
data.push({
|
||||||
title: 'Generator details',
|
title: generator.name,
|
||||||
content: `${pkg.packageName}:${generator.name}`,
|
content: pkg.packageName,
|
||||||
filename: ['packages', pkg.name, 'generators', generator.name].join('-'),
|
filename: ['packages', pkg.name, 'generators', generator.name].join('-'),
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
@ -87,16 +87,16 @@ function createOpenGraphImage(
|
|||||||
const context = canvas.getContext('2d');
|
const context = canvas.getContext('2d');
|
||||||
context.drawImage(image, 0, 0, 1200, 630);
|
context.drawImage(image, 0, 0, 1200, 630);
|
||||||
|
|
||||||
context.font = 'bold 60px system-ui';
|
context.font = 'bold 50px system-ui';
|
||||||
context.textAlign = 'center';
|
context.textAlign = 'center';
|
||||||
context.textBaseline = 'top';
|
context.textBaseline = 'top';
|
||||||
context.fillStyle = '#212121';
|
context.fillStyle = '#0F172A';
|
||||||
context.fillText(title.toUpperCase(), 600, 220);
|
context.fillText(title.toUpperCase(), 600, 220);
|
||||||
|
|
||||||
context.font = 'normal 42px system-ui';
|
context.font = 'normal 32px system-ui';
|
||||||
context.textAlign = 'center';
|
context.textAlign = 'center';
|
||||||
context.textBaseline = 'top';
|
context.textBaseline = 'top';
|
||||||
context.fillStyle = '#212121';
|
context.fillStyle = '#334155';
|
||||||
|
|
||||||
const lines = splitLines(context, content, 1100);
|
const lines = splitLines(context, content, 1100);
|
||||||
lines.forEach((line, index) => {
|
lines.forEach((line, index) => {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user