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",[126],"e771e7d4-279e-11f0-9d52-569c3dd06744","README.md","e771e874-279e-11f0-9d52-569c3dd06744",["D",1731353818757],"# WinSky\nBlueSky frontend that resembles an early 2000s forum",[143],"pulls","branches","envVars",{"_154":22,"_156":22},"connections",{"_154":22,"_155":22},"count","unfilledCount","emptyCount",{"_27":142,"_13":143,"_127":144,"_128":-5,"_129":88,"_130":24,"_131":46,"_47":163,"_85":22,"_134":112,"_136":146,"_138":20,"_139":-5,"_160":164,"_100":165},{"_27":125,"_13":126,"_127":63,"_128":-5,"_129":88,"_130":86,"_131":46,"_47":159,"_85":133,"_134":135,"_136":137,"_138":20,"_139":140,"_160":161,"_100":162},["D",1734718622700],"children",[],[126],["D",1731353818757],[],[143],["D",1746222388955],{"_11":12,"_57":97},{"_11":12,"_51":-5,"_52":97,"_34":62,"_54":98,"_56":20},{"_85":86,"_13":87,"_27":88,"_89":58,"_90":-5,"_91":-5,"_92":-5,"_93":-5,"_94":-5,"_95":14,"_96":12},"ctx",{"_39":-5,"_120":203,"_204":205,"_206":207,"_208":20,"_209":20,"_210":20,"_211":46,"_212":-5,"_213":-7,"_214":-7,"_215":22,"_216":20,"_217":20,"_218":-5,"_219":20,"_220":20,"_221":20,"_222":-5},"ENV",{"_174":175,"_176":177,"_178":87,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200,"_201":202},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","811aa22498c9b0b5a47e8d778de579cdb990f332","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"]

Remixes1

Remixes
1