From 2ad59566c9d97913c82b9b56997644eb309e968e Mon Sep 17 00:00:00 2001
From: Jack Frain <jfrain99@gmail.com>
Date: Mon, 21 Oct 2024 20:57:37 -0400
Subject: [PATCH] Reimplement stampjs

---
 package.json             |  2 +-
 src/components/item.tsx  |  2 +-
 src/index.css            |  8 --------
 src/pages/home/index.tsx |  8 +++-----
 src/pages/show/index.tsx | 16 ++++++----------
 src/services/stamps.ts   | 34 +++++++++++++++-------------------
 6 files changed, 26 insertions(+), 44 deletions(-)

diff --git a/package.json b/package.json
index 13a1621..b834bc9 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
   },
   "dependencies": {
     "@permaweb/aoconnect": "^0.0.54",
-    "@permaweb/stampjs": "file:/Users/jackfrain/Desktop/stamp/packages/stampjs",
+    "@permaweb/stampjs": "^1.0.0",
     "@tailwindcss/typography": "^0.5.15",
     "arweave-wallet-connector": "^1.0.2",
     "crocks": "^0.12.4",
diff --git a/src/components/item.tsx b/src/components/item.tsx
index ff2b4a3..d1aa859 100644
--- a/src/components/item.tsx
+++ b/src/components/item.tsx
@@ -80,7 +80,7 @@ const Asset = ({
           >
             <span className="hidden md:block flex items-end">{shortHash(id)}</span>
           </a>
-          {/* <span className="flex items-end">Stamps: ({stamps})</span> */}
+          <span className="flex items-end">Stamps: ({stamps})</span>
           <span className="flex space-x-2 items-end">
             Date: {date}
           </span>
diff --git a/src/index.css b/src/index.css
index b159fef..8c2369c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -3151,10 +3151,6 @@ html:has(.drawer-toggle:checked){
   flex: 1 1 0%;
 }
 
-.cursor-not-allowed{
-  cursor: not-allowed;
-}
-
 .flex-col{
   flex-direction: column;
 }
@@ -3437,10 +3433,6 @@ html:has(.drawer-toggle:checked){
   color: var(--fallback-su,oklch(var(--su)/var(--tw-text-opacity)));
 }
 
-.opacity-50{
-  opacity: 0.5;
-}
-
 .filter{
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
diff --git a/src/pages/home/index.tsx b/src/pages/home/index.tsx
index c36d7b6..bc2b81f 100644
--- a/src/pages/home/index.tsx
+++ b/src/pages/home/index.tsx
@@ -34,8 +34,7 @@ const HomePage = () => {
   }
 
   const handleStamp = () => {
-    console.log('stamping disabled')
-    // send('stamp')
+    send('stamp')
   }
 
   return (
@@ -84,9 +83,8 @@ const HomePage = () => {
                         </svg>
                       )}
                     </button>
-                    <button className="btn btn-outline btn-primary cursor-not-allowed opacity-50" onClick={handleStamp}>
-                      stamping disabled
-                      {/* Stamp: ({context.selected?.stamps}) */}
+                    <button className="btn btn-outline btn-primary" onClick={handleStamp}>
+                      Stamp ({context.selected?.stamps})
                     </button>
                   </div>
                 )}
diff --git a/src/pages/show/index.tsx b/src/pages/show/index.tsx
index 62a5c63..c4d22de 100644
--- a/src/pages/show/index.tsx
+++ b/src/pages/show/index.tsx
@@ -27,9 +27,7 @@ const ShowPage = ({ tx, parent = false }: { tx: string, parent?: boolean }) => {
   }, [])
   
   const handleStamp = () => {
-    console.log('stamping disabled')
-    // TODO: add stamp logic
-    // send('stamp')
+    send('stamp')
   }
 
   const handleReset = async () => {
@@ -37,7 +35,6 @@ const ShowPage = ({ tx, parent = false }: { tx: string, parent?: boolean }) => {
     route("/", true)
   }
 
-  console.log({ context })
   return (
     <>
       {current === 'loading' ? (
@@ -54,9 +51,8 @@ const ShowPage = ({ tx, parent = false }: { tx: string, parent?: boolean }) => {
                   <nav className="flex py-4 px-4 sticky top-0 items-center justify-between">
                     {!parent && (
                       <>
-                        <button className="btn btn-outline opacity-50 cursor-not-allowed" onClick={handleStamp}>
-                          stamping disabled
-                          {/* stamp ({context?.spec?.stamps}) */}
+                        <button className="btn btn-outline" onClick={handleStamp}>
+                          stamp ({context?.spec?.stamps})
                         </button>
                         <label for="my-drawer-2" className="btn btn-ghost text-lg drawer-button">
                           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" className="w-6 h-6">
@@ -103,10 +99,10 @@ const ShowPage = ({ tx, parent = false }: { tx: string, parent?: boolean }) => {
                           <th>Topics</th>
                           <td>{context?.spec?.Topics}</td>
                         </tr>
-                        {/* <tr>
+                        <tr>
                           <th>Stamps</th>
                           <td>{context?.spec?.stamps}</td>
-                        </tr> */}
+                        </tr>
                         <tr>
                           <th>Height</th>
                           <td>{context?.spec?.BlockHeight}</td>
@@ -127,7 +123,7 @@ const ShowPage = ({ tx, parent = false }: { tx: string, parent?: boolean }) => {
                 <div className="card">
                   <div className="card-body">
                     <div className="card-title">Actions</div>
-                    <button className="btn btn-sm btn-outline cursor-not-allowed opacity-50" onClick={handleStamp}>stamping disabled</button>
+                    <button className="btn btn-sm btn-outline" onClick={handleStamp}>STAMP</button>
                     <a href={`/related/${tx}`} className="btn btn-sm btn-outline">View Related</a>
                     <a href={`/remix/${tx}`} className="btn btn-sm btn-outline">Remix</a>
                     <a href={`https://microscope.g8way.io/?tx=${tx}`} className="btn btn-sm btn-outline">Microscope</a>
diff --git a/src/services/stamps.ts b/src/services/stamps.ts
index 7ab95f5..6a7d073 100644
--- a/src/services/stamps.ts
+++ b/src/services/stamps.ts
@@ -1,28 +1,24 @@
-// import Stamps from "@permaweb/stampjs";
-// import { prop } from "ramda";
+import Stamps from "@permaweb/stampjs";
+import { prop } from "ramda";
 
-// const stamps = Stamps.init({});
+const stamps = Stamps.init({});
 
 export const stampCounts = (txs: string[]) => {
-  return Promise.resolve(txs.map(tx => ({ tx: { total: 0, vouched: 0 }})))
-  // return stamps.counts(txs);
+  return stamps.counts(txs);
 }
 
 export const stamp = (tx: string) => {
-  return Promise.reject("Stamping disabled")
-  // return stamps.hasStamped(tx).then((s) => {
-  //   console.log({ s })
-  //   return !s
-  //     ? stamps
-  //         .stamp(tx)
-  //         .then(() => new Promise((r) => setTimeout(r, 500)))
-  //         .then(() => stamps.count(tx).then(prop("vouched")))
-  //     : Promise.reject("Already Stamped!")
-  //   }
-  // )
+  return stamps.hasStamped(tx).then((s) => {
+    return !s
+      ? stamps
+          .stamp(tx)
+          .then(() => new Promise((r) => setTimeout(r, 500)))
+          .then(() => stamps.count(tx).then(prop("vouched")))
+      : Promise.reject("Already Stamped!")
+    }
+  )
 }
 
 export const stampCount = (tx) => {
-  return Promise.resolve({ total: 0, vouched: 0 })
-// stamps.count(tx).then(prop("vouched"));
-}
\ No newline at end of file
+  return stamps.count(tx).then(prop("vouched"));
+}