From 9eb6dfa22b82020e91c04bdf37146e665ae3b556 Mon Sep 17 00:00:00 2001
From: Bailey Townsend <baileytownsend2323@gmail.com>
Date: Sat, 25 Apr 2026 13:33:29 -0500
Subject: [PATCH] ITS WORKING

---
 README.md  |  5 +++-
 index.html | 84 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 88 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index d35ce28..e3b6739 100644
--- a/README.md
+++ b/README.md
@@ -1,5 +1,8 @@
 # Remember When
 
+I'll write one later. But this project shows your most popular post from a year ago on this day and lets you repost it
+
+
 ## Notes for streaming
 
 - DO NOT DOX YOURSELF
@@ -11,6 +14,6 @@
 - [x] input for the users handle or did
 - [x] that input will look up the users posts for that day a year ago
 - [x] show the posts using bluesky's embed (keep it nice and simple)
-- [ ] add in oauth login to repost the post
+- [x] add in oauth login to repost the post
 - [ ] publish on tangled
 - [ ] and then we might css.
diff --git a/index.html b/index.html
index 6ec5a97..07396a4 100644
--- a/index.html
+++ b/index.html
@@ -33,8 +33,16 @@
             </form>
             <br />
             <button id="signInButton" type="button">Check yours</button>
+            <button id="signOutButton" style="display: none" type="button">
+                Sign out
+            </button>
 
             <div id="postView"></div>
+            <br />
+
+            <button id="remindOthers" style="display: none" type="button">
+                Remind others (reposts)
+            </button>
         </div>
 
         <script type="module">
@@ -43,6 +51,7 @@
             let atClient = null;
             let loggedInDid = null;
             let loggedInHandle = null;
+            let rememberWhenPost = null;
 
             import {
                 configureOAuth,
@@ -139,6 +148,8 @@
                         const { session } = await finalizeAuthorization(params);
                         setAuthSession(session);
                         console.log(`Signed in as ${loggedInDid}`, "success");
+                        updateAuthUI();
+                        doWork(loggedInDid);
                         return;
                     } catch (err) {
                         // Hash might not be OAuth params, ignore
@@ -159,6 +170,8 @@
                             "success",
                         );
                         //todo load in page here
+                        updateAuthUI();
+                        doWork(loggedInDid);
                     } catch (err) {
                         localStorage.removeItem("atproto_did");
                         console.warn("Session resume failed:", err);
@@ -222,6 +235,37 @@
                 }
             }
 
+            async function signOut() {
+                try {
+                    if (agent) await agent.signOut();
+                } catch {
+                    if (loggedInDid) deleteStoredSession(loggedInDid);
+                }
+                localStorage.removeItem("atproto_did");
+                atClient = null;
+                agent = null;
+                loggedInDid = null;
+                loggedInHandle = null;
+                updateAuthUI();
+                console.log("Signed out");
+            }
+
+            function updateAuthUI() {
+                const signInButton = document.getElementById("signInButton");
+                const signOutButton = document.getElementById("signOutButton");
+                const remindOthersButton =
+                    document.getElementById("remindOthers");
+                if (loggedInDid) {
+                    signInButton.style.display = "none";
+                    signOutButton.style.display = "block";
+                    remindOthersButton.style.display = "block";
+                } else {
+                    signInButton.style.display = "block";
+                    signOutButton.style.display = "none";
+                    remindOthersButton.style.display = "none";
+                }
+            }
+
             async function findPostsFromThatDay(did, pds) {
                 try {
                     const thisDayLastYear = new Date();
@@ -290,6 +334,7 @@
                         const post = postsWithReactions
                             .sort((a, b) => b.totalReactions - a.totalReactions)
                             .slice(0, 1)[0];
+                        rememberWhenPost = post;
                         let bskyPost = document.createElement("bluesky-post");
                         bskyPost.setAttribute("src", post.uri);
                         document
@@ -336,6 +381,38 @@
                 };
             }
 
+            async function remindOthers() {
+                try {
+                    console.log(rememberWhenPost);
+                    await atClient.post("com.atproto.repo.createRecord", {
+                        input: {
+                            repo: loggedInDid,
+                            collection: "app.bsky.feed.post",
+                            record: {
+                                $type: "app.bsky.feed.post",
+                                text: "Remember when?",
+                                embed: {
+                                    $type: "app.bsky.embed.record",
+
+                                    record: {
+                                        cid: rememberWhenPost.cid,
+                                        uri: rememberWhenPost.uri,
+                                    },
+                                },
+                                langs: ["en"],
+                                createdAt: new Date().toISOString(),
+                            },
+                        },
+                    });
+
+                    alert("Remember when post sent!");
+                } catch (err) {
+                    console.log(`Send failed: ${err.message}`, "error");
+                    alert(`Send failed: ${err.message}`);
+                    console.error(err);
+                }
+            }
+
             //Start up code on dom loaded
             document.addEventListener("DOMContentLoaded", function () {
                 const lookUpForm = document.getElementById("lookupForm");
@@ -344,6 +421,13 @@
                 const signInButton = document.getElementById("signInButton");
                 signInButton.addEventListener("click", signIn);
 
+                const signOutButton = document.getElementById("signOutButton");
+                signOutButton.addEventListener("click", signOut);
+
+                const remindOthersButton =
+                    document.getElementById("remindOthers");
+                remindOthersButton.addEventListener("click", remindOthers);
+
                 initAuth();
             });
         </script>
-- 
2.51.2