alaric/premium.js at main · Codesamp-Rohan/alaric · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
// import { displayInvoice } from "./generateInvoice";
// import { premiumAppFeed, premiumApps } from "./app";


// export const listPremiumProducts = async () => {
//         // const premiumApps = [
//         //     { name: "Alaric Pro", description: "Advanced features for power users.", price: '1 sat/min' },
//         //     { name: "P2P Share Plus", description: "Enhanced peer-to-peer file sharing.", price: '1 sat/min' },
//         //     { name: "Holesail Pro", description: "Secure decentralized web hosting.", price: '1 sat/min' },
//         //     { name: "DrawSync", description: "Real-time collaborative drawing.", price: '1 sat/min' },
//         //     { name: "TradeBoost", description: "P2P marketplace premium tools.", price: '1 sat/min' },
//         //     { name: "Memory Vault", description: "Encrypted data storage & backup.", price: '1 sat/min' }
//         // ];
//         await premiumAppFeed.update();
//         premiumApps.clear();

//         for await (const app of premiumAppFeed.createReadStream()){
//             if (!premiumApps.has(app.id)) {
//                 premiumApps.set(app.id, app);
//                 // console.log(app);
//               }
//         }

//         if(premiumApps.size === 0){
//             listArea.innerHTML = `<p>No premium apps are yet added!</p>`;
//         } else {
//             premiumApps.forEach(app => {
//                 const appCard = document.createElement("div");
//                 appCard.classList.add("premium-app");
//                 appCard.innerHTML = `
//                 <img src="./assets/alaric.png" style="height: 60px;min-width: 60px;width: 60px;border-radius: 18px;border: 0;background: #262626;padding: 4px;" />
//                 <div style="display: flex; flex-direction: column; justify-content: space-between; width: 100%;">
//                 <div style="display: flex; flex-direction: column; justify-content: space-between;">
//                    <p style="color: #333; font-size: 18px; font-weight: 900;">${app.name}</p>
//                    <p style="font-weight: 100; color: #777; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80%; font-size: 14px;">${app.description}</p>
//                 </div>
//                 <div style="display: flex; flex-direction: row; justify-content: space-between;">
//                    <p style="font-weight: 100; color: #777; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 80%; font-size: 14px;">Price: ${app.price}</p>
//                    <button class="button buy-button" data-app='${JSON.stringify(app)}' style="width: fit-content;" onclick="displayInvoice(${app.price})">1 sat/min</button>
//                 </div>
//                 </div>
//                 `;
//                 listArea.appendChild(appCard);
//             });

//             document.querySelectorAll(".buy-button").forEach(button => {
//                 button.addEventListener("click", (event) => {
//                     const appData = JSON.parse(event.target.getAttribute("data-app"));
//                     console.log(appData);
//                     displayInvoice(appData);
//                 });
//             });
//         }
//     }