From ad42883956a2ee049e24ad7688751e003cc5a429 Mon Sep 17 00:00:00 2001 From: Kentai Radiquum Date: Wed, 1 Jan 2025 19:08:02 +0500 Subject: [PATCH] feat: add packs index generation --- src/index.js | 13 +++ .../components/{head.js => packHead.js} | 0 src/templates/index.js | 97 +++++++++++++++++++ src/templates/pack.js | 7 +- static/tailwind.css | 51 ++++++++++ 5 files changed, 165 insertions(+), 3 deletions(-) rename src/templates/components/{head.js => packHead.js} (100%) create mode 100644 src/templates/index.js diff --git a/src/index.js b/src/index.js index d0651ff..bdcc88a 100644 --- a/src/index.js +++ b/src/index.js @@ -2,9 +2,11 @@ const config = require("./config"); const fs = require("fs"); const _CreatePackPage = require("./templates/pack"); +const _CreatePacksIndex = require("./templates/index"); function GenerateStaticSite() { let PackIndex = null + let Packs = []; try { PackIndex = JSON.parse(fs.readFileSync(config.stickerPacksDir + "/index.json")); @@ -19,8 +21,19 @@ function GenerateStaticSite() { const packFile = JSON.parse(fs.readFileSync(config.stickerPacksDir + "/" + pack)); if (!fs.existsSync(config.outDir + "/" + packFile.id)) fs.mkdirSync(config.outDir + "/" + packFile.id); fs.writeFileSync(config.outDir + "/" + packFile.id + "/index.html", _CreatePackPage(PackIndex, packFile)); + Packs.push({ + id: packFile.id, + name: packFile.title, + image: packFile.stickers[0].id, + author: (packFile.hasOwnProperty("author") && packFile.author) ? packFile.author.name : null, + rating: packFile.hasOwnProperty("rating") ? packFile.rating : null, + stickers: packFile.stickers.length + }) console.log("preview for " + packFile.id + " created"); }) + fs.writeFileSync(config.outDir + "/index.html", _CreatePacksIndex(PackIndex, Packs)); + console.log("Generation complete"); + } GenerateStaticSite(); diff --git a/src/templates/components/head.js b/src/templates/components/packHead.js similarity index 100% rename from src/templates/components/head.js rename to src/templates/components/packHead.js diff --git a/src/templates/index.js b/src/templates/index.js new file mode 100644 index 0000000..f287867 --- /dev/null +++ b/src/templates/index.js @@ -0,0 +1,97 @@ +const { CreateImageURL } = require("../utils"); + +function _PackLink(index, pack) { + + let packRating = ""; + + if (pack.rating) { + if (pack.rating.toLowerCase() === "safe") { + packRating = `S`; + } else if (pack.rating.toLowerCase() === "questionable") { + packRating = `Q`; + } else if (pack.rating.toLowerCase() === "explicit") { + packRating = `E`; + } + } + + return ` + + +
+ +
+ + Loading... +
+ +
+ +
+

${pack.name}

+ ${pack.author ? `

${pack.author}

` : ""} +

${pack.stickers} stickers ${pack.rating ? "| " + packRating : ""}

+
+ + +` +} + +function _CreatePacksIndex(index, packs) { + + let packLinks = []; + packs.forEach((packLink) => packLinks.push(_PackLink(index, packLink))); + + return ` + + + + + + TG -> Matrix Stickers Index + + + + + + + + + + + + +
+
+ +
+
+ ${packLinks.join("\n")} +
+
+ + + +` +} + +module.exports = _CreatePacksIndex \ No newline at end of file diff --git a/src/templates/pack.js b/src/templates/pack.js index 3a4287c..d6f13b7 100644 --- a/src/templates/pack.js +++ b/src/templates/pack.js @@ -1,14 +1,15 @@ -const Head = require("./components/head"); +const PackHead = require("./components/packHead"); const PackCard = require("./components/packCard"); const PackLinks = require("./components/PackLinks"); const PackPreview = require("./components/packPreview"); function _CreatePackPage(index, pack) { return ` - + + - ${Head(index, pack)} + ${PackHead(index, pack)} diff --git a/static/tailwind.css b/static/tailwind.css index c385dc5..8ba6f24 100644 --- a/static/tailwind.css +++ b/static/tailwind.css @@ -689,6 +689,10 @@ video { width: 100%; } +.flex-grow { + flex-grow: 1; +} + .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); @@ -704,10 +708,18 @@ video { animation: spin 1s linear infinite; } +.flex-row { + flex-direction: row; +} + .flex-col { flex-direction: column; } +.flex-wrap { + flex-wrap: wrap; +} + .items-center { align-items: center; } @@ -724,6 +736,10 @@ video { gap: 1rem; } +.gap-1 { + gap: 0.25rem; +} + .overflow-x-hidden { overflow-x: hidden; } @@ -732,6 +748,19 @@ video { border-radius: 0.5rem; } +.border-2 { + border-width: 2px; +} + +.border-solid { + border-style: solid; +} + +.border-black { + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); +} + .bg-\[\#259d7b\] { --tw-bg-opacity: 1; background-color: rgb(37 157 123 / var(--tw-bg-opacity, 1)); @@ -834,6 +863,11 @@ video { line-height: 2.5rem; } +.text-xl { + font-size: 1.25rem; + line-height: 1.75rem; +} + .text-gray-200 { --tw-text-opacity: 1; color: rgb(229 231 235 / var(--tw-text-opacity, 1)); @@ -869,6 +903,11 @@ video { color: rgb(244 244 245 / var(--tw-text-opacity, 1)); } +.text-slate-200 { + --tw-text-opacity: 1; + color: rgb(226 232 240 / var(--tw-text-opacity, 1)); +} + .underline { text-decoration-line: underline; } @@ -889,6 +928,10 @@ video { transition-duration: 150ms; } +.\[grid-template-columns\:100\%\] { + grid-template-columns: 100%; +} + .\[grid-template-columns\:repeat\(auto-fill\2c 96px\)\] { grid-template-columns: repeat(auto-fill,96px); } @@ -933,6 +976,14 @@ video { .md\:whitespace-pre { white-space: pre; } + + .md\:\[grid-template-columns\:repeat\(auto-fill\2c 384px\)\] { + grid-template-columns: repeat(auto-fill,384px); + } + + .md\:\[grid-template-columns\:repeat\(auto-fill\2c minmax\(380px\2c 500px\)\)\] { + grid-template-columns: repeat(auto-fill,minmax(380px,500px)); + } } @media (prefers-color-scheme: dark) {