iframe-proxy | Sunbelt Computer Software

100 lines (90 loc) · 2.93 KB

const fs = require("fs")
const puppeteer = require("puppeteer")
const isItDark = require("./isItDark")
const filesRaw = []
const workingFolder = "../data/"
const files = fs.readdirSync(workingFolder)
files.forEach(file => {
  if (file.endsWith(".json")) {
    const data = require(`../data/${file}`)
    filesRaw.push({ id: data.id, title: data.title, color: data.colorPref })
const main = async () => {
  const browser = await puppeteer.launch()
  browser.on("disconnected", () => {
    return 0
  const page = await browser.newPage()
  await page.setViewport({
    width: 1200,
    height: 630,
    deviceScaleFactor: 1,
  for (let i = 0; i < filesRaw.length; i++) {
    const imgHTML = `
      <!DOCTYPE html>
      <html lang="en">
        <head>
          <meta charset="UTF-8" />
          <meta name="viewport" content="width=device-width, initial-scale=1.0" />
          <meta http-equiv="X-UA-Compatible" content="ie=edge" />
          <link href="https://fonts.googleapis.com/css?family=Hind+Siliguri:300,400,700&display=swap" rel="stylesheet">
          <title>HTML to Generate Thumbnail</title>
          <style>
              margin: 0;
              padding: 0;
              box-sizing: border-box;
            body {
              font-family: "Hind Siliguri";
              background: ${filesRaw[i].color};
              color: ${isItDark(filesRaw[i].color) ? "#fffeff" : "#201f22"}
          </style>
        </head>
        <body>
          <div
            style="height: 100vh; width: 100vw; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly"
            <div style="font-size: 36px; font-weight: bold;">
              <span
                style="display:inline-block; background-color: ${
                  isItDark(filesRaw[i].color) ? "#fffeff" : "#201f22"
                }; color: ${
      filesRaw[i].color
    }; padding: 0 8px; border-radius: 4px; margin-right: 5px;"
                >ডেভ</span
              >সংকেত
            </div>
            <div style="text-align: center; padding: 0 120px;">
              <h2 style="font-size: 72px; line-height: 78px;">${
                filesRaw[i].title
              }</h2>
              <p style="font-size: 22px;">বাংলা ডেভেলপার চিটশিট</p>
            </div>
            <pre style="font-family: consolas; font-weight: bold; font-size: 26px;">
      https://devsonket.com/${filesRaw[i].id}</pre
          </div>
        </body>
      </html>
    page.setExtraHTTPHeaders({
      "Accept-Charset": "utf-8",
      "Content-Type": "text/html; charset=utf-8",
    await page.setContent(imgHTML)
    if (i === 0) {
      await page.waitFor(5000)
    await page.screenshot({
      type: "jpeg",
      path: `../static/static/thumbnail/${filesRaw[i].id}.jpg`,
      quality: 85,
  await browser.close()

Sunbelt Computer Software

PL/B Language Development and Support

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Sunbelt Computer Software

PL/B Language Development and Support

FilesExpand file tree

thumbnail.js

Latest commit

History

thumbnail.js

File metadata and controls