@hellkite/pipkin 0.5.0 → 0.5.2

package/build/src/lib/utils/placeImage.js

@@ -9,41 +9,30 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.placeImage = void 0;
+const virtual_dom_1 = require("virtual-dom");
+const toPx_1 = require("./toPx");
+const types_1 = require("../types");
+const htmlToImage_1 = require("./htmlToImage");
+const placeImage = (_a) => __awaiter(void 0, [_a], void 0, function* ({ image, box, backgroundSize, options, }) {
+    const imageBase64 = yield image.getBase64('image/png');
+    const objectFit = types_1.SCALE_MODE_TO_OBJECT_FIT[options.scale];
+    const document = (0, virtual_dom_1.h)('div', {
+        style: Object.assign({ display: 'flex', position: 'absolute', scale: 1, justifyContent: options.justifyContent, alignItems: options.alignItems }, (0, toPx_1.boundingBoxToPx)(box)),
+    }, [
+        (0, virtual_dom_1.h)('img', {
+            style: {
+                objectFit,
+                flex: '1 1 auto',
+                minWidth: 0,
+                minHeight: 0,
+                maxWidth: '100%',
+                maxHeight: '100%',
+            },
+            src: imageBase64,
+        }, []),
+    ]);
+    return (0, htmlToImage_1.htmlToImage)(document, backgroundSize);
+});
 exports.placeImage = placeImage;
-const image_1 = require("../types/image");
-function computeOffsetFromAlignment(alignment, size, boxSize) {
-    if (alignment === 'start') {
-        return 0;
-    }
-    else if (alignment === 'center') {
-        return Math.floor((boxSize - size) / 2);
-    }
-    else {
-        return -(boxSize - size);
-    }
-}
-function placeImage(_a) {
-    return __awaiter(this, arguments, void 0, function* (
-    // TODO: pass background size only
-    { background, image, position }) {
-        var _b, _c, _d, _e, _f;
-        // handle alignment inside the bounding box
-        const xAlignment = (_c = (_b = position.xAlignment) !== null && _b !== void 0 ? _b : position.alignment) !== null && _c !== void 0 ? _c : image_1.DEFAULT_IMAGE_ALIGNMENT;
-        const yAlignment = (_e = (_d = position.yAlignment) !== null && _d !== void 0 ? _d : position.alignment) !== null && _e !== void 0 ? _e : image_1.DEFAULT_IMAGE_ALIGNMENT;
-        const scale = (_f = position.scale) !== null && _f !== void 0 ? _f : image_1.DEFAULT_SCALE_MODE;
-        if (scale === 'keep-ratio') {
-            // TODO: handle case when box has a size equal to 0
-            const ratio = Math.min(position.width / image.width, position.height / image.height);
-            image.scale(ratio);
-        }
-        if (scale === 'stretch') {
-            image.scaleToFit({ w: position.width, h: position.height });
-        }
-        const xOffset = position.x +
-            computeOffsetFromAlignment(xAlignment, image.width, position.width);
-        const yOffset = position.y +
-            computeOffsetFromAlignment(yAlignment, image.height, position.height);
-        return background.composite(image, xOffset, yOffset);
-    });
-}
 //# sourceMappingURL=placeImage.js.map

package/build/src/lib/utils/placeImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"placeImage.js","sourceRoot":"","sources":["../../../../src/lib/utils/placeImage.ts"],"names":[],"mappings":";;;;;;;;;;;AA+BA,gCAiCC;AA9DD,0CAOwB;AAExB,SAAS,0BAA0B,CAC/B,SAAoB,EACpB,IAAY,EACZ,OAAe;IAEf,IAAI,SAAS,KAAK,OAAO,EAAE,CAAC;QACxB,OAAO,CAAC,CAAC;IACb,CAAC;SAAM,IAAI,SAAS,KAAK,QAAQ,EAAE,CAAC;QAChC,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;IAC5C,CAAC;SAAM,CAAC;QACJ,OAAO,CAAC,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC7B,CAAC;AACL,CAAC;AAQD,SAAsB,UAAU;;IAC5B,kCAAkC;IAClC,EAAE,UAAU,EAAE,KAAK,EAAE,QAAQ,EAAmB;;QAEhD,2CAA2C;QAC3C,MAAM,UAAU,GACZ,MAAA,MAAA,QAAQ,CAAC,UAAU,mCAAI,QAAQ,CAAC,SAAS,mCAAI,+BAAuB,CAAC;QACzE,MAAM,UAAU,GACZ,MAAA,MAAA,QAAQ,CAAC,UAAU,mCAAI,QAAQ,CAAC,SAAS,mCAAI,+BAAuB,CAAC;QAEzE,MAAM,KAAK,GAAG,MAAA,QAAQ,CAAC,KAAK,mCAAI,0BAAkB,CAAC;QAEnD,IAAI,KAAK,KAAK,YAAY,EAAE,CAAC;YACzB,mDAAmD;YACnD,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAClB,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,EAC5B,QAAQ,CAAC,MAAM,GAAG,KAAK,CAAC,MAAM,CACjC,CAAC;YACF,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;QAED,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;YACtB,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,EAAE,QAAQ,CAAC,KAAK,EAAE,CAAC,EAAE,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;QAChE,CAAC;QAED,MAAM,OAAO,GACT,QAAQ,CAAC,CAAC;YACV,0BAA0B,CAAC,UAAU,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;QACxE,MAAM,OAAO,GACT,QAAQ,CAAC,CAAC;YACV,0BAA0B,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;QAE1E,OAAO,UAAU,CAAC,SAAS,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;IACzD,CAAC;CAAA"}
+{"version":3,"file":"placeImage.js","sourceRoot":"","sources":["../../../../src/lib/utils/placeImage.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAAgC;AAChC,iCAAyC;AACzC,oCAKkB;AAClB,+CAA4C;AAUrC,MAAM,UAAU,GAAG,KAKyB,EAAE,4CALsB,EACvE,KAAK,EACL,GAAG,EACH,cAAc,EACd,OAAO,GACkB;IACzB,MAAM,WAAW,GAAG,MAAM,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvD,MAAM,SAAS,GAAG,gCAAwB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IAE1D,MAAM,QAAQ,GAAG,IAAA,eAAC,EACd,KAAK,EACL;QACI,KAAK,kBACD,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,CAAC,EAER,cAAc,EAAE,OAAO,CAAC,cAAc,EACtC,UAAU,EAAE,OAAO,CAAC,UAAU,IAE3B,IAAA,sBAAe,EAAC,GAAG,CAAC,CAC1B;KACJ,EACD;QACI,IAAA,eAAC,EACG,KAAK,EACL;YACI,KAAK,EAAE;gBACH,SAAS;gBACT,IAAI,EAAE,UAAU;gBAChB,QAAQ,EAAE,CAAC;gBACX,SAAS,EAAE,CAAC;gBACZ,QAAQ,EAAE,MAAM;gBAChB,SAAS,EAAE,MAAM;aACpB;YACD,GAAG,EAAE,WAAW;SACnB,EACD,EAAE,CACL;KACJ,CACJ,CAAC;IAEF,OAAO,IAAA,yBAAW,EAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;AACjD,CAAC,CAAA,CAAA;AA3CY,QAAA,UAAU,cA2CtB"}

package/build/src/lib/utils/renderText.d.ts

@@ -1,2 +1,3 @@
-import { ImageType, Size, TextLayerOptions, TextPosition } from '../types';
-export declare const renderText: (text: string, position: TextPosition, backgroundSize: Size, options?: TextLayerOptions) => Promise<ImageType>;
+import { ImageType, BoundingBox, Size, TextLayerOptions } from '../types';
+import { RequiredDeep } from 'type-fest';
+export declare const renderText: <EntryType extends Record<string, string>>(text: string, box: BoundingBox, backgroundSize: Size, options: RequiredDeep<TextLayerOptions<EntryType>>) => Promise<ImageType>;

package/build/src/lib/utils/renderText.js

@@ -8,19 +8,14 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.renderText = void 0;
 const virtual_dom_1 = require("virtual-dom");
-const types_1 = require("../types");
-const node_html_to_image_1 = __importDefault(require("node-html-to-image"));
-const jimp_1 = require("jimp");
-const renderText = (text, position, backgroundSize, options) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+const toPx_1 = require("./toPx");
+const htmlToImage_1 = require("./htmlToImage");
+const renderText = (text, box, backgroundSize, options) => __awaiter(void 0, void 0, void 0, function* () {
     let textChildren = [text];
-    for (const [word, image] of Object.entries((_a = options === null || options === void 0 ? void 0 : options.replacement) !== null && _a !== void 0 ? _a : {})) {
+    for (const [word, image] of Object.entries(options.replacement)) {
         const regex = new RegExp(word, 'gi');
         const imageBase64 = yield image.getBase64('image/png');
         let tmpChildren = [];
@@ -35,7 +30,7 @@ const renderText = (text, position, backgroundSize, options) => __awaiter(void 0
                         style: {
                             display: 'inline',
                             verticalAlign: 'middle',
-                            height: (0, types_1.toPx)((_c = (_b = options === null || options === void 0 ? void 0 : options.font) === null || _b === void 0 ? void 0 : _b.size) !== null && _c !== void 0 ? _c : 28), // TODO: use constant
+                            height: (0, toPx_1.toPx)(options.font.size),
                             width: 'auto',
                         },
                         src: imageBase64,
@@ -47,44 +42,22 @@ const renderText = (text, position, backgroundSize, options) => __awaiter(void 0
         textChildren = tmpChildren;
     }
     const document = (0, virtual_dom_1.h)('div', {
-        style: {
-            display: 'flex',
-            overflow: 'visible',
-            position: 'absolute',
-            top: (0, types_1.toPx)(position.y),
-            left: (0, types_1.toPx)(position.x),
-            height: (0, types_1.toPx)(position.height),
-            width: (0, types_1.toPx)(position.width),
-            justifyContent: (_d = options === null || options === void 0 ? void 0 : options.xAlign) !== null && _d !== void 0 ? _d : types_1.DEFAULT_TEXT_LAYER_OPTIONS.xAlign,
-            alignItems: (_e = options === null || options === void 0 ? void 0 : options.yAlign) !== null && _e !== void 0 ? _e : types_1.DEFAULT_TEXT_LAYER_OPTIONS.yAlign,
-        },
+        style: Object.assign({ display: 'flex', overflow: 'visible', position: 'absolute', justifyContent: options.justifyContent, alignItems: options.alignItems }, (0, toPx_1.boundingBoxToPx)(box)),
     }, [
         (0, virtual_dom_1.h)('div', {
             style: {
                 overflow: 'visible',
                 overflowWrap: 'word-wrap',
                 whiteSpace: 'normal',
-                color: options === null || options === void 0 ? void 0 : options.color,
-                fontFamily: (_f = options === null || options === void 0 ? void 0 : options.font) === null || _f === void 0 ? void 0 : _f.family,
-                fontSize: (_g = options === null || options === void 0 ? void 0 : options.font) === null || _g === void 0 ? void 0 : _g.size,
-                fontStyle: ((_h = options === null || options === void 0 ? void 0 : options.font) === null || _h === void 0 ? void 0 : _h.italic) ? 'italic' : undefined,
-                fontWeight: ((_j = options === null || options === void 0 ? void 0 : options.font) === null || _j === void 0 ? void 0 : _j.bold) ? 'bold' : undefined,
+                color: options.color,
+                fontFamily: options.font.family,
+                fontSize: options.font.size,
+                fontStyle: options.font.italic ? 'italic' : undefined,
+                fontWeight: options.font.bold ? 'bold' : undefined,
             },
         }, textChildren),
     ]);
-    const rootNode = (0, virtual_dom_1.create)(document);
-    const image = yield (0, node_html_to_image_1.default)({
-        html: rootNode.toString(),
-        transparent: true,
-        type: 'png',
-        puppeteerArgs: {
-            defaultViewport: {
-                width: backgroundSize.width,
-                height: backgroundSize.height,
-            },
-        },
-    });
-    return jimp_1.Jimp.read(image);
+    return (0, htmlToImage_1.htmlToImage)(document, backgroundSize);
 });
 exports.renderText = renderText;
 //# sourceMappingURL=renderText.js.map

package/build/src/lib/utils/renderText.js.map

@@ -1 +1 @@
-{"version":3,"file":"renderText.js","sourceRoot":"","sources":["../../../../src/lib/utils/renderText.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"renderText.js","sourceRoot":"","sources":["../../../../src/lib/utils/renderText.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,6CAAuC;AAEvC,iCAA+C;AAC/C,+CAA4C;AAGrC,MAAM,UAAU,GAAG,CACtB,IAAY,EACZ,GAAgB,EAChB,cAAoB,EACpB,OAAkD,EAChC,EAAE;IACpB,IAAI,YAAY,GAA0B,CAAC,IAAI,CAAC,CAAC;IACjD,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;QAC9D,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;QACrC,MAAM,WAAW,GAAG,MAAM,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;QAEvD,IAAI,WAAW,GAA0B,EAAE,CAAC;QAC5C,KAAK,MAAM,WAAW,IAAI,YAAY,EAAE,CAAC;YACrC,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE,CAAC;gBAClC,SAAS;YACb,CAAC;YAED,MAAM,KAAK,GAAI,WAAsB,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;YACnD,KAAK,IAAI,KAAK,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC;gBAChD,IAAI,KAAK,GAAG,CAAC,EAAE,CAAC;oBACZ,WAAW,CAAC,IAAI,CACZ,IAAA,eAAC,EACG,KAAK,EACL;wBACI,KAAK,EAAE;4BACH,OAAO,EAAE,QAAQ;4BACjB,aAAa,EAAE,QAAQ;4BACvB,MAAM,EAAE,IAAA,WAAI,EAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC;4BAC/B,KAAK,EAAE,MAAM;yBAChB;wBACD,GAAG,EAAE,WAAW;qBACnB,EACD,EAAE,CACL,CACJ,CAAC;gBACN,CAAC;gBACD,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;YACnC,CAAC;QACL,CAAC;QAED,YAAY,GAAG,WAAW,CAAC;IAC/B,CAAC;IAED,MAAM,QAAQ,GAAG,IAAA,eAAC,EACd,KAAK,EACL;QACI,KAAK,kBACD,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE,SAAS,EACnB,QAAQ,EAAE,UAAU,EAEpB,cAAc,EAAE,OAAO,CAAC,cAAc,EACtC,UAAU,EAAE,OAAO,CAAC,UAAU,IAE3B,IAAA,sBAAe,EAAC,GAAG,CAAC,CAC1B;KACJ,EACD;QACI,IAAA,eAAC,EACG,KAAK,EACL;YACI,KAAK,EAAE;gBACH,QAAQ,EAAE,SAAS;gBACnB,YAAY,EAAE,WAAW;gBACzB,UAAU,EAAE,QAAQ;gBAEpB,KAAK,EAAE,OAAO,CAAC,KAAK;gBACpB,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM;gBAC/B,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI;gBAC3B,SAAS,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;gBACrD,UAAU,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;aACrD;SACJ,EACD,YAAY,CACf;KACJ,CACJ,CAAC;IAEF,OAAO,IAAA,yBAAW,EAAC,QAAQ,EAAE,cAAc,CAAC,CAAC;AACjD,CAAC,CAAA,CAAC;AA/EW,QAAA,UAAU,cA+ErB"}

package/build/src/lib/utils/toPx.d.ts

@@ -0,0 +1,3 @@
+import { BoundingBox } from '../types';
+export declare const toPx: (value: number) => string;
+export declare const boundingBoxToPx: (boundingBox: BoundingBox) => Record<string, string>;

package/build/src/lib/utils/toPx.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.boundingBoxToPx = exports.toPx = void 0;
+const toPx = (value) => `${value}px`;
+exports.toPx = toPx;
+const boundingBoxToPx = (boundingBox) => {
+    return Object.entries(boundingBox)
+        .map(([key, value]) => [key, (0, exports.toPx)(value)])
+        .reduce((acc, [key, value]) => (Object.assign(Object.assign({}, acc), { [key]: value })), {});
+};
+exports.boundingBoxToPx = boundingBoxToPx;
+//# sourceMappingURL=toPx.js.map

package/build/src/lib/utils/toPx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toPx.js","sourceRoot":"","sources":["../../../../src/lib/utils/toPx.ts"],"names":[],"mappings":";;;AAEO,MAAM,IAAI,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC;AAA/C,QAAA,IAAI,QAA2C;AAErD,MAAM,eAAe,GAAG,CAC3B,WAAwB,EACF,EAAE;IACxB,OAAO,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC;SAC7B,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,IAAA,YAAI,EAAC,KAAK,CAAC,CAAC,CAAC;SACzC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,iCAAM,GAAG,KAAE,CAAC,GAAG,CAAC,EAAE,KAAK,IAAG,EAAE,EAAE,CAAC,CAAC;AACvE,CAAC,CAAC;AANW,QAAA,eAAe,mBAM1B"}

package/build/src/lib/utils/vNodeToImage.d.ts

@@ -0,0 +1,4 @@
+import { ImageType } from '../types/image';
+import { VNode } from 'virtual-dom';
+import { Size } from '../types';
+export declare const vNodeToImage: (document: VNode, backgroundSize: Size) => Promise<ImageType>;

package/build/src/lib/utils/vNodeToImage.js

@@ -0,0 +1,36 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.vNodeToImage = void 0;
+const virtual_dom_1 = require("virtual-dom");
+const node_html_to_image_1 = __importDefault(require("node-html-to-image"));
+const jimp_1 = require("jimp");
+const vNodeToImage = (document, backgroundSize) => __awaiter(void 0, void 0, void 0, function* () {
+    const html = (0, virtual_dom_1.create)(document).toString();
+    // TODO: extract this in a dif function
+    const image = yield (0, node_html_to_image_1.default)({
+        html,
+        transparent: true,
+        type: 'png',
+        puppeteerArgs: {
+            defaultViewport: {
+                width: backgroundSize.width,
+                height: backgroundSize.height,
+            },
+        },
+    });
+    return jimp_1.Jimp.read(image);
+});
+exports.vNodeToImage = vNodeToImage;
+//# sourceMappingURL=vNodeToImage.js.map

package/build/src/lib/utils/vNodeToImage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vNodeToImage.js","sourceRoot":"","sources":["../../../../src/lib/utils/vNodeToImage.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,6CAA6D;AAC7D,4EAAiD;AACjD,+BAA4B;AAGrB,MAAM,YAAY,GAAG,CACxB,QAAe,EACf,cAAoB,EACF,EAAE;IACpB,MAAM,IAAI,GAAG,IAAA,oBAAa,EAAC,QAAQ,CAAC,CAAC,QAAQ,EAAE,CAAC;IAChD,uCAAuC;IACvC,MAAM,KAAK,GAAG,MAAM,IAAA,4BAAe,EAAC;QAChC,IAAI;QACJ,WAAW,EAAE,IAAI;QACjB,IAAI,EAAE,KAAK;QACX,aAAa,EAAE;YACX,eAAe,EAAE;gBACb,KAAK,EAAE,cAAc,CAAC,KAAK;gBAC3B,MAAM,EAAE,cAAc,CAAC,MAAM;aAChC;SACJ;KACJ,CAAC,CAAC;IACH,OAAO,WAAI,CAAC,IAAI,CAAC,KAAe,CAAuB,CAAC;AAC5D,CAAC,CAAA,CAAC;AAlBW,QAAA,YAAY,gBAkBvB"}

package/build/src/test.js

@@ -10,111 +10,97 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const jimp_1 = require("jimp");
-const bundler_1 = require("./lib/bundler");
-const replacement_1 = require("./lib/replacement");
-const template_1 = require("./lib/template");
+const lib_1 = require("./lib");
 (() => __awaiter(void 0, void 0, void 0, function* () {
     const fireball = (yield jimp_1.Jimp.read('assets/fireball.png'));
     const luigi = (yield jimp_1.Jimp.read('assets/luigi.png'));
-    const result = yield template_1.Template.new({
+    const result = yield lib_1.Template.new({
         defaultFontFamily: 'branela',
         defaultAssetsPath: 'assets',
+        color: 0xC3C3C3FF,
     })
-        .text({
-        key: 'subtitle',
-        position: {
-            x: 25,
-            y: 25,
-            width: 700,
-            height: 100,
-        },
-        options: {
-            font: {
-                size: 48,
-                family: 'blackflag',
-            },
+        .text({ key: 'title' }, {
+        left: 25,
+        top: 25,
+        width: 700,
+        height: 100,
+    }, {
+        font: {
+            size: 48,
+            family: 'blackflag',
         },
     })
         .font('assets/BlackFlag.ttf', 'blackflag')
-        .text({
-        key: 'subtitle',
-        position: {
-            x: 25,
-            y: 125,
-            width: 700,
-            height: 100,
-        },
-        options: {
-            font: {
-                size: 38,
-            },
-            color: 'purple',
+        .text({ key: 'subtitle' }, {
+        left: 25,
+        top: 125,
+        width: 700,
+        height: 100,
+    }, {
+        font: {
+            size: 38,
         },
+        color: 'purple',
+        skip: (entry) => entry.title.toLowerCase() === 'luigi'
     })
         .font('assets/branela.otf', 'branela')
-        .image({
-        key: 'title',
-        position: {
-            x: 25,
-            y: 225,
-            width: 700,
-            height: 700,
-            scale: 'stretch',
-        },
-        options: {
-            assetsPath: 'assets',
-            pathFn: (title) => `${title.toLowerCase()}.png`,
-        },
+        .image({ pathFn: entry => `${entry.title.toLowerCase()}.png` }, { left: 25, top: 225, width: 700, height: 700 }, {
+        scale: 'stretch',
+        assetsPath: 'assets',
     })
-        .text({
-        key: 'effect',
-        position: {
-            x: 75,
-            y: 900,
-            width: 600,
-            height: 150,
-        },
-        options: {
-            font: {
-                size: 32,
-            },
-            replacement: new replacement_1.Replacement()
-                .replace(['Fireball'], fireball)
-                .build(),
+        .text({ key: 'effect' }, {
+        left: 75,
+        top: 900,
+        width: 600,
+        height: 150,
+    }, {
+        font: {
+            size: 32,
         },
+        replacement: new lib_1.Replacement()
+            .replace(['Fireball'], fireball)
+            .build(),
     })
         .hbox(() => Promise.resolve([luigi.clone(), luigi.clone()]), {
-        x: 25,
-        y: 25,
+        left: 25,
+        top: 25,
         width: 300,
         height: 300,
     }, {
         gap: 100,
     })
         .vbox(() => Promise.resolve([luigi.clone(), luigi.clone()]), {
-        x: 25,
-        y: 325,
+        left: 25,
+        top: 325,
         width: 100,
         height: 600,
     }, {
         scale: 'stretch',
         gap: 50,
     })
-        .vbox(() => Promise.resolve([luigi.clone(), luigi.clone()]), {
-        x: 300,
-        y: 325,
-        width: 100,
+        .grid(() => Promise.resolve([
+        luigi.clone(), luigi.clone(), luigi.clone(),
+        luigi.clone(), luigi.clone(), luigi.clone(),
+        luigi.clone(), luigi.clone(), luigi.clone(),
+    ]), {
+        left: 300,
+        top: 325,
+        width: 400,
         height: 600,
     }, {
-        scale: 'keep-ratio',
-        gap: 50,
+        scale: 'stretch',
+        gap: 10,
+        alignItems: 'flex-start',
+        justifyContent: 'flex-start',
+        skip: true,
     })
+        .debug()
         .fromCsv('assets/data.csv', {
         duplication: {
             countField: 'copies',
         },
     });
-    yield Promise.all(bundler_1.Bundler.new()
+    yield Promise.all(lib_1.Bundler.new()
         .bundle(result)
         .map((r, index) => r.write(`assets/test-${index + 1}.png`)));
 }))();

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":";;;;;;;;;;;AAAA,+BAA4B;AAC5B,+BAAkE;AASlE,CAAC,GAAS,EAAE;IACR,MAAM,QAAQ,GAAG,CAAC,MAAM,WAAI,CAAC,IAAI,CAAC,qBAAqB,CAAC,CAAc,CAAC;IACvE,MAAM,KAAK,GAAG,CAAC,MAAM,WAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAc,CAAC;IACjE,MAAM,MAAM,GAAG,MAAM,cAAQ,CAAC,GAAG,CAAe;QAC5C,iBAAiB,EAAE,SAAS;QAC5B,iBAAiB,EAAE,QAAQ;QAC3B,KAAK,EAAE,UAAU;KACpB,CAAC;SACG,IAAI,CACD,EAAE,GAAG,EAAE,OAAO,EAAE,EAChB;QACI,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;KACd,EACD;QACI,IAAI,EAAE;YACF,IAAI,EAAE,EAAE;YACR,MAAM,EAAE,WAAW;SACtB;KACJ,CACJ;SACA,IAAI,CAAC,sBAAsB,EAAE,WAAW,CAAC;SACzC,IAAI,CACD,EAAE,GAAG,EAAE,UAAU,EAAE,EACnB;QACI,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;KACd,EACD;QACI,IAAI,EAAE;YACF,IAAI,EAAE,EAAE;SACX;QACD,KAAK,EAAE,QAAQ;QACf,IAAI,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,OAAO;KACzD,CACJ;SACA,IAAI,CAAC,oBAAoB,EAAE,SAAS,CAAC;SACrC,KAAK,CACF,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,WAAW,EAAE,MAAM,EAAE,EACvD,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,EAC/C;QACI,KAAK,EAAE,SAAS;QAChB,UAAU,EAAE,QAAQ;KACvB,CACJ;SACA,IAAI,CACD,EAAE,GAAG,EAAE,QAAQ,EAAE,EACjB;QACI,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;KACd,EACD;QACI,IAAI,EAAE;YACF,IAAI,EAAE,EAAE;SACX;QACD,WAAW,EAAE,IAAI,iBAAW,EAAE;aACzB,OAAO,CAAC,CAAC,UAAU,CAAC,EAAE,QAAqB,CAAC;aAC5C,KAAK,EAAE;KACf,CACJ;SACA,IAAI,CACD,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,EACrD;QACI,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,EAAE;QACP,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;KACd,EACD;QACI,GAAG,EAAE,GAAG;KACX,CACJ;SACA,IAAI,CACD,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,EACrD;QACI,IAAI,EAAE,EAAE;QACR,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;KACd,EACD;QACI,KAAK,EAAE,SAAS;QAChB,GAAG,EAAE,EAAE;KACV,CACJ;SACA,IAAI,CACD,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC;QAClB,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC,KAAK,EAAE;QAC3C,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC,KAAK,EAAE;QAC3C,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC,KAAK,EAAE,EAAE,KAAK,CAAC,KAAK,EAAE;KAC9C,CAAC,EACF;QACI,IAAI,EAAE,GAAG;QACT,GAAG,EAAE,GAAG;QACR,KAAK,EAAE,GAAG;QACV,MAAM,EAAE,GAAG;KACd,EACD;QACI,KAAK,EAAE,SAAS;QAChB,GAAG,EAAE,EAAE;QACP,UAAU,EAAE,YAAY;QACxB,cAAc,EAAE,YAAY;QAC5B,IAAI,EAAE,IAAI;KACb,CACJ;SACA,KAAK,EAAE;SACP,OAAO,CAAC,iBAAiB,EAAE;QACxB,WAAW,EAAE;YACT,UAAU,EAAE,QAAQ;SACvB;KACJ,CAAC,CAAC;IAEP,MAAM,OAAO,CAAC,GAAG,CACb,aAAO,CAAC,GAAG,EAAE;SACR,MAAM,CAAC,MAAM,CAAC;SACd,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,KAAK,GAAG,CAAC,MAAM,CAAC,CAAC,CAClE,CAAC;AACN,CAAC,CAAA,CAAC,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hellkite/pipkin",
-    "version": "0.5.0",
+    "version": "0.5.2",
     "description": "Library for board game card generation",
     "main": "build/src/index.js",
     "types": "build/src/index.d.ts",
@@ -16,11 +16,11 @@
     },
     "dependencies": {
         "canvas": "^3.1.0",
-        "fabric": "^6.6.1",
-        "html2canvas": "^1.4.1",
         "jimp": "^1.6.0",
         "lodash.camelcase": "^4.3.0",
+        "lodash.chunk": "^4.2.0",
         "lodash.concat": "^4.5.0",
+        "lodash.merge": "^4.6.2",
         "node-html-to-image": "^5.0.0",
         "papaparse": "^5.5.2",
         "ts-node": "^10.9.2",
@@ -28,11 +28,14 @@
     },
     "devDependencies": {
         "@types/lodash.camelcase": "^4.3.9",
+        "@types/lodash.chunk": "^4.2.9",
         "@types/lodash.concat": "^4.5.9",
+        "@types/lodash.merge": "^4.6.9",
         "@types/node": "^22.7.5",
         "@types/papaparse": "^5.3.15",
         "@types/virtual-dom": "^2.1.4",
         "gts": "^6.0.2",
+        "type-fest": "^4.40.0",
         "typescript": "^5.6.3"
     }
 }

package/roadmap.md

@@ -17,4 +17,3 @@
 ### Quality of Life Improvements
 - [ ] Expose logging, warnings, stats and progress status data
 - [ ] Runtime resource configuration
-

package/src/lib/bundler.ts

@@ -1,6 +1,5 @@
 import { Jimp } from 'jimp';
-import { Size } from './types/2d';
-import { ImageType } from './types/image';
+import { Size, ImageType } from './types';
 
 type RequiredBundlerOptions = {
     size: Size;

package/src/lib/replacement.ts

@@ -1,5 +1,4 @@
-import { ImageType } from "./types/image";
-import { ReplacementMap } from "./types/replacement";
+import { ReplacementMap, ImageType } from "./types";
 
 /**
  * Represents a replacement map between sets of words and symbols