somehow

Author: BasicHtmlCoder

claude/activity.json

@@ -0,0 +1,2 @@
+GET with accept application/json https://fetlife.com/Maddison75/activity?accurate_per_page=6 gives activity.json
+GET with accept application/json https://fetlife.com/inbox/load_more?offset=0&filter=inbox&order=newest gives 

claude/api.txt

@@ -1,8 +1,21 @@
-#text-notice {
-	position: fixed;
-	top: 10px;
-	left: 10px;
-	padding: 10px;
-	background: #fff;
-	z-index: 999999;
+.seen-indicator {
+	display: inline-block;
+	padding: 4px 8px;
+	margin: 4px 0;
+	font-size: 12px;
+	font-weight: 500;
+	border-radius: 4px;
+	position: relative;
+}
+
+.seen-indicator.seen {
+	background-color: #e8f5e9;
+	color: #2e7d32;
+	border: 1px solid #4caf50;
+}
+
+.seen-indicator.not-seen {
+	background-color: #fff3e0;
+	color: #e65100;
+	border: 1px solid #ff9800;
 }

claude/inbox.json

@@ -1,17 +1,173 @@
-import optionsStorage from './options-storage.js';
+console.log('💌 "she ve seen it" loaded');
 
-console.log('💈 Content script loaded for', chrome.runtime.getManifest().name);
+// Fetch inbox conversations
+async function fetchInbox() {
+	try {
+		const response = await fetch('https://fetlife.com/api/v1/conversations');
+		const data = await response.json();
+		return data;
+	} catch (error) {
+		console.error('Error fetching inbox:', error);
+		return null;
+	}
+}
+
+// Fetch user activity
+async function fetchUserActivity(userId) {
+	try {
+		const response = await fetch(`https://fetlife.com/api/v2/members/${userId}/feed`);
+		const data = await response.json();
+		return data;
+	} catch (error) {
+		console.error(`Error fetching activity for user ${userId}:`, error);
+		return null;
+	}
+}
+
+// Determine if user has likely seen the message
+function hasSeenMessage(lastMessageTime, lastActivityTime) {
+	// If user was active after the message was sent, they probably saw it
+	return lastActivityTime > lastMessageTime;
+}
+
+// Get the most recent activity timestamp from user's feed
+function getLastActivityTime(activityData) {
+	if (!activityData || !activityData.story_groups || activityData.story_groups.length === 0) {
+		return 0;
+	}
+
+	// Get the timestamp from the first story (most recent)
+	const firstStory = activityData.story_groups[0].stories[0];
+	return firstStory.timestamp / 1000; // Convert microseconds to seconds
+}
+
+// Main function to process conversations
+async function processConversations() {
+	const inboxData = await fetchInbox();
+
+	if (!inboxData || !inboxData.conversations) {
+		console.error('No inbox data available');
+		return;
+	}
+
+	const results = [];
+
+	for (const conversation of inboxData.conversations) {
+		// Check if the last message was sent by the current user
+		const currentUserId = conversation.you.id;
+		const lastMessage = conversation.last_message;
+
+		if (lastMessage.author.id === currentUserId) {
+			// Get the other user(s) in the conversation
+			const otherUsers = conversation.with_users;
+
+			for (const otherUser of otherUsers) {
+				const activityData = await fetchUserActivity(otherUser.id);
+				const lastActivityTime = getLastActivityTime(activityData);
+				const lastMessageTime = lastMessage.created_at;
+
+				const seen = hasSeenMessage(lastMessageTime, lastActivityTime);
+
+				results.push({
+					conversationId: conversation.conversation_id,
+					userId: otherUser.id,
+					nickname: otherUser.nickname,
+					lastMessageTime,
+					lastActivityTime,
+					probablySeen: seen
+				});
+			}
+		}
+	}
+
+	return results;
+}
+
+// Add visual indicators to the inbox page
+async function addIndicators() {
+	const results = await processConversations();
+
+	if (!results) {
+		return;
+	}
+
+	// Wait for the inbox UI to be ready
+	await waitForElement('[data-component="Conversations"]');
+
+	// Add indicators for each conversation
+	for (const result of results) {
+		addIndicatorToConversation(result);
+	}
+}
+
+// Wait for an element to exist in the DOM
+function waitForElement(selector, timeout = 10000) {
+	return new Promise((resolve, reject) => {
+		const element = document.querySelector(selector);
+		if (element) {
+			resolve(element);
+			return;
+		}
+
+		const observer = new MutationObserver(() => {
+			const element = document.querySelector(selector);
+			if (element) {
+				observer.disconnect();
+				resolve(element);
+			}
+		});
+
+		observer.observe(document.body, {
+			childList: true,
+			subtree: true
+		});
+
+		setTimeout(() => {
+			observer.disconnect();
+			reject(new Error('Element not found within timeout'));
+		}, timeout);
+	});
+}
+
+// Add indicator to a specific conversation
+function addIndicatorToConversation(result) {
+	// Find the conversation element by conversation ID
+	const conversationLinks = document.querySelectorAll('a[href*="/conversations/"]');
+
+	for (const link of conversationLinks) {
+		if (link.href.includes(`/conversations/${result.conversationId}`)) {
+			// Find a suitable place to add the indicator
+			const parent = link.closest('li') || link.closest('div[class*="conversation"]');
+
+			if (parent && !parent.querySelector('.seen-indicator')) {
+				const indicator = document.createElement('div');
+				indicator.className = 'seen-indicator';
+
+				if (result.probablySeen) {
+					indicator.classList.add('seen');
+					indicator.innerHTML = '👁️ Probably seen';
+					indicator.title = `Last active: ${new Date(result.lastActivityTime * 1000).toLocaleString()}`;
+				} else {
+					indicator.classList.add('not-seen');
+					indicator.innerHTML = '⏱️ Probably not seen';
+					indicator.title = `Last active: ${new Date(result.lastActivityTime * 1000).toLocaleString()}`;
+				}
+
+				parent.appendChild(indicator);
+			}
+
+			break;
+		}
+	}
+}
 
