experimental unauthenticated mode 🥷

api.js

@@ -46,10 +46,16 @@ class BlueskyAPI {
   #refreshToken;
   #userDID;
 
-  constructor() {
-    this.#accessToken = localStorage.getItem('accessToken');
-    this.#refreshToken = localStorage.getItem('refreshToken');
-    this.#userDID = localStorage.getItem('userDID');
+  constructor(host = 'bsky.social', useAuthentication = true) {
+    this.host = host;
+    this.useAuthentication = useAuthentication;
+
+    if (useAuthentication) {
+      this.#accessToken = localStorage.getItem('accessToken');
+      this.#refreshToken = localStorage.getItem('refreshToken');
+      this.#userDID = localStorage.getItem('userDID');      
+    }
+
     this.handleCache = new HandleCache();
     this.profiles = {};
   }
@@ -59,7 +65,7 @@ class BlueskyAPI {
   }
 
   async getRequest(method, params) {
-    let url = 'https://bsky.social/xrpc/' + method;
+    let url = `https://${this.host}/xrpc/${method}`;
 
     if (params) {
       url += '?' + Object.entries(params).map((x) => {
@@ -71,10 +77,11 @@ class BlueskyAPI {
       }).join('&');
     }
 
-    let response = await fetch(url, { headers: { 'Authorization': `Bearer ${this.#accessToken}` }});
+    let headers = this.useAuthentication ? { 'Authorization': `Bearer ${this.#accessToken}` } : {};
+    let response = await fetch(url, { headers: headers });
     let json = await this.parseResponse(response);
 
-    if (this.isInvalidToken(response, json)) {
+    if (this.useAuthentication && this.isInvalidToken(response, json)) {
       await this.refreshAccessToken();
       response = await fetch(url, { headers: { 'Authorization': `Bearer ${this.#accessToken}` }});
       json = await this.parseResponse(response);
@@ -88,7 +95,7 @@ class BlueskyAPI {
   }
 
   async postRequest(method, data, useRefreshToken, useAuthentication) {
-    let url = 'https://bsky.social/xrpc/' + method;
+    let url = `https://${this.host}/xrpc/${method}`;
     let request = { method: 'POST', headers: {}};
 
     if (!(useAuthentication === false)) {

post_component.js

@@ -302,6 +302,11 @@ class PostComponent {
   }
 
   onHeartClick(heart) {
+    if (window.unauthed) {
+      alert('This action in unavailable in unauthenticated mode.');
+      return;
+    }
+
     let count = heart.nextElementSibling;
 
     if (!heart.classList.contains('liked')) {

skythread.js

@@ -24,9 +24,15 @@ function init() {
     e.target.classList.remove('click');
   });
 
-  window.api = new BlueskyAPI();
+  let params = new URLSearchParams(location.search);
+  if (params.get('_u') == '1') {
+    window.unauthed = true;
+    window.api = new BlueskyAPI('api.bsky.app', false);
+  } else {
+    window.api = new BlueskyAPI();
+  }
 
-  if (api.isLoggedIn) {
+  if (api.isLoggedIn || window.unauthed) {
     parseQueryParams();
   } else {
     showLogin();

utils.js

@@ -40,5 +40,10 @@ function linkToPostById(handle, postId) {
   let url = new URL(getLocation());
   url.searchParams.set('author', handle);
   url.searchParams.set('post', postId);
+
+  if (window.unauthed) {
+    url.searchParams.set('_u', 1);    
+  }
+
   return url.toString();
 }