feat: add bluesky user verification and bundler

bluesky-community-verifications.js

···
+(() => {
+  // Define a storage key for trusted users
+  const TRUSTED_USERS_STORAGE_KEY = "bsky_trusted_users";
+
+  // Function to get trusted users from local storage
+  const getTrustedUsers = () => {
+    const storedUsers = localStorage.getItem(TRUSTED_USERS_STORAGE_KEY);
+    return storedUsers ? JSON.parse(storedUsers) : [];
+  };
+
+  // Function to save trusted users to local storage
+  const saveTrustedUsers = (users) => {
+    localStorage.setItem(TRUSTED_USERS_STORAGE_KEY, JSON.stringify(users));
+  };
+
+  // Function to add a trusted user
+  const addTrustedUser = (handle) => {
+    const users = getTrustedUsers();
+    if (!users.includes(handle)) {
+      users.push(handle);
+      saveTrustedUsers(users);
+    }
+  };
+
+  // Function to remove a trusted user
+  const removeTrustedUser = (handle) => {
+    const users = getTrustedUsers();
+    const updatedUsers = users.filter((user) => user !== handle);
+    saveTrustedUsers(updatedUsers);
+  };
+
+  // Store all verifiers for a profile
+  let profileVerifiers = [];
+
+  // Function to check if a trusted user has verified the current profile
+  const checkTrustedUserVerifications = async (currentProfileDid) => {
+    const trustedUsers = getTrustedUsers();
+    profileVerifiers = []; // Reset the verifiers list
+
+    if (trustedUsers.length === 0) {
+      console.log("No trusted users to check for verifications");
+      return false;
+    }
+
+    console.log(
+      `Checking if any trusted users have verified ${currentProfileDid}`,
+    );
+
+    let isVerifiedByTrustedUser = false;
+
+    for (const trustedUser of trustedUsers) {
+      try {
+        const response = await fetch(
+          `https://bsky.social/xrpc/com.atproto.repo.listRecords?repo=${trustedUser}&collection=app.bsky.graph.verification`,
+        );
+        const data = await response.json();
+
+        if (data.records && data.records.length > 0) {
+          for (const record of data.records) {
+            if (record.value && record.value.subject === currentProfileDid) {
+              console.log(
+                `${currentProfileDid} is verified by trusted user ${trustedUser}`,
+              );
+
+              // Add to verifiers list
+              profileVerifiers.push(trustedUser);
+              isVerifiedByTrustedUser = true;
+            }
+          }
+        }
+      } catch (error) {
+        console.error(
+          `Error checking verifications from ${trustedUser}:`,
+          error,
+        );
+      }
+    }
+
+    // If we have verifiers, display the badge
+    if (profileVerifiers.length > 0) {
+      displayVerificationBadge(profileVerifiers);
+      return true;
+    }
+
+    console.log(`${currentProfileDid} is not verified by any trusted users`);
+    return false;
+  };
+
+  // Function to display verification badge on the profile
+  const displayVerificationBadge = (verifierHandles) => {
+    // Find the profile header or name element to add the badge to
+    const nameElement = document.querySelector(
+      '[data-testid="profileHeaderDisplayName"]',
+    );
+
+    if (nameElement) {
+      // Check if badge already exists
+      if (!document.getElementById("user-trusted-verification-badge")) {
+        const badge = document.createElement("span");
+        badge.id = "user-trusted-verification-badge";
+        badge.innerHTML = "✓";
+
+        // Create tooltip text with all verifiers
+        const verifiersText =
+          verifierHandles.length > 1
+            ? `Verified by: ${verifierHandles.join(", ")}`
+            : `Verified by ${verifierHandles[0]}`;
+
+        badge.title = verifiersText;
+        badge.style.cssText = `
+          background-color: #0070ff;
+          color: white;
+          border-radius: 50%;
+          width: 18px;
+          height: 18px;
+          margin-left: 8px;
+          font-size: 12px;
+          font-weight: bold;
+          cursor: help;
+          display: inline-flex;
+          align-items: center;
+          justify-content: center;
+        `;
+
+        // Add a click event to show all verifiers
+        badge.addEventListener("click", (e) => {
+          e.stopPropagation();
+          showVerifiersPopup(verifierHandles);
+        });
+
+        nameElement.appendChild(badge);
+      }
+    }
+  };
+
+  // Function to show a popup with all verifiers
+  const showVerifiersPopup = (verifierHandles) => {
+    // Remove existing popup if any
+    const existingPopup = document.getElementById("verifiers-popup");
+    if (existingPopup) {
+      existingPopup.remove();
+    }
+
+    // Create popup
+    const popup = document.createElement("div");
+    popup.id = "verifiers-popup";
+    popup.style.cssText = `
+      position: fixed;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      background-color: #24273A;
+      padding: 20px;
+      border-radius: 10px;
+      z-index: 10002;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+      max-width: 400px;
+      width: 90%;
+    `;
+
+    // Create popup content
+    popup.innerHTML = `
+      <h3 style="margin-top: 0; color: white;">Profile Verifiers</h3>
+      <div style="max-height: 300px; overflow-y: auto;">
+        ${verifierHandles
+          .map(
+            (handle) => `
+          <div style="padding: 8px 0; border-bottom: 1px solid #444; color: white;">
+            ${handle}
+          </div>
+        `,
+          )
+          .join("")}
+      </div>
+      <button id="close-verifiers-popup" style="
+        margin-top: 15px;
+        padding: 8px 15px;
+        background-color: #473A3A;
+        color: white;
+        border: none;
+        border-radius: 4px;
+        cursor: pointer;
+      ">Close</button>
+    `;
+
+    // Add to body
+    document.body.appendChild(popup);
+
+    // Add close handler
+    document
+      .getElementById("close-verifiers-popup")
+      .addEventListener("click", () => {
+        popup.remove();
+      });
+
+    // Close when clicking outside
+    document.addEventListener("click", function closePopup(e) {
+      if (!popup.contains(e.target)) {
+        popup.remove();
+        document.removeEventListener("click", closePopup);
+      }
+    });
+  };
+
+  // Create settings button and modal
+  const createSettingsUI = () => {
+    // Create settings button
+    const settingsButton = document.createElement("button");
+    settingsButton.textContent = "Trusted Users Settings";
+    settingsButton.style.cssText = `
+      position: fixed;
+      bottom: 20px;
+      right: 20px;
+      z-index: 10000;
+      padding: 10px 15px;
+      background-color: #2D578D;
+      color: white;
+      border: none;
+      border-radius: 20px;
+      cursor: pointer;
+      font-weight: bold;
+    `;
+
+    // Create modal container
+    const modal = document.createElement("div");
+    modal.style.cssText = `
+      display: none;
+      position: fixed;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      background-color: rgba(0, 0, 0, 0.5);
+      z-index: 10001;
+      justify-content: center;
+      align-items: center;
+    `;
+
+    // Create modal content
+    const modalContent = document.createElement("div");
+    modalContent.style.cssText = `
+      background-color: #24273A;
+      padding: 20px;
+      border-radius: 10px;
+      width: 400px;
+      max-height: 80vh;
+      overflow-y: auto;
+    `;
+
+    // Create modal header
+    const modalHeader = document.createElement("div");
+    modalHeader.innerHTML = `<h2 style="margin-top: 0;">Trusted Bluesky Users</h2>`;
+
+    // Create input form
+    const form = document.createElement("div");
+    form.innerHTML = `
+      <p>Add Bluesky handles you trust:</p>
+      <div style="display: flex; margin-bottom: 15px;">
+        <input id="trustedUserInput" type="text" placeholder="username.bsky.social" style="flex: 1; padding: 8px; margin-right: 10px; border: 1px solid #ccc; border-radius: 4px;">
+        <button id="addTrustedUserBtn" style="background-color: #2D578D; color: white; border: none; border-radius: 4px; padding: 8px 15px; cursor: pointer;">Add</button>
+      </div>
+    `;
+
+    // Create trusted users list
+    const trustedUsersList = document.createElement("div");
+    trustedUsersList.id = "trustedUsersList";
+    trustedUsersList.style.cssText = `
+      margin-top: 15px;
+      border-top: 1px solid #eee;
+      padding-top: 15px;
+    `;
+
+    // Create close button
+    const closeButton = document.createElement("button");
+    closeButton.textContent = "Close";
+    closeButton.style.cssText = `
+      margin-top: 20px;
+      padding: 8px 15px;
+      background-color: #473A3A;
+      border: none;
+      border-radius: 4px;
+      cursor: pointer;
+    `;
+
+    // Assemble modal
+    modalContent.appendChild(modalHeader);
+    modalContent.appendChild(form);
+    modalContent.appendChild(trustedUsersList);
+    modalContent.appendChild(closeButton);
+    modal.appendChild(modalContent);
+
+    // Add elements to the document
+    document.body.appendChild(settingsButton);
+    document.body.appendChild(modal);
+
+    // Function to update the list of trusted users in the UI
+    const updateTrustedUsersList = () => {
+      const users = getTrustedUsers();
+      trustedUsersList.innerHTML = "";
+
+      if (users.length === 0) {
+        trustedUsersList.innerHTML = "<p>No trusted users added yet.</p>";
+        return;
+      }
+
+      for (const user of users) {
+        const userItem = document.createElement("div");
+        userItem.style.cssText = `
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 8px 0;
+          border-bottom: 1px solid #eee;
+        `;
+
+        userItem.innerHTML = `
+          <span>${user}</span>
+          <button class="remove-user" data-handle="${user}" style="background-color: #CE3838; color: white; border: none; border-radius: 4px; padding: 5px 10px; cursor: pointer;">Remove</button>
+        `;
+
+        trustedUsersList.appendChild(userItem);
+      }
+
+      // Add event listeners to remove buttons
+      const removeButtons = document.querySelectorAll(".remove-user");
+      for (const btn of removeButtons) {
+        btn.addEventListener("click", (e) => {
+          const handle = e.target.getAttribute("data-handle");
+          removeTrustedUser(handle);
+          updateTrustedUsersList();
+        });
+      }
+    };
+
+    // Event listeners
+    settingsButton.addEventListener("click", () => {
+      modal.style.display = "flex";
+      updateTrustedUsersList();
+    });
+
+    closeButton.addEventListener("click", () => {
+      modal.style.display = "none";
+    });
+
+    document
+      .getElementById("addTrustedUserBtn")
+      .addEventListener("click", () => {
+        const input = document.getElementById("trustedUserInput");
+        const handle = input.value.trim();
+        if (handle) {
+          addTrustedUser(handle);
+          input.value = "";
+          updateTrustedUsersList();
+        }
+      });
+
+    // Close modal when clicking outside
+    modal.addEventListener("click", (e) => {
+      if (e.target === modal) {
+        modal.style.display = "none";
+      }
+    });
+  };
+
+  const currentUrl = window.location.href;
+  if (currentUrl.includes("bsky.app/profile/")) {
+    const handle = currentUrl.split("/profile/")[1].split("/")[0];
+    console.log("Extracted handle:", handle);
+
+    // Create and add the settings UI
+    createSettingsUI();
+
+    // Fetch user profile data
+    fetch(
+      `https://bsky.social/xrpc/com.atproto.repo.getRecord?repo=${handle}&collection=app.bsky.actor.profile&rkey=self`,
+    )
+      .then((response) => response.json())
+      .then((data) => {
+        console.log("User profile data:", data);
+
+        // Extract the DID from the profile data
+        const did = data.uri.split("/")[2];
+        console.log("User DID:", did);
+
+        // Now fetch the app.bsky.graph.verification data specifically
+        fetch(
+          `https://bsky.social/xrpc/com.atproto.repo.listRecords?repo=${handle}&collection=app.bsky.graph.verification`,
+        )
+          .then((response) => response.json())
+          .then((verificationData) => {
+            console.log("Verification data:", verificationData);
+            if (
+              verificationData.records &&
+              verificationData.records.length > 0
+            ) {
+              console.log(
+                "User has app.bsky.graph.verification:",
+                verificationData.records,
+              );
+            } else {
+              console.log("User does not have app.bsky.graph.verification");
+            }
+
+            // Check if any trusted users have verified this profile using the DID
+            checkTrustedUserVerifications(did);
+          })
+          .catch((verificationError) => {
+            console.error(
+              "Error fetching verification data:",
+              verificationError,
+            );
+          });
+      })
+      .catch((error) => {
+        console.error("Error checking profile:", error);
+      });
+
+    console.log("Example domain detected");
+  }
+})();

