Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/improsocial/impro
An extensible Bluesky client for web impro.social
Something went wrong. Try again.
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547import homeView from "/js/views/home.view.js";import postThreadView from "/js/views/postThread.view.js";import postLikesView from "/js/views/postLikes.view.js";import postQuotesView from "/js/views/postQuotes.view.js";import postRepostsView from "/js/views/postReposts.view.js";import loginView from "/js/views/login.view.js";import notificationsView from "/js/views/notifications.view.js";import notificationActivityView from "/js/views/notificationActivity.view.js";import chatView from "/js/views/chat.view.js";import chatRequestsView from "/js/views/chatRequests.view.js";import chatDetailView from "/js/views/chatDetail.view.js";import groupChatDetailsView from "/js/views/groupChatDetails.view.js";import feedsView from "/js/views/feeds.view.js";import listsView from "/js/views/lists.view.js";import profileView from "/js/views/profile.view.js";import profileFollowersView from "/js/views/profileFollowers.view.js";import profileFollowingView from "/js/views/profileFollowing.view.js";import profileKnownFollowersView from "/js/views/profileKnownFollowers.view.js";import searchView from "/js/views/search.view.js";import hashtagView from "/js/views/hashtag.view.js";import notFoundView from "/js/views/notFound.view.js";import pageErrorView from "/js/views/pageError.view.js";import accountNotFoundView from "/js/views/accountNotFound.view.js";import settingsView from "/js/views/settings.view.js";import settingsAppearanceView from "/js/views/settings/appearanceSettings.view.js";import settingsContentAndMediaView from "/js/views/settings/contentAndMediaSettings.view.js";import settingsMutedWordsView from "/js/views/settings/mutedWordsSettings.view.js";import settingsBlockedAccountsView from "/js/views/settings/blockedAccountsSettings.view.js";import settingsMutedAccountsView from "/js/views/settings/mutedAccountsSettings.view.js";import settingsAdvancedView from "/js/views/settings/advancedSettings.view.js";import settingsNotificationsView from "/js/views/settings/notificationsSettings.view.js";import installedPluginsView from "/js/views/installedPlugins.view.js";import pluginSettingsView from "/js/views/pluginSettings.view.js";import pluginPageView from "/js/views/pluginPage.view.js";import communityPluginsView from "/js/views/communityPlugins.view.js";import communityPluginListingView from "/js/views/communityPluginListing.view.js";import feedDetailView from "/js/views/feedDetail.view.js";import listDetailView from "/js/views/listDetail.view.js";import starterPackDetailView from "/js/views/starterPackDetail.view.js";import bookmarksView from "/js/views/bookmarks.view.js";import { DataLayer } from "/js/dataLayer/dataLayer.js";import { DraftMediaStore } from "/js/drafts.js";import { PreferencesProvider } from "/js/dataLayer/preferencesProvider.js";import { IdentityResolver, HandleNotFoundError } from "/js/atproto.js";import { Router } from "/js/router.js";import { scrollLocks } from "/js/scrollLocks.js";import { installIOSFixedLayerResync } from "/js/iosFixedLayerResync.js";import { closeWithAnimation } from "/js/dialogHelpers.js";import { Api } from "/js/api.js";import { createAuth } from "/js/auth.js";import { NotificationServiceManager } from "/js/notificationServiceManager.js";import { PostComposerService } from "/js/postComposerService.js";import { NewChatService } from "/js/newChatService.js";import { AccountSwitcherService } from "/js/accountSwitcherService.js";import { ReportService } from "/js/reportService.js";import { GroupChatLinkService } from "/js/groupChatLinkService.js";import { LiveStatusService } from "/js/liveStatusService.js";import { ProfileHoverCardService } from "/js/profileHoverCardService.js";import { InteractionHandlers } from "/js/interactionHandlers.js";import { hapticsImpactLight } from "/js/haptics.js";import { isNative } from "/js/utils.js";import { getStoredAuthKeys, logAuthEvent } from "/js/errorLogs.js";import { effect, untrack } from "/js/signals.js";import { dispatchNativeRefreshEnded } from "/js/nativeRefresh.js";import { NOTIFICATIONS_PAGE_SIZE } from "/js/config.js";import { isInAppLinkHostname } from "/js/dataHelpers.js";import { linkToProfile } from "/js/navigation.js";import { setUpIdentityPrecaching } from "/js/identityPrecaching.js";import { getAppViewConfig, handleAppViewResetQueryParam,} from "/js/appViewConfig.js";import { PluginService, PLUGIN_PREVIEW_QUERY_PARAM,} from "/js/plugins/pluginService.js";import { HiddenFeedItemsStore } from "/js/dataLayer/hiddenFeedItemsStore.js";import { Constellation } from "/js/constellation.js";import { MainLayout } from "/js/mainLayout.js";
async function checkDraftsEnabled(auth) { const results = await Promise.all( [ "rpc:app.bsky.draft.getDrafts", "rpc:app.bsky.draft.createDraft", "rpc:app.bsky.draft.updateDraft", "rpc:app.bsky.draft.deleteDraft", ].map((scope) => auth.hasScope(scope)), ); return results.every(Boolean);}
export async function main() { // Body class for styling if (isNative()) { document.body.classList.add("native"); }
handleAppViewResetQueryParam();
const identityResolver = new IdentityResolver(); const auth = createAuth({ identityResolver });
await auth.handleForceLogoutParam(); await auth.ensureCurrentScopes();
const session = await auth.getSession(); logAuthEvent("boot", { did: session?.did ?? null, storedAuthKeys: getStoredAuthKeys(), }); const appViewConfig = getAppViewConfig();
function createApi(opts = {}) { return new Api(session ?? null, { onTokenRefreshError: (did) => auth.logout(did), bskyAppViewServiceDid: appViewConfig.appViewServiceDid, chatAppViewServiceDid: appViewConfig.chatServiceDid, ...opts, }); }
// Create separate api with no getLabelerDids callback for managing preferences const preferencesApi = createApi(); const preferencesProvider = new PreferencesProvider(preferencesApi);
const api = createApi({ getLabelerDids: async () => { const preferences = await preferencesProvider.requirePreferences(); return preferences.getLabelerDids(); }, });
const draftMediaStore = new DraftMediaStore(); const hiddenFeedItemsStore = new HiddenFeedItemsStore(); const constellation = new Constellation(); const dataLayer = new DataLayer( api, preferencesProvider, identityResolver, draftMediaStore, hiddenFeedItemsStore, constellation, ); const router = new Router(); const pluginService = new PluginService( preferencesProvider, session, dataLayer, hiddenFeedItemsStore, router, constellation, identityResolver, ); const notificationServiceManager = new NotificationServiceManager({ session, api, auth, router, }); const { notificationService, chatNotificationService, desktopNotificationService, pushNotificationService, } = notificationServiceManager;
const postComposerService = session ? new PostComposerService(dataLayer, identityResolver, pluginService, { draftsEnabled: await checkDraftsEnabled(auth), }) : null; const newChatService = session ? new NewChatService(dataLayer, { groupChatsEnabled: await auth.hasScope( "rpc:chat.bsky.group.createGroup", ), }) : null; const accountSwitcherService = session ? new AccountSwitcherService(dataLayer, auth) : null; const reportService = session ? new ReportService(dataLayer) : null; const groupChatLinkService = new GroupChatLinkService(dataLayer, router); const liveStatusService = new LiveStatusService(dataLayer); const interactionHandlers = new InteractionHandlers({ session, dataLayer, postComposerService, reportService, }); const profileHoverCardService = new ProfileHoverCardService( dataLayer, interactionHandlers, ); pluginService.setRenderContext({ isAuthenticated: !!session, dataLayer, pluginService, postInteractionHandler: interactionHandlers.postInteractionHandler, });
// Precache author DIDs when data is set in the data store. // This will save us from needing to resolve handles when navigating between pages. setUpIdentityPrecaching(dataLayer, identityResolver);
// Preload the current user for layout if (session) { dataLayer.declarative.ensureCurrentUser().catch((error) => { console.warn("Error preloading current user:", error); }); }
// Preload preferences preferencesProvider.requirePreferences().catch((error) => { console.warn("Error preloading preferences:", error); });
pluginService.loadEnabledPlugins().catch((error) => { console.error("Error loading plugins", error); });
notificationServiceManager.startAll();
const context = { isAuthenticated: !!session, api, auth, dataLayer, identityResolver, notificationService, chatNotificationService, desktopNotificationService, pushNotificationService, postComposerService, newChatService, accountSwitcherService, reportService, groupChatLinkService, liveStatusService, pluginService, interactionHandlers, profileHoverCardService, };
const isOwnProfile = (params) => { const currentUser = dataLayer.derived.$currentUser.get(); if (!currentUser) return false; return ( params.handleOrDid == null || params.handleOrDid === currentUser.did || params.handleOrDid === currentUser.handle ); };
scrollLocks.setContainerProvider(() => router.currentPage); // installIOSFixedLayerResync();
if (notificationService) { effect(() => { const numNotifications = notificationService.$numNotifications.get() ?? 0; if (numNotifications === 0 || router.currentPath === "/notifications") return; // When the notifications page is untouched (scrolled to top or not yet // visited), preload new notifications. if (router.getScrollYForPath("/notifications") > 0) return; const { loading: notificationsLoading } = untrack(() => dataLayer.requests.statusStore.$statuses.get("loadNotifications"), ); if (notificationsLoading) return; dataLayer.requests.loadNotifications({ limit: NOTIFICATIONS_PAGE_SIZE, reload: true, }); }); }
router.addRoute(["/", "/intent/compose"], () => homeView, { layoutOptions: { activeNavItem: "home", isNavItemPage: true }, scrollRestore: "always", }); router.addRoute("/login", () => loginView, { layout: false }); router.addRoute("/notifications/activity", () => notificationActivityView, { layoutOptions: { activeNavItem: "notifications" }, }); router.addRoute("/notifications", () => notificationsView, { layoutOptions: { activeNavItem: "notifications", isNavItemPage: true }, scrollRestore: "always", }); router.addRoute("/messages/inbox", () => chatRequestsView, { layoutOptions: { activeNavItem: "chat" }, }); router.addRoute("/messages/:convoId/settings", () => groupChatDetailsView, { layoutOptions: { activeNavItem: "chat" }, }); router.addRoute("/messages/:convoId", () => chatDetailView, { layoutOptions: { activeNavItem: "chat" }, scrollRestore: "manual", }); router.addRoute("/messages", () => chatView, { layoutOptions: { activeNavItem: "chat", isNavItemPage: true, }, }); router.addRoute("/feeds", () => feedsView, { layoutOptions: { activeNavItem: "feeds", isNavItemPage: true }, }); router.addRoute("/lists", () => listsView, { layoutOptions: { activeNavItem: "lists", isNavItemPage: true }, }); router.addRoute("/bookmarks", () => bookmarksView, { layoutOptions: { activeNavItem: "bookmarks", isNavItemPage: true }, }); router.addRoute("/search", () => searchView, { layoutOptions: { activeNavItem: "search", isNavItemPage: true }, scrollRestore: "always", }); router.addRoute("/hashtag/:tag", () => hashtagView); router.addRoute("/profile/:handleOrDid/feed/:rkey", () => feedDetailView); router.addRoute("/profile/:handleOrDid/lists/:rkey", () => listDetailView); router.addRoute( [ "/profile/:handleOrDid/starter-pack/:rkey", "/starter-pack/:handleOrDid/:rkey", "/start/:handleOrDid/:rkey", ], () => starterPackDetailView, ); router.addRoute( "/profile/:handleOrDid/post/:rkey/likes", () => postLikesView, ); router.addRoute( "/profile/:handleOrDid/post/:rkey/quotes", () => postQuotesView, ); router.addRoute( "/profile/:handleOrDid/post/:rkey/reposts", () => postRepostsView, ); router.addRoute("/profile/:handleOrDid/post/:rkey", () => postThreadView, { scrollRestore: "manual", }); router.addRoute( "/profile/:handleOrDid/known-followers", () => profileKnownFollowersView, ); router.addRoute( "/profile/:handleOrDid/followers", () => profileFollowersView, ); router.addRoute( "/profile/:handleOrDid/following", () => profileFollowingView, ); router.addRoute("/profile/:handleOrDid", () => profileView, { layoutOptions: { activeNavItem: (params) => (isOwnProfile(params) ? "profile" : null), isNavItemPage: (params) => isOwnProfile(params), }, }); const settingsRouteOptions = { layoutOptions: { activeNavItem: "settings" }, }; router.addRoute("/settings", () => settingsView, { layoutOptions: { activeNavItem: "settings", isNavItemPage: true }, }); router.addRoute( "/settings/appearance", () => settingsAppearanceView, settingsRouteOptions, ); router.addRoute( "/settings/content-and-media", () => settingsContentAndMediaView, settingsRouteOptions, ); router.addRoute( "/settings/notifications", () => settingsNotificationsView, settingsRouteOptions, ); router.addRoute( "/settings/muted-words", () => settingsMutedWordsView, settingsRouteOptions, ); router.addRoute( "/settings/muted-accounts", () => settingsMutedAccountsView, settingsRouteOptions, ); router.addRoute( "/settings/blocked-accounts", () => settingsBlockedAccountsView, settingsRouteOptions, ); router.addRoute( "/settings/advanced", () => settingsAdvancedView, settingsRouteOptions, ); const pluginsRouteOptions = { layoutOptions: { activeNavItem: "plugins" }, }; router.addRoute("/plugins/installed", () => installedPluginsView, { layoutOptions: { activeNavItem: "plugins", isNavItemPage: !!session }, }); router.addRoute( "/plugin/:pluginId/settings", () => pluginSettingsView, pluginsRouteOptions, ); router.addRoute( "/plugin/:pluginId/pages/:pageId", () => pluginPageView, pluginsRouteOptions, ); router.addRoute("/plugins/community", () => communityPluginsView, { // Logged out, the Plugins nav item points here instead layoutOptions: { activeNavItem: "plugins", isNavItemPage: !session }, }); router.addRoute( "/plugins/community/:pluginId", () => communityPluginListingView, pluginsRouteOptions, ); router.addRedirects({ // Current user profile shortcut "/profile": async () => { if (!session) return "/"; try { const currentUser = await dataLayer.declarative.ensureCurrentUser(); return linkToProfile(currentUser); } catch { return "/"; } }, // Old community plugin URLs "/settings/plugins/community": () => "/plugins/community", "/settings/plugins/community/:pluginId": (params) => `/plugins/community/${encodeURIComponent(params.pluginId)}`, // Old installed plugin URLs "/settings/plugins": () => "/plugins/installed", "/settings/plugins/:pluginId": (params) => `/plugin/${encodeURIComponent(params.pluginId)}/settings`, }); router.setNotFoundView(() => notFoundView); router.setErrorViewResolver((error) => { // This can happen if a page URL has an invalid handle if (error instanceof HandleNotFoundError) { return () => accountNotFoundView; } console.error(error); return () => pageErrorView; });
router.renderRoute(({ view, params, container, layout }) => { return view({ root: container, layout, router, params, context, }); });
router.on("navigate", () => { document.querySelectorAll("dialog[open]").forEach((dialog) => { const wrapper = dialog.closest("[data-dialog-wrapper]"); if (wrapper && typeof wrapper.close === "function") { wrapper.close(); } else { closeWithAnimation(dialog); } }); });
const mainLayout = new MainLayout(context, router); router.setLayout(mainLayout);
router.mount(document.getElementById("app-root"));
// attach to window since it's used in some nested functions window.router = router;
// intercept in-app links document.addEventListener("click", (e) => { const anchor = e.target.closest("a"); if (!anchor || anchor.dataset.external) { return; } // Don't intercept if e.preventDefault() was already called if (e.defaultPrevented) { return; } // Let the browser handle alt-click (download) if (e.altKey) { return; } const parsedUrl = new URL(anchor.href, window.location.href); // The plugin preview param only takes effect at bootstrap, so these links // need a full page load if (parsedUrl.searchParams.has(PLUGIN_PREVIEW_QUERY_PARAM)) { return; } if (anchor.href.startsWith("/")) { e.preventDefault(); return router.go(anchor.href); } // Handle direct .bsky.social links if (parsedUrl.hostname.endsWith(".bsky.social")) { const handle = parsedUrl.hostname; e.preventDefault(); return router.go(`/profile/${handle}`); } if (isInAppLinkHostname(parsedUrl.hostname)) { const relativePath = parsedUrl.pathname; // Only intercept in-app links if there's a match in the router if ( router.hasRoute(relativePath) && !relativePath.startsWith("/messages/settings") ) { e.preventDefault(); router.go(parsedUrl.pathname + parsedUrl.search + parsedUrl.hash); } } });
router.load(window.location.pathname ?? "/").catch((error) => { console.error("Error loading initial route:", error); });
// Sometimes clicks get swallowed after swipe-back navigations on iOS safari // Adding a global touchstart listener fixes this for some reason document.addEventListener("touchstart", () => {}, { passive: true });
window.addEventListener("native-reload", () => { hapticsImpactLight(); window.location.reload(); });
// Page has loaded, let the native app know dispatchNativeRefreshEnded();}