npm - @azuro-org/images-generator - Versions diffs - 2.0.1 → 2.0.2 - Mend

@azuro-org/images-generator 2.0.1 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/dist/index.es.js CHANGED Viewed

@@ -167,8 +167,8 @@ function __generator(thisArg, body) {
                         page.on('request', function (req) {
                             var resourceType = req.resourceType();
                             // Block only truly unnecessary resources that don't affect rendering
-                            // Allow images, stylesheets, scripts, and data URLs
-                            if (['font', 'media', 'websocket', 'manifest', 'texttrack'].includes(resourceType)) {
+                            // Allow images, stylesheets, scripts, fonts, and data URLs
+                            if (['media', 'websocket', 'manifest', 'texttrack'].includes(resourceType)) {
                                 req.abort();
                             }
                             else {

package/dist/templates/trendle-trading/images/default.png ADDED Viewed

Binary file

package/dist/templates/trendle-trading/index.d.ts CHANGED Viewed

@@ -1,9 +1,7 @@
 import { type Template } from '../../utils';
-type Person = 'obama' | 'drake' | 'crash' | 'sydney' | 'tramp' | 'elon' | 'lewis' | 'mark' | 'powell' | 'macron' | 'arnold' | 'person-1' | 'tramp-2' | 'elon-2' | 'person-2' | 'taylor';
 export type Props = {
-    type: Person;
     trend: {
-        image: string;
+        image: string | undefined;
         title: string;
     };
     position: {

package/dist/templates/trendle-trading/index.html CHANGED Viewed

@@ -4,8 +4,10 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link
-    href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&family=Mona+Sans:wdth,wght@75..125,700&display=swap"
+    href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mona+Sans:ital,wdth,wght@0,125,200..900;1,125,200..900&display=swap"
     rel="stylesheet">
   <style>
     html {
@@ -26,6 +28,13 @@
       font-style: normal;
     }
+    .geist-mono {
+      font-family: "Geist Mono", monospace;
+      font-optical-sizing: auto;
+      font-weight: 400;
+      font-style: normal;
+    }
     * {
       box-sizing: border-box;
     }
@@ -130,22 +139,31 @@
       text-transform: uppercase;
     }
+    .text-underline {
+      text-decoration: underline;
+    }
     .text-center {
       text-align: center;
     }
+    .text-bold {
+      font-weight: 700;
+    }
     .card {
       background: --card-bg-color;
       width: 1200px;
-      height: 630px;
-      padding: 48px;
+      height: 675px;
+      padding: 40px 36px 30px;
       position: relative;
     }
     .logo {
-      height: 38px;
-      width: 266px;
+      height: 24px;
+      width: 156px;
       display: block;
+      margin-right: 45px;
     }
     .trend {
@@ -235,38 +253,28 @@
     .level-box {
       margin-left: 125px;
     }
+    .box {
+      background: #0F0F0F;
+      border-radius: 33px;
+      height: 100%;
+      width: fit-content;
+      padding: 30px 30px 55px;
+    }
+    .box-bottom {
+      margin-top: 30px;
+    }
   </style>
 </head>
 <body>
   <div class="card flex flex-col justify-between">
-    <img class="bg-img" src={bgImg} alt="">
-    <img class="right-img" src={rightImg} alt="">
-    <img class="person-img" src={personImg} alt="">
-    <img src="{logo}" class="logo" alt="">
-    <div>
-      <div class="trend flex items-center">
-        <div class="trend__img flex items-center justify-center">
-          <img src="{trendImage}" alt="">
-        </div>
-        <div>
-          <div class="trend__title">{trendTitle}</div>
-          <div class="trend__badge">
-            <img class="arrow" src="{arrowImage}" alt="">
-            <span>{positionInfo}</span>
-          </div>
-        </div>
-      </div>
-      <div class="pnl">{pnl}%</div>
-      <div class="level-wrapper flex items-center">
-        <div>
-          <div class="level-title">Entry level:</div>
-          <div class="level-content">{openLevel}</div>
-        </div>
-        <div class="level-box {exitLevelClass}">
-          <div class="level-title">Exit level:</div>
-          <div class="level-content">{exitLevel}</div>
-        </div>
+    <img class="person-img" src={trendImage} alt="">
+    <div class="box"></div>
+    <div class="box-bottom flex items-end">
+      <img src="{logo}" class="logo" alt="">
+      <div class="text-upper geist-mono">trade attention on <span class="text-underline text-bold">Trendle.fi</span>
       </div>
     </div>
   </div>

package/dist/templates/trendle-trading/index.js CHANGED Viewed

@@ -1,10 +1,8 @@
-import {_ as __awaiter,a as __generator,g as getFile,b as getBase64Image,d as downloadImage}from'../../index-6ec143bc.js';import path from'path';import'fs';import'util';import'stream';import'http';import'https';import'url';import'crypto';import'http2';import'assert';import'tty';import'zlib';import'events';var cardTypes = {
+import {_ as __awaiter,a as __generator,b as getBase64Image,g as getFile,d as downloadImage}from'../../index-6ec143bc.js';import path from'path';import'fs';import'util';import'stream';import'http';import'https';import'url';import'crypto';import'http2';import'assert';import'tty';import'zlib';import'events';var cardTypes = {
     'profit': {
-        rightImg: 'images/profit.png',
         bgColor: '#72FF4B',
     },
     'loss': {
-        rightImg: 'images/loss.png',
         bgColor: '#FF604B',
     }
 };
@@ -13,30 +11,32 @@ var template = {
     height: 630,
     type: 'jpeg',
     html: function (props) { return __awaiter(void 0, void 0, void 0, function () {
-        var type, trend, pnl, position, isProfit, _a, rightImg, bgColor, leverage, isLong, openLevel, exitLevel, html, logo, bgImage, rightImage, personImage, arrowImage, trendImage, positionInfo;
+        var trend, pnl, position, isProfit, bgColor, leverage, isLong, openLevel, exitLevel, html, logo, arrowImage, trendImage, _a, positionInfo;
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    type = props.type, trend = props.trend, pnl = props.pnl, position = props.position;
+                    trend = props.trend, pnl = props.pnl, position = props.position;
                     isProfit = pnl > 0;
-                    _a = isProfit ? cardTypes.profit : cardTypes.loss, rightImg = _a.rightImg, bgColor = _a.bgColor;
+                    bgColor = (isProfit ? cardTypes.profit : cardTypes.loss).bgColor;
                     leverage = position.leverage, isLong = position.isLong, openLevel = position.openLevel, exitLevel = position.exitLevel;
                     html = getFile(path.join(__dirname, 'index.html'));
                     logo = getBase64Image(path.resolve(__dirname, 'images/logo.png'));
-                    bgImage = getBase64Image(path.resolve(__dirname, 'images/bg.png'));
-                    rightImage = getBase64Image(path.resolve(__dirname, rightImg));
-                    personImage = getBase64Image(path.resolve(__dirname, "images/".concat(type, ".png")));
                     arrowImage = getBase64Image(path.resolve(__dirname, isLong ? 'images/arrow-up.png' : 'images/arrow-down.png'));
+                    if (!trend.image) return [3 /*break*/, 2];
                     return [4 /*yield*/, downloadImage(trend.image)];
                 case 1:
-                    trendImage = _b.sent();
+                    _a = _b.sent();
+                    return [3 /*break*/, 3];
+                case 2:
+                    _a = getBase64Image(path.resolve(__dirname, 'images/default.png'));
+                    _b.label = 3;
+                case 3:
+                    trendImage = _a;
                     positionInfo = "".concat(isLong ? ' Up' : ' Down', ", Boost x").concat(leverage);
                     return [2 /*return*/, html
                             .replace('{logo}', logo)
                             .replace('--card-bg-color', bgColor)
-                            .replace('{bgImg}', bgImage)
-                            .replace('{rightImg}', rightImage)
-                            .replace('{personImg}', personImage)
+                            .replace('{personImg}', trendImage)
                             .replace('{trendImage}', trendImage)
                             .replace('{trendTitle}', trend.title)
                             .replace('{positionInfo}', positionInfo)

package/lib/index.js CHANGED Viewed

@@ -167,8 +167,8 @@ function __generator(thisArg, body) {
                         page.on('request', function (req) {
                             var resourceType = req.resourceType();
                             // Block only truly unnecessary resources that don't affect rendering
-                            // Allow images, stylesheets, scripts, and data URLs
-                            if (['font', 'media', 'websocket', 'manifest', 'texttrack'].includes(resourceType)) {
+                            // Allow images, stylesheets, scripts, fonts, and data URLs
+                            if (['media', 'websocket', 'manifest', 'texttrack'].includes(resourceType)) {
                                 req.abort();
                             }
                             else {

package/lib/templates/trendle-trading/images/default.png ADDED Viewed

Binary file

package/lib/templates/trendle-trading/index.d.ts CHANGED Viewed

@@ -1,9 +1,7 @@
 import { type Template } from '../../utils';
-type Person = 'obama' | 'drake' | 'crash' | 'sydney' | 'tramp' | 'elon' | 'lewis' | 'mark' | 'powell' | 'macron' | 'arnold' | 'person-1' | 'tramp-2' | 'elon-2' | 'person-2' | 'taylor';
 export type Props = {
-    type: Person;
     trend: {
-        image: string;
+        image: string | undefined;
         title: string;
     };
     position: {

package/lib/templates/trendle-trading/index.html CHANGED Viewed

@@ -4,8 +4,10 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link
-    href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&family=Mona+Sans:wdth,wght@75..125,700&display=swap"
+    href="https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Mona+Sans:ital,wdth,wght@0,125,200..900;1,125,200..900&display=swap"
     rel="stylesheet">
   <style>
     html {
@@ -26,6 +28,13 @@
       font-style: normal;
     }
+    .geist-mono {
+      font-family: "Geist Mono", monospace;
+      font-optical-sizing: auto;
+      font-weight: 400;
+      font-style: normal;
+    }
     * {
       box-sizing: border-box;
     }
@@ -130,22 +139,31 @@
       text-transform: uppercase;
     }
+    .text-underline {
+      text-decoration: underline;
+    }
     .text-center {
       text-align: center;
     }
+    .text-bold {
+      font-weight: 700;
+    }
     .card {
       background: --card-bg-color;
       width: 1200px;
-      height: 630px;
-      padding: 48px;
+      height: 675px;
+      padding: 40px 36px 30px;
       position: relative;
     }
     .logo {
-      height: 38px;
-      width: 266px;
+      height: 24px;
+      width: 156px;
       display: block;
+      margin-right: 45px;
     }
     .trend {
@@ -235,38 +253,28 @@
     .level-box {
       margin-left: 125px;
     }
+    .box {
+      background: #0F0F0F;
+      border-radius: 33px;
+      height: 100%;
+      width: fit-content;
+      padding: 30px 30px 55px;
+    }
+    .box-bottom {
+      margin-top: 30px;
+    }
   </style>
 </head>
 <body>
   <div class="card flex flex-col justify-between">
-    <img class="bg-img" src={bgImg} alt="">
-    <img class="right-img" src={rightImg} alt="">
-    <img class="person-img" src={personImg} alt="">
-    <img src="{logo}" class="logo" alt="">
-    <div>
-      <div class="trend flex items-center">
-        <div class="trend__img flex items-center justify-center">
-          <img src="{trendImage}" alt="">
-        </div>
-        <div>
-          <div class="trend__title">{trendTitle}</div>
-          <div class="trend__badge">
-            <img class="arrow" src="{arrowImage}" alt="">
-            <span>{positionInfo}</span>
-          </div>
-        </div>
-      </div>
-      <div class="pnl">{pnl}%</div>
-      <div class="level-wrapper flex items-center">
-        <div>
-          <div class="level-title">Entry level:</div>
-          <div class="level-content">{openLevel}</div>
-        </div>
-        <div class="level-box {exitLevelClass}">
-          <div class="level-title">Exit level:</div>
-          <div class="level-content">{exitLevel}</div>
-        </div>
+    <img class="person-img" src={trendImage} alt="">
+    <div class="box"></div>
+    <div class="box-bottom flex items-end">
+      <img src="{logo}" class="logo" alt="">
+      <div class="text-upper geist-mono">trade attention on <span class="text-underline text-bold">Trendle.fi</span>
       </div>
     </div>
   </div>

package/lib/templates/trendle-trading/index.js CHANGED Viewed

@@ -1,10 +1,8 @@
 'use strict';var index=require('../../index-efa024cc.js'),path=require('path');require('fs'),require('util'),require('stream'),require('http'),require('https'),require('url'),require('crypto'),require('http2'),require('assert'),require('tty'),require('zlib'),require('events');function _interopDefaultLegacy(e){return e&&typeof e==='object'&&'default'in e?e:{'default':e}}var path__default=/*#__PURE__*/_interopDefaultLegacy(path);var cardTypes = {
     'profit': {
-        rightImg: 'images/profit.png',
         bgColor: '#72FF4B',
     },
     'loss': {
-        rightImg: 'images/loss.png',
         bgColor: '#FF604B',
     }
 };
@@ -13,30 +11,32 @@ var template = {
     height: 630,
     type: 'jpeg',
     html: function (props) { return index._(void 0, void 0, void 0, function () {
-        var type, trend, pnl, position, isProfit, _a, rightImg, bgColor, leverage, isLong, openLevel, exitLevel, html, logo, bgImage, rightImage, personImage, arrowImage, trendImage, positionInfo;
+        var trend, pnl, position, isProfit, bgColor, leverage, isLong, openLevel, exitLevel, html, logo, arrowImage, trendImage, _a, positionInfo;
         return index.a(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    type = props.type, trend = props.trend, pnl = props.pnl, position = props.position;
+                    trend = props.trend, pnl = props.pnl, position = props.position;
                     isProfit = pnl > 0;
-                    _a = isProfit ? cardTypes.profit : cardTypes.loss, rightImg = _a.rightImg, bgColor = _a.bgColor;
+                    bgColor = (isProfit ? cardTypes.profit : cardTypes.loss).bgColor;
                     leverage = position.leverage, isLong = position.isLong, openLevel = position.openLevel, exitLevel = position.exitLevel;
                     html = index.g(path__default["default"].join(__dirname, 'index.html'));
                     logo = index.b(path__default["default"].resolve(__dirname, 'images/logo.png'));
-                    bgImage = index.b(path__default["default"].resolve(__dirname, 'images/bg.png'));
-                    rightImage = index.b(path__default["default"].resolve(__dirname, rightImg));
-                    personImage = index.b(path__default["default"].resolve(__dirname, "images/".concat(type, ".png")));
                     arrowImage = index.b(path__default["default"].resolve(__dirname, isLong ? 'images/arrow-up.png' : 'images/arrow-down.png'));
+                    if (!trend.image) return [3 /*break*/, 2];
                     return [4 /*yield*/, index.d(trend.image)];
                 case 1:
-                    trendImage = _b.sent();
+                    _a = _b.sent();
+                    return [3 /*break*/, 3];
+                case 2:
+                    _a = index.b(path__default["default"].resolve(__dirname, 'images/default.png'));
+                    _b.label = 3;
+                case 3:
+                    trendImage = _a;
                     positionInfo = "".concat(isLong ? ' Up' : ' Down', ", Boost x").concat(leverage);
                     return [2 /*return*/, html
                             .replace('{logo}', logo)
                             .replace('--card-bg-color', bgColor)
-                            .replace('{bgImg}', bgImage)
-                            .replace('{rightImg}', rightImage)
-                            .replace('{personImg}', personImage)
+                            .replace('{personImg}', trendImage)
                             .replace('{trendImage}', trendImage)
                             .replace('{trendTitle}', trend.title)
                             .replace('{positionInfo}', positionInfo)

package/package.json CHANGED Viewed

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