bun.lock

···
   "workspaces": {
     "": {
       "name": "bunplayground",
+      "dependencies": {
+        "terser": "^5.39.0",
+      },
       "devDependencies": {
         "@types/bun": "latest",
       },
···
     },
   },
   "packages": {
+    "@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.8", "", { "dependencies": { "@jridgewell/set-array": "^1.2.1", "@jridgewell/sourcemap-codec": "^1.4.10", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-imAbBGkb+ebQyxKgzv5Hu2nmROxoDOXHh80evxdoXNOrvAnVx7zimzc1Oo5h9RlfV4vPXaE2iM5pOFbvOCClWA=="],
+
+    "@jridgewell/resolve-uri": ["@jridgewell/resolve-uri@3.1.2", "", {}, "sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw=="],
+
+    "@jridgewell/set-array": ["@jridgewell/set-array@1.2.1", "", {}, "sha512-R8gLRTZeyp03ymzP/6Lil/28tGeGEzhx1q2k703KGWRAI1VdvPIXdG70VJc2pAMw3NA6JKL5hhFu1sJX0Mnn/A=="],
+
+    "@jridgewell/source-map": ["@jridgewell/source-map@0.3.6", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.25" } }, "sha512-1ZJTZebgqllO79ue2bm3rIGud/bOe0pP5BjSRCRxxYkEZS8STV7zN84UBbiYu7jy+eCKSnVIUgoWWE/tt+shMQ=="],
+
+    "@jridgewell/sourcemap-codec": ["@jridgewell/sourcemap-codec@1.5.0", "", {}, "sha512-gv3ZRaISU3fjPAgNsriBRqGWQL6quFx04YMPW/zD8XMLsU32mhCCbfbO6KZFLjvYpCZ8zyDEgqsgf+PwPaM7GQ=="],
+
+    "@jridgewell/trace-mapping": ["@jridgewell/trace-mapping@0.3.25", "", { "dependencies": { "@jridgewell/resolve-uri": "^3.1.0", "@jridgewell/sourcemap-codec": "^1.4.14" } }, "sha512-vNk6aEwybGtawWmy/PzwnGDOjCkLWSD2wqvjGGAgOAwCGWySYXfYoxt00IJkTF+8Lb57DwOb3Aa0o9CApepiYQ=="],
+
     "@types/bun": ["@types/bun@1.2.6", "", { "dependencies": { "bun-types": "1.2.6" } }, "sha512-fY9CAmTdJH1Llx7rugB0FpgWK2RKuHCs3g2cFDYXUutIy1QGiPQxKkGY8owhfZ4MXWNfxwIbQLChgH5gDsY7vw=="],
 
     "@types/node": ["@types/node@22.13.13", "", { "dependencies": { "undici-types": "~6.20.0" } }, "sha512-ClsL5nMwKaBRwPcCvH8E7+nU4GxHVx1axNvMZTFHMEfNI7oahimt26P5zjVCRrjiIWj6YFXfE1v3dEp94wLcGQ=="],
 
     "@types/ws": ["@types/ws@8.5.14", "", { "dependencies": { "@types/node": "*" } }, "sha512-bd/YFLW+URhBzMXurx7lWByOu+xzU9+kb3RboOteXYDfW+tr+JZa99OyNmPINEGB/ahzKrEuc8rcv4gnpJmxTw=="],
 
+    "acorn": ["acorn@8.14.1", "", { "bin": { "acorn": "bin/acorn" } }, "sha512-OvQ/2pUDKmgfCg++xsTX1wGxfTaszcHVcTctW4UJB4hibJx2HXxxO5UmVgyjMa+ZDsiaf5wWLXYpRWMmBI0QHg=="],
+
+    "buffer-from": ["buffer-from@1.1.2", "", {}, "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="],
+
     "bun-types": ["bun-types@1.2.6", "", { "dependencies": { "@types/node": "*", "@types/ws": "~8.5.10" } }, "sha512-FbCKyr5KDiPULUzN/nm5oqQs9nXCHD8dVc64BArxJadCvbNzAI6lUWGh9fSJZWeDIRD38ikceBU8Kj/Uh+53oQ=="],
+
+    "commander": ["commander@2.20.3", "", {}, "sha512-GpVkmM8vF2vQUkj2LvZmD35JxeJOLCwJ9cUkugyk2nuhbv3+mJvpLYYt+0+USMxE+oj+ey/lJEnhZw75x/OMcQ=="],
+
+    "source-map": ["source-map@0.6.1", "", {}, "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="],
+
+    "source-map-support": ["source-map-support@0.5.21", "", { "dependencies": { "buffer-from": "^1.0.0", "source-map": "^0.6.0" } }, "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w=="],
+
+    "terser": ["terser@5.39.0", "", { "dependencies": { "@jridgewell/source-map": "^0.3.3", "acorn": "^8.8.2", "commander": "^2.20.0", "source-map-support": "~0.5.20" }, "bin": { "terser": "bin/terser" } }, "sha512-LBAhFyLho16harJoWMg/nZsQYgTrg5jXOn2nCYjRUcZZEdE3qa2zb8QEDRUGVZBW4rlazf2fxkg8tztybTaqWw=="],
 
     "typescript": ["typescript@5.8.2", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-aJn6wq13/afZp/jT9QZmwEjDqqvSGp1VT5GVg+f/t6/oVyrgXM6BY1h9BRh/O5p3PlUPAe+WuiEZOmb/49RqoQ=="],
 

package-bookmarklet.ts

···
+#!/usr/bin/env bun
+
+import { readFileSync } from "node:fs";
+import { resolve } from "node:path";
+import { minify as terserMinify } from "terser";
+
+const main = async () => {
+  // Get the file path from command line arguments
+  const filePath = process.argv[2];
+
+  if (!filePath) {
+    console.error("Error: Please provide a file path as an argument");
+    process.exit(1);
+  }
+
+  try {
+    // Read the JavaScript file
+    const fullPath = resolve(process.cwd(), filePath);
+    const fileContent = readFileSync(fullPath, "utf8");
+
+    // Minify the JavaScript using terser
+    const result = await terserMinify(fileContent, {
+      mangle: true,
+      compress: true,
+    });
+
+    if (!result.code) {
+      throw new Error("Minification failed");
+    }
+
+    const minified = result.code;
+
+    // Create the bookmarklet by prefixing with "javascript:"
+    const bookmarklet = `javascript:${encodeURIComponent(minified)}`;
+
+    console.log(bookmarklet);
+  } catch (error) {
+    console.error(`Error: ${(error as Error).message}`);
+    process.exit(1);
+  }
+};
+
+main();

package.json

···
   },
   "peerDependencies": {
     "typescript": "^5"
+  },
+  "dependencies": {
+    "terser": "^5.39.0"
   }
 }