better experimental features, wafrn full text support

src/components/UniversalPostRenderer.tsx

···
-import * as ATPAPI from "@atproto/api"
+import * as ATPAPI from "@atproto/api";
 import { useNavigate } from "@tanstack/react-router";
 import DOMPurify from "dompurify";
 import { useAtom } from "jotai";
···
 import {
   composerAtom,
   constellationURLAtom,
+  enableBridgyTextAtom,
+  enableWafrnTextAtom,
   imgCDNAtom,
 } from "~/utils/atoms";
 import { useHydratedEmbed } from "~/utils/useHydrated";
···
   isQuote,
   filterNoReplies,
   filterMustHaveMedia,
-  filterMustBeReply
+  filterMustBeReply,
 }: UniversalPostRendererATURILoaderProps) {
   // todo remove this once tree rendering is implemented, use a prop like isTree
   const TEMPLINEAR = true;
···
             ? true
             : maxReplies && !oldestOpsReplyElseNewestNonOpsReply
               ? false
-              : (maxReplies === 0 && (!replies || (!!replies && replies === 0))) ? false : bottomReplyLine
+              : maxReplies === 0 && (!replies || (!!replies && replies === 0))
+                ? false
+                : bottomReplyLine
         }
         topReplyLine={topReplyLine}
         //bottomBorder={maxReplies&&oldestOpsReplyElseNewestNonOpsReply ? false : bottomBorder}
···
         filterMustBeReply={filterMustBeReply}
       />
       <>
