npm - mint-day - Versions diffs - 0.3.2 → 0.4.1 - Mend

mint-day 0.3.2 → 0.4.1

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

package/site/assets/screenshot-home.png ADDED Viewed

Binary file

package/site/feed.html ADDED Viewed

@@ -0,0 +1,601 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>mint.day — live feed</title>
+  <link rel="stylesheet" href="shared.css">
+  <style>
+    .page-header { padding: 48px 0 32px; }
+    .page-header h1 {
+      font-family: 'JetBrains Mono', monospace;
+      font-size: 24px;
+      font-weight: 700;
+      letter-spacing: -0.03em;
+    }
+    .page-header .sub {
+      font-family: 'JetBrains Mono', monospace;
+      font-size: 12px;
+      color: var(--text-dim);
+      margin-top: 8px;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+    .chain-dot {
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      background: var(--green);
+      animation: pulse 2s ease-in-out infinite;
+    }
+    .feed-list {
+      border: 1px solid var(--border);
+      border-radius: 0 10px 10px 10px;
+      overflow: hidden;
+      margin-bottom: 40px;
+    }
+    .feed-item {
+      display: flex;
+      align-items: center;
+      gap: 14px;
+      padding: 16px 20px;
+      border-bottom: 1px solid var(--border);
+    }
+    .feed-item:last-child { border-bottom: none; }
+    .feed-links {
+      display: flex;
+      gap: 8px;
+      flex-shrink: 0;
+    }
+    .feed-links a {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: 28px;
+      height: 28px;
+      border-radius: 6px;
+      border: 1px solid var(--border);
+      color: var(--text-dim);
+      text-decoration: none;
+      transition: all 0.15s;
+    }
+    .feed-links a:hover {
+      border-color: var(--border-bright);
+      color: var(--text-muted);
+      background: var(--surface-raised);
+    }
+    .feed-thumb {
+      width: 48px;
+      height: 48px;
+      border-radius: 8px;
+      overflow: hidden;
+      flex-shrink: 0;
+      background: var(--bg);
+      border: 1px solid var(--border);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+    .feed-thumb img { width: 100%; height: 100%; display: block; object-fit: cover; }
+    .feed-thumb .gen-thumb {
+      width: 100%;
+      height: 100%;
+      display: flex;
+      flex-direction: column;
+      justify-content: flex-end;
+      padding: 6px;
+    }
+    .feed-thumb .gen-thumb .gt-bar { height: 2px; width: 16px; border-radius: 1px; opacity: 0.6; }
+    .feed-thumb .gen-thumb .gt-label { font-family: 'JetBrains Mono', monospace; font-size: 7px; margin-top: 3px; opacity: 0.4; }
+    .feed-info { flex: 1; min-width: 0; }
+    .feed-name {
+      font-family: 'JetBrains Mono', monospace;
+      font-size: 13px;
+      color: var(--text-secondary);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+    .feed-meta {
+      font-family: 'JetBrains Mono', monospace;
+      font-size: 10px;
+      color: var(--text-dim);
+      margin-top: 4px;
+      display: flex;
+      gap: 10px;
+      align-items: center;
+    }
+    .feed-type {
+      font-family: 'JetBrains Mono', monospace;
+      font-size: 10px;
+      padding: 2px 6px;
+      border-radius: 3px;
+    }
+    .type-Identity { color: var(--blue); border: 1px solid rgba(96,165,250,0.2); }
+    .type-Attestation { color: var(--green); border: 1px solid rgba(34,197,94,0.2); }
+    .type-Credential { color: var(--purple); border: 1px solid rgba(167,139,250,0.2); }
+    .type-Receipt { color: var(--orange); border: 1px solid rgba(251,146,60,0.2); }
+    .type-Pass { color: var(--cyan); border: 1px solid rgba(34,211,238,0.2); }
+    .feed-soulbound { font-family: 'JetBrains Mono', monospace; font-size: 9px; color: var(--green); opacity: 0.5; }
+    .feed-addr { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: var(--text-dim); }
+    .feed-time { font-family: 'JetBrains Mono', monospace; font-size: 10px; color: var(--text-dim); flex-shrink: 0; }
+    .feed-tabs {
+      display: flex;
+      gap: 0;
+      margin-bottom: -1px;
+      position: relative;
+      z-index: 1;
+    }
+    .feed-tab {
+      font-family: 'JetBrains Mono', monospace;
+      font-size: 12px;
+      padding: 10px 20px;
+      background: var(--surface-raised);
+      border: 1px solid var(--border);
+      border-bottom: 1px solid var(--border);
+      color: var(--text-dim);
+      cursor: pointer;
+      transition: all 0.15s;
+    }
+    .feed-tab:first-child { border-radius: 8px 0 0 0; }
+    .feed-tab:last-child { border-radius: 0 8px 0 0; border-left: none; }
+    .feed-tab.active {
+      background: var(--surface);
+      color: var(--text);
+      font-weight: 600;
+      border-bottom-color: var(--surface);
+    }
+    .feed-tab:not(.active):hover {
+      background: var(--bg);
+      color: var(--text-muted);
+    }
+    .feed-tab .tab-dot {
+      display: inline-block;
+      width: 5px;
+      height: 5px;
+      border-radius: 50%;
+      margin-right: 6px;
+      vertical-align: middle;
+    }
+    .feed-status {
+      padding: 48px;
+      text-align: center;
+      font-family: 'JetBrains Mono', monospace;
+      font-size: 12px;
+      color: var(--text-dim);
+    }
+    .feed-count {
+      font-family: 'JetBrains Mono', monospace;
+      font-size: 11px;
+      color: var(--text-dim);
+      padding: 12px 20px;
+      border-bottom: 1px solid var(--border);
+      background: var(--surface);
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+    .feed-count a { color: var(--blue); text-decoration: none; font-size: 10px; }
+    .feed-count a:hover { color: var(--text-secondary); }
+    @keyframes fadeIn {
+      from { opacity: 0; transform: translateY(4px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <div id="site-nav"></div>
+    <div class="page-header">
+      <h1>Live feed</h1>
+      <div class="sub"><span class="chain-dot"></span> Base mainnet</div>
+    </div>
+    <div class="feed-tabs">
+      <button class="feed-tab active" onclick="switchTab('mintday')"><span class="tab-dot" style="background:var(--green);"></span>mint.day</button>
+      <button class="feed-tab" onclick="switchTab('rare')"><span class="tab-dot" style="background:var(--purple);"></span>Rare Protocol</button>
+    </div>
+    <div class="feed-list" id="feed-list">
+      <div class="feed-status">Loading on-chain data...</div>
+    </div>
+    <div id="site-footer"></div>
+  </div>
+  <script defer src="/_vercel/insights/script.js"></script>
+  <script src="shared.js"></script>
+  <script>
+    renderNav("site-nav");
+    renderFooter("site-footer");
+    var CACHE_KEY = "mintday_feed";
+    var CACHE_KEY_RARE = "rare_feed";
+    var RARE_CONTRACT = "0x99Eee317921a9f12176eED25b0aE1D7eb164AE34";
+    var RARE_FROM_BLOCK = 43711485;
+    var TRANSFER_SIG = "0xddf252ad1be2c89b69c2b068fc378daa952ba7f163c4a11628f55a4df523b3ef";
+    var ZERO_ADDR = "0x0000000000000000000000000000000000000000000000000000000000000000";
+    var currentTab = "mintday";
+    function svgEl(tag, attrs) {
+      var el = document.createElementNS("http://www.w3.org/2000/svg", tag);
+      for (var k in attrs) el.setAttribute(k, attrs[k]);
+      return el;
+    }
+    function makeScanLink(txHash) {
+      var a = document.createElement("a");
+      a.href = MINTDAY.explorer + "/tx/" + txHash;
+      a.target = "_blank";
+      a.title = "Basescan";
+      var svg = svgEl("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" });
+      svg.appendChild(svgEl("path", { d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4" }));
+      svg.appendChild(svgEl("path", { d: "M14 4h6v6" }));
+      svg.appendChild(svgEl("path", { d: "M14 10L21 3" }));
+      a.appendChild(svg);
+      return a;
+    }
+    function makeOsLink(tokenId) {
+      var a = document.createElement("a");
+      a.href = "https://opensea.io/item/base/" + MINTDAY.contract + "/" + tokenId;
+      a.target = "_blank";
+      a.title = "OpenSea";
+      var svg = svgEl("svg", { width: "14", height: "14", viewBox: "0 0 90 90", fill: "currentColor" });
+      svg.appendChild(svgEl("path", { d: "M45 0C20.151 0 0 20.151 0 45c0 24.849 20.151 45 45 45 24.849 0 45-20.151 45-45C90 20.151 69.849 0 45 0zM22.203 46.512l.252-.504 12.06-18.858c.18-.27.54-.234.684.054 2.016 4.464 3.762 10.008 2.952 13.464-.342 1.404-1.278 3.312-2.34 5.058-.126.252-.27.486-.414.72-.072.108-.198.162-.324.162H22.563c-.306 0-.486-.342-.36-.612v-.504zm52.38 5.4c0 .198-.126.36-.306.432-1.098.468-4.842 2.196-6.408 4.374-3.978 5.562-7.02 13.518-13.824 13.518H32.49c-10.116 0-18.324-8.226-18.324-18.378v-.324c0-.234.18-.414.414-.414h13.41c.27 0 .468.252.45.522-.09.72.054 1.458.432 2.124.72 1.332 2.07 2.16 3.528 2.16h5.526v-4.266h-5.472c-.306 0-.486-.36-.342-.63.054-.09.108-.18.18-.288.54-.828 1.314-2.142 2.088-3.636.522-.99 1.026-2.034 1.422-3.096.09-.198.162-.396.234-.576.126-.36.252-.702.342-1.044.09-.288.162-.594.234-.882.198-1.008.27-2.07.27-3.168 0-.432-.018-.882-.054-1.314-.018-.486-.072-.972-.144-1.458-.054-.414-.144-.828-.234-1.26-.126-.612-.288-1.224-.486-1.836l-.072-.252c-.144-.468-.27-.918-.432-1.386-1.044-3.042-2.178-5.94-3.276-8.478l-.234-.504c-.072-.162-.144-.306-.216-.45-.198-.414-.414-.81-.63-1.188-.108-.198-.234-.378-.342-.558-.144-.234-.306-.45-.432-.648-.09-.144-.198-.27-.288-.396l-.774-.972c-.09-.108.036-.27.162-.234l4.212 1.116h.018l.558.162.612.18.216.054V17.37c0-1.602 1.278-2.898 2.844-2.898 .792 0 1.494.324 2.016.846.522.522.828 1.242.828 2.052v7.776l.45.126c.036.018.072.036.108.072.126.108.306.27.54.468.18.162.378.36.612.576.468.432 1.026.99 1.602 1.62.162.18.324.36.468.558.612.738 1.296 1.584 1.944 2.52.18.27.36.54.522.828.486.828.918 1.692 1.278 2.574.126.288.234.594.306.882v.036c.108.306.18.63.234.954.162.882.234 1.8.162 2.736-.036.378-.09.738-.162 1.116-.09.378-.18.738-.306 1.116-.252.72-.558 1.422-.918 2.07-.126.234-.27.486-.414.72-.162.234-.306.468-.468.684-.216.306-.45.594-.666.864-.198.252-.414.504-.63.738-.324.378-.648.72-.99 1.044-.198.216-.414.414-.63.594-.216.198-.432.378-.63.54-.324.27-.612.486-.864.666l-.558.396c-.09.072-.216.108-.324.108h-3.366v4.266h4.176c.954 0 1.854-.342 2.574-.954.252-.216 2.736-2.376 5.886-6.462.018-.036.072-.072.126-.09l14.652-4.266c.27-.072.54.126.54.396v.504z" }));
+      a.appendChild(svg);
+      return a;
+    }
+    function buildThumb(typeName) {
+      var colors = MINTDAY.typeColors[typeName] || MINTDAY.typeColors.Attestation;
+      var div = document.createElement("div");
+      div.className = "gen-thumb";
+      div.style.background = colors.bg;
+      var bar = document.createElement("div");
+      bar.className = "gt-bar";
+      bar.style.background = colors.accent;
+      div.appendChild(bar);
+      var label = document.createElement("div");
+      label.className = "gt-label";
+      label.style.color = colors.accent;
+      label.textContent = typeName.toUpperCase();
+      div.appendChild(label);
+      return div;
+    }
+    function renderItems(items, latestBlock) {
+      var list = document.getElementById("feed-list");
+      list.textContent = "";
+      if (items.length === 0) {
+        var empty = document.createElement("div");
+        empty.className = "feed-status";
+        empty.textContent = "No mints yet. Be the first.";
+        list.appendChild(empty);
+        return;
+      }
+      var count = document.createElement("div");
+      count.className = "feed-count";
+      var countText = document.createElement("span");
+      countText.textContent = items.length + " token" + (items.length !== 1 ? "s" : "") + " minted on Base";
+      count.appendChild(countText);
+      var contractLink = document.createElement("a");
+      contractLink.href = MINTDAY.explorer + "/address/" + MINTDAY.contract;
+      contractLink.target = "_blank";
+      contractLink.textContent = "view contract";
+      count.appendChild(contractLink);
+      list.appendChild(count);
+      items.forEach(function(item, i) {
+        var typeName = MINTDAY.typeNames[item.tokenType] || "Unknown";
+        var name = item.metadata.name || "mint.day #" + item.tokenId;
+        var image = item.metadata.image || "";
+        var shortAddr = item.to.slice(0, 6) + "..." + item.to.slice(-4);
+        var row = document.createElement("div");
+        row.className = "feed-item";
+        row.style.animationName = "fadeIn";
+        row.style.animationDuration = "0.3s";
+        row.style.animationDelay = (i * 0.05) + "s";
+        row.style.animationFillMode = "both";
+        var thumb = document.createElement("div");
+        thumb.className = "feed-thumb";
+        if (image) {
+          var img = document.createElement("img");
+          img.src = image;
+          img.alt = "";
+          img.loading = "lazy";
+          img.onerror = function() { thumb.textContent = ""; thumb.appendChild(buildThumb(typeName)); };
+          thumb.appendChild(img);
+        } else {
+          thumb.appendChild(buildThumb(typeName));
+        }
+        row.appendChild(thumb);
+        var info = document.createElement("div");
+        info.className = "feed-info";
+        var nameEl = document.createElement("div");
+        nameEl.className = "feed-name";
+        nameEl.textContent = "#" + item.tokenId + " " + name;
+        info.appendChild(nameEl);
+        var meta = document.createElement("div");
+        meta.className = "feed-meta";
+        var typeEl = document.createElement("span");
+        typeEl.className = "feed-type type-" + typeName;
+        typeEl.textContent = typeName;
+        meta.appendChild(typeEl);
+        if (item.soulbound) {
+          var sb = document.createElement("span");
+          sb.className = "feed-soulbound";
+          sb.textContent = "soulbound";
+          meta.appendChild(sb);
+        }
+        var addrEl = document.createElement("span");
+        addrEl.className = "feed-addr";
+        addrEl.textContent = shortAddr;
+        meta.appendChild(addrEl);
+        info.appendChild(meta);
+        row.appendChild(info);
+        var time = document.createElement("div");
+        time.className = "feed-time";
+        time.textContent = timeAgo(item.blockNumber, latestBlock);
+        row.appendChild(time);
+        var links = document.createElement("div");
+        links.className = "feed-links";
+        links.appendChild(makeScanLink(item.txHash));
+        links.appendChild(makeOsLink(item.tokenId));
+        row.appendChild(links);
+        list.appendChild(row);
+      });
+    }
+    async function fetchFeed() {
+      var latest = await rpcCall("eth_blockNumber", []);
+      var latestBlock = parseInt(latest, 16);
+      var allLogs = [];
+      var from = MINTDAY.fromBlock;
+      while (from <= latestBlock) {
+        var to = Math.min(from + 9900, latestBlock);
+        var logs = await rpcCall("eth_getLogs", [{
+          address: MINTDAY.contract,
+          fromBlock: "0x" + from.toString(16),
+          toBlock: "0x" + to.toString(16),
+          topics: [MINTDAY.mintedSig]
+        }]);
+        if (logs && logs.length) allLogs = allLogs.concat(logs);
+        from = to + 1;
+      }
+      return { items: allLogs.map(decodeMintedLog).reverse(), latestBlock: latestBlock };
+    }
+    async function fetchRareFeed() {
+      var latest = await rpcCall("eth_blockNumber", []);
+      var latestBlock = parseInt(latest, 16);
+      var allLogs = [];
+      var from = RARE_FROM_BLOCK;
+      while (from <= latestBlock) {
+        var to = Math.min(from + 9900, latestBlock);
+        var logs = await rpcCall("eth_getLogs", [{
+          address: RARE_CONTRACT,
+          fromBlock: "0x" + from.toString(16),
+          toBlock: "0x" + to.toString(16),
+          topics: [TRANSFER_SIG, ZERO_ADDR]
+        }]);
+        if (logs && logs.length) allLogs = allLogs.concat(logs);
+        from = to + 1;
+      }
+      return {
+        items: allLogs.map(function(log) {
+          var tokenId = parseInt(log.topics[3], 16);
+          var to = "0x" + log.topics[2].slice(26);
+          return {
+            tokenId: tokenId,
+            to: to,
+            txHash: log.transactionHash,
+            blockNumber: parseInt(log.blockNumber, 16),
+            tokenType: 1,
+            soulbound: false,
+            metadata: { name: "mint.day #" + tokenId },
+            platform: "rare"
+          };
+        }).reverse(),
+        latestBlock: latestBlock
+      };
+    }
+    function renderRareItems(items, latestBlock) {
+      var list = document.getElementById("feed-list");
+      list.textContent = "";
+      if (items.length === 0) {
+        var empty = document.createElement("div");
+        empty.className = "feed-status";
+        empty.textContent = "No Rare Protocol mints yet.";
+        list.appendChild(empty);
+        return;
+      }
+      var count = document.createElement("div");
+      count.className = "feed-count";
+      var countText = document.createElement("span");
+      countText.textContent = items.length + " token" + (items.length !== 1 ? "s" : "") + " minted via Rare Protocol";
+      count.appendChild(countText);
+      var contractLink = document.createElement("a");
+      contractLink.href = MINTDAY.explorer + "/address/" + RARE_CONTRACT;
+      contractLink.target = "_blank";
+      contractLink.textContent = "view contract";
+      count.appendChild(contractLink);
+      list.appendChild(count);
+      items.forEach(function(item, i) {
+        var shortAddr = item.to.slice(0, 6) + "..." + item.to.slice(-4);
+        var row = document.createElement("div");
+        row.className = "feed-item";
+        row.style.animationName = "fadeIn";
+        row.style.animationDuration = "0.3s";
+        row.style.animationDelay = (i * 0.05) + "s";
+        row.style.animationFillMode = "both";
+        var thumb = document.createElement("div");
+        thumb.className = "feed-thumb";
+        var gt = document.createElement("div");
+        gt.className = "gen-thumb";
+        gt.style.background = "#faf5ff";
+        var bar = document.createElement("div");
+        bar.className = "gt-bar";
+        bar.style.background = "#a855f7";
+        gt.appendChild(bar);
+        var label = document.createElement("div");
+        label.className = "gt-label";
+        label.style.color = "#a855f7";
+        label.textContent = "RARE";
+        gt.appendChild(label);
+        thumb.appendChild(gt);
+        row.appendChild(thumb);
+        var info = document.createElement("div");
+        info.className = "feed-info";
+        var nameEl = document.createElement("div");
+        nameEl.className = "feed-name";
+        nameEl.textContent = "#" + item.tokenId + " " + (item.metadata.name || "");
+        info.appendChild(nameEl);
+        var meta = document.createElement("div");
+        meta.className = "feed-meta";
+        var typeEl = document.createElement("span");
+        typeEl.className = "feed-type";
+        typeEl.style.color = "var(--purple)";
+        typeEl.style.border = "1px solid rgba(167,139,250,0.2)";
+        typeEl.textContent = "Rare Protocol";
+        meta.appendChild(typeEl);
+        var addrEl = document.createElement("span");
+        addrEl.className = "feed-addr";
+        addrEl.textContent = shortAddr;
+        meta.appendChild(addrEl);
+        info.appendChild(meta);
+        row.appendChild(info);
+        var time = document.createElement("div");
+        time.className = "feed-time";
+        time.textContent = timeAgo(item.blockNumber, latestBlock);
+        row.appendChild(time);
+        var links = document.createElement("div");
+        links.className = "feed-links";
+        links.appendChild(makeScanLink(item.txHash));
+        row.appendChild(links);
+        list.appendChild(row);
+      });
+    }
+    function switchTab(tab) {
+      currentTab = tab;
+      var tabs = document.querySelectorAll(".feed-tab");
+      tabs.forEach(function(t) { t.classList.remove("active"); });
+      if (tab === "mintday") {
+        tabs[0].classList.add("active");
+        loadMintdayFeed();
+      } else {
+        tabs[1].classList.add("active");
+        loadRareFeed();
+      }
+    }
+    function showLoading(msg) {
+      var list = document.getElementById("feed-list");
+      list.textContent = "";
+      var s = document.createElement("div");
+      s.className = "feed-status";
+      s.textContent = msg;
+      list.appendChild(s);
+    }
+    async function loadMintdayFeed() {
+      showLoading("Loading on-chain data...");
+      try {
+        var cached = JSON.parse(localStorage.getItem(CACHE_KEY));
+        if (cached && cached.items && cached.items.length > 0) {
+          renderItems(cached.items, cached.latestBlock);
+        }
+      } catch (e) {}
+      try {
+        var data = await fetchFeed();
+        localStorage.setItem(CACHE_KEY, JSON.stringify({ items: data.items, latestBlock: data.latestBlock, ts: Date.now() }));
+        renderItems(data.items, data.latestBlock);
+      } catch (err) {
+        var list = document.getElementById("feed-list");
+        if (!list.querySelector(".feed-item")) {
+          list.textContent = "";
+          var fail = document.createElement("div");
+          fail.className = "feed-status";
+          fail.textContent = "Failed to load: " + err.message;
+          list.appendChild(fail);
+        }
+      }
+    }
+    async function loadRareFeed() {
+      showLoading("Loading Rare Protocol data...");
+      try {
+        var cached = JSON.parse(localStorage.getItem(CACHE_KEY_RARE));
+        if (cached && cached.items && cached.items.length > 0) {
+          renderRareItems(cached.items, cached.latestBlock);
+        }
+      } catch (e) {}
+      try {
+        var data = await fetchRareFeed();
+        localStorage.setItem(CACHE_KEY_RARE, JSON.stringify({ items: data.items, latestBlock: data.latestBlock, ts: Date.now() }));
+        renderRareItems(data.items, data.latestBlock);
+      } catch (err) {
+        var list = document.getElementById("feed-list");
+        if (!list.querySelector(".feed-item")) {
+          list.textContent = "";
+          var fail = document.createElement("div");
+          fail.className = "feed-status";
+          fail.textContent = "Failed to load: " + err.message;
+          list.appendChild(fail);
+        }
+      }
+    }
+    loadMintdayFeed();
+  </script>
+</body>
+</html>