${seo.title}

[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10},"actionData","errors","root",{"_168":169,"_170":171},"routes/_app.x.$handle.$name",{"_11":12,"_13":14,"_15":16,"_18":19,"_17":-7,"_127":-5,"_20":128,"_22":129,"_130":131,"_132":133,"_25":134,"_24":-5,"_135":-5,"_136":-5,"_137":54,"_138":139,"_140":54,"_141":-5,"_142":-5,"_143":144},"routes/_app.x.$handle.$name.branch.$branch.code.$",{"_11":12,"_13":14,"_15":16,"_17":-7,"_18":19,"_20":21,"_22":23,"_24":-7,"_25":26,"_27":-5,"_28":-5,"_29":-5,"_30":-5,"_31":-5},"handle","jdan","name","myspaceHtml","branchName","main","version","path","","project",{"_34":74,"_13":14,"_46":75,"_76":-5,"_77":45,"_78":79,"_80":79,"_81":-5,"_82":-5,"_83":84,"_85":-5,"_86":45,"_87":-5,"_88":-5,"_89":62,"_90":91,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":97,"_98":97,"_99":100,"_101":100,"_102":100,"_103":97,"_104":97,"_105":106,"_107":108,"_109":110,"_111":54},"tree",[65,66],"file","contents",[32,33],"upstream","pull","ahead","behind","envVars",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":61,"_17":62,"_49":24,"_51":63,"_53":54,"_55":-5,"_18":64},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":56},"id","682d8550-27a8-11f0-9edc-569c3dd06744","main.tsx","fileId","66f2e31a-27a8-11f0-9edc-569c3dd06744","parentId","branchId","66f06194-27a8-11f0-9edc-569c3dd06744","branchVersion",59,"latest",true,"createdAt",["D",1714306863056],58,"fileType","script","content","import { myspaceCSS } from \"https://esm.town/v/jdan/myspaceCSS\";\n\ninterface MyspaceProfileArgs {\n displayName: string;\n info: {\n imageUrl: string;\n allImagesUrl?: string;\n status: string;\n gender?: string;\n age: number;\n location: string[];\n lastLogin: string;\n };\n contact: {\n sendMessage: string;\n forwardToFriend: string;\n addToFriends: string;\n addToFavorites: string;\n };\n links: { url: string; text: string }[];\n interests: {\n general?: string;\n music?: string;\n movies?: string;\n television?: string;\n books?: string;\n heroes?: string;\n };\n details: {\n status?: string;\n hereFor?: string;\n hometown?: string;\n sign?: string;\n smokeDrink?: string;\n occupation?: string;\n };\n schools: {\n details: string[];\n start: string;\n end: string;\n }[];\n blog: {\n allPostsUrl?: string;\n posts: { title: string; url: string }[];\n };\n blurbs: {\n aboutMe: string;\n whoIdLikeToMeet: string;\n };\n top8: {\n allFriendsUrl?: string;\n friends: Friend[];\n };\n comments: {\n friend: Friend;\n timestamp: string;\n content: string;\n }[];\n seo: {\n title: string;\n description?: string;\n iconUrl?: string;\n };\n}\n\ninterface Friend {\n name: string;\n url: string;\n imageUrl: string;\n}\n\nexport function myspaceHtml(\n {\n displayName,\n links,\n info,\n contact,\n interests,\n details,\n schools,\n blog,\n blurbs,\n top8,\n comments,\n seo,\n }: MyspaceProfileArgs,\n) {\n const css = myspaceCSS();\n\n return `\n \n\n\n\t${seo.title}\n\t${seo.description ? `` : \"\"}\n\t${seo.iconUrl ? `` : \"\"}\n\t\n\t\n\t\n\t\n\n\n\n\n\n\n\n

\n\n

\n\t\n\t\t\n\t\t\t\n\t

\n\n\n

\n\n\t\n\t\t\n\t\n

\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t

\n ${\n links.map(({ url, text }) => ``).join(\" | \\n\")\n }\n\t\t\t\t\t

\n\t\t

\n\n\t\n\t\t\n\t\t\t\n\t \t\t\n \n \n ${comments.map(commentHtml).join(\"\")}\n \n

$\"\"$

\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n \n \n \n \n \n \n

\n\n\n\n\n\n\t\n\t\t\n\t\n\t\n

${displayName}

\n\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\n\t\t${\n info.allImagesUrl\n ? `\n\t\t\t\n\t\t`\n : \"\"\n }\n\t

\n\n\t\t\t\t\t $\"A$ \n\n\t\t\t	$\"\"$	\n\n\t\t\t\t\"${info.status}\"\n\n\t\t\t\t \n\t\t\t\t${info.gender ? info.gender + \" \" : \"\"}\n ${info.age} years old \n ${info.location.join(\" \")}\n\t\t\t\t \n\n\t\t\t\t\t \n\n\t\t\t\t Last Login: ${info.lastLogin} \n\t\t\t
View more pics

\n
\n\n\n\n\t\n\t\n\t\n

Contacting ${displayName}

\n\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t

$\"\"$
\n \t\t\t\t $\"Send$ \n\t\t\t\t	$\"\"$	\n\t\t\t\t\t $\"Forward$ \n\t\t\t\t
$\"\"$
\n\t\t\t\t\t $\"Add$ \n\t\t\t\t	$\"\"$	\n\t\t\t\t\t $\"Add$
$\"\"$
$\"\"$

\n\t\t

\n
\n\n\t\n\t\t\n\t\t\t\n\t\t\n\t\t\n\t\t\t\n\t\t\n\t

\n\t\t\t\t ${displayName}'s Interests\n\t\t\t

\n\t\t\t\t\n\n\t\t\t\t\t\t\t\n ${\n interests.general\n ? `\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t`\n : \"\"\n }\n\n ${\n interests.music\n ? `\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t`\n : \"\"\n }\n\n ${\n interests.movies\n ? `\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t`\n : \"\"\n }\n\n ${\n interests.television\n ? `\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t`\n : \"\"\n }\n\n ${\n interests.books\n ? `\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t`\n : \"\"\n }\n\n ${\n interests.heroes\n ? `\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t`\n : \"\"\n }\n\t\t\t\t\t\t\n\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\tGeneral\n\t\t\t\t\t\t\t\t	\n\t\t\t\t\t\t\t\t\t${interests.general}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tMusic\n\t\t\t\t\t\t\t\t	\n\t\t\t\t\t\t\t\t\t${interests.music}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tMovies\n\t\t\t\t\t\t\t\t	\n\t\t\t\t\t\t\t\t\t${interests.movies}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tTelevision\n\t\t\t\t\t\t\t\t	\n\t\t\t\t\t\t\t\t\t${interests.television}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tBooks\n\t\t\t\t\t\t\t\t	\n\t\t\t\t\t\t\t\t\t${interests.books}\n\t\t\t\t\t\t\t\t
\n\t\t\t\t\t\t\t\t\tHeroes\n\t\t\t\t\t\t\t\t	\n\t\t\t\t\t\t\t\t\t${interests.heroes}\n\t\t\t\t\t\t\t\t

\n\t\t\t

\n\t
\n\n\n\t\n\t\t\n\t\n\t\n\t\t\n\t\n

\n\t\t\t ${displayName}'s Details\n\t\t

\n\t\t\t\n\n\t\t\t\t\t\n\n ${\n details.status\n ? `\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t`\n : \"\"\n }\n\n \t\t\t\t${\n details.hereFor\n ? `\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t`\n : \"\"\n }\n\n ${\n details.hometown\n ? `\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t`\n : \"\"\n }\n\n ${\n details.sign\n ? `\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t`\n : \"\"\n }\n\n ${\n details.smokeDrink\n ? `\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t`\n : \"\"\n }\n\n ${\n details.occupation\n ? `\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t`\n : \"\"\n }\n\n\t\t\t

Status:	\n\t\t\t\t\t\t\t${details.status}\n\t\t\t\t\t\t
Here for:	\n\t\t\t\t\t\t\t${details.hereFor}\n\t\t\t\t\t\t
Hometown:	\n\t\t\t\t\t\t\t${details.hometown}\n\t\t\t\t\t\t
Sign:	\n\t\t\t\t\t\t\t${details.sign}\n\t\t\t\t\t\t
Smoke / Drink:	\n\t\t\t\t\t\t\t${details.smokeDrink}\n\t\t\t\t\t\t
Occupation:	\n\t\t\t\t\t\t\t${details.occupation}\n\t\t\t\t\t\t

\n\t\t

\n\n\t\n\t\t\n\t\t\t\n\t\t\n\t\t\n\t

\n\t\t\t\t ${displayName}'s Schools\n\t\t\t

\n\t\t\t\n\t\t\t\t\n ${\n schools.map(({ details, start, end }) => `\n \n\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\n `).join(\"\")\n }\n\t\t\t\t\n\t\t\t

\n ${details.join(\"
\")}\n\t\t\t\t\t\t

\n From ${start} to ${end}\n

\n\t\t

\n\t
\n\n\n\n\n\t\t\t\t\t\t

$\"\"$

\n\t\t\t\t\t\t
\n\n\n\n\n\t\n

${displayName} is in your extended network

\n\n\n\n\n\n\n\t\n\t\t\n\t\t\t\n\t\t\n\n ${\n blog.posts.map(({ title, url }) => `\n \n\t\t\t\t\n\t\t\t\n `).join(\"\")\n }\n\t

${displayName}'s Latest Blog Entry \n ${blog.allPostsUrl ? `[See all posts]` : \"\"}\n

\n\t\t\t\t\t${title}\n\t\t\t\t\t(view more)\n\t\t\t\t\t

\n\t\t\t\t

\n\n\n\n\n\n\n\n\t\n\t\t\n\t\n\t\n

Jordan's Blurbs

\n\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\t\n\t\t\t\n\t\t

\n\t\t\t\t\tAbout me:
\n\t\t\t\t\t${blurbs.aboutMe}\n\t\t\t\t

\n\t\t\t\t\tWho I'd like to meet:
\n\t\t\t\t\t${blurbs.whoIdLikeToMeet}\n\t\t\t\t

\n\t

\n\n\n\n\n\n\t\n\t\t\n\t

\n\t\t\t\n\t\t\t\t\n\t\t\t\t\t\n\t\t\t\t\n\t\t\t

${displayName}'s Top 8

\n\t\t\t\n\t\t\t\t\n\t\t\t\t\n ${\n top8.allFriendsUrl\n ? `\n \t\t\t\t\t\n \t\t\t\t`\n : \"\"\n }\n\t\t\t

\n\t\t\t\t\t\n\t\t\t\t\t\t\n ${top8FriendsHtml(top8.friends)}\n\t\t\t\t\t

\n\t\t\t\t

View All of ${displayName}'s Friends

\n\t\t

\n\n\n\n

\n \n

\n ${displayName}'s Friends Comments\n

\n\n \n

\n \n

\n \n \n \n \n \n \n \n\n\t\n

\n\n\n\n\n

\n\n

\n\n\n\n\n\n `;\n}\n\nfunction top8FriendsHtml(friends: Friend[]) {\n // Divide friends into groups of at most four\n const friendRows = [];\n for (let i = 0; i < friends.length; i += 4) {\n const row = [];\n if (friends[i]) row.push(friends[i]);\n if (friends[i + 1]) row.push(friends[i + 1]);\n if (friends[i + 2]) row.push(friends[i + 2]);\n if (friends[i + 3]) row.push(friends[i + 3]);\n friendRows.push(row);\n }\n\n return friendRows.map((friends) => {\n return `\n ${\n friends.map(({ name, url, imageUrl }) => `\n \n \n \n \n

${name}

$\"a$

\n \n `).join(\"\")\n }\n `;\n }).join(\"\");\n}\n\nfunction commentHtml(comment: {\n friend: Friend;\n timestamp: string;\n content: string;\n}) {\n const { friend, timestamp, content } = comment;\n\n return `\n \n \n ${friend.name}\n

\n \n

\n \n \n ${timestamp}

${content}\n \n \n `;\n}","deleted",false,"label",[36],"66f2fe54-27a8-11f0-9edc-569c3dd06744","README.md","66f2fee0-27a8-11f0-9edc-569c3dd06744",1,["D",1714232223525],0,"Migrated from folder: myspace/myspaceHtml",[58],{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":71,"_17":62,"_49":24,"_51":63,"_53":54,"_55":-5,"_68":72,"_18":73},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":67,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_68":69,"_18":70},["D",1714306863056],"children",[],[36],["D",1714232223525],[],[58],"66f01770-27a8-11f0-9edc-569c3dd06744",["D",1746226468346],"deletedAt","legacyEnvVars","privacy","public","httpPrivacy","description","imageUrl","userId","d402a971-ec8f-4d0e-89f0-ffd768759076","pinnedFileId","pinPreview","pinMigrated","screenshotVersion","likeCount","orgId","2e4d6945-83a3-4492-bb59-6be6cab8dce3","tursoName","tursoHostname","tursoMeasuredAt","pinned","userPerm","r","valPerm","blobPerm","rw","emailPerm","sqlitePerm","projectPerm","telemetryPerm","user",{"_11":12,"_126":122},"org",{"_11":12,"_120":-5,"_121":122,"_83":84,"_123":124,"_125":54},"branch",{"_17":43,"_13":16,"_34":41,"_112":74,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":14,"_119":12},"isOwned","projectId","forkedBranchId","forkedBranchVersion","forkedProjectPrivacy","forkedProjectId","forkedProjectOrgId","projectName","userHandle","displayName","avatar","https://img.clerk.com/eyJ0eXBlIjoicHJveHkiLCJzcmMiOiJodHRwczovL2ltYWdlcy5jbGVyay5kZXYvdXBsb2FkZWQvaW1nXzJsV0d2bDdqQTdBMGNpY2REV082Q0daSDRlcCJ9","tier","pro","canRestrictVals","profileImageUrl","adoptOrgId",{"_34":74,"_13":14,"_46":164,"_76":-5,"_77":45,"_78":79,"_80":79,"_81":-5,"_82":-5,"_83":84,"_85":-5,"_86":45,"_87":-5,"_88":-5,"_89":62,"_90":91,"_92":-5,"_93":-5,"_94":-5,"_95":-5,"_96":97,"_98":97,"_99":100,"_101":100,"_102":100,"_103":97,"_104":97,"_105":165,"_107":166,"_109":167,"_111":54},[158,159],"files",[158,159],"counts",{"_149":62,"_150":60,"_151":62,"_31":152,"_153":154},[145,146],"upstreamProject","upstreamBranch","emptyEnvVars","flags",[],"hasHttpFiles","grants","orgs","customDomains",{},{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":61,"_17":62,"_49":24,"_51":63,"_53":54,"_55":-5,"_18":148},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":47,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_18":147},[36],[58],"pulls","branches","forks",{"_155":62,"_157":62},"connections",{"_155":62,"_156":62},"count","unfilledCount","emptyCount",{"_34":57,"_13":58,"_37":59,"_39":-5,"_40":41,"_42":60,"_44":45,"_46":71,"_17":62,"_49":24,"_51":63,"_53":54,"_55":-5,"_68":162,"_18":163},{"_34":35,"_13":36,"_37":38,"_39":-5,"_40":41,"_42":43,"_44":45,"_46":67,"_17":48,"_49":50,"_51":52,"_53":54,"_55":-5,"_68":160,"_18":161},[],[36],[],[58],["D",1746226468346],{"_11":12,"_126":122},{"_11":12,"_120":-5,"_121":122,"_83":84,"_123":124,"_125":54},{"_17":43,"_13":16,"_34":41,"_112":74,"_113":-5,"_114":-5,"_115":-5,"_116":-5,"_117":-5,"_118":14,"_119":12},"ctx",{"_105":-5,"_142":201,"_202":203,"_204":205,"_206":54,"_207":54,"_208":54,"_209":45,"_210":-5,"_211":-7,"_212":-7,"_213":62,"_214":54,"_215":54,"_216":-5,"_217":54,"_218":54,"_219":54,"_220":-5},"ENV",{"_172":173,"_174":175,"_176":16,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192,"_193":194,"_195":196,"_197":198,"_199":200},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","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"]

Code