@azuro-org/images-generator 0.0.2 → 0.0.3

package/{foo/node_modules/@azuro-org/images-generator/src/index.ts → dist/index.d.ts}

@@ -1 +1 @@
-export { default as generateImage } from './utils/generateImage'
+export { default as generateImage } from './utils/generateImage';

package/dist/index.es.js

@@ -0,0 +1,128 @@
+import puppeteer from'puppeteer';/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+function __awaiter(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());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}function generateImage(props) {
+    return __awaiter(this, void 0, void 0, function () {
+        var output, _a, filename, template, htmlProps, modifyPuppeteerOptions, _b, headless, width, height, type, _c, scaleFactor, getHtml, html, launchOptions, browser, page, content, filePath, imageBuffer;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    output = props.output, _a = props.filename, filename = _a === void 0 ? 'image' : _a, template = props.template, htmlProps = props.props, modifyPuppeteerOptions = props.modifyPuppeteerOptions;
+                    _b = template.headless, headless = _b === void 0 ? true : _b, width = template.width, height = template.height, type = template.type, _c = template.scaleFactor, scaleFactor = _c === void 0 ? 1 : _c, getHtml = template.html;
+                    return [4 /*yield*/, getHtml(htmlProps)];
+                case 1:
+                    html = _d.sent();
+                    launchOptions = {
+                        headless: headless,
+                        devtools: false,
+                        args: [
+                            '--no-sandbox',
+                            '--disable-gpu',
+                            '--disable-accelerated-video-decode',
+                            // '--allow-file-access-from-files',
+                        ],
+                    };
+                    if (typeof modifyPuppeteerOptions === 'function') {
+                        launchOptions = modifyPuppeteerOptions(launchOptions);
+                    }
+                    return [4 /*yield*/, puppeteer.launch(launchOptions)];
+                case 2:
+                    browser = _d.sent();
+                    return [4 /*yield*/, browser.newPage()];
+                case 3:
+                    page = _d.sent();
+                    return [4 /*yield*/, page.setViewport({ width: width, height: height, deviceScaleFactor: scaleFactor })];
+                case 4:
+                    _d.sent();
+                    return [4 /*yield*/, page.setContent(html)];
+                case 5:
+                    _d.sent();
+                    return [4 /*yield*/, page.$('body')
+                        // dont' change this condition!
+                    ];
+                case 6:
+                    content = _d.sent();
+                    if (!(headless === false)) return [3 /*break*/, 8];
+                    return [4 /*yield*/, new Promise(function () { })];
+                case 7:
+                    _d.sent();
+                    _d.label = 8;
+                case 8:
+                    if (!output) return [3 /*break*/, 12];
+                    filePath = "".concat(output.replace(/\/$/, ''), "/").concat(filename.replace(/\..+$/, ''), ".").concat(type);
+                    return [4 /*yield*/, content.screenshot({ path: filePath })];
+                case 9:
+                    _d.sent();
+                    return [4 /*yield*/, page.close()];
+                case 10:
+                    _d.sent();
+                    return [4 /*yield*/, browser.close()];
+                case 11:
+                    _d.sent();
+                    return [3 /*break*/, 16];
+                case 12: return [4 /*yield*/, content.screenshot({ omitBackground: true, type: type })];
+                case 13:
+                    imageBuffer = _d.sent();
+                    return [4 /*yield*/, page.close()];
+                case 14:
+                    _d.sent();
+                    return [4 /*yield*/, browser.close()
+                        // @ts-ignore
+                    ];
+                case 15:
+                    _d.sent();
+                    // @ts-ignore
+                    return [2 /*return*/, imageBuffer];
+                case 16: return [2 /*return*/];
+            }
+        });
+    });
+}export{generateImage};

package/dist/templates/_template/index.d.ts

@@ -0,0 +1,4 @@
+import { type Template } from '../../utils';
+export type Props = {};
+declare const template: Template;
+export default template;

package/dist/templates/bet-nft/index.d.ts

@@ -0,0 +1,27 @@
+import { type Template } from '../../utils';
+declare const matchType: {
+    readonly match: "Waiting for match";
+    readonly claim: "Waiting for claim";
+    readonly claimed: "Claimed";
+    readonly lose: "Lose";
+    readonly canceled: "Canceled match";
+};
+type MatchType = keyof typeof matchType;
+type Team = {
+    img: string;
+    name: string;
+};
+export type Props = {
+    type: MatchType;
+    sport: string;
+    league: string;
+    team1: Team;
+    team2: Team;
+    date: string;
+    betAmount: string;
+    outcome: string;
+    betOdds: string;
+    currentOdds: string;
+};
+declare const template: Template;
+export default template;

package/dist/templates/bet-nft/index.js