-        {(maxReplies && maxReplies === 0 && replies && replies > 0) ? (
+        {maxReplies && maxReplies === 0 && replies && replies > 0 ? (
           <>
-          {/* <div>hello</div> */}
-          <MoreReplies atUri={atUri} />
+            {/* <div>hello</div> */}
+            <MoreReplies atUri={atUri} />
           </>
-        ) : (<></>)}
+        ) : (
+          <></>
+        )}
       </>
       {!isQuote && oldestOpsReplyElseNewestNonOpsReply && (
         <>
···
   const hasImages = hasEmbed?.$type === "app.bsky.embed.images";
   const hasVideo = hasEmbed?.$type === "app.bsky.embed.video";
   const isquotewithmedia = hasEmbed?.$type === "app.bsky.embed.recordWithMedia";
-  const isQuotewithImages = isquotewithmedia && (hasEmbed as ATPAPI.AppBskyEmbedRecordWithMedia.Main)?.media?.$type === "app.bsky.embed.images";
-  const isQuotewithVideo = isquotewithmedia && (hasEmbed as ATPAPI.AppBskyEmbedRecordWithMedia.Main)?.media?.$type === "app.bsky.embed.video";
+  const isQuotewithImages =
+    isquotewithmedia &&
+    (hasEmbed as ATPAPI.AppBskyEmbedRecordWithMedia.Main)?.media?.$type ===
+      "app.bsky.embed.images";
+  const isQuotewithVideo =
+    isquotewithmedia &&
+    (hasEmbed as ATPAPI.AppBskyEmbedRecordWithMedia.Main)?.media?.$type ===
+      "app.bsky.embed.video";
 
-  const hasMedia = hasEmbed && (hasImages || hasVideo || isQuotewithImages || isQuotewithVideo);
+  const hasMedia =
+    hasEmbed &&
+    (hasImages || hasVideo || isQuotewithImages || isQuotewithVideo);
 
   const {
     data: hydratedEmbed,
···
   // }, [fakepost, get, set]);
   const thereply = (fakepost?.record as AppBskyFeedPost.Record)?.reply?.parent
     ?.uri;
-  const feedviewpostreplydid = thereply&&!filterNoReplies ? new AtUri(thereply).host : undefined;
+  const feedviewpostreplydid =
+    thereply && !filterNoReplies ? new AtUri(thereply).host : undefined;
   const replyhookvalue = useQueryIdentity(
     feedviewpost ? feedviewpostreplydid : undefined
   );
···
 
 import defaultpfp from "~/../public/favicon.png";
 import { useAuth } from "~/providers/UnifiedAuthProvider";
-import { FeedItemRenderAturiLoader, FollowButton, Mutual } from "~/routes/profile.$did";
+import {
+  FeedItemRenderAturiLoader,
+  FollowButton,
+  Mutual,
+} from "~/routes/profile.$did";
 import type { LightboxProps } from "~/routes/profile.$did/post.$rkey.image.$i";
 import { useFastLike } from "~/utils/likeMutationQueue";
 // import type { OutputSchema } from "@atproto/api/dist/client/types/app/bsky/feed/getFeed";
···
     : undefined;
 
   const emergencySalt = randomString();
-  const fedi = (post.record as { bridgyOriginalText?: string })
+
+  const [showBridgyText] = useAtom(enableBridgyTextAtom);
+  const [showWafrnText] = useAtom(enableWafrnTextAtom);
+
+  const unfedibridgy = (post.record as { bridgyOriginalText?: string })
     .bridgyOriginalText;
+  const unfediwafrnPartial = (post.record as { fullText?: string }).fullText;
+  const unfediwafrnTags = (post.record as { fullTags?: string }).fullTags;
+  const unfediwafrnUnHost = (post.record as { fediverseId?: string })
+    .fediverseId;
+
+  const undfediwafrnHost = unfediwafrnUnHost
+    ? new URL(unfediwafrnUnHost).hostname
+    : undefined;
+
+  const tags = unfediwafrnTags
+    ? unfediwafrnTags
+        .split("\n")
+        .map((t) => t.trim())
+        .filter(Boolean)
+    : undefined;
+
+  const links = tags
+    ? tags
+        .map((tag) => {
+          const encoded = encodeURIComponent(tag);
+          return `<a href="https://${undfediwafrnHost}/search/${encoded}" target="_blank">#${tag.replaceAll(' ','-')}</a>`;
+        })
+        .join("<br>")
+    : "";
+
+  const unfediwafrn = unfediwafrnPartial
+    ? unfediwafrnPartial + (links ? `<br>${links}` : "")
+    : undefined;
+
+  const fedi =
+    (showBridgyText ? unfedibridgy : undefined) ??
+    (showWafrnText ? unfediwafrn : undefined);
 
   /* fuck you */
   const isMainItem = false;
···
                       {post.author.displayName || post.author.handle}{" "}
                     </div>
                     <div className="text-gray-500 dark:text-gray-400 text-md flex flex-row gap-1">
-                      <Mutual targetdidorhandle={post.author.did} />@{post.author.handle}{" "} 
+                      <Mutual targetdidorhandle={post.author.did} />@
+                      {post.author.handle}{" "}
                     </div>
                   </div>
                   {uprrrsauthor?.description && (
···
                 </div>
               </>
             )}
-            <div style={{ paddingTop: post.embed && !concise && depth < 1 ? 4 : 0 }}>
+            <div
+              style={{
+                paddingTop: post.embed && !concise && depth < 1 ? 4 : 0,
+              }}
+            >
               <>
                 {expanded && (
                   <div
···
       //     <MaybeFeedCard view={embed.record} />
       //   </div>
       // )
-    } else if (!!reallybaduri && !!reallybadaturi && reallybadaturi.collection === "app.bsky.feed.generator") {
-      return <div className="rounded-xl border"><FeedItemRenderAturiLoader aturi={reallybaduri} disableBottomBorder/></div>
+    } else if (
+      !!reallybaduri &&
+      !!reallybadaturi &&
+      reallybadaturi.collection === "app.bsky.feed.generator"
+    ) {
+      return (
+        <div className="rounded-xl border">
+          <FeedItemRenderAturiLoader aturi={reallybaduri} disableBottomBorder />
+        </div>
+      );
     }
 
     // list embed
···
       //     <MaybeListCard view={embed.record} />
       //   </div>
       // )
-    } else if (!!reallybaduri && !!reallybadaturi && reallybadaturi.collection === "app.bsky.graph.list") {
-      return <div className="rounded-xl border"><FeedItemRenderAturiLoader aturi={reallybaduri} disableBottomBorder listmode disablePropagation /></div>
+    } else if (
+      !!reallybaduri &&
+      !!reallybadaturi &&
+      reallybadaturi.collection === "app.bsky.graph.list"
+    ) {
+      return (
+        <div className="rounded-xl border">
+          <FeedItemRenderAturiLoader
+            aturi={reallybaduri}
+            disableBottomBorder
+            listmode
+            disablePropagation
+          />
+        </div>
+      );
     }
 
     // starter pack embed
···
       //     <StarterPackCard starterPack={embed.record} />
       //   </div>
       // )
-    } else if (!!reallybaduri && !!reallybadaturi && reallybadaturi.collection === "app.bsky.graph.starterpack") {
-      return <div className="rounded-xl border"><FeedItemRenderAturiLoader aturi={reallybaduri} disableBottomBorder listmode disablePropagation /></div>
+    } else if (
+      !!reallybaduri &&
+      !!reallybadaturi &&
+      reallybadaturi.collection === "app.bsky.graph.starterpack"
+    ) {
+      return (
+        <div className="rounded-xl border">
+          <FeedItemRenderAturiLoader
+            aturi={reallybaduri}
+            disableBottomBorder
+            listmode
+            disablePropagation
+          />
+        </div>
+      );
     }
 
     // quote post

src/routes/settings.tsx

···
   defaultslingshotURL,
   defaultVideoCDN,
   enableBitesAtom,
+  enableBridgyTextAtom,
+  enableWafrnTextAtom,
   hueAtom,
   imgCDNAtom,
   slingshotURLAtom,
···
       <SwitchSetting
         atom={enableBitesAtom}
         title={"Bites"}
-        description={"Enable Wafrn Bites to bite other people"}
+        description={"Enable Wafrn Bites to bite and be bitten by other people"}
+        //init={false}
+      />
+      <div className="h-4" />
+      <SwitchSetting
+        atom={enableBridgyTextAtom}
+        title={"Bridgy Text"}
+        description={
+          "Show the original text of posts bridged from the Fediverse"
+        }
+        //init={false}
+      />
+      <div className="h-4" />
+      <SwitchSetting
+        atom={enableWafrnTextAtom}
+        title={"Wafrn Text"}
+        description={
+          "Show the original text of posts from Wafrn instances"
+        }
         //init={false}
       />
       <p className="text-gray-500 dark:text-gray-400 py-4 px-4 text-sm border rounded-xl mx-4 mt-8 mb-4">
···
 
   return (
     <div className="flex items-center gap-4 px-4 ">
-      <div className="flex flex-col">
-        <label htmlFor="switch-demo" className="text-md">
-          {title}
-        </label>
-        <span className="text-sm text-gray-500 dark:text-gray-400">
-          {description}
-        </span>
-      </div>
-
-      <div className="flex-1" />
+      <label htmlFor={`switch-${title}`} className="flex flex-row flex-1">
+        <div className="flex flex-col">
+          <span className="text-md">{title}</span>
+          <span className="text-sm text-gray-500 dark:text-gray-400">
+            {description}
+          </span>
+        </div>
+      </label>
 
       <Switch.Root
-        id="switch-demo"
+        id={`switch-${title}`}
         checked={value}
         onCheckedChange={(v) => setValue(v)}
         className="m3switch root"

src/utils/atoms.ts

···
   "enableBitesAtom",
   false
 );
+
+export const enableBridgyTextAtom = atomWithStorage<boolean>(
+  "enableBridgyTextAtom",
+  false
+);
+
+export const enableWafrnTextAtom = atomWithStorage<boolean>(
+  "enableWafrnTextAtom",
+  false
+);