npm - @azuro-org/images-generator - Versions diffs - 0.0.1 → 0.0.2 - Mend

@azuro-org/images-generator 0.0.1 → 0.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 (2291) hide show

package/foo/node_modules/@azuro-org/images-generator/src/templates/bet-nft/index.ts ADDED Viewed

@@ -0,0 +1,69 @@
+import { type Template, getFile, getBase64Image, downloadImage } from '../../utils'
+const matchType = {
+  'match': 'Waiting for match',
+  'claim': 'Waiting for claim',
+  'claimed': 'Claimed',
+  'lose': 'Lose',
+  'canceled': 'Canceled match'
+} as const
+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
+}
+const template: Template = {
+  width: 510,
+  height: 510,
+  type: 'png',
+  html: async (props: Props) => {
+    const { type, sport, league, team1, team2, date, betAmount, outcome, betOdds, currentOdds } = props
+    let html = getFile('./index.html')
+    let css = getFile('./index.css')
+    const shadow = getBase64Image('./images/shadow.png')
+    const logo = getBase64Image('./images/logo.png')
+    const separator = getBase64Image('./images/separator.png')
+    const team1Img = await downloadImage(team1.img)
+    const team2Img = await downloadImage(team2.img)
+    return html
+      .replace('.style{}', css)
+      .replace('{sport}', sport)
+      .replace('{league}', league)
+      .replace('{image1}', team1Img)
+      .replace('{image2}', team2Img)
+      .replace('{date}', date)
+      .replace('{game}', `${team1.name} - ${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 default template

package/foo/node_modules/@azuro-org/images-generator/src/templates/bet-og/example.jpeg ADDED Viewed

Binary file

package/foo/node_modules/@azuro-org/images-generator/src/templates/bet-og/images/bg.jpg ADDED Viewed

Binary file

package/foo/node_modules/@azuro-org/images-generator/src/templates/bet-og/images/logo.png ADDED Viewed

Binary file

package/foo/node_modules/@azuro-org/images-generator/src/templates/bet-og/index.html ADDED Viewed

@@ -0,0 +1,176 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
+  <style>
+    @font-face {
+      font-weight: 700;
+      font-family: 'Fivo Sans Modern';
+      font-style: normal;
+      src: url('/fonts/fivo-sans-modern/bold.woff2') format('woff2'),
+      url('/fonts/fivo-sans-modern/bold.woff') format('woff');
+      font-display: swap;
+      unicode-range: U+000-5FF; /* Latin glyphs */
+    }
+    html {
+      font-family: 'Inter', sans-serif;
+      font-weight: 500;
+    }
+    html, body {
+      width: 600px;
+      height: 315px;
+      margin: 0;
+      padding: 0;
+    }
+    * {
+      box-sizing: border-box;
+    }
+    .opengraph {
+      width: 600px;
+      height: 315px;
+      padding: 30px 16px 0 23px;
+      background-size: cover;
+      overflow: hidden;
+    }
+    .logo {
+      display: block;
+      height: 24px;
+      margin-bottom: 36px;
+    }
+    .content {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+    .title {
+      padding-right: 40px;
+      color: #fff;
+      font-size: 30px;
+      line-height: 32px;
+      font-weight: 700;
+      font-family: 'Fivo Sans Modern', sans-serif;
+    }
+    .card {
+      flex: none;
+      width: 280px;
+      padding: 12px 4px 8px;
+      font-weight: 500;
+      background: #1F1F24;
+      border: 1px solid #333338;
+      box-shadow: 0 4px 22px rgba(0, 0, 0, 0.2);
+      border-radius: 9px;
+    }
+    .cardTitle {
+      padding: 0 10px;
+      margin-bottom: 11px;
+      color: #8A8A98;
+      text-align: center;
+      font-size: 13px;
+      line-height: 16px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    .teams {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .teamImage {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 68px;
+      height: 68px;
+      background: #27272B;
+      border-radius: 50%;
+    }
+    .teamImage img {
+      display: block;
+      width: 40px;
+    }
+    .dates {
+      padding: 0 24px;
+      text-align: center;
+    }
+    .date {
+      color: #8A8A98;
+      font-size: 13px;
+      line-height: 16px;
+    }
+    .time {
+      margin-top: 2px;
+      color: #fff;
+      font-size: 13px;
+      line-height: 16px;
+    }
+    .teamNames {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      grid-gap: 44px;
+    }
+    .teamName {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      min-height: 32px;
+      margin-top: 4px;
+      padding: 0 6px;
+      color: #fff;
+      text-align: center;
+      font-size: 13px;
+      line-height: 16px;
+    }
+  </style>
+</head>
+<body>
+  <div class="opengraph" style="background-image: url({bgImage});">
+    <img class="logo" src="{logoImage}" alt="" />
+    <div class="content">
+      <div class="title">{title}</div>
+      <div class="card">
+        <div class="cardTitle">{country}&nbsp;&middot;&nbsp;{league}</div>
+        <div class="teams">
+          <div class="teamImage">
+            <img src="{team1Image}" alt="" />
+          </div>
+          <div class="dates">
+            <div class="date">{date}</div>
+            <div class="time">{time}</div>
+          </div>
+          <div class="teamImage">
+            <img src="{team2Image}" alt="" />
+          </div>
+        </div>
+        <div class="teamNames">
+          <div class="teamName">
+            <span>{team1Name}</span>
+          </div>
+          <div class="teamName">
+            <span>{team2Name}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</body>
+</html>

package/foo/node_modules/@azuro-org/images-generator/src/templates/bet-og/index.ts ADDED Viewed

@@ -0,0 +1,57 @@
+import dayjs from 'dayjs'
+import { type Template, getFile, getBase64Image } from '../../utils'
+export type Props = {
+  title: string
+  game: {
+    country: string
+    league: string
+    participants: {
+      name: string
+      image: string
+    }[]
+    startsAt: number
+  }
+}
+const template: Template = {
+  width: 600,
+  height: 315,
+  type: 'jpeg',
+  scaleFactor: 2,
+  html: async (props: Props) => {
+    const { title, game } = props
+    const { country, league, participants, startsAt } = game
+    const bgImage = getBase64Image('./images/bg.jpg')
+    const logoImage = getBase64Image('./images/logo.png')
+    const team1Image = participants[0].image
+    const team1Name = participants[0].name
+    const team2Image = participants[1].image
+    const team2Name = participants[1].name
+    const dateTime = dayjs(startsAt)
+    const date = dateTime.format('DD MMM')
+    const time = dateTime.format('HH:mm')
+    let html = getFile('./index.html')
+    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 default template

package/foo/node_modules/@azuro-org/images-generator/src/utils/generateImage.ts ADDED Viewed

@@ -0,0 +1,89 @@
+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 // output filepath
+  filename?: string
+  props: any
+  modifyPuppeteerOptions?(options: PuppeteerInitialOptions): PuppeteerOptions
+}
+export default async function generateImage<T extends GenerateImageProps>(props: T): Promise<GenerateImageResult<T> | undefined> {
+  const {
+    output,
+    filename = 'image',
+    template,
+    props: htmlProps,
+    modifyPuppeteerOptions,
+  } = props
+  const {
+    headless = true,
+    width,
+    height,
+    type,
+    scaleFactor = 1,
+    html: getHtml,
+  } = template
+  const html = await getHtml(htmlProps)
+  let launchOptions: PuppeteerOptions = {
+    headless,
+    devtools: false,
+    args: [
+      '--no-sandbox',
+      '--disable-gpu',
+      '--disable-accelerated-video-decode',
+      // '--allow-file-access-from-files',
+    ],
+  }
+  if (typeof modifyPuppeteerOptions === 'function') {
+    launchOptions = modifyPuppeteerOptions(launchOptions as PuppeteerInitialOptions)
+  }
+  const browser = await puppeteer.launch(launchOptions)
+  const page = await browser.newPage()
+  await page.setViewport({ width, height, deviceScaleFactor: scaleFactor })
+  await page.setContent(html)
+  const content = await page.$('body')
+  // dont' change this condition!
+  if (headless === false) {
+    await new Promise(() => {})
+  }
+  if (output) {
+    const filePath = `${output.replace(/\/$/, '')}/${filename.replace(/\..+$/, '')}.${type}`
+    await content!.screenshot({ path: filePath })
+    await page.close()
+    await browser.close()
+  }
+  else {
+    const imageBuffer = await content!.screenshot({ omitBackground: true, type })
+    await page.close()
+    await browser.close()
+    // @ts-ignore
+    return imageBuffer
+  }
+}

package/foo/node_modules/@azuro-org/images-generator/src/utils/index.ts ADDED Viewed

@@ -0,0 +1,37 @@
+import fs from 'fs'
+import path from 'path'
+import axios from 'axios'
+export const getPath = (filePath: string) => {
+  return path.join(__dirname, filePath)
+}
+export const getFile = (filePath: string) => {
+  return fs.readFileSync(getPath(filePath), 'utf8')
+}
+export const getBase64Image = (filePath: string) => {
+  return `data:image/png;base64,${fs.readFileSync(getPath(filePath)).toString('base64')}`
+}
+export const downloadImage = async (url: string) => {
+  // empty pixel
+  let base64 = 'iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNkYPhfDwAChwGA60e6kgAAAABJRU5ErkJggg=='
+  try {
+    const response = await axios.get(url,  { responseType: 'arraybuffer' })
+    const buffer = Buffer.from(response.data, 'utf-8')
+    base64 = buffer.toString('base64')
+  }
+  catch (err) {
+    console.error(err)
+    // empty pixel
+  }
+  return `data:image/png;base64,${base64}`
+}
+export { type Template } from './types'

package/foo/node_modules/@azuro-org/images-generator/src/utils/types.ts ADDED Viewed

@@ -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/foo/node_modules/@azuro-org/images-generator/tsconfig.json ADDED Viewed

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "rootDir": "src",
+    "target": "es5",
+    "module": "esnext",
+    "moduleResolution": "node",
+    "lib": [ "es2017", "es7", "es6", "dom" ],
+    "strict": true,
+    "declaration": true,
+    "esModuleInterop": true
+  },
+  "include": [
+    "src"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    "lib"
+  ]
+}

package/foo/node_modules/@babel/code-frame/LICENSE ADDED Viewed

@@ -0,0 +1,22 @@
+MIT License
+Copyright (c) 2014-present Sebastian McKenzie and other contributors
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of this software and associated documentation files (the
+"Software"), to deal in the Software without restriction, including
+without limitation the rights to use, copy, modify, merge, publish,
+distribute, sublicense, and/or sell copies of the Software, and to
+permit persons to whom the Software is furnished to do so, subject to
+the following conditions:
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
+LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
+WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/foo/node_modules/@babel/code-frame/README.md ADDED Viewed

@@ -0,0 +1,19 @@
+# @babel/code-frame
+> Generate errors that contain a code frame that point to source locations.
+See our website [@babel/code-frame](https://babeljs.io/docs/en/babel-code-frame) for more information.
+## Install
+Using npm:
+```sh
+npm install --save-dev @babel/code-frame
+```
+or using yarn:
+```sh
+yarn add @babel/code-frame --dev
+```

package/foo/node_modules/@babel/code-frame/lib/index.js ADDED Viewed

@@ -0,0 +1,163 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.codeFrameColumns = codeFrameColumns;
+exports.default = _default;
+var _highlight = require("@babel/highlight");
+let deprecationWarningShown = false;
+function getDefs(chalk) {
+  return {
+    gutter: chalk.grey,
+    marker: chalk.red.bold,
+    message: chalk.red.bold
+  };
+}
+const NEWLINE = /\r\n|[\n\r\u2028\u2029]/;
+function getMarkerLines(loc, source, opts) {
+  const startLoc = Object.assign({
+    column: 0,
+    line: -1
+  }, loc.start);
+  const endLoc = Object.assign({}, startLoc, loc.end);
+  const {
+    linesAbove = 2,
+    linesBelow = 3
+  } = opts || {};
+  const startLine = startLoc.line;
+  const startColumn = startLoc.column;
+  const endLine = endLoc.line;
+  const endColumn = endLoc.column;
+  let start = Math.max(startLine - (linesAbove + 1), 0);
+  let end = Math.min(source.length, endLine + linesBelow);
+  if (startLine === -1) {
+    start = 0;
+  }
+  if (endLine === -1) {
+    end = source.length;
+  }
+  const lineDiff = endLine - startLine;
+  const markerLines = {};
+  if (lineDiff) {
+    for (let i = 0; i <= lineDiff; i++) {
+      const lineNumber = i + startLine;
+      if (!startColumn) {
+        markerLines[lineNumber] = true;
+      } else if (i === 0) {
+        const sourceLength = source[lineNumber - 1].length;
+        markerLines[lineNumber] = [startColumn, sourceLength - startColumn + 1];
+      } else if (i === lineDiff) {
+        markerLines[lineNumber] = [0, endColumn];
+      } else {
+        const sourceLength = source[lineNumber - i].length;
+        markerLines[lineNumber] = [0, sourceLength];
+      }
+    }
+  } else {
+    if (startColumn === endColumn) {
+      if (startColumn) {
+        markerLines[startLine] = [startColumn, 0];
+      } else {
+        markerLines[startLine] = true;
+      }
+    } else {
+      markerLines[startLine] = [startColumn, endColumn - startColumn];
+    }
+  }
+  return {
+    start,
+    end,
+    markerLines
+  };
+}
+function codeFrameColumns(rawLines, loc, opts = {}) {
+  const highlighted = (opts.highlightCode || opts.forceColor) && (0, _highlight.shouldHighlight)(opts);
+  const chalk = (0, _highlight.getChalk)(opts);
+  const defs = getDefs(chalk);
+  const maybeHighlight = (chalkFn, string) => {
+    return highlighted ? chalkFn(string) : string;
+  };
+  const lines = rawLines.split(NEWLINE);
+  const {
+    start,
+    end,
+    markerLines
+  } = getMarkerLines(loc, lines, opts);
+  const hasColumns = loc.start && typeof loc.start.column === "number";
+  const numberMaxWidth = String(end).length;
+  const highlightedLines = highlighted ? (0, _highlight.default)(rawLines, opts) : rawLines;
+  let frame = highlightedLines.split(NEWLINE, end).slice(start, end).map((line, index) => {
+    const number = start + 1 + index;
+    const paddedNumber = ` ${number}`.slice(-numberMaxWidth);
+    const gutter = ` ${paddedNumber} |`;
+    const hasMarker = markerLines[number];
+    const lastMarkerLine = !markerLines[number + 1];
+    if (hasMarker) {
+      let markerLine = "";
+      if (Array.isArray(hasMarker)) {
+        const markerSpacing = line.slice(0, Math.max(hasMarker[0] - 1, 0)).replace(/[^\t]/g, " ");
+        const numberOfMarkers = hasMarker[1] || 1;
+        markerLine = ["\n ", maybeHighlight(defs.gutter, gutter.replace(/\d/g, " ")), " ", markerSpacing, maybeHighlight(defs.marker, "^").repeat(numberOfMarkers)].join("");
+        if (lastMarkerLine && opts.message) {
+          markerLine += " " + maybeHighlight(defs.message, opts.message);
+        }
+      }
+      return [maybeHighlight(defs.marker, ">"), maybeHighlight(defs.gutter, gutter), line.length > 0 ? ` ${line}` : "", markerLine].join("");
+    } else {
+      return ` ${maybeHighlight(defs.gutter, gutter)}${line.length > 0 ? ` ${line}` : ""}`;
+    }
+  }).join("\n");
+  if (opts.message && !hasColumns) {
+    frame = `${" ".repeat(numberMaxWidth + 1)}${opts.message}\n${frame}`;
+  }
+  if (highlighted) {
+    return chalk.reset(frame);
+  } else {
+    return frame;
+  }
+}
+function _default(rawLines, lineNumber, colNumber, opts = {}) {
+  if (!deprecationWarningShown) {
+    deprecationWarningShown = true;
+    const message = "Passing lineNumber and colNumber is deprecated to @babel/code-frame. Please use `codeFrameColumns`.";
+    if (process.emitWarning) {
+      process.emitWarning(message, "DeprecationWarning");
+    } else {
+      const deprecationError = new Error(message);
+      deprecationError.name = "DeprecationWarning";
+      console.warn(new Error(message));
+    }
+  }
+  colNumber = Math.max(colNumber, 0);
+  const location = {
+    start: {
+      column: colNumber,
+      line: lineNumber
+    }
+  };
+  return codeFrameColumns(rawLines, location, opts);
+}