User Profile

\n setViewingProfile(null)}\n className=\"text-xl flex items-center justify-center w-6 h-6 bg-[#FF0000] hover:bg-[#FF6666] rounded\"\n >\n ×\n \n

{profile.displayName}

@{profile.handle}

\n {profile.avatar && (\n

\n )}\n

{profile.description}

\n Followers: {profile.followersCount}\n Following: {profile.followsCount}\n Posts: {profile.postsCount}\n

\n {agent && profile.did !== agent.session?.did && (\n profile.viewer?.following ? unfollowUser(profile.did) : followUser(profile.did)}\n className=\"w-full p-2 bg-gradient-to-r from-[#E1E1E1] to-[#C1C1C1] hover:from-[#E5F1FB] hover:to-[#B5D3F2] text-[#000000] rounded border border-[#7F9DB9]\"\n >\n {profile.viewer?.following ? \"Unfollow\" : \"Follow\"}\n \n )}\n

Last Post

\n {lastUserPost\n ? (\n

\n {(lastUserPost.post.record as { text?: string })?.text || \"No content\"}\n

\n {formatDate(lastUserPost.post.indexedAt)}\n

\n )\n :

No posts available.

}\n

\n );\n\n const ErrorDialog = ({ message, onClose }: { message: string; onClose: () => void }) => (\n

Error

\n \n ×\n \n

\n ❌\n

{message}

\n \n OK\n \n

\n );\n\n const LogoutConfirmation = ({ onConfirm, onCancel }: { onConfirm: () => void; onCancel: () => void }) => (\n

Confirm Logout

\n \n ×\n \n

Are you sure you want to log out?

\n \n Cancel\n \n \n Logout\n \n

\n );\n\n return (\n

\n {/* Start menu-like sidebar */}\n

\n WinSky\n

\n setActiveTab(\"timeline\")}\n className={`w-full text-left p-2 mb-2 ${\n activeTab === \"timeline\" ? \"bg-[#316AC5] text-white\" : \"hover:bg-[#E5F1FB]\"\n }`}\n >\n 🏠 Timeline\n \n setActiveTab(\"search\")}\n className={`w-full text-left p-2 mb-2 ${\n activeTab === \"search\" ? \"bg-[#316AC5] text-white\" : \"hover:bg-[#E5F1FB]\"\n }`}\n >\n 🔍 Search\n \n setActiveTab(\"trending\")}\n className={`w-full text-left p-2 mb-2 ${\n activeTab === \"trending\" ? \"bg-[#316AC5] text-white\" : \"hover:bg-[#E5F1FB]\"\n }`}\n >\n 📈 Trending\n \n {agent && (\n setShowLogoutConfirmation(true)}\n className=\"w-full text-left p-2 bg-[#FF6A6A] text-white hover:bg-[#FF4040]\"\n >\n 🚪 Logout\n \n )}\n

\n {/* Main content area */}\n

\n {String(activeTab).charAt(0).toUpperCase() + String(activeTab).slice(1)}\n

\n {showInstallPrompt && (\n \n Install App\n \n )}\n

\n {!agent\n ? (\n

\n setHandle(e.target.value)}\n className=\"w-full p-2 border border-[#7F9DB9] bg-white text-[#000000] rounded\"\n />\n setPassword(e.target.value)}\n className=\"w-full p-2 border border-[#7F9DB9] bg-white text-[#000000] rounded\"\n />\n \n {loading ? \"Logging in...\" : \"Login\"}\n \n

\n )\n : (\n

\n {profile && (\n

{profile.displayName}

@{profile.handle}

{profile.description}

\n Followers: {profile.followersCount}\n Following: {profile.followsCount}\n

\n )}\n {activeTab === \"timeline\" && (\n <>\n

\n setNewPost(e.target.value)}\n placeholder={replyingTo ? \"Write your reply...\" : \"What's on your mind?\"}\n className=\"w-full p-2 border border-[#7F9DB9] bg-white text-[#000000] rounded resize-none\"\n rows={3}\n />\n {replyingTo && (\n

\n Replying to: {replyingTo.post.author.displayName || replyingTo.post.author.handle}\n setReplyingTo(null)}\n className=\"ml-2 text-[#0000FF] hover:underline\"\n >\n Cancel\n \n

\n )}\n \n {replyingTo ? \"Reply\" : \"Post\"}\n \n

\n {posts.map((post) => (\n

\n \n fetchProfile(agent, post.post.author.handle)}\n className=\"font-semibold text-[#0000FF] hover:underline\"\n >\n {post.post.author.displayName}\n \n @{post.post.author.handle}\n

\n {formatDate(post.post.indexedAt)}\n

\n {(post.post.record as { text?: string })?.text || \"No content\"}\n

\n {post.post.embed?.images && (\n

\n {post.post.embed.images.map((image, index) => (\n \n ))}\n

\n )}\n

\n \n likePost(post.post.uri, post.post.cid)}\n className=\"flex items-center space-x-1\"\n >\n 👍\n {post.post.likeCount > 0 && {post.post.likeCount}}\n \n repostPost(post.post.uri, post.post.cid)}\n className=\"flex items-center space-x-1\"\n >\n 🔁\n {post.post.repostCount > 0 && {post.post.repostCount}}\n \n setReplyingTo(post)}\n className=\"flex items-center space-x-1\"\n >\n 💬\n {post.post.replyCount > 0 && {post.post.replyCount}}\n \n

\n ))}\n

\n {loading &&

Loading more posts...

}\n {cursor && (\n \n Load More\n \n )}\n \n )}\n {activeTab === \"search\" && (\n

\n setSearchQuery(e.target.value)}\n className=\"w-full p-2 border border-[#7F9DB9] bg-white text-[#000000] rounded\"\n />\n \n Search\n \n {searchResults.length > 0 && (\n

Search Results

\n {searchResults.map((user) => (\n

\n fetchProfile(agent, user.handle)}\n className=\"font-semibold text-[#0000FF] hover:underline\"\n >\n {user.displayName || user.handle}\n \n @{user.handle}\n

\n ))}\n

\n )}\n

\n )}\n {activeTab === \"trending\" && (\n

Trending Topics

\n {trendingTopics.map((topic, index) => (\n \n {topic}\n \n ))}\n

\n )}\n

\n {viewingProfile && }\n {error && setError(\"\")} />}\n {showLogoutConfirmation && (\n setShowLogoutConfirmation(false)}\n />\n )}\n

\n );\n}\n\nfunction client() {\n createRoot(document.getElementById(\"root\")!).render();\n}\n\nif (typeof document !== \"undefined\") {\n client();\n}\n\nconst manifest = {\n name: \"WinSky\",\n short_name: \"WinSky\",\n description: \"A Windows XP-styled BlueSky client\",\n start_url: \"/\",\n display: \"standalone\",\n background_color: \"#ECE9D8\",\n theme_color: \"#3A6EA5\",\n icons: [],\n};\n\nconst serviceWorkerCode = `\nself.addEventListener('install', (event) => {\n event.waitUntil(\n caches.open('winsky-cache-v1').then((cache) => {\n return cache.addAll([\n '/',\n '/index.html',\n '/manifest.json',\n 'https://cdn.tailwindcss.com',\n ]);\n })\n );\n});\n\nself.addEventListener('fetch', (event) => {\n event.respondWith(\n caches.match(event.request).then((response) => {\n return response || fetch(event.request);\n })\n );\n});\n`;\n\nexport default async function server(request: Request): Promise {\n const url = new URL(request.url);\n\n if (url.pathname === \"/manifest.json\") {\n return new Response(JSON.stringify(manifest), {\n headers: { \"Content-Type\": \"application/json\" },\n });\n }\n\n if (url.pathname === \"/service-worker.js\") {\n return new Response(serviceWorkerCode, {\n headers: { \"Content-Type\": \"application/javascript\" },\n });\n }\n\n return new Response(\n `\n \n \n \n \n \n WinSky XP\n \n \n \n \n \n \n \n \n \n \n \n \n

\n \n \n \n \n \n `,\n {\n headers: {\n \"content-type\": \"text/html\",\n },\n },\n );\n}","deleted","label","winsky",[115],"e771e7d4-279e-11f0-9d52-569c3dd06744","README.md","e771e874-279e-11f0-9d52-569c3dd06744",1,["D",1731353818757],0,"# WinSky\nBlueSky frontend that resembles an early 2000s forum",[132],"pulls","forks","envVars",{"_145":136,"_147":136},"connections",{"_145":136,"_146":136},"count","unfilledCount","emptyCount",{"_20":131,"_13":132,"_116":133,"_117":-5,"_118":21,"_119":134,"_120":38,"_22":154,"_29":136,"_123":101,"_125":137,"_127":75,"_128":-5,"_151":155,"_89":156},{"_20":114,"_13":115,"_116":47,"_117":-5,"_118":21,"_119":30,"_120":38,"_22":150,"_29":122,"_123":124,"_125":126,"_127":75,"_128":129,"_151":152,"_89":153},["D",1734718622700],"children",[],[115],["D",1731353818757],[],[132],["D",1746222388955],{"_11":12,"_87":83},{"_11":12,"_81":-5,"_82":83,"_44":45,"_84":85,"_86":75},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_76":-5,"_77":-5,"_78":-5,"_79":14,"_80":12},"ctx",{"_68":-5,"_109":194,"_195":196,"_197":198,"_199":75,"_200":75,"_201":75,"_202":38,"_203":-5,"_204":-7,"_205":-7,"_206":136,"_207":75,"_208":75,"_209":-5,"_210":75,"_211":75,"_212":75,"_213":-5},"ENV",{"_165":166,"_167":168,"_169":26,"_170":171,"_172":173,"_174":175,"_176":177,"_178":179,"_180":181,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","fdb67791413f4386b4dbf18f354029a617f6160f","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Branches1

Branches
1