3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-07-25 20:57:23 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Add more descriptive names for playground samples

Browse source
This commit is contained in:
Andrey Antukh 2025-06-01 11:18:09 +02:00
parent 9fee16f4a9
commit 483e88d6a3
4 changed files with 0 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

106
library/playground/sample2.js
View file

@ -1,106 +0,0 @@
import * as penpot from "#self";
import { writeFile, readFile } from "fs/promises";
import { createWriteStream } from "fs";
import { Writable } from "stream";
// console.log(penpot);
(async function () {
const context = penpot.createBuildContext();
{
context.addFile({ name: "Test File 1" });
context.addPage({ name: "Foo Page" });
// Add image media
const buffer = await readFile("./playground/sample.jpg");
const blob = new Blob([buffer], { type: "image/jpeg" });
const mediaId = context.addFileMedia(
{
name: "avatar.jpg",
width: 512,
height: 512,
},
blob
);
// Add image color asset
const assetColorId = context.addLibraryColor({
name: "Avatar",
opacity: 1,
image: {
...context.getMediaAsImage(mediaId),
keepAspectRatio: true,
},
});
const boardId = context.addBoard({
name: "Foo Board",
x: 0,
y: 0,
width: 500,
height: 1000,
});
const fill = {
fillColorRefId: assetColorId,
fillColorRefFile: context.currentFileId,
fillImage: {
...context.getMediaAsImage(mediaId),
keepAspectRatio: true,
},
};
const stroke = {
strokeColorRefId: assetColorId,
strokeColorRefFile: context.currentFileId,
strokeWidth: 48,
strokeAlignment: "inner",
strokeStyle: "solid",
strokeOpacity: 1,
strokeImage: {
...context.getMediaAsImage(mediaId),
keepAspectRatio: true,
},
};
context.addRect({
name: "Rect 1",
x: 20,
y: 20,
width: 500,
height: 1000,
fills: [fill],
strokes: [stroke],
});
context.closeBoard();
context.closeFile();
}
{
let result = await penpot.exportAsBytes(context);
await writeFile("sample-sync.zip", result);
}
// {
// // Create a file stream to write the zip to
// const output = createWriteStream('sample-stream.zip');
// // Wrap Node's stream in a WHATWG WritableStream
// const writable = Writable.toWeb(output);
// await penpot.exportStream(context, writable);
// }
})()
.catch((cause) => {
console.error(cause);
const innerCause = cause.cause;
if (innerCause) {
console.error("Inner cause:", innerCause);
}
process.exit(-1);
})
.finally(() => {
process.exit(0);
});