@@ -0,0 +1,49 @@
+import {_ as __awaiter,a as __generator,d as downloadImage,g as getFile,b as getBase64Image}from'../../index-13c8d604.js';import'fs';import'path';import'http';import'https';import'url';import'stream';import'assert';import'tty';import'util';import'os';import'zlib';var matchType = {
+    'match': 'Waiting for match',
+    'claim': 'Waiting for claim',
+    'claimed': 'Claimed',
+    'lose': 'Lose',
+    'canceled': 'Canceled match'
+};
+var template = {
+    width: 510,
+    height: 510,
+    type: 'png',
+    html: function (props) { return __awaiter(void 0, void 0, void 0, function () {
+        var type, sport, league, team1, team2, date, betAmount, outcome, betOdds, currentOdds, html, css, shadow, logo, separator, team1Img, team2Img;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    type = props.type, sport = props.sport, league = props.league, team1 = props.team1, team2 = props.team2, date = props.date, betAmount = props.betAmount, outcome = props.outcome, betOdds = props.betOdds, currentOdds = props.currentOdds;
+                    html = getFile('./index.html');
+                    css = getFile('./index.css');
+                    shadow = getBase64Image('./images/shadow.png');
+                    logo = getBase64Image('./images/logo.png');
+                    separator = getBase64Image('./images/separator.png');
+                    return [4 /*yield*/, downloadImage(team1.img)];
+                case 1:
+                    team1Img = _a.sent();
+                    return [4 /*yield*/, downloadImage(team2.img)];
+                case 2:
+                    team2Img = _a.sent();
+                    return [2 /*return*/, html
+                            .replace('.style{}', css)
+                            .replace('{sport}', sport)
+                            .replace('{league}', league)
+                            .replace('{image1}', team1Img)
+                            .replace('{image2}', team2Img)
+                            .replace('{date}', date)
+                            .replace('{game}', "".concat(team1.name, " - ").concat(team2.name))
+                            .replace('{tableType}', type)
+                            .replace('{tableHead}', matchType[type])
+                            .replace('{betAmount}', betAmount)
+                            .replace('{outcome}', outcome)
+                            .replace('{betOdds}', betOdds)
+                            .replace('{currentOdds}', currentOdds)
+                            .replace('{separator}', separator)
+                            .replace('{shadow}', shadow)
+                            .replace('{logo}', logo)];
+            }
+        });
+    }); },
+};export{template as default};

package/dist/templates/bet-og/index.d.ts

@@ -0,0 +1,15 @@
+import { type Template } from '../../utils';
+export type Props = {
+    title: string;
+    game: {
+        country: string;
+        league: string;
+        participants: {
+            name: string;
+            image: string;
+        }[];
+        startsAt: number;
+    };
+};
+declare const template: Template;
+export default template;

package/dist/templates/bet-og/index.js