+// Initialize
 async function init() {
-	const options = await optionsStorage.getAll();
-	const color = `rgb(${options.colorRed}, ${options.colorGreen},${options.colorBlue})`;
-	const text = options.text;
-	const notice = document.createElement('div');
-	notice.innerHTML = text;
-	document.body.prepend(notice);
-	notice.id = 'text-notice';
-	notice.style.border = '2px solid ' + color;
-	notice.style.color = color;
+	// Check if we're on the inbox page
+	if (window.location.pathname === '/inbox' || window.location.pathname.startsWith('/inbox')) {
+		console.log('Processing inbox...');
+		await addIndicators();
+	}
 }
 
 init();

package-lock.json

@@ -1,14 +1,13 @@
 {
 	"$schema": "https://json.schemastore.org/chrome-manifest",
-	"name": "Awesome Extension",
-	"version": "0.0.0",
-	"description": "An awesome new browser extension",
-	"homepage_url": "https://github.com/fregante/browser-extension-template",
+	"name": "she ve seen it",
+	"version": "0.0.1",
+	"description": "Shows if users have likely seen your FetLife messages based on their activity",
 	"manifest_version": 3,
 	"minimum_chrome_version": "121",
 	"browser_specific_settings": {
 		"gecko": {
-			"id": "awesome-extension@notlmn.github.io",
+			"id": "she-ve-seen-it@notlmn.github.io",
 			"strict_min_version": "109.0"
 		}
 	},
@@ -19,11 +18,11 @@
 		"storage"
 	],
 	"host_permissions": [
-		"https://github.com/*"
+		"https://fetlife.com/*"
 	],
 	"content_scripts": [
 		{
-			"matches": [ "https://github.com/fregante/browser-extension-template/*" ],
+			"matches": [ "https://fetlife.com/inbox*" ],
 			"js": [ "content.js" ],
 			"css": [ "content.css" ],
 			"run_at": "document_end"