@hellkite/pipkin 0.4.1 → 0.5.0

package/build/src/lib/template.js

@@ -53,11 +53,10 @@ const lodash_camelcase_1 = __importDefault(require("lodash.camelcase"));
 const placeImage_1 = require("./utils/placeImage");
 const drawBoundingBox_1 = require("./utils/drawBoundingBox");
 const lodash_concat_1 = __importDefault(require("lodash.concat"));
-const fabric = __importStar(require("fabric/node"));
 const canvas_1 = require("canvas");
-const enhanceTextbox_1 = require("./utils/enhanceTextbox");
 const path_1 = __importDefault(require("path"));
 const container_1 = require("./utils/container");
+const utils_1 = require("./utils");
 const DEFAULT_TEMPLATE_OPTIONS = {
     height: 1050,
     width: 750,
@@ -72,14 +71,13 @@ class Template {
             const template = fn(this.shadowTemplate());
             return template.render(entry);
         });
+        // TODO: logic for rendering debug helpers
         this.container = (imagesFn, packingFn) => this.layer((entry) => __awaiter(this, void 0, void 0, function* () {
             const images = yield imagesFn(entry);
             return packingFn(this.shadowBackground(), images);
         }));
         this.hbox = (imagesFn, position, options) => this.container(imagesFn, (0, container_1.hboxPackingFn)(position, options));
         this.vbox = (imagesFn, position, options) => this.container(imagesFn, (0, container_1.vboxPackingFn)(position, options));
-        // grid = (imagesFn: (entry: EntryType) => Promise<Array<ImageType>>): this =>
-        //     this.container(imagesFn, gridPackingFn(position, options));
         this.image = ({ key, path, position, options, }) => this.layer((entry_1, _a) => __awaiter(this, [entry_1, _a], void 0, function* (entry, { debugMode, width, height }) {
             const imagePath = path !== null && path !== void 0 ? path : ((options === null || options === void 0 ? void 0 : options.pathFn) ? options.pathFn(entry[key]) : entry[key]);
             const image = yield this.loadImage(imagePath, options);
@@ -110,8 +108,11 @@ class Template {
         this.text = ({ key, position, options }) => this.layer((entry_1, _a) => __awaiter(this, [entry_1, _a], void 0, function* (entry, { debugMode, width, height }) {
             var _b, _c, _d;
             const text = entry[key];
-            const canvas = new fabric.Canvas(undefined, { width, height });
-            return (0, enhanceTextbox_1.enhanceTextbox)(text, canvas, (_d = (_c = (_b = options === null || options === void 0 ? void 0 : options.font) === null || _b === void 0 ? void 0 : _b.family) !== null && _c !== void 0 ? _c : this.defaultFontFamily) !== null && _d !== void 0 ? _d : 'Arial', debugMode, position, options);
+            const fontFamily = (_d = (_c = (_b = options === null || options === void 0 ? void 0 : options.font) === null || _b === void 0 ? void 0 : _b.family) !== null && _c !== void 0 ? _c : this.defaultFontFamily) !== null && _d !== void 0 ? _d : 'Arial';
+            return (0, utils_1.renderText)(text, position, {
+                width,
+                height,
+            }, Object.assign(Object.assign({}, options), { font: Object.assign(Object.assign({}, options === null || options === void 0 ? void 0 : options.font), { family: fontFamily }) }));
         }));
         this.background = new jimp_1.Jimp({
             height: options.height,

package/build/src/lib/template.js.map

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

package/build/src/lib/types/2d.d.ts

@@ -7,5 +7,3 @@ export type Size = {
     height: number;
 };
 export type BoundingBox = Point & Size;
-export declare const toPoint: (x: number, y: number) => Point;
-export declare const toSize: (w: number, h: number) => Size;

package/build/src/lib/types/2d.js

@@ -1,8 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.toSize = exports.toPoint = void 0;
-const toPoint = (x, y) => ({ x, y });
-exports.toPoint = toPoint;
-const toSize = (w, h) => ({ width: w, height: h });
-exports.toSize = toSize;
 //# sourceMappingURL=2d.js.map

package/build/src/lib/types/2d.js.map

@@ -1 +1 @@
-{"version":3,"file":"2d.js","sourceRoot":"","sources":["../../../../src/lib/types/2d.ts"],"names":[],"mappings":";;;AAaO,MAAM,OAAO,GAAG,CAAC,CAAS,EAAE,CAAS,EAAS,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAAtD,QAAA,OAAO,WAA+C;AAE5D,MAAM,MAAM,GAAG,CAAC,CAAS,EAAE,CAAS,EAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,CAAC,CAAC;AAAnE,QAAA,MAAM,UAA6D"}
+{"version":3,"file":"2d.js","sourceRoot":"","sources":["../../../../src/lib/types/2d.ts"],"names":[],"mappings":""}

package/build/src/lib/types/containers.d.ts

@@ -4,9 +4,9 @@ export type ContainerOptions = {
     /**
      * Setting a non-default value for justify will cause the alignment to be ignored.
      *
-     * Defaults to `no-space`
+     * Defaults to `normal`
      */
-    justify?: ContainerJustify;
+    justifyContent?: ContainerJustifyContent;
     /**
      * This is treated as a minimum length of an unit of space
      * between two items, but it can grow larger than it
@@ -14,41 +14,26 @@ export type ContainerOptions = {
      * Defaults to 0
      */
     gap?: number;
-    /**
-     * Render items that do not fit in the container outside of
-     * its bounding box
-     *
-     * Defaults to false
-     */
-    overflow?: boolean;
-    /**
-     * Defines how the items should be placed
-     * across the main direction of the container
-     *
-     * Defaults to `center`
-     */
-    alignment?: Alignment;
     /**
      * Defines how the items should be placed
      * across the secondary direction of the container
      *
      * Defaults to `center`
      */
-    centering?: Alignment;
+    alignItems?: Alignment;
     /**
      * Defaults to `none`
      */
     scale?: ScaleMode;
 };
-export type DirectionContainerOptions = ContainerOptions;
+export type DirectionContainerOptions = ContainerOptions & {
+    reversed?: boolean;
+};
+export declare const DEFAULT_DIRECTION_CONTAINER_OPTIONS: DirectionContainerOptions;
 /**
- * Defines how the remaining space be used
- * -> `space-evenly` - around each item is a pair of equal units of space
- * -> `space-between` - between each 2 items there is a single units of space
- * -> `space-around` - around each item is a unique pair of equal units of space
- * -> `no-space` - no space
+ * Same as CSS justify-content property
  */
-type ContainerJustify = 'space-evenly' | 'space-between' | 'space-around' | 'no-space';
+type ContainerJustifyContent = 'flex-start' | 'flex-end' | 'center' | 'space-evenly' | 'space-between' | 'space-around' | 'normal';
 export type GridContainerOptions = ContainerOptions & {
     rows?: number;
     cols?: number;
@@ -61,5 +46,5 @@ export type GridContainerOptions = ContainerOptions & {
      */
     direction?: 'rows' | 'cols';
 };
-export type PackingFn = (background: ImageType, images: Array<ImageType>) => ImageType;
+export type PackingFn = (background: ImageType, images: Array<ImageType>) => Promise<ImageType>;
 export {};

package/build/src/lib/types/containers.js

@@ -1,12 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_CONTAINER_OPTIONS = void 0;
+exports.DEFAULT_DIRECTION_CONTAINER_OPTIONS = exports.DEFAULT_CONTAINER_OPTIONS = void 0;
 exports.DEFAULT_CONTAINER_OPTIONS = {
     gap: 0,
-    overflow: false,
-    justify: 'no-space',
-    alignment: 'center',
-    centering: 'center',
+    justifyContent: 'normal',
+    alignItems: 'center',
     scale: 'none',
 };
+// TODO: all required
+exports.DEFAULT_DIRECTION_CONTAINER_OPTIONS = Object.assign(Object.assign({}, exports.DEFAULT_CONTAINER_OPTIONS), { reversed: false });
 //# sourceMappingURL=containers.js.map

package/build/src/lib/types/containers.js.map

@@ -1 +1 @@
-{"version":3,"file":"containers.js","sourceRoot":"","sources":["../../../../src/lib/types/containers.ts"],"names":[],"mappings":";;;AAEa,QAAA,yBAAyB,GAA+B;IACjE,GAAG,EAAE,CAAC;IACN,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,UAAU;IACnB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,QAAQ;IACnB,KAAK,EAAE,MAAM;CAChB,CAAC"}
+{"version":3,"file":"containers.js","sourceRoot":"","sources":["../../../../src/lib/types/containers.ts"],"names":[],"mappings":";;;AAEa,QAAA,yBAAyB,GAA+B;IACjE,GAAG,EAAE,CAAC;IACN,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,MAAM;CAChB,CAAC;AAoCF,qBAAqB;AACR,QAAA,mCAAmC,mCACzC,iCAAyB,KAC5B,QAAQ,EAAE,KAAK,IAClB"}

package/build/src/lib/types/css.d.ts

@@ -0,0 +1 @@
+export declare const toPx: (value: number) => string;

package/build/src/lib/types/css.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.toPx = void 0;
+const toPx = (value) => `${value}px`;
+exports.toPx = toPx;
+//# sourceMappingURL=css.js.map

package/build/src/lib/types/css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"css.js","sourceRoot":"","sources":["../../../../src/lib/types/css.ts"],"names":[],"mappings":";;;AAAO,MAAM,IAAI,GAAG,CAAC,KAAa,EAAU,EAAE,CAAC,GAAG,KAAK,IAAI,CAAC;AAA/C,QAAA,IAAI,QAA2C"}

package/build/src/lib/types/index.d.ts

@@ -6,3 +6,4 @@ export * from './render';
 export * from './replacement';
 export * from './scale';
 export * from './text';
+export * from './css';

package/build/src/lib/types/index.js

@@ -22,4 +22,5 @@ __exportStar(require("./render"), exports);
 __exportStar(require("./replacement"), exports);
 __exportStar(require("./scale"), exports);
 __exportStar(require("./text"), exports);
+__exportStar(require("./css"), exports);
 //# sourceMappingURL=index.js.map

package/build/src/lib/types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uCAAqB;AACrB,+CAA6B;AAC7B,0CAAwB;AACxB,iDAA+B;AAC/B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,yCAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uCAAqB;AACrB,+CAA6B;AAC7B,0CAAwB;AACxB,iDAA+B;AAC/B,2CAAyB;AACzB,gDAA8B;AAC9B,0CAAwB;AACxB,yCAAuB;AACvB,wCAAsB"}

package/build/src/lib/types/text.d.ts

@@ -27,12 +27,14 @@ export type TextLayerOptions = {
     };
     color?: string;
     replacement?: ReplacementMap;
-};
-export type TextPosition = TextAlignmentProps & BoundingBox;
-export type TextAlignmentProps = {
     /**
      * default `center`
      */
-    textAlign?: 'left' | 'center' | 'right' | 'justify' | 'justify-left' | 'justify-center' | 'justify-right';
+    xAlign?: 'left' | 'center' | 'right' | 'justify' | 'justify-left' | 'justify-center' | 'justify-right';
+    /**
+     * default `center`
+     */
+    yAlign?: 'left' | 'center' | 'right' | 'justify' | 'justify-left' | 'justify-center' | 'justify-right';
 };
-export declare const DEFAULT_TEXT_ALIGNMENT_PROPS: Required<TextAlignmentProps>;
+export type TextPosition = BoundingBox;
+export declare const DEFAULT_TEXT_LAYER_OPTIONS: TextLayerOptions;

package/build/src/lib/types/text.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEFAULT_TEXT_ALIGNMENT_PROPS = void 0;
-;
-exports.DEFAULT_TEXT_ALIGNMENT_PROPS = {
-    textAlign: 'center',
+exports.DEFAULT_TEXT_LAYER_OPTIONS = void 0;
+// TODO: all required
+exports.DEFAULT_TEXT_LAYER_OPTIONS = {
+    xAlign: 'center',
+    yAlign: 'center',
 };
 //# sourceMappingURL=text.js.map

package/build/src/lib/types/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/lib/types/text.ts"],"names":[],"mappings":";;;AAOE,CAAC;AA2CU,QAAA,4BAA4B,GAAiC;IACtE,SAAS,EAAE,QAAQ;CACtB,CAAC"}
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/lib/types/text.ts"],"names":[],"mappings":";;;AA8DA,qBAAqB;AACR,QAAA,0BAA0B,GAAqB;IACxD,MAAM,EAAE,QAAQ;IAChB,MAAM,EAAE,QAAQ;CACnB,CAAC"}

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

@@ -1,8 +1,23 @@
 "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.hboxPackingFn = exports.vboxPackingFn = void 0;
-const _2d_1 = require("../types/2d");
 const containers_1 = require("../types/containers");
+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 types_1 = require("../types");
 const vboxPackingFn = (position, options) => (background, images) => directionalPackingFn({
     isVertical: true,
     background,
@@ -19,108 +34,57 @@ const hboxPackingFn = (position, options) => (background, images) => directional
     options,
 });
 exports.hboxPackingFn = hboxPackingFn;
-const directionalPackingFn = ({ isVertical, background, images, position, options, }) => {
-    const imagesToRender = computeImagesToRender(isVertical, images, position, options);
-    const renderingCoordinates = computeRenderCoordinatesForImages(isVertical, imagesToRender, position, options);
-    for (let index = 0; index < Math.min(imagesToRender.length, renderingCoordinates.length); index++) {
-        const image = imagesToRender[index];
-        const coordinate = renderingCoordinates[index];
-        background.composite(image, coordinate.x, coordinate.y);
-    }
-    return background;
-};
-// export const gridPackingFn = (
-//     background: ImageType,
-//     images: Array<ImageType>,
-//     position: BoundingBox,
-//     options?: GridContainerOptions,
-// ): Promise<ImageType> => {
-//     // TODO: implement
-// };
-const mainCoordinateFn = (item, isVertical) => (isVertical ? item.y : item.x);
-const secondaryCoordinateFn = (item, isVertical) => mainCoordinateFn(item, !isVertical);
-const mainSizeFn = (item, isVertical) => (isVertical ? item.height : item.width);
-const secondarySizeFn = (item, isVertical) => mainSizeFn(item, !isVertical);
-const computeImagesToRender = (isVertical, images, position, options) => {
-    var _a, _b, _c;
-    const gap = (_a = options === null || options === void 0 ? void 0 : options.gap) !== null && _a !== void 0 ? _a : containers_1.DEFAULT_CONTAINER_OPTIONS.gap;
-    const scale = (_b = options === null || options === void 0 ? void 0 : options.scale) !== null && _b !== void 0 ? _b : containers_1.DEFAULT_CONTAINER_OPTIONS.scale;
-    if (scale !== 'none') {
-        // TODO: if there are too many gaps, there might still be overflow
-        // TODO: scale images
-        return images;
-    }
-    const totalSize = images.reduce((acc, image) => acc + mainSizeFn(image, isVertical), 0) +
-        (images.length - 1) * gap;
-    const shouldOverflow = (_c = options === null || options === void 0 ? void 0 : options.overflow) !== null && _c !== void 0 ? _c : containers_1.DEFAULT_CONTAINER_OPTIONS.overflow;
-    const isOverflowing = totalSize > mainSizeFn(position, isVertical) && shouldOverflow;
-    if (!isOverflowing) {
-        return images;
-    }
-    // TODO: if scaling is enabled, return all scaled down (or up)
-    const imagesToRender = [];
-    let currentSize = 0;
-    for (const image of images) {
-        if (currentSize + mainSizeFn(image, isVertical) + gap >
-            mainSizeFn(position, isVertical)) {
-            return imagesToRender;
-        }
-        imagesToRender.push(image);
-        currentSize += mainSizeFn(image, isVertical) + gap;
-    }
-    return imagesToRender;
-};
-const computeRenderCoordinatesForImages = (isVertical, images, position, options) => {
-    var _a, _b, _c, _d;
-    const justify = (_a = options === null || options === void 0 ? void 0 : options.justify) !== null && _a !== void 0 ? _a : containers_1.DEFAULT_CONTAINER_OPTIONS.justify;
-    const alignment = (_b = options === null || options === void 0 ? void 0 : options.alignment) !== null && _b !== void 0 ? _b : containers_1.DEFAULT_CONTAINER_OPTIONS.alignment;
-    const centering = (_c = options === null || options === void 0 ? void 0 : options.centering) !== null && _c !== void 0 ? _c : containers_1.DEFAULT_CONTAINER_OPTIONS.centering;
-    const gap = (_d = options === null || options === void 0 ? void 0 : options.gap) !== null && _d !== void 0 ? _d : containers_1.DEFAULT_CONTAINER_OPTIONS.gap;
-    // TODO: move main coordinate computation to its own function
-    // justify?: ContainerJustify;
-    if (justify !== 'no-space') {
-        // TODO: handle this without alignment
-    }
-    // compute main axis coordinates
-    const mainCoordinatesInBoundingBox = [];
-    let currentMainCoordinate = 0;
-    for (const image of images) {
-        mainCoordinatesInBoundingBox.push(currentMainCoordinate);
-        currentMainCoordinate += mainSizeFn(image, isVertical) + gap;
-    }
-    const totalMainSize = Math.max(currentMainCoordinate - gap, 0);
-    let mainCoordinateOffset = mainCoordinateFn(position, isVertical);
-    if (alignment === 'center') {
-        mainCoordinateOffset +=
-            (mainSizeFn(position, isVertical) - totalMainSize) / 2;
-    }
-    else if (alignment === 'end') {
-        mainCoordinateOffset +=
-            mainSizeFn(position, isVertical) - totalMainSize;
-    }
-    const mainCoordinates = mainCoordinatesInBoundingBox.map(coordinate => coordinate + mainCoordinateOffset);
-    // compute secondary axis coordinates
-    const secondaryCoordinates = [];
-    for (const image of images) {
-        const secondarySize = secondarySizeFn(image, isVertical);
-        let secondaryCoordinateOffset = secondaryCoordinateFn(position, isVertical);
-        if (centering === 'center') {
-            secondaryCoordinateOffset +=
-                (secondarySizeFn(position, isVertical) - secondarySize) / 2;
-        }
-        else if (centering === 'end') {
-            secondaryCoordinateOffset +=
-                secondarySizeFn(position, isVertical) - secondarySize;
-        }
-        secondaryCoordinates.push(secondaryCoordinateOffset);
-    }
-    // compute rendering coordinates for each image
-    const coordinates = [];
-    for (let index = 0; index < Math.min(mainCoordinates.length, secondaryCoordinates.length); index++) {
-        coordinates.push(isVertical
-            ? (0, _2d_1.toPoint)(mainCoordinates[index], secondaryCoordinates[index])
-            : (0, _2d_1.toPoint)(secondaryCoordinates[index], mainCoordinates[index]));
-    }
-    return coordinates;
+const directionalPackingFn = (_a) => __awaiter(void 0, [_a], void 0, function* ({ isVertical, background, images, position, options, }) {
+    var _b, _c, _d, _e;
+    const objectFit = SCALE_MODE_TO_OBJECT_FIT[(_b = options === null || options === void 0 ? void 0 : options.scale) !== null && _b !== void 0 ? _b : 'none'];
+    const children = yield Promise.all(images.map((image) => __awaiter(void 0, void 0, void 0, function* () {
+        const imageBase64 = yield image.getBase64('image/png');
+        return (0, virtual_dom_1.h)('img', {
+            style: {
+                objectFit,
+                flex: '1 1 auto',
+                minWidth: 0,
+                minHeight: 0,
+                maxWidth: '100%',
+                maxHeight: '100%',
+            },
+            src: imageBase64,
+        }, []);
+    })));
+    const document = (0, virtual_dom_1.h)('div', {
+        style: {
+            display: 'flex',
+            position: 'absolute',
+            scale: 1,
+            flexDirection: `${isVertical ? 'column' : 'row'}${(options === null || options === void 0 ? void 0 : options.reversed) ? '-reversed' : ''}`,
+            gap: (0, types_1.toPx)((_c = options === null || options === void 0 ? void 0 : options.gap) !== null && _c !== void 0 ? _c : 0),
+            // TODO: merge options and defaults
+            justifyContent: (_d = options === null || options === void 0 ? void 0 : options.justifyContent) !== null && _d !== void 0 ? _d : containers_1.DEFAULT_DIRECTION_CONTAINER_OPTIONS.justifyContent,
+            alignItems: (_e = options === null || options === void 0 ? void 0 : options.alignItems) !== null && _e !== void 0 ? _e : containers_1.DEFAULT_DIRECTION_CONTAINER_OPTIONS.alignItems,
+            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),
+        },
+    }, children);
+    const rootNode = (0, virtual_dom_1.create)(document);
+    // TODO: extract this in a dif function
+    const image = yield (0, node_html_to_image_1.default)({
+        html: rootNode.toString(),
+        transparent: true,
+        type: 'png',
+        puppeteerArgs: {
+            defaultViewport: {
+                width: background.width,
+                height: background.height,
+            },
+        },
+    });
+    return jimp_1.Jimp.read(image);
+});
+const SCALE_MODE_TO_OBJECT_FIT = {
+    'keep-ratio': 'contain',
+    stretch: 'fill',
+    none: 'none',
 };
 //# sourceMappingURL=container.js.map

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

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

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

@@ -2,5 +2,5 @@ export * from './buildFontString';
 export * from './canvasToImage';
 export * from './container';
 export * from './drawBoundingBox';
-export * from './enhanceTextbox';
 export * from './placeImage';
+export * from './renderText';

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

@@ -18,6 +18,6 @@ __exportStar(require("./buildFontString"), exports);
 __exportStar(require("./canvasToImage"), exports);
 __exportStar(require("./container"), exports);
 __exportStar(require("./drawBoundingBox"), exports);
-__exportStar(require("./enhanceTextbox"), exports);
 __exportStar(require("./placeImage"), exports);
+__exportStar(require("./renderText"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,kDAAgC;AAChC,8CAA4B;AAC5B,oDAAkC;AAClC,mDAAiC;AACjC,+CAA6B"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/lib/utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,kDAAgC;AAChC,8CAA4B;AAC5B,oDAAkC;AAClC,+CAA6B;AAC7B,+CAA6B"}

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

@@ -0,0 +1,2 @@
+import { ImageType, Size, TextLayerOptions, TextPosition } from '../types';
+export declare const renderText: (text: string, position: TextPosition, backgroundSize: Size, options?: TextLayerOptions) => Promise<ImageType>;

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

@@ -0,0 +1,90 @@
+"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.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;
+    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 : {})) {
+        const regex = new RegExp(word, 'gi');
+        const imageBase64 = yield image.getBase64('image/png');
+        let tmpChildren = [];
+        for (const textSegment of textChildren) {
+            if (typeof textSegment !== 'string') {
+                continue;
+            }
+            const parts = textSegment.split(regex);
+            for (let index = 0; index < parts.length; index++) {
+                if (index > 0) {
+                    tmpChildren.push((0, virtual_dom_1.h)('img', {
+                        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
+                            width: 'auto',
+                        },
+                        src: imageBase64,
+                    }, []));
+                }
+                tmpChildren.push(parts[index]);
+            }
+        }
+        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,
+        },
+    }, [
+        (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,
+            },
+        }, 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);
+});
+exports.renderText = renderText;
+//# sourceMappingURL=renderText.js.map

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

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