@@ -0,0 +1,39 @@
+import {c as commonjsGlobal,_ as __awaiter,a as __generator,b as getBase64Image,g as getFile}from'../../index-13c8d604.js';import'fs';import'path';import'http';import'https';import'url';import'stream';import'assert';import'tty';import'util';import'os';import'zlib';var dayjs_min = {exports: {}};(function (module, exports) {
+	!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",f="month",h="quarter",c="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,f),s=n-i<0,u=e.clone().add(r+(s?-1:1),f);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:f,y:c,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:h}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p=function(t){return t instanceof _},S=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,h=O.p(t),l=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(h){case c:return r?l(1,0):l(31,11);case f:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),h="set"+(this.$u?"UTC":""),l=(n={},n[a]=h+"Date",n[d]=h+"Date",n[f]=h+"Month",n[c]=h+"FullYear",n[u]=h+"Hours",n[s]=h+"Minutes",n[i]=h+"Seconds",n[r]=h+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===f||o===c){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,h){var d,l=this;r=Number(r);var $=O.p(h),y=function(t){var e=w(l);return O.w(e.date(e.date()+Math.round(t*r)),l)};if($===f)return this.set(f,this.$M+r);if($===c)return this.set(c,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,f=n.months,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},c=function(t){return O.s(s%12||12,t,"0")},d=n.meridiem||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r},$={YY:String(this.$y).slice(-2),YYYY:this.$y,M:a+1,MM:O.s(a+1,2,"0"),MMM:h(n.monthsShort,a,f,3),MMMM:h(f,a),D:this.$D,DD:O.s(this.$D,2,"0"),d:String(this.$W),dd:h(n.weekdaysMin,this.$W,o,2),ddd:h(n.weekdaysShort,this.$W,o,3),dddd:o[this.$W],H:String(s),HH:O.s(s,2,"0"),h:c(1),hh:c(2),a:d(s,u,!0),A:d(s,u,!1),m:String(u),mm:O.s(u,2,"0"),s:String(this.$s),ss:O.s(this.$s,2,"0"),SSS:O.s(this.$ms,3,"0"),Z:i};return r.replace(y,(function(t,e){return e||$[t]||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=O.p(d),M=w(r),m=(M.utcOffset()-this.utcOffset())*e,v=this-M,g=O.m(this,M);return g=($={},$[c]=g/12,$[f]=g,$[h]=g/3,$[o]=(v-m)/6048e5,$[a]=(v-m)/864e5,$[u]=v/n,$[s]=v/e,$[i]=v/t,$)[y]||v,l?g:O.a(g)},m.daysInMonth=function(){return this.endOf(f).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),T=_.prototype;return w.prototype=T,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",f],["$y",c],["$D",d]].forEach((function(t){T[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,_,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w}));
+} (dayjs_min));
+
+var dayjs = dayjs_min.exports;var template = {
+    width: 600,
+    height: 315,
+    type: 'jpeg',
+    scaleFactor: 2,
+    html: function (props) { return __awaiter(void 0, void 0, void 0, function () {
+        var title, game, country, league, participants, startsAt, bgImage, logoImage, team1Image, team1Name, team2Image, team2Name, dateTime, date, time, html;
+        return __generator(this, function (_a) {
+            title = props.title, game = props.game;
+            country = game.country, league = game.league, participants = game.participants, startsAt = game.startsAt;
+            bgImage = getBase64Image('./images/bg.jpg');
+            logoImage = getBase64Image('./images/logo.png');
+            team1Image = participants[0].image;
+            team1Name = participants[0].name;
+            team2Image = participants[1].image;
+            team2Name = participants[1].name;
+            dateTime = dayjs(startsAt);
+            date = dateTime.format('DD MMM');
+            time = dateTime.format('HH:mm');
+            html = getFile('./index.html');
+            return [2 /*return*/, html
+                    .replace('{bgImage}', bgImage)
+                    .replace('{logoImage}', logoImage)
+                    .replace('{title}', title)
+                    .replace('{country}', country)
+                    .replace('{league}', league)
+                    .replace('{team1Image}', team1Image)
+                    .replace('{team1Name}', team1Name)
+                    .replace('{team2Image}', team2Image)
+                    .replace('{team2Name}', team2Name)
+                    .replace('{date}', date)
+                    .replace('{time}', time)];
+        });
+    }); }
+};export{template as default};

package/dist/utils/generateImage.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="node" />
+import puppeteer from 'puppeteer';
+import { type Template } from './types';
+type PuppeteerOptions = Parameters<typeof puppeteer.launch>[0];
+type PuppeteerInitialOptions = {
+    headless: boolean;
+    devtools: boolean;
+    args: string[];
+};
+type GenerateImageResult<T> = T extends {
+    output: string;
+} ? void : (string | Buffer);
+type GenerateImageProps = {
+    template: Template;
+    output?: string;
+    filename?: string;
+    props: any;
+    modifyPuppeteerOptions?(options: PuppeteerInitialOptions): PuppeteerOptions;
+};
+export default function generateImage<T extends GenerateImageProps>(props: T): Promise<GenerateImageResult<T> | undefined>;
+export {};

package/dist/utils/index.d.ts

@@ -0,0 +1,5 @@
+export declare const getPath: (filePath: string) => string;
+export declare const getFile: (filePath: string) => string;
+export declare const getBase64Image: (filePath: string) => string;
+export declare const downloadImage: (url: string) => Promise<string>;
+export { type Template } from './types';

package/dist/utils/types.d.ts

@@ -0,0 +1,8 @@
+export type Template = {
+    headless?: boolean;
+    width: number;
+    height: number;
+    type: 'png' | 'jpeg';
+    scaleFactor?: 1 | 2;
+    html: (props: any) => string | Promise<string>;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@azuro-org/images-generator",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "license": "ISC",
   "engines": {
     "node": "=16.15.1",

package/.tool-versions

@@ -1 +0,0 @@
-nodejs 16.15.1

package/foo/index.js

@@ -1,28 +0,0 @@
-import { generateImage } from '@azuro-org/images-generator';
-import template from '@azuro-org/images-generator/templates/bet-nft';
-
-const props = {
-  type: 'match',
-  sport: 'soccer',
-  league: 'Leinster Senior League Senior Division',
-  team1: {
-    img: 'https://content.bookieratings.net/images/fq/tx/fqtxnf_20181001112329_100x100.png',
-    name: 'Nizhny Novgorod'
-  },
-  team2: {
-    img: 'https://content.bookieratings.net/images/fq/tx/fqtxnf_20181001112329_100x100.png',
-    name: 'Lokomotiv Moscow'
-  },
-  date: '21.03.2022 8:00 UTC',
-  betAmount: '100 USDC',
-  outcome: 'Total Under(2.5)',
-  betOdds: '2.88',
-  currentOdds: '1.88'
-}
-
-// create image file
-generateImage({
-  template,
-  props,
-  output: './dist',
-})