@azuro-org/images-generator 0.0.4 → 1.0.1

package/README.md

@@ -4,25 +4,10 @@
 
 ```typescript
 import { generateImage } from '@azuro-org/images-generator';
-import template, { type Props } from '@azuro-org/images-generator/dist/templates/bet-nft';
+import template, { type Props } from '@azuro-org/images-generator/lib/templates/bet-nft';
 
 const props: 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'
+  // ...
 }
 
 // get image buffer
@@ -41,7 +26,7 @@ generateImage({
 
 ## Options
 
-```
+```typescript
 type PuppeteerOptions = Parameters<typeof puppeteer.launch>[0]
 
 type PuppeteerInitialOptions = {
@@ -59,6 +44,112 @@ generateImage({
 ```
 
 
+# Examples
+
+<details>
+<summary><h3>Bet Opengraph</h3></summary>
+<p>
+
+```typescript
+import { generateImage } from '@azuro-org/images-generator';
+import template from '@azuro-org/images-generator/lib/templates/bet-og';
+
+generateImage({
+  template,
+  props: {
+    title: 'Decentralized betting is awesome!',
+    game: {
+      country: 'International Tournaments',
+      league: 'ESL Challenger League North America',
+      participants: [
+        {
+          name: 'WINDINGO',
+          image: 'https://content.bookmaker.xyz/avatars/provider-3/4757.png',
+        },
+        {
+          name: 'Los Grandes Academy',
+          image: 'https://content.bookmaker.xyz/avatars/provider-3/4739.png',
+        },
+      ],
+      startsAt: Date.now(),
+    }
+  },
+})
+```
+
+### Result
+
+<p>
+  <img src="./src/templates/bet-og/example.jpeg" width="600" />
+</p>
+</p>
+</details>
+
+<details>
+<summary><h3>Bet NFT</h3></summary>
+<p>
+
+```typescript
+import { generateImage } from '@azuro-org/images-generator';
+import template from '@azuro-org/images-generator/lib/templates/bet-nft';
+
+generateImage({
+  template,
+  props: {
+    type: 'match',
+    sport: 'Football',
+    league: 'International Tournaments · FIFA - World Cup',
+    team1: {
+      img: 'https://content.bookmaker.xyz/avatars/provider-3/4757.png',
+      name: 'Ecuador',
+    },
+    team2: {
+      img: 'https://content.bookmaker.xyz/avatars/provider-3/4739.png',
+      name: 'Senegal',
+    },
+    date: 'Dec 24, 2020',
+    betAmount: '100 xDAI',
+    outcome: 'Senegal',
+    betOdds: '1.7',
+    currentOdds: '1.2',
+  },
+})
+```
+
+### Result
+
+<p>
+  <img src="./src/templates/bet-nft/example.png" width="255" />
+</p>
+</p>
+</details>
+
+<details>
+<summary><h3>Bet Opengraph</h3></summary>
+<p>
+
+```typescript
+import { generateImage } from '@azuro-org/images-generator';
+import template from '@azuro-org/images-generator/lib/templates/freebet';
+
+generateImage({
+  template,
+  props: {
+    amount: 5,
+    date: '12.01.2022',
+  },
+})
+```
+
+### Result
+
+<p>
+  <img src="./src/templates/freebet/example.png" width="416" />
+</p>
+</p>
+</details>
+
+
 # Contributing
 
 ## Add new template
@@ -73,6 +164,8 @@ generateImage({
 Edit `{your_template_name}/index.ts` file:
 
 ```typescript
+import path from 'path'
+
 import { type Template, getFile, downloadImage, createGenerator } from '../../utils'
 
 export type Props = {
@@ -88,14 +181,12 @@ const template = {
   html: async (props: Props) => {
     const { team1ImageSrc, team2ImageSrc, date } = props
 
-    let html = getFile('./index.html')
-    let css = getFile('./index.css')
+    const html = getFile(path.join(__dirname, 'index.html'))
 
     const team1Img = await downloadImage(team1ImageSrc)
     const team2Img = await downloadImage(team2ImageSrc)
 
     return html
-      .replace('.style{}', css)
       .replace('{image1}', team1Img)
       .replace('{image2}', team2Img)
       .replace('{date}', date)
@@ -105,14 +196,6 @@ const template = {
 export default template
 ```
 
-
-## `createGenerator` options
-
-`type: 'png' | 'jpeg'`<br /><br />
-`headless: Boolean` - use true to see compiled html in browser<br /><br />
-`scaleFactor: 1 | 2` - use 2 if you need to generate x2 sized image
-
-
 ## Publish
 
 Publish npm package with `npm run publish`. For access to `@azuro-org` scope ask Pavel Ivanov or Stas Onatskiy.

package/dist/{index-13c8d604.js → index-401c8546.js}

@@ -1,4 +1,4 @@
-import fs from'fs';import path from'path';import require$$1$1 from'http';import require$$2 from'https';import require$$0$2 from'url';import require$$3 from'stream';import require$$4 from'assert';import require$$0$1 from'tty';import require$$1 from'util';import require$$0 from'os';import require$$8 from'zlib';/******************************************************************************
+import fs from'fs';import require$$1$1 from'http';import require$$2 from'https';import require$$0$2 from'url';import require$$3 from'stream';import require$$4 from'assert';import require$$0$1 from'tty';import require$$1 from'util';import require$$0 from'os';import require$$8 from'zlib';/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -4164,14 +4164,11 @@ axios$2.exports.default = axios$1;(function (module) {
 	module.exports = axios$2.exports;
 } (axios$3));
 
-var axios = /*@__PURE__*/getDefaultExportFromCjs(axios$3.exports);var getPath = function (filePath) {
-    return path.join(__dirname, filePath);
-};
-var getFile = function (filePath) {
-    return fs.readFileSync(getPath(filePath), 'utf8');
+var axios = /*@__PURE__*/getDefaultExportFromCjs(axios$3.exports);var getFile = function (filePath) {
+    return fs.readFileSync(filePath, 'utf8');
 };
 var getBase64Image = function (filePath) {
-    return "data:image/png;base64,".concat(fs.readFileSync(getPath(filePath)).toString('base64'));
+    return "data:image/png;base64,".concat(fs.readFileSync(filePath).toString('base64'));
 };
 var downloadImage = function (url) { return __awaiter(void 0, void 0, void 0, function () {
     var base64, response, buffer, err_1;

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

@@ -1,4 +1,4 @@
-import {_ as __awaiter,a as __generator,d as downloadImage,g as getFile,b as getBase64Image}from'../../index-13c8d604.js';import path from'path';import'fs';import'http';import'https';import'url';import'stream';import'assert';import'tty';import'util';import'os';import'zlib';var matchType = {
+import {_ as __awaiter,a as __generator,d as downloadImage,g as getFile,b as getBase64Image}from'../../index-401c8546.js';import path from'path';import'fs';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',

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

@@ -1,4 +1,4 @@
-import {c as commonjsGlobal,_ as __awaiter,a as __generator,g as getFile,b as getBase64Image}from'../../index-13c8d604.js';import path from'path';import'fs';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) {
+import {c as commonjsGlobal,_ as __awaiter,a as __generator,g as getFile,b as getBase64Image}from'../../index-401c8546.js';import path from'path';import'fs';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));
 

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

@@ -0,0 +1,7 @@
+import { type Template } from '../../utils';
+export type Props = {
+    amount: number | string;
+    date: string;
+};
+declare const template: Template;
+export default template;

package/dist/templates/freebet/index.html

@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link href="//raw.githubusercontent.com/Azuro-protocol/public-assets/main/fonts/fivo-sans-modern/style.css" rel="stylesheet" />
+  <style>
+    html, body {
+      width: 416px;
+      height: 250px;
+      margin: 0;
+      padding: 0;
+    }
+
+    .image {
+      width: 416px;
+      height: 250px;
+      padding-top: 75px;
+      padding-left: 30px;
+      font-family: 'Fivo Sans Modern';
+      font-weight: 700;
+      background-size: cover;
+      background-position: center;
+      overflow: hidden;
+      border-radius: 10px;
+    }
+
+    .amount {
+      font-size: 48px;
+      line-height: 50px;
+    }
+
+    .text-gradient {
+      background: linear-gradient(271.45deg, #FCBD89 -22.37%, #B78EFF 34.63%, #82FCF4 117.18%), #FFFFFF;
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      text-fill-color: transparent;
+    }
+
+    .amount span {
+      color: #fff;
+    }
+
+    .date {
+      margin-top: 8px;
+      font-size: 16px;
+      line-height: 110%;
+      color: #6EE0A3;
+    }
+  </style>
+</head>
+<body>
+  <div class="image" style="background-image: url({bgImage});">
+    <div class="amount">
+      <div class="text-gradient">{amount} xDAI</div>
+      <span>freebet!</span>
+    </div>
+    <div class="date">Valid until {date}</div>
+  </div>
+</body>
+</html>

package/dist/templates/freebet/index.js

@@ -0,0 +1,18 @@
+import {_ as __awaiter,a as __generator,g as getFile,b as getBase64Image}from'../../index-401c8546.js';import path from'path';import'fs';import'http';import'https';import'url';import'stream';import'assert';import'tty';import'util';import'os';import'zlib';var template = {
+    width: 416,
+    height: 250,
+    type: 'png',
+    scaleFactor: 2,
+    html: function (props) { return __awaiter(void 0, void 0, void 0, function () {
+        var amount, date, html, bgImage;
+        return __generator(this, function (_a) {
+            amount = props.amount, date = props.date;
+            html = getFile(path.resolve(__dirname, 'index.html'));
+            bgImage = getBase64Image(path.resolve(__dirname, 'images/bg.png'));
+            return [2 /*return*/, html
+                    .replace('{bgImage}', bgImage)
+                    .replace('{amount}', String(amount))
+                    .replace('{date}', date)];
+        });
+    }); }
+};export{template as default};

package/dist/utils/index.d.ts

@@ -1,4 +1,3 @@
-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>;

package/lib/{index-b34515b6.js → index-7f0cb09b.js}

@@ -1,4 +1,4 @@
-'use strict';var fs=require('fs'),path=require('path'),require$$1$1=require('http'),require$$2=require('https'),require$$0$2=require('url'),require$$3=require('stream'),require$$4=require('assert'),require$$0$1=require('tty'),require$$1=require('util'),require$$0=require('os'),require$$8=require('zlib');function _interopDefaultLegacy(e){return e&&typeof e==='object'&&'default'in e?e:{'default':e}}var fs__default=/*#__PURE__*/_interopDefaultLegacy(fs);var path__default=/*#__PURE__*/_interopDefaultLegacy(path);var require$$1__default$1=/*#__PURE__*/_interopDefaultLegacy(require$$1$1);var require$$2__default=/*#__PURE__*/_interopDefaultLegacy(require$$2);var require$$0__default$2=/*#__PURE__*/_interopDefaultLegacy(require$$0$2);var require$$3__default=/*#__PURE__*/_interopDefaultLegacy(require$$3);var require$$4__default=/*#__PURE__*/_interopDefaultLegacy(require$$4);var require$$0__default$1=/*#__PURE__*/_interopDefaultLegacy(require$$0$1);var require$$1__default=/*#__PURE__*/_interopDefaultLegacy(require$$1);var require$$0__default=/*#__PURE__*/_interopDefaultLegacy(require$$0);var require$$8__default=/*#__PURE__*/_interopDefaultLegacy(require$$8);/******************************************************************************
+'use strict';var fs=require('fs'),require$$1$1=require('http'),require$$2=require('https'),require$$0$2=require('url'),require$$3=require('stream'),require$$4=require('assert'),require$$0$1=require('tty'),require$$1=require('util'),require$$0=require('os'),require$$8=require('zlib');function _interopDefaultLegacy(e){return e&&typeof e==='object'&&'default'in e?e:{'default':e}}var fs__default=/*#__PURE__*/_interopDefaultLegacy(fs);var require$$1__default$1=/*#__PURE__*/_interopDefaultLegacy(require$$1$1);var require$$2__default=/*#__PURE__*/_interopDefaultLegacy(require$$2);var require$$0__default$2=/*#__PURE__*/_interopDefaultLegacy(require$$0$2);var require$$3__default=/*#__PURE__*/_interopDefaultLegacy(require$$3);var require$$4__default=/*#__PURE__*/_interopDefaultLegacy(require$$4);var require$$0__default$1=/*#__PURE__*/_interopDefaultLegacy(require$$0$1);var require$$1__default=/*#__PURE__*/_interopDefaultLegacy(require$$1);var require$$0__default=/*#__PURE__*/_interopDefaultLegacy(require$$0);var require$$8__default=/*#__PURE__*/_interopDefaultLegacy(require$$8);/******************************************************************************
 Copyright (c) Microsoft Corporation.
 
 Permission to use, copy, modify, and/or distribute this software for any
@@ -4164,14 +4164,11 @@ axios$2.exports.default = axios$1;(function (module) {
 	module.exports = axios$2.exports;
 } (axios$3));
 
-var axios = /*@__PURE__*/getDefaultExportFromCjs(axios$3.exports);var getPath = function (filePath) {
-    return path__default["default"].join(__dirname, filePath);
-};
-var getFile = function (filePath) {
-    return fs__default["default"].readFileSync(getPath(filePath), 'utf8');
+var axios = /*@__PURE__*/getDefaultExportFromCjs(axios$3.exports);var getFile = function (filePath) {
+    return fs__default["default"].readFileSync(filePath, 'utf8');
 };
 var getBase64Image = function (filePath) {
-    return "data:image/png;base64,".concat(fs__default["default"].readFileSync(getPath(filePath)).toString('base64'));
+    return "data:image/png;base64,".concat(fs__default["default"].readFileSync(filePath).toString('base64'));
 };
 var downloadImage = function (url) { return __awaiter(void 0, void 0, void 0, function () {
     var base64, response, buffer, err_1;

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

@@ -1,4 +1,4 @@
-'use strict';var index=require('../../index-b34515b6.js'),path=require('path');require('fs'),require('http'),require('https'),require('url'),require('stream'),require('assert'),require('tty'),require('util'),require('os'),require('zlib');function _interopDefaultLegacy(e){return e&&typeof e==='object'&&'default'in e?e:{'default':e}}var path__default=/*#__PURE__*/_interopDefaultLegacy(path);var matchType = {
+'use strict';var index=require('../../index-7f0cb09b.js'),path=require('path');require('fs'),require('http'),require('https'),require('url'),require('stream'),require('assert'),require('tty'),require('util'),require('os'),require('zlib');function _interopDefaultLegacy(e){return e&&typeof e==='object'&&'default'in e?e:{'default':e}}var path__default=/*#__PURE__*/_interopDefaultLegacy(path);var matchType = {
     'match': 'Waiting for match',
     'claim': 'Waiting for claim',
     'claimed': 'Claimed',

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

@@ -1,4 +1,4 @@
-'use strict';var index=require('../../index-b34515b6.js'),path=require('path');require('fs'),require('http'),require('https'),require('url'),require('stream'),require('assert'),require('tty'),require('util'),require('os'),require('zlib');function _interopDefaultLegacy(e){return e&&typeof e==='object'&&'default'in e?e:{'default':e}}var path__default=/*#__PURE__*/_interopDefaultLegacy(path);var dayjs_min = {exports: {}};(function (module, exports) {
+'use strict';var index=require('../../index-7f0cb09b.js'),path=require('path');require('fs'),require('http'),require('https'),require('url'),require('stream'),require('assert'),require('tty'),require('util'),require('os'),require('zlib');function _interopDefaultLegacy(e){return e&&typeof e==='object'&&'default'in e?e:{'default':e}}var path__default=/*#__PURE__*/_interopDefaultLegacy(path);var dayjs_min = {exports: {}};(function (module, exports) {
 	!function(t,e){module.exports=e();}(index.c,(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));
 

package/lib/templates/freebet/index.d.ts

@@ -0,0 +1,7 @@
+import { type Template } from '../../utils';
+export type Props = {
+    amount: number | string;
+    date: string;
+};
+declare const template: Template;
+export default template;

package/lib/templates/freebet/index.html

@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link href="//raw.githubusercontent.com/Azuro-protocol/public-assets/main/fonts/fivo-sans-modern/style.css" rel="stylesheet" />
+  <style>
+    html, body {
+      width: 416px;
+      height: 250px;
+      margin: 0;
+      padding: 0;
+    }
+
+    .image {
+      width: 416px;
+      height: 250px;
+      padding-top: 75px;
+      padding-left: 30px;
+      font-family: 'Fivo Sans Modern';
+      font-weight: 700;
+      background-size: cover;
+      background-position: center;
+      overflow: hidden;
+      border-radius: 10px;
+    }
+
+    .amount {
+      font-size: 48px;
+      line-height: 50px;
+    }
+
+    .text-gradient {
+      background: linear-gradient(271.45deg, #FCBD89 -22.37%, #B78EFF 34.63%, #82FCF4 117.18%), #FFFFFF;
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      text-fill-color: transparent;
+    }
+
+    .amount span {
+      color: #fff;
+    }
+
+    .date {
+      margin-top: 8px;
+      font-size: 16px;
+      line-height: 110%;
+      color: #6EE0A3;
+    }
+  </style>
+</head>
+<body>
+  <div class="image" style="background-image: url({bgImage});">
+    <div class="amount">
+      <div class="text-gradient">{amount} xDAI</div>
+      <span>freebet!</span>
+    </div>
+    <div class="date">Valid until {date}</div>
+  </div>
+</body>
+</html>

package/lib/templates/freebet/index.js

@@ -0,0 +1,18 @@
+'use strict';var index=require('../../index-7f0cb09b.js'),path=require('path');require('fs'),require('http'),require('https'),require('url'),require('stream'),require('assert'),require('tty'),require('util'),require('os'),require('zlib');function _interopDefaultLegacy(e){return e&&typeof e==='object'&&'default'in e?e:{'default':e}}var path__default=/*#__PURE__*/_interopDefaultLegacy(path);var template = {
+    width: 416,
+    height: 250,
+    type: 'png',
+    scaleFactor: 2,
+    html: function (props) { return index._(void 0, void 0, void 0, function () {
+        var amount, date, html, bgImage;
+        return index.a(this, function (_a) {
+            amount = props.amount, date = props.date;
+            html = index.g(path__default["default"].resolve(__dirname, 'index.html'));
+            bgImage = index.b(path__default["default"].resolve(__dirname, 'images/bg.png'));
+            return [2 /*return*/, html
+                    .replace('{bgImage}', bgImage)
+                    .replace('{amount}', String(amount))
+                    .replace('{date}', date)];
+        });
+    }); }
+};module.exports=template;

package/lib/utils/index.d.ts

@@ -1,4 +1,3 @@
-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>;

package/package.json

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