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

@azuro-org/images-generator 0.0.2 → 0.0.3

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 (2305) hide show

package/foo/package.json DELETED Viewed

@@ -1,14 +0,0 @@
-{
-  "name": "foo",
-  "version": "1.0.0",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "@azuro-org/images-generator": "^0.0.1"
-  }
-}

package/rollup.config.js DELETED Viewed

@@ -1,107 +0,0 @@
-import glob from 'glob'
-import path from 'node:path'
-import { nodeResolve } from '@rollup/plugin-node-resolve'
-import builtins from 'builtin-modules/static'
-import commonjs from '@rollup/plugin-commonjs'
-import typescript from 'rollup-plugin-typescript2'
-import babel from 'rollup-plugin-babel'
-import json from '@rollup/plugin-json'
-import copy from 'rollup-plugin-copy'
-const templateFolders = (
-  glob.sync('src/templates/*')
-    .filter((folder) => !folder.includes('_template'))
-    .map((folder) => path.relative('src', folder))
-)
-const TARGETS_TO_COPY = [
-  'index.html',
-  'images',
-]
-const main = {
-  input: './src/index.ts',
-  output: [
-    {
-      file: './lib/index.js',
-      format: 'cjs',
-      exports: 'named',
-    },
-    {
-      file: './dist/index.es.js',
-      format: 'es',
-      exports: 'named',
-    },
-  ],
-  external: [
-    ...builtins,
-    'puppeteer',
-  ],
-  plugins: [
-    nodeResolve(),
-    commonjs(),
-    json(),
-    babel({
-      exclude: 'node_modules/**',
-    }),
-    typescript({
-      tsconfigOverride: {
-        include: [
-          'src/index.ts',
-        ],
-      },
-      clean: true,
-    }),
-    copy({
-      targets: templateFolders.map((folder) => (
-        TARGETS_TO_COPY.map((fileName) => (
-          [ 'dist', 'lib' ].map((dest) => ({
-            src: path.join('src', folder, fileName),
-            dest: path.join(dest, folder),
-          })).flat()
-        )).flat()
-      )).flat(),
-    })
-  ],
-}
-const templates = {
-  input: Object.fromEntries(
-    templateFolders.map((file) => [
-      path.join(file, 'index'),
-      path.resolve(`src/${file}/index.ts`),
-    ])
-  ),
-  output: [
-    {
-      dir: 'lib',
-      format: 'cjs',
-      exports: 'named',
-    },
-    {
-      dir: 'dist',
-      format: 'es',
-      exports: 'named',
-    },
-  ],
-  external: [
-    ...builtins,
-  ],
-  plugins: [
-    nodeResolve(),
-    commonjs(),
-    json(),
-    babel({
-      exclude: 'node_modules/**',
-    }),
-    typescript({
-      clean: true,
-    }),
-  ],
-}
-export default [
-  main,
-  templates,
-]

package/src/fonts/fivo-sans-modern/bold.woff DELETED Viewed

Binary file

package/src/fonts/fivo-sans-modern/bold.woff2 DELETED Viewed

File without changes

package/src/index.ts DELETED Viewed

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

package/src/templates/_template/index.css DELETED Viewed

@@ -1,13 +0,0 @@
-html {
-}
-html, body {
-  margin: 0;
-  padding: 0;
-  width: fit-content;
-}
-* {
-  box-sizing: border-box;
-}

package/src/templates/_template/index.html DELETED Viewed

@@ -1,13 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <title>Document</title>
-  <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>.style{}</style>
-</head>
-<body>
-  <!-- Write your HTML here -->
-</body>
-</html>

package/src/templates/_template/index.ts DELETED Viewed

@@ -1,22 +0,0 @@
-import { type Template, getFile, getBase64Image, downloadImage } from '../../utils'
-export type Props = {
-}
-const template: Template = {
-  width: 1000,
-  height: 1000,
-  type: 'png',
-  html: (props: Props) => {
-    const {  } = props
-    let html = getFile('./index.html')
-    let css = getFile('./index.css')
-    return html.replace('.style{}', css)
-  }
-}
-export default template

package/src/templates/bet-nft/example.png DELETED Viewed

Binary file

package/src/templates/bet-nft/images/logo.png DELETED Viewed

Binary file

package/src/templates/bet-nft/images/separator.png DELETED Viewed

Binary file

package/src/templates/bet-nft/images/shadow.png DELETED Viewed

Binary file

package/src/templates/bet-nft/images/team1.png DELETED Viewed

Binary file

package/src/templates/bet-nft/images/team2.png DELETED Viewed

Binary file

package/src/templates/bet-nft/index.html DELETED Viewed

@@ -1,325 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <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>
-    html {
-      font-family: 'Inter', sans-serif;
-      font-weight: 500;
-    }
-    html, body {
-      margin: 0;
-      width: fit-content;
-    }
-    * {
-      box-sizing: border-box;
-    }
-    .flex {
-      display: flex;
-    }
-    .flex-wrap {
-      flex-wrap: wrap;
-    }
-    .flex-1 {
-      flex: 1 1 0;
-    }
-    .flex-auto {
-      flex: 1 1 auto;
-    }
-    .flex-none {
-      flex: none;
-    }
-    .items-center {
-      align-items: center;
-    }
-    .items-start {
-      align-items: flex-start;
-    }
-    .items-end {
-      align-items: flex-end;
-    }
-    .items-baseline {
-      align-items: baseline;
-    }
-    .items-stretch {
-      align-items: stretch;
-    }
-    .self-auto {
-      align-self: auto;
-    }
-    .self-start {
-      align-self: flex-start;
-    }
-    .self-end {
-      align-self: flex-end;
-    }
-    .self-center {
-      align-self: center;
-    }
-    .self-stretch {
-      align-self: stretch;
-    }
-    .justify-around {
-      justify-content: space-around;
-    }
-    .justify-between {
-      justify-content: space-between;
-    }
-    .justify-center {
-      justify-content: center;
-    }
-    .justify-start {
-      justify-content: flex-start;
-    }
-    .justify-end {
-      justify-content: flex-end;
-    }
-    .flex-row {
-      flex-direction: row;
-    }
-    .flex-col {
-      flex-direction: column;
-    }
-    .flex-col-reverse {
-      flex-direction: column-reverse;
-    }
-    .text-upper {
-      text-transform: uppercase;
-    }
-    .text-center {
-      text-align: center;
-    }
-    .text-600 {
-      font-weight: 600;
-    }
-    .text-400 {
-      font-weight: 400;
-    }
-    .card {
-      width: 510px;
-      position: relative;
-      padding: 24px 16px 16px;
-      border: 1px solid rgba(0, 0, 0, 0.1);
-      border-radius: 16px;
-      background: #FFFFFF;
-    }
-    .logo {
-      position: relative;
-      z-index: 1;
-      margin-bottom: 40px;
-    }
-    .shadow {
-      position: absolute;
-      left: 0;
-      width: 100%;
-      top: 0;
-    }
-    .sport {
-      margin-bottom: 8px;
-      font-size: 16px;
-      line-height: 24px;
-    }
-    .league {
-      font-size: 18px;
-      line-height: 27px
-    }
-    .sport::before, .sport::after {
-      content: '';
-      display: block;
-      border-radius: 50%;
-      width: 4px;
-      height: 4px;
-      margin: 0 8px;
-      background: #000000;
-    }
-    .teams {
-      margin: 24px 0 16px;
-    }
-    .team {
-      width: 100%;
-      background: #FAFAFA;
-      border-radius: 12px;
-      padding: 16px;
-    }
-    .team img {
-      display: block;
-      width: 72px;
-      height: 72px;
-      margin: 0 auto;
-    }
-    .date {
-      opacity: 0.6;
-      font-size: 16px;
-      line-height: 24px;
-    }
-    .game {
-      font-size: 24px;
-      line-height: 36px;
-    }
-    .table {
-      border: 1px solid transparent;
-      border-radius: 12px;
-      overflow: hidden;
-      margin-top: 16px;
-      background: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, #FAFAFA 100%);
-    }
-    .table__head {
-      font-size: 14px;
-      line-height: 21px;
-      padding: 8px;
-      text-transform: capitalize;
-    }
-    .table__content {
-      padding: 24px
-    }
-    .table__item {
-      font-size: 20px;
-      line-height: 30px;
-      margin-top: 4px;
-    }
-    .table__item:first-child {
-      margin-top: 0;
-    }
-    .table_match {
-      border-color: #007FFF;
-    }
-    .table_match .table__head {
-      color: #007FFF;
-      background: #E0EEFE;
-    }
-    .table_claim {
-      border-color: #FFA000;
-    }
-    .table_claim .table__head {
-      color: #FFA000;
-      background: #FFF8E1;
-    }
-    .table_claimed {
-      border-color: #4CAF50;
-    }
-    .table_claimed .table__head {
-      color: #4CAF50;
-      background: #E8F5E9;
-    }
-    .table_lose {
-      border-color: #A3A3A3;
-    }
-    .table_lose .table__head {
-      color: #A3A3A3;
-      background: rgba(163, 163, 163, 0.12);
-    }
-    .table_canceled {
-      border-color: #FF1717;
-    }
-    .table_canceled .table__head {
-      color: #FF1717;
-      background: rgba(255, 23, 23, 0.12);
-    }
-  </style>
-</head>
-<body>
-  <div class="card" id="card">
-    <img src="{shadow}" alt="" class="shadow">
-    <div class="logo text-center">
-      <img src="{logo}" alt="">
-    </div>
-    <div id="sport" class="sport flex items-center justify-center text-upper text-600">{sport}</div>
-    <div id="league" class="league text-400 text-center">{league}</div>
-    <div class="teams flex">
-      <div class="team text-center">
-        <img id="team1-img" src="{image1}" alt="">
-      </div>
-      <img src="{separator}" alt="">
-      <div class="team text-center">
-        <img id="team2-img" src="{image2}" alt="">
-      </div>
-    </div>
-    <div id="date" class="date text-center text-400">
-      {date}
-    </div>
-    <div id="teams" class="game text-center text-600">
-      {game}
-    </div>
-    <div id="table" class="table table_{tableType}">
-      <div class="table__head text-center">{tableHead}</div>
-      <div class="table__content">
-        <div class="table__item flex items-center justify-between">
-          <div class="table__item__name text-400">Bet Amount:</div>
-          <div class="table__item__value text-600">{betAmount}</div>
-        </div>
-        <div class="table__item flex items-center justify-between">
-          <div class="table__item__name text-400">Outcome:</div>
-          <div class="table__item__value text-600">{outcome}</div>
-        </div>
-        <div class="table__item flex items-center justify-between">
-          <div class="table__item__name text-400">Bet odds:</div>
-          <div class="table__item__value text-600">{betOdds}</div>
-        </div>
-        <div class="table__item flex items-center justify-between">
-          <div class="table__item__name text-400">Current odds:</div>
-          <div class="table__item__value text-600">{currentOdds}</div>
-        </div>
-      </div>
-    </div>
-  </div>
-</body>
-</html>

package/src/templates/bet-nft/index.ts DELETED Viewed

@@ -1,69 +0,0 @@
-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/src/templates/bet-og/example.jpeg DELETED Viewed

Binary file

package/src/templates/bet-og/images/bg.jpg DELETED Viewed

Binary file

package/src/templates/bet-og/images/logo.png DELETED Viewed

Binary file