@hellkite/pipkin 0.8.0 → 0.9.0

package/build/src/test.js

@@ -11,16 +11,20 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 Object.defineProperty(exports, "__esModule", { value: true });
 const jimp_1 = require("jimp");
 const lib_1 = require("./lib");
+const imagesToPdf_1 = require("./lib/utils/imagesToPdf");
+const promises_1 = require("fs/promises");
 (() => __awaiter(void 0, void 0, void 0, function* () {
     const luigi = (yield jimp_1.Jimp.read('assets/luigi.png'));
-    const result = yield lib_1.Template.new({
+    const results = yield lib_1.Template.new({
+        height: 1050,
+        width: 750,
         defaultFontFamily: 'branela',
         defaultAssetsPath: 'assets',
         color: 0xc3c3c3ff,
     })
         .text({ key: 'title' }, {
         left: 25,
-        top: 25,
+        top: 0,
         width: 700,
         height: 100,
     }, {
@@ -32,6 +36,7 @@ const lib_1 = require("./lib");
             width: 1,
             color: 'red',
         },
+        renderBoundingBox: true,
     })
         .font('assets/BlackFlag.ttf', 'blackflag')
         .text({ key: 'subtitle' }, {
@@ -51,14 +56,15 @@ const lib_1 = require("./lib");
         skip: entry => entry.title.toLowerCase() === 'luigi',
     })
         .font('assets/branela.otf', 'branela')
-        .image({ pathFn: entry => `${entry.title.toLowerCase()}.png` }, { left: 25, top: 225, width: 700, height: 700 }, {
+        .image({ pathFn: entry => `${entry.title.toLowerCase()}.png` }, { left: 0, top: 225, width: 750, height: 700 }, {
         scale: 'stretch',
         assetsPath: 'assets',
+        renderBoundingBox: true,
     })
         .text({ key: 'effect' }, {
-        left: 75,
+        left: 0,
         top: 900,
-        width: 600,
+        width: 750,
         height: 150,
     }, {
         renderBoundingBox: true,
@@ -107,13 +113,39 @@ const lib_1 = require("./lib");
             },
         ];
     }), {
-        left: 25,
+        left: 0,
         top: 325,
         width: 100,
         height: 600,
     }, {
         scale: 'stretch',
         gap: 50,
+        renderBoundingBox: true,
+    })
+        .vbox(() => __awaiter(void 0, void 0, void 0, function* () {
+        return [
+            {
+                image: {
+                    buffer: yield luigi.clone().getBuffer('image/png'),
+                },
+                options: { scale: 'stretch' },
+            },
+            {
+                image: {
+                    buffer: yield luigi.clone().getBuffer('image/png'),
+                },
+                options: { scale: 'stretch' },
+            },
+        ];
+    }), {
+        right: 0,
+        top: 325,
+        width: 100,
+        height: 600,
+    }, {
+        scale: 'stretch',
+        gap: 50,
+        renderBoundingBox: true,
     })
         .grid(() => __awaiter(void 0, void 0, void 0, function* () {
         return [
@@ -180,8 +212,13 @@ const lib_1 = require("./lib");
             countField: 'copies',
         },
     });
-    yield Promise.all(lib_1.Bundler.new()
-        .bundle(result)
-        .map((r, index) => r.write(`assets/test-${index + 1}.png`)));
+    yield Promise.all(results.map((result, index) => result.write(`assets/test-${index + 1}.png`)));
+    const bundledImages = lib_1.Bundler.new({
+        gap: 8,
+        padding: 4
+    }).bundle(results);
+    yield Promise.all(bundledImages.map((r, index) => r.write(`assets/test-bundled-${index + 1}.png`)));
+    const pdf = yield (0, imagesToPdf_1.imagesToPdf)(bundledImages);
+    yield (0, promises_1.writeFile)('assets/result.pdf', pdf);
 }))();
 //# sourceMappingURL=test.js.map

package/build/src/test.js.map

@@ -1 +1 @@
-{"version":3,"file":"test.js","sourceRoot":"","sources":["../../src/test.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"test.js","sourceRoot":"","sources":["../../src/test.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hellkite/pipkin",
-    "version": "0.8.0",
+    "version": "0.9.0",
     "description": "Library for board game card generation",
     "main": "build/src/index.js",
     "types": "build/src/index.d.ts",
@@ -24,6 +24,7 @@
         "lodash.merge": "^4.6.2",
         "node-html-to-image": "^5.0.0",
         "papaparse": "^5.5.2",
+        "pdf-lib": "^1.17.1",
         "ts-node": "^10.9.2",
         "virtual-dom": "^2.1.1"
     },

package/roadmap.md

@@ -6,7 +6,7 @@
 - [ ] Draw geometry
 - [ ] Noise/texture overlays
 - [x] Text border
-- [ ] Bundle to PDFs
+- [x] Bundle to PDFs
 
 ### Bugfixes
 - [x] Broken custom fonts

package/src/lib/bundler.ts

@@ -2,17 +2,14 @@ import { Jimp } from 'jimp';
 import { Size, ImageType } from './types';
 
 type RequiredBundlerOptions = {
-    size: Size;
     rows: number;
     cols: number;
 };
 
+// TODO: move
 const PAGE_SIZE_300_PPI: Size = { height: 2480, width: 3508 };
 
-const DEFAULT_PAGE_SIZE: Size = PAGE_SIZE_300_PPI;
-
 const DEFAULT_BUNDLER_OPTIONS: RequiredBundlerOptions = {
-    size: DEFAULT_PAGE_SIZE,
     rows: 2,
     cols: 4,
 };
@@ -64,33 +61,21 @@ export class Bundler {
         const cardsPerPage = this.options.cols * this.options.rows;
         const results: Array<ImageType> = [];
         for (let offset = 0; offset <= images.length; offset += cardsPerPage) {
-            results.push(
-                this.renderPage(images.slice(offset, offset + cardsPerPage)),
-            );
+            results.push(this.renderPage(images, offset));
         }
         return results;
     }
 
-    private renderPage(images: Array<ImageType>): ImageType {
+    private renderPage(images: Array<ImageType>, offset: number): ImageType {
+        const { pageSize, cardSize } = this.computeCardAndPageSize(
+            images,
+            offset,
+        );
         const page = new Jimp({
-            height: this.options.size.height,
-            width: this.options.size.width,
+            height: pageSize.height,
+            width: pageSize.width,
             color: this.options.bgColor ?? 0xffffffff,
         });
-        const cardSize: Size = {
-            width:
-                (page.width -
-                    this.getPadding('left') -
-                    this.getPadding('right') -
-                    this.getGap('cols')) /
-                this.options.cols,
-            height:
-                (page.height -
-                    this.getPadding('top') -
-                    this.getPadding('bottom') -
-                    this.getGap('rows')) /
-                this.options.rows,
-        };
         for (let rowIndex = 0; rowIndex < this.options.rows; rowIndex++) {
             for (let colIndex = 0; colIndex < this.options.cols; colIndex++) {
                 const imageIndex = rowIndex * this.options.cols + colIndex;
@@ -98,17 +83,13 @@ export class Bundler {
                 if (!image) {
                     continue;
                 }
-                image.scaleToFit({
-                    w: cardSize.width,
-                    h: cardSize.height,
-                });
                 const offsetX =
                     this.getPadding('left') +
                     colIndex * this.getGap('cols') +
                     colIndex * cardSize.width;
                 const offsetY =
                     this.getPadding('top') +
-                    rowIndex* this.getGap('rows') +
+                    rowIndex * this.getGap('rows') +
                     rowIndex * cardSize.height;
                 page.composite(image, offsetX, offsetY);
             }
@@ -116,6 +97,37 @@ export class Bundler {
         return page;
     }
 
+    private computeCardAndPageSize(
+        images: Array<ImageType>,
+        offset: number,
+    ): { cardSize: Size; pageSize: Size } {
+        const pageSize: Size = { height: 0, width: 0 };
+        const cardSize: Size = { height: 0, width: 0 };
+        for (let rowIndex = 0; rowIndex < this.options.rows; rowIndex++) {
+            for (let colIndex = 0; colIndex < this.options.cols; colIndex++) {
+                const imageIndex =
+                    offset + rowIndex * this.options.cols + colIndex;
+                const image = images[imageIndex];
+                if (!image) {
+                    continue;
+                }
+                cardSize.height = Math.max(cardSize.height, image.height);
+                cardSize.width = Math.max(cardSize.width, image.width);
+            }
+        }
+        pageSize.height +=
+            this.getPadding('top') +
+            cardSize.height * this.options.rows +
+            this.getGap('rows') * (this.options.rows - 1) +
+            this.getPadding('bottom');
+        pageSize.width +=
+            this.getPadding('left') +
+            cardSize.width * this.options.cols +
+            this.getGap('cols') * (this.options.cols - 1) +
+            this.getPadding('right');
+        return { pageSize, cardSize };
+    }
+
     private getGap(direction: keyof Direction2): number {
         if (typeof this.options.gap === 'number') {
             return this.options.gap;

package/src/lib/index.ts

@@ -1,5 +1,4 @@
 export * from './template';
 export * from './bundler';
-export * from './replacement';
 export * from './types';
 export * from './utils';

package/src/lib/template.ts

@@ -40,33 +40,36 @@ import {
     StaticImageRef,
     TemplateOptions,
     DEFAULT_TEMPLATE_OPTIONS,
+    LayerFn,
+    ReplacementMap,
 } from './types';
 import merge from 'lodash.merge';
 import { RequiredDeep } from 'type-fest';
 import { h } from 'virtual-dom';
 import flatten from 'lodash.flatten';
-import { ReplacementBuilder } from './replacement';
-
-export type LayerFnContext = {};
-
-export type LayerFn<EntryType> = (
-    entry: EntryType,
-    context: LayerFnContext,
-) => Promise<Array<HyperNode>>;
+import { Bundler } from './bundler';
 
 export type TemplateLayerFn<EntryType extends Record<string, string>> = (
     template: Template<EntryType>,
 ) => Template<EntryType>;
 
 export class Template<EntryType extends Record<string, string>> {
-    private readonly fonts: Record<string, string> = {};
-    private readonly layers: LayerFn<EntryType>[] = [];
-    private readonly debugPoints: Array<number> = [];
+    /**
+     * Template data
+     */
     private readonly background: ImageType;
+    private readonly layers: LayerFn<EntryType>[] = [];
+    private readonly fonts: Record<string, string> = {};
     private renderBoundingBox?: boolean;
     private defaultFontFamily?: string;
     private defaultAssetsPath?: string;
 
+    /**
+     * Render data
+     */
+    private readonly debugPoints: Array<DebugPoint> = [];
+    private bundler?: Bundler;
+
     // disallow constructor initialization
     private constructor(options: TemplateOptions) {
         this.background = new Jimp({
@@ -265,7 +268,9 @@ export class Template<EntryType extends Record<string, string>> {
     }
 
     debug = (): this => {
-        this.debugPoints.push(this.layers.length);
+        this.debugPoints.push({
+            index: this.layers.length,
+        });
         return this;
     };
 
@@ -282,6 +287,7 @@ export class Template<EntryType extends Record<string, string>> {
                 h('head', [
                     h(
                         'style',
+                        // load fonts
                         Object.entries(this.fonts)
                             .map(
                                 ([name, data]) =>
@@ -293,16 +299,37 @@ export class Template<EntryType extends Record<string, string>> {
                             .join('\n'),
                     ),
                 ]),
-                h('body', children),
+                // fix chromium headless padding issue
+                h(
+                    'body',
+                    {
+                        style: {
+                            margin: 0,
+                        },
+                    },
+                    [
+                        h(
+                            'div',
+                            {
+                                style: {
+                                    marginLeft: '-8px',
+                                },
+                            },
+                            children,
+                        ),
+                    ],
+                ),
             ]);
 
         // TODO: move it to a proper place
         for (const debugPoint of this.debugPoints) {
             const debugRender = await htmlToImage(
-                buildDocument(flatten(results.slice(0, debugPoint))),
+                buildDocument(flatten(results.slice(0, debugPoint.index))),
                 this.backgroundSize,
             );
-            const debugImage: ImageType = await this.background.clone().composite(debugRender);
+            const debugImage: ImageType = await this.background
+                .clone()
+                .composite(debugRender);
             await debugImage.write('assets/debug-1.png');
         }
 
@@ -520,7 +547,7 @@ export class Template<EntryType extends Record<string, string>> {
             );
             const imageBase64 = await image.getBase64('image/png');
 
-            let tmpChildren: Array<string | HyperNode> = [];
+            const tmpChildren: Array<string | HyperNode> = [];
             for (const textSegment of textChildren) {
                 if (typeof textSegment !== 'string') {
                     continue;
@@ -627,3 +654,27 @@ export class Template<EntryType extends Record<string, string>> {
         );
     };
 }
+
+/**
+ * Represents a replacement map between sets of words and symbols
+ */
+export class Replacement {
+    protected readonly replacementMap: ReplacementMap = {};
+
+    replace(words: Array<string>, symbol: StaticImageRef): this {
+        words.forEach(word => {
+            this.replacementMap[word] = symbol;
+        });
+        return this;
+    }
+}
+
+class ReplacementBuilder extends Replacement {
+    build(): ReplacementMap {
+        return this.replacementMap;
+    }
+}
+
+type DebugPoint = {
+    index: number;
+};

package/src/lib/types/containers.ts

@@ -1,6 +1,6 @@
 import { RequiredDeep } from 'type-fest';
 import { BoundingBox } from './boundingBox';
-import { ImageLayerSpecificOptions, ImageRef, ImageType } from './image';
+import { ImageLayerSpecificOptions, ImageRef } from './image';
 import { ScaleMode } from './scale';
 import { DEFAULT_LAYER_OPTIONS, LayerOptions } from './layer';
 import { HyperNode } from './hypernode';

package/src/lib/types/hypernode.ts

@@ -1,4 +1,3 @@
-import { VNode } from "virtual-dom";
+import { VNode } from 'virtual-dom';
 
 export type HyperNode = VNode;
-

package/src/lib/types/index.ts

@@ -10,3 +10,4 @@ export * from './css';
 export * from './layer';
 export * from './hypernode';
 export * from './template';
+export * from './pdf';

package/src/lib/types/layer.ts

@@ -1,5 +1,6 @@
-import { RequiredDeep } from "type-fest";
-import { JustifyContent, AlignItems } from "./css";
+import { RequiredDeep } from 'type-fest';
+import { JustifyContent, AlignItems } from './css';
+import { HyperNode } from './hypernode';
 
 export type LayerOptions<EntryType extends Record<string, string>> = {
     /**
@@ -31,3 +32,10 @@ export const DEFAULT_LAYER_OPTIONS: RequiredDeep<
     skip: false,
     renderBoundingBox: false,
 };
+
+export type LayerFnContext = {};
+
+export type LayerFn<EntryType> = (
+    entry: EntryType,
+    context: LayerFnContext,
+) => Promise<Array<HyperNode>>;

package/src/lib/types/pdf.ts

@@ -0,0 +1 @@
+export type PDFData = Uint8Array<ArrayBufferLike>;

package/src/lib/types/render.ts

@@ -1,8 +1,6 @@
-
-
 export type RenderOptions<EntryType extends Record<string, string>> = {
     duplication?: DuplicationOptions<EntryType>;
-}
+};
 
 export type DuplicationOptions<EntryType extends Record<string, string>> = {
     /**
@@ -20,4 +18,4 @@ export type DuplicationOptions<EntryType extends Record<string, string>> = {
      * default: 1
      */
     default?: number;
-}
+};

package/src/lib/types/template.ts

@@ -1,4 +1,4 @@
-import { rgbaToInt } from "jimp";
+import { rgbaToInt } from 'jimp';
 
 type RequiredTemplateOptions = {
     height: number;

package/src/lib/types/text.ts

@@ -1,6 +1,6 @@
 import type { RequiredDeep } from 'type-fest';
 import { DEFAULT_LAYER_OPTIONS, LayerOptions } from './layer';
-import { Replacement } from '../replacement';
+import { Replacement } from '../template';
 
 /**
  * Static text -> `text`

package/src/lib/utils/container.ts

@@ -4,7 +4,6 @@ import {
     DirectionContainerOptions,
     PackingFn,
     BoundingBox,
-    SCALE_MODE_TO_OBJECT_FIT,
     GridContainerOptions,
     DEFAULT_GRID_CONTAINER_OPTIONS,
     HyperNode,

package/src/lib/utils/htmlToImage.ts

@@ -16,7 +16,6 @@ export const htmlToImage = async (
             defaultViewport: {
                 width: backgroundSize.width,
                 height: backgroundSize.height,
-                deviceScaleFactor: 1,
             },
         },
     });

package/src/lib/utils/imagesToPdf.ts

@@ -0,0 +1,24 @@
+import { PDFDocument } from 'pdf-lib';
+import { ImageType, PDFData } from '../types';
+
+export const imagesToPdf = async (
+    images: Array<ImageType>,
+): Promise<PDFData> => {
+    const pdf = await PDFDocument.create();
+
+    for (const image of images) {
+        const imageBase64 = await image.getBase64('image/png');
+        const embeddedImage = await pdf.embedPng(imageBase64);
+        const { width, height } = embeddedImage.scale(1);
+        const page = pdf.addPage([width, height]);
+
+        page.drawImage(embeddedImage, {
+            x: 0,
+            y: 0,
+            width,
+            height,
+        });
+    }
+
+    return pdf.save();
+};

package/src/lib/utils/index.ts

@@ -2,3 +2,4 @@ export * from './container';
 export * from './placeBoundingBox';
 export * from './htmlToImage';
 export * from './toPx';
+export * from './reduceBoundingBox';

package/src/lib/utils/placeBoundingBox.ts

@@ -1,19 +1,39 @@
 import { h } from 'virtual-dom';
 import { boundingBoxToPx } from './toPx';
 import { BoundingBox, HyperNode } from '../types';
+import { reduceBoundingBox } from './reduceBoundingBox';
 
-export const placeBoundingBox = async (box: BoundingBox): Promise<HyperNode> => {
-    return h(
-        'div',
-        {
-            style: {
-                position: 'absolute',
-                border: '2px solid red',
-                background: 'transparent',
-                boxSizing: 'border-box',
-                ...boundingBoxToPx(box),
+export const placeBoundingBox = async (
+    box: BoundingBox,
+): Promise<HyperNode> => {
+    const borderWidthPx = 2;
+    const reducedBoundingBox = reduceBoundingBox(box, borderWidthPx);
+    return h('div', {}, [
+        h(
+            'div',
+            {
+                style: {
+                    position: 'absolute',
+                    border: `${borderWidthPx}px solid red`,
+                    background: 'transparent',
+                    boxSizing: 'border-box',
+                    ...boundingBoxToPx(box),
+                },
             },
-        },
-        [],
-    );
+            [],
+        ),
+        h(
+            'div',
+            {
+                style: {
+                    position: 'absolute',
+                    border: `${borderWidthPx}px dashed blue`,
+                    background: 'transparent',
+                    boxSizing: 'border-box',
+                    ...boundingBoxToPx(reducedBoundingBox),
+                },
+            },
+            [],
+        ),
+    ]);
 };

package/src/lib/utils/reduceBoundingBox.ts

@@ -0,0 +1,21 @@
+import { BoundingBox } from '../types';
+
+type KeysOfUnion<T> = T extends unknown ? keyof T : never;
+
+export const reduceBoundingBox = (
+    boundingBox: BoundingBox,
+    reduceWithPx: number,
+): BoundingBox => {
+    return (Object.entries(boundingBox) as [KeysOfUnion<BoundingBox>, number][])
+        .map(([key, value]) => [
+            key,
+            value +
+                (key === 'width' || key === 'height'
+                    ? -reduceWithPx * 2
+                    : reduceWithPx),
+        ])
+        .reduce(
+            (box, [key, value]) => ({ ...box, [key]: value }),
+            {} as BoundingBox,
+        );
+};

package/src/lib/replacement.ts

@@ -1,22 +0,0 @@
-import { ReplacementMap, StaticImageRef } from "./types";
-
-/**
- * Represents a replacement map between sets of words and symbols
- */
-export class Replacement {
-    protected readonly replacementMap: ReplacementMap = {};
-
-    replace(words: Array<string>, symbol: StaticImageRef): this {
-        words.forEach(word => {
-            this.replacementMap[word] = symbol;
-        });
-        return this;
-    }
-}
-
-export class ReplacementBuilder extends Replacement {
-    build(): ReplacementMap {
-        return this.replacementMap;
-    }
-}
-