pixeli 0.1.9 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +362 -88
- package/dist/cli/commands/collage/index.d.ts +2 -0
- package/dist/cli/commands/collage/index.js +125 -0
- package/dist/cli/commands/grid/index.d.ts +2 -0
- package/dist/cli/commands/grid/index.js +127 -0
- package/dist/cli/commands/masonry/index.d.ts +2 -0
- package/dist/cli/commands/masonry/index.js +129 -0
- package/dist/cli/commands/template/index.d.ts +2 -0
- package/dist/cli/commands/template/index.js +123 -0
- package/dist/cli/commands/template/presets/artGallery.d.ts +15 -0
- package/dist/cli/commands/template/presets/artGallery.js +15 -0
- package/dist/cli/commands/template/presets/dashboardShot.d.ts +15 -0
- package/dist/cli/commands/template/presets/dashboardShot.js +16 -0
- package/dist/cli/commands/template/presets/horizontalBookSpread.d.ts +15 -0
- package/dist/cli/commands/template/presets/horizontalBookSpread.js +13 -0
- package/dist/cli/commands/template/presets/instagramGrid.d.ts +15 -0
- package/dist/cli/commands/template/presets/instagramGrid.js +16 -0
- package/dist/cli/commands/template/presets/verticalBookSpread.d.ts +15 -0
- package/dist/cli/commands/template/presets/verticalBookSpread.js +13 -0
- package/dist/cli/commands/template/presets.d.ts +73 -0
- package/{lib/merges/collage-merge → dist/cli/commands/template}/presets.js +6 -8
- package/dist/cli/index.d.ts +2 -0
- package/dist/cli/index.js +24 -0
- package/dist/cli/modules/loadImages.d.ts +15 -0
- package/dist/cli/modules/loadImages.js +74 -0
- package/dist/cli/modules/progressBar.d.ts +10 -0
- package/dist/cli/modules/progressBar.js +34 -0
- package/dist/cli/schemas/collage.d.ts +29 -0
- package/dist/cli/schemas/collage.js +38 -0
- package/dist/cli/schemas/grid.d.ts +34 -0
- package/dist/cli/schemas/grid.js +38 -0
- package/dist/cli/schemas/masonry.d.ts +62 -0
- package/dist/cli/schemas/masonry.js +62 -0
- package/dist/cli/schemas/template.d.ts +31 -0
- package/dist/cli/schemas/template.js +49 -0
- package/dist/cli/utils/buildCommandFromSchema.d.ts +8 -0
- package/dist/cli/utils/buildCommandFromSchema.js +55 -0
- package/dist/cli/utils/configureCommandErrors.d.ts +2 -0
- package/dist/cli/utils/configureCommandErrors.js +22 -0
- package/dist/cli/utils/stringFormatter.d.ts +1 -0
- package/dist/cli/utils/stringFormatter.js +3 -0
- package/dist/cli/utils/toErrorMessage.d.ts +4 -0
- package/dist/cli/utils/toErrorMessage.js +22 -0
- package/dist/core/helpers.d.ts +10 -0
- package/dist/core/helpers.js +42 -0
- package/dist/core/index.d.ts +2 -0
- package/dist/core/index.js +2 -0
- package/dist/core/jobs/batchRunner.d.ts +44 -0
- package/dist/core/jobs/batchRunner.js +90 -0
- package/dist/core/jobs/types.d.ts +10 -0
- package/dist/core/jobs/types.js +1 -0
- package/dist/core/mergeError.d.ts +9 -0
- package/dist/core/mergeError.js +10 -0
- package/dist/core/merges/collage/index.d.ts +9 -0
- package/dist/core/merges/collage/index.js +32 -0
- package/dist/core/merges/collage/steps/calculateImageDimensions.d.ts +12 -0
- package/dist/core/merges/collage/steps/calculateImageDimensions.js +18 -0
- package/dist/core/merges/collage/steps/createComposites.d.ts +8 -0
- package/dist/core/merges/collage/steps/createComposites.js +58 -0
- package/dist/core/merges/collage/steps/resizeAndBorderImages.d.ts +12 -0
- package/dist/core/merges/collage/steps/resizeAndBorderImages.js +26 -0
- package/dist/core/merges/collage/steps/rotateImages.d.ts +7 -0
- package/dist/core/merges/collage/steps/rotateImages.js +9 -0
- package/dist/core/merges/grid/index.d.ts +12 -0
- package/dist/core/merges/grid/index.js +36 -0
- package/dist/core/merges/grid/steps/calculateCanvasDimensions.d.ts +8 -0
- package/dist/core/merges/grid/steps/calculateCanvasDimensions.js +18 -0
- package/dist/core/merges/grid/steps/calculateFontSize.d.ts +7 -0
- package/dist/core/merges/grid/steps/calculateFontSize.js +19 -0
- package/dist/core/merges/grid/steps/calculateImageDimensions.d.ts +8 -0
- package/dist/core/merges/grid/steps/calculateImageDimensions.js +18 -0
- package/dist/core/merges/grid/steps/createComposites.d.ts +10 -0
- package/dist/core/merges/grid/steps/createComposites.js +63 -0
- package/dist/core/merges/grid/steps/prepareImages.d.ts +10 -0
- package/dist/core/merges/grid/steps/prepareImages.js +29 -0
- package/dist/core/merges/grid/steps/shuffleImagesAndCaptions.d.ts +7 -0
- package/dist/core/merges/grid/steps/shuffleImagesAndCaptions.js +17 -0
- package/dist/core/merges/index.d.ts +5 -0
- package/dist/core/merges/index.js +4 -0
- package/dist/core/merges/masonry/index.d.ts +10 -0
- package/dist/core/merges/masonry/index.js +32 -0
- package/dist/core/merges/masonry/steps/calculateCanvasDimensions.d.ts +15 -0
- package/dist/core/merges/masonry/steps/calculateCanvasDimensions.js +17 -0
- package/dist/core/merges/masonry/steps/calculateLaneSize.d.ts +9 -0
- package/dist/core/merges/masonry/steps/calculateLaneSize.js +27 -0
- package/dist/core/merges/masonry/steps/createComposites.d.ts +25 -0
- package/dist/core/merges/masonry/steps/createComposites.js +108 -0
- package/dist/core/merges/masonry/steps/resizeImages.d.ts +7 -0
- package/dist/core/merges/masonry/steps/resizeImages.js +14 -0
- package/dist/core/merges/masonry/steps/splitIntoLanes.d.ts +17 -0
- package/dist/core/merges/masonry/steps/splitIntoLanes.js +78 -0
- package/dist/core/merges/shared-steps/applyComposites.d.ts +2 -0
- package/dist/core/merges/shared-steps/applyComposites.js +16 -0
- package/dist/core/merges/shared-steps/createCanvas.d.ts +11 -0
- package/dist/core/merges/shared-steps/createCanvas.js +17 -0
- package/dist/core/merges/shared-steps/exportCanvas.d.ts +7 -0
- package/dist/core/merges/shared-steps/exportCanvas.js +25 -0
- package/dist/core/merges/shared-steps/finalizeImagePipelines.d.ts +2 -0
- package/dist/core/merges/shared-steps/finalizeImagePipelines.js +9 -0
- package/dist/core/merges/shared-steps/loadImages.d.ts +2 -0
- package/dist/core/merges/shared-steps/loadImages.js +26 -0
- package/dist/core/merges/shared-steps/validateCaptions.d.ts +10 -0
- package/dist/core/merges/shared-steps/validateCaptions.js +17 -0
- package/dist/core/merges/template/index.d.ts +10 -0
- package/dist/core/merges/template/index.js +28 -0
- package/dist/core/merges/template/steps/calculateSlotDimensions.d.ts +9 -0
- package/dist/core/merges/template/steps/calculateSlotDimensions.js +12 -0
- package/dist/core/merges/template/steps/createComposites.d.ts +10 -0
- package/dist/core/merges/template/steps/createComposites.js +25 -0
- package/dist/core/merges/template/steps/getBlocks.d.ts +13 -0
- package/dist/core/merges/template/steps/getBlocks.js +28 -0
- package/dist/core/merges/template/types.d.ts +21 -0
- package/dist/core/merges/template/types.js +1 -0
- package/dist/core/merges/types.d.ts +123 -0
- package/dist/core/merges/types.js +1 -0
- package/dist/core/modules/messages.d.ts +32 -0
- package/dist/core/modules/messages.js +54 -0
- package/dist/core/modules/typedEventEmitter.d.ts +7 -0
- package/dist/core/modules/typedEventEmitter.js +9 -0
- package/dist/core/pipeline/guards.d.ts +4 -0
- package/dist/core/pipeline/guards.js +23 -0
- package/dist/core/pipeline/mergePipeline.d.ts +60 -0
- package/dist/core/pipeline/mergePipeline.js +122 -0
- package/dist/core/schemas/collage.d.ts +26 -0
- package/dist/core/schemas/collage.js +17 -0
- package/dist/core/schemas/grid.d.ts +32 -0
- package/dist/core/schemas/grid.js +29 -0
- package/dist/core/schemas/masonry.d.ts +56 -0
- package/dist/core/schemas/masonry.js +43 -0
- package/dist/core/schemas/mergeJob.d.ts +11 -0
- package/dist/core/schemas/mergeJob.js +6 -0
- package/dist/core/schemas/template.d.ts +34 -0
- package/dist/core/schemas/template.js +88 -0
- package/dist/core/utils/colors/hexToRgba.d.ts +2 -0
- package/dist/core/utils/colors/hexToRgba.js +25 -0
- package/dist/core/utils/colors/rgbaToHex.d.ts +2 -0
- package/dist/core/utils/colors/rgbaToHex.js +15 -0
- package/dist/core/utils/colors/types.d.ts +7 -0
- package/dist/core/utils/colors/types.js +1 -0
- package/dist/core/utils/fonts/getFontSize.d.ts +9 -0
- package/dist/core/utils/fonts/getFontSize.js +40 -0
- package/dist/core/utils/images/addImageBorder.d.ts +13 -0
- package/dist/core/utils/images/addImageBorder.js +33 -0
- package/dist/core/utils/images/getImageHeights.d.ts +2 -0
- package/dist/core/utils/images/getImageHeights.js +9 -0
- package/dist/core/utils/images/getImageWidths.d.ts +2 -0
- package/dist/core/utils/images/getImageWidths.js +9 -0
- package/dist/core/utils/images/getSmallestImageDimensions.d.ts +5 -0
- package/dist/core/utils/images/getSmallestImageDimensions.js +9 -0
- package/dist/core/utils/images/handleImageEdges.d.ts +13 -0
- package/dist/core/utils/images/handleImageEdges.js +39 -0
- package/dist/core/utils/images/isActualImage.d.ts +5 -0
- package/dist/core/utils/images/isActualImage.js +26 -0
- package/dist/core/utils/images/parseAspectRatio.d.ts +1 -0
- package/dist/core/utils/images/parseAspectRatio.js +22 -0
- package/dist/core/utils/images/roundImage.d.ts +9 -0
- package/dist/core/utils/images/roundImage.js +27 -0
- package/dist/core/utils/images/roundImages.d.ts +8 -0
- package/dist/core/utils/images/roundImages.js +19 -0
- package/dist/core/utils/images/scaleImage.d.ts +8 -0
- package/dist/core/utils/images/scaleImage.js +36 -0
- package/dist/core/utils/images/scaleImages.d.ts +8 -0
- package/dist/core/utils/images/scaleImages.js +38 -0
- package/dist/core/utils/math/median.d.ts +1 -0
- package/dist/core/utils/math/median.js +12 -0
- package/dist/core/utils/math/randint.d.ts +6 -0
- package/dist/core/utils/math/randint.js +11 -0
- package/dist/core/utils/math/trimmedMedian.d.ts +1 -0
- package/dist/core/utils/math/trimmedMedian.js +12 -0
- package/dist/core/utils/svg/createSvgTextBuffer.d.ts +9 -0
- package/dist/core/utils/svg/createSvgTextBuffer.js +21 -0
- package/dist/validators/aspectRatio.d.ts +2 -0
- package/dist/validators/aspectRatio.js +15 -0
- package/dist/validators/coercion.d.ts +2 -0
- package/dist/validators/coercion.js +12 -0
- package/dist/validators/format.d.ts +2 -0
- package/dist/validators/format.js +15 -0
- package/dist/validators/hexColor.d.ts +7 -0
- package/dist/validators/hexColor.js +27 -0
- package/dist/validators/index.d.ts +95 -0
- package/dist/validators/index.js +64 -0
- package/dist/validators/outputFile.d.ts +2 -0
- package/dist/validators/outputFile.js +7 -0
- package/dist/validators/path.d.ts +3 -0
- package/dist/validators/path.js +18 -0
- package/dist/validators/sharpImageInput.d.ts +3 -0
- package/dist/validators/sharpImageInput.js +6 -0
- package/dist/validators/template.d.ts +15 -0
- package/dist/validators/template.js +41 -0
- package/package.json +26 -9
- package/bin/pixeli.js +0 -26
- package/commands/merge/collage.js +0 -83
- package/commands/merge/grid.js +0 -71
- package/commands/merge/helpers/utils.js +0 -11
- package/commands/merge/helpers/validations.js +0 -269
- package/commands/merge/index.js +0 -12
- package/commands/merge/masonry.js +0 -72
- package/lib/helpers/loadImages.js +0 -94
- package/lib/helpers/progressBar.js +0 -20
- package/lib/helpers/templateValidator.js +0 -139
- package/lib/helpers/utils.js +0 -208
- package/lib/merges/collage-merge/index.js +0 -110
- package/lib/merges/collage-merge/presets/artGallery.js +0 -17
- package/lib/merges/collage-merge/presets/dashboardShot.js +0 -18
- package/lib/merges/collage-merge/presets/horizontalBookSpread.js +0 -15
- package/lib/merges/collage-merge/presets/instagramGrid.js +0 -18
- package/lib/merges/collage-merge/presets/verticalBookSpread.js +0 -15
- package/lib/merges/grid-merge/index.js +0 -152
- package/lib/merges/masonry-merge/horizontal.js +0 -157
- package/lib/merges/masonry-merge/index.js +0 -57
- package/lib/merges/masonry-merge/vertical.js +0 -152
- package/lib/merges/merge-utils.js +0 -176
|
@@ -1,176 +0,0 @@
|
|
|
1
|
-
import sharp from 'sharp';
|
|
2
|
-
|
|
3
|
-
export const calculateAvgHeight = async (images) => {
|
|
4
|
-
let totalHeight = 0;
|
|
5
|
-
|
|
6
|
-
for (const img of images) {
|
|
7
|
-
const meta = await img.metadata();
|
|
8
|
-
totalHeight += meta.height;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
return Math.floor(totalHeight / images.length);
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
export const calculateAvgWidth = async (images) => {
|
|
15
|
-
let totalWidth = 0;
|
|
16
|
-
|
|
17
|
-
for (const img of images) {
|
|
18
|
-
const meta = await img.metadata();
|
|
19
|
-
totalWidth += meta.width;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
return Math.floor(totalWidth / images.length);
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
export const scaleImages = async (images, { width = null, height = null }) => {
|
|
26
|
-
if (!width && !height) {
|
|
27
|
-
throw new Error('You must provide either width or height.');
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
const scaledImages = await Promise.all(
|
|
31
|
-
images.map(async (image) => {
|
|
32
|
-
const meta = await image.metadata();
|
|
33
|
-
|
|
34
|
-
let targetWidth, targetHeight;
|
|
35
|
-
|
|
36
|
-
if (width && height) {
|
|
37
|
-
targetWidth = width;
|
|
38
|
-
targetHeight = height;
|
|
39
|
-
} else if (width) {
|
|
40
|
-
const f = width / meta.width;
|
|
41
|
-
targetWidth = width;
|
|
42
|
-
targetHeight = Math.floor(meta.height * f);
|
|
43
|
-
} else {
|
|
44
|
-
const f = height / meta.height;
|
|
45
|
-
targetHeight = height;
|
|
46
|
-
targetWidth = Math.floor(meta.width * f);
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
const buffer = await image.resize(targetWidth, targetHeight).toBuffer();
|
|
50
|
-
|
|
51
|
-
return sharp(buffer);
|
|
52
|
-
})
|
|
53
|
-
);
|
|
54
|
-
|
|
55
|
-
return scaledImages;
|
|
56
|
-
};
|
|
57
|
-
|
|
58
|
-
export const getSmallestImageDimensions = async (images) => {
|
|
59
|
-
const metas = await Promise.all(images.map((img) => img.metadata()));
|
|
60
|
-
|
|
61
|
-
return metas.reduce(
|
|
62
|
-
(acc, meta) => ({
|
|
63
|
-
smallestWidth: Math.min(acc.smallestWidth, meta.width),
|
|
64
|
-
smallestHeight: Math.min(acc.smallestHeight, meta.height),
|
|
65
|
-
}),
|
|
66
|
-
{ smallestWidth: Infinity, smallestHeight: Infinity }
|
|
67
|
-
);
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
export const getFontSize = async ({
|
|
71
|
-
text,
|
|
72
|
-
maxWidth,
|
|
73
|
-
maxHeight,
|
|
74
|
-
initialFontSize = 100,
|
|
75
|
-
minFontSize = 2,
|
|
76
|
-
fontFamily = 'sans-serif',
|
|
77
|
-
}) => {
|
|
78
|
-
const THRESHOLD = 200;
|
|
79
|
-
const SMALL_CHANGE = 2;
|
|
80
|
-
const LARGE_CHANGE = 5;
|
|
81
|
-
|
|
82
|
-
let fontSize = initialFontSize;
|
|
83
|
-
|
|
84
|
-
while (fontSize >= minFontSize) {
|
|
85
|
-
// No width or viewport given so that the actual size can be determined after rasterization
|
|
86
|
-
const svg = `
|
|
87
|
-
<svg xmlns="http://www.w3.org/2000/svg">
|
|
88
|
-
<text
|
|
89
|
-
x="${maxWidth / 2}"
|
|
90
|
-
y="10"
|
|
91
|
-
font-size="${fontSize}"
|
|
92
|
-
font-family="${fontFamily}"
|
|
93
|
-
fill="#000000"
|
|
94
|
-
text-anchor="middle"
|
|
95
|
-
dominant-baseline="middle">
|
|
96
|
-
${escapeXML(text)}
|
|
97
|
-
</text>
|
|
98
|
-
</svg>
|
|
99
|
-
`;
|
|
100
|
-
|
|
101
|
-
// Rasterize SVG: measure actual rendered size
|
|
102
|
-
const raster = await sharp(Buffer.from(svg)).png().toBuffer();
|
|
103
|
-
const meta = await sharp(raster).metadata();
|
|
104
|
-
|
|
105
|
-
if (meta.width <= maxWidth && meta.height <= maxHeight) {
|
|
106
|
-
return fontSize;
|
|
107
|
-
}
|
|
108
|
-
|
|
109
|
-
// If the difference is greater than the threshold, use large change
|
|
110
|
-
if (maxWidth - meta.width > THRESHOLD || maxHeight - meta.height) {
|
|
111
|
-
fontSize -= LARGE_CHANGE;
|
|
112
|
-
} else {
|
|
113
|
-
fontSize -= SMALL_CHANGE;
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
return minFontSize;
|
|
118
|
-
};
|
|
119
|
-
|
|
120
|
-
export const createSvgTextBuffer = ({ text, maxWidth, maxHeight, fontSize, fill = '#000000', fontFamily = 'sans-serif' }) => {
|
|
121
|
-
// Width and viewport are assigned to this svg
|
|
122
|
-
const svg = `
|
|
123
|
-
<svg xmlns="http://www.w3.org/2000/svg"
|
|
124
|
-
width="${maxWidth}" height="${maxHeight}"
|
|
125
|
-
viewBox="0 0 ${maxWidth} ${maxHeight}">
|
|
126
|
-
<text
|
|
127
|
-
x="${maxWidth / 2}"
|
|
128
|
-
y="${maxHeight / 2}"
|
|
129
|
-
font-size="${fontSize}"
|
|
130
|
-
font-family="${fontFamily}"
|
|
131
|
-
fill="${fill}"
|
|
132
|
-
text-anchor="middle"
|
|
133
|
-
dominant-baseline="middle">
|
|
134
|
-
${escapeXML(text)}
|
|
135
|
-
</text>
|
|
136
|
-
</svg>
|
|
137
|
-
`;
|
|
138
|
-
|
|
139
|
-
return Buffer.from(svg);
|
|
140
|
-
};
|
|
141
|
-
|
|
142
|
-
const escapeXML = (str) => {
|
|
143
|
-
return str.replace(
|
|
144
|
-
/[<>&'"]/g,
|
|
145
|
-
(c) =>
|
|
146
|
-
({
|
|
147
|
-
'<': '<',
|
|
148
|
-
'>': '>',
|
|
149
|
-
'&': '&',
|
|
150
|
-
'"': '"',
|
|
151
|
-
"'": ''',
|
|
152
|
-
}[c])
|
|
153
|
-
);
|
|
154
|
-
};
|
|
155
|
-
|
|
156
|
-
export const roundImages = async (images, { width, height, cornerRadius }) => {
|
|
157
|
-
// Skip if the cornerRadius = zero
|
|
158
|
-
if (!cornerRadius) return images;
|
|
159
|
-
|
|
160
|
-
// Round images respectively
|
|
161
|
-
return await Promise.all(
|
|
162
|
-
images.map(async (image) => {
|
|
163
|
-
const mask = Buffer.from(`
|
|
164
|
-
<svg width="${width}" height="${height}">
|
|
165
|
-
<rect x="0" y="0" width="${width}" height="${height}" rx="${cornerRadius}" ry="${cornerRadius}" />
|
|
166
|
-
</svg>
|
|
167
|
-
`);
|
|
168
|
-
|
|
169
|
-
const buff = await image
|
|
170
|
-
.composite([{ input: mask, blend: 'dest-in' }])
|
|
171
|
-
.png()
|
|
172
|
-
.toBuffer();
|
|
173
|
-
return sharp(buff);
|
|
174
|
-
})
|
|
175
|
-
);
|
|
176
|
-
};
|