30:T18be,{ const backdrop_pattern = ``; const fix_name = (n) => n.replace(/[^a-zA-Z0-9]/g, ""); const fix_name2 = (n) => fix_name(n).toLowerCase(); // uint8 to hex const i2h = (i) => "#" + i.toString(16).padStart(6, "0"); // image to base64 const i2b64 = async (url) => { try { const response = await fetch(url); const blob = await response.blob(); return new Promise((resolve, reject) => { const reader = new FileReader(); reader.onloadend = () => resolve(reader.result); reader.onerror = reject; reader.readAsDataURL(blob); }); } catch (error) { return null; } }; // load patterns const load_patterns = async (img, { slug, symbol, pattern_color }) => { const svg = backdrop_pattern .replaceAll("{{gift_n}}", slug) .replaceAll( "{{gift_symbol}}", await i2b64( `https://raw.githubusercontent.com/Nxrix/telegram-gifts/refs/heads/main/data/symbols/webp/128/${fix_name2( symbol )}.webp` ) ) .replaceAll("{{gift_pattern}}", i2h(pattern_color)); img.src = "data:image/svg+xml;base64," + btoa(unescape(encodeURIComponent(svg))); }; // create gift const create_gift = ({ name, number, model, backdrop, symbol, premarket = false }) => { const gift = html`

`; gift.style.display = "inline-block"; gift.style.width = gift.style.height = "256px"; gift.style.aspectRatio = "1"; gift.style.position = "relative"; gift.style.borderRadius = "16px"; gift.style.overflow = "hidden"; const img = html``; img.style.width = "100%"; img.style.height = "100%"; if (premarket) { // colors of the backdrop const b = backdrops.find((i) => fix_name2(i.name) == fix_name2(backdrop)); // an empty image with backdrop color (no patterns) img.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR4AWJiYGBgAAAAAP//XRcpzQAAAAZJREFUAwAADwADJDd96QAAAABJRU5ErkJggg=="; img.style.background = `radial-gradient(circle,${i2h( b.center_color )} 1%,${i2h(b.edge_color)} 80%)`; // model image //const model_image = html`

`; const model_image = html`

`; model_image.style.width = "100%"; model_image.style.height = "100%"; model_image.style.position = "absolute"; model_image.style.transform = "scale(0.625)"; gift.appendChild(model_image); // load patterns load_patterns(img, { slug: fix_name(name) + "-" + number, symbol, pattern_color: b.pattern_color }); } else { img.src = `https://nft.fragment.com/gift/${fix_name( name )}-${number}.medium.jpg`; } gift.appendChild(img); return gift; }; const list = html`

`; const gift = create_gift({ name: collection, number: 1, model: model, backdrop: backdrop, symbol: symbol, premarket: 1 }); list.appendChild(gift); return list; }31:[] 2e:{"title":"Telegram Gift Creator","cells":[{"id":0,"value":"# Telegram Gift Creator","pinned":false,"hidden":false,"mode":"md"},{"id":27,"value":"viewof collection = Inputs.select(collections.map((i) => i.name).sort(), {\n label: \"Collection\",\n value: \"Liberty Figure\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":157,"value":"viewof model = Inputs.select(\n (\n await (\n await fetch(\n \"https://api.changes.tg/models/\" +\n collection.replace(/[^a-zA-Z0-9]/g, \"\")\n )\n ).json()\n )\n .map((i) => i.name)\n .sort(),\n { label: \"Model\", value: \"Rebellion\" }\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":35,"value":"viewof backdrop = Inputs.select(backdrops.map((i) => i.name).sort(), {\n label: \"Backdrop\",\n value: \"Electric Indigo\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":37,"value":"viewof symbol = Inputs.select(symbols.map((i) => i.name).sort(), {\n label: \"Symbol\",\n value: \"Wise Raven\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"$30","pinned":false,"hidden":false,"mode":"ojs"},{"id":18,"value":"collections = await fetch(\"https://proxy.thermos.gifts/api/v1/collections\").then(\n (i) => i.json()\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"backdrops = await fetch(\"https://proxy.thermos.gifts/api/v1/backdrops\").then(\n (i) => i.json()\n)","pinned":false,"hidden":false,"mode":"ojs"},{"id":22,"value":"symbols = await fetch(\"https://proxy.thermos.gifts/api/v1/symbols\").then(\n (i) => i.json()\n)","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}