refactor: move everything to makeAtUri

src/api/queries/feed.ts

···
 
 import { useAgent } from '~/lib/states/agent';
 
-import { isDid, parseAtUri } from '../utils/strings';
+import { isDid, makeAtUri, parseAtUri } from '../utils/strings';
 
 import { resolveHandle } from './handle';
 
···
 				const { data } = await rpc.get('app.bsky.feed.getFeedGenerator', {
 					signal: ctx.signal,
 					params: {
-						feed: `at://${did}/${uri.collection}/${uri.rkey}`,
+						feed: makeAtUri(did, uri.collection, uri.rkey),
 					},
 				});
 

src/api/queries/list.ts

···
 
 import { useAgent } from '~/lib/states/agent';
 
-import { isDid, parseAtUri } from '../utils/strings';
+import { isDid, makeAtUri, parseAtUri } from '../utils/strings';
 
 import { resolveHandle } from './handle';
 
···
 				const { data } = await rpc.get('app.bsky.graph.getList', {
 					signal: ctx.signal,
 					params: {
-						list: `at://${did}/${uri.collection}/${uri.rkey}`,
+						list: makeAtUri(did, uri.collection, uri.rkey),
 						limit: 1,
 					},
 				});

src/api/queries/post.ts

···
 import { useAgent } from '~/lib/states/agent';
 
 import { findPostsInCache } from '../cache/post-shadow';
-import { isDid, parseAtUri } from '../utils/strings';
+import { isDid, makeAtUri, parseAtUri } from '../utils/strings';
 
 import { resolveHandle } from './handle';
 
···
 				const { data } = await rpc.get('app.bsky.feed.getPosts', {
 					signal: ctx.signal,
 					params: {
-						uris: [`at://${did}/${uri.collection}/${uri.rkey}`],
+						uris: [makeAtUri(did, uri.collection, uri.rkey)],
 					},
 				});
 

src/components/composer/lib/api.ts

···
 import { getUtf8Length } from '~/api/richtext/intl';
 import { type PreliminaryRichText, parseRt } from '~/api/richtext/parser/parse';
 import { getRecord } from '~/api/utils/records';
+import { makeAtUri } from '~/api/utils/strings';
 
 import { compressPostImage } from '~/lib/bsky/image';
 import type { AgentContext } from '~/lib/states/agent';
···
 		rkey = TID.now();
 
 		const post = state.posts[idx];
-		const uri = `at://${did}/app.bsky.feed.post/${rkey}`;
+		const uri = makeAtUri(did, 'app.bsky.feed.post', rkey);
 
 		// Resolve rich text
 		const rt = await resolveRichtext(parseRt(post.text, true));

src/components/composer/lib/link-detection.ts

···
-import { safeUrlParse } from '~/api/utils/strings';
+import { makeAtUri, safeUrlParse } from '~/api/utils/strings';
 
 import { BSKY_FEED_LINK_RE, BSKY_LIST_LINK_RE, BSKY_POST_LINK_RE } from '~/lib/bsky/link-detection';
 
···
 
 				return {
 					type: EmbedKind.QUOTE,
-					uri: `at://${handleOrDid}/app.bsky.feed.post/${rkey}`,
+					uri: makeAtUri(handleOrDid, 'app.bsky.feed.post', rkey),
 					origin: false,
 				};
 			}
···
 
 				return {
 					type: EmbedKind.FEED,
-					uri: `at://${handleOrDid}/app.bsky.feed.generator/${rkey}`,
+					uri: makeAtUri(handleOrDid, 'app.bsky.feed.generator', rkey),
 				};
 			}
 
···
 
 				return {
 					type: EmbedKind.LIST,
-					uri: `at://${handleOrDid}/app.bsky.graph.list/${rkey}`,
+					uri: makeAtUri(handleOrDid, 'app.bsky.graph.list', rkey),
 				};
 			}
 		}

src/views/feed.tsx

···
-import { Match, Switch } from 'solid-js';
+import { Match, Show, Switch } from 'solid-js';
 
 import { useQueryClient } from '@mary/solid-query';
 
 import { createFeedMetaQuery } from '~/api/queries/feed';
-import { isDid } from '~/api/utils/strings';
+import { isDid, makeAtUri } from '~/api/utils/strings';
 
 import { history } from '~/globals/navigation';
 
···
 
 import CircularProgressView from '~/components/circular-progress-view';
 import ErrorView from '~/components/error-view';
+import IconButton from '~/components/icon-button';
+import CircleInfoOutlinedIcon from '~/components/icons-central/circle-info-outline';
 import * as Page from '~/components/page';
 import TimelineList from '~/components/timeline/timeline-list';
 
···
 
 	const queryClient = useQueryClient();
 
-	const uri = `at://${didOrHandle}/app.bsky.feed.generator/${rkey}`;
+	const uri = makeAtUri(didOrHandle, 'app.bsky.feed.generator', rkey);
 	const meta = createFeedMetaQuery(() => uri);
 
 	return (
···
 						return `Feed`;
 					})()}
 				/>
+
+				<Show when={meta.data}>
+					<Page.HeaderAccessory>
+						<IconButton
+							title="Feed information"
+							icon={CircleInfoOutlinedIcon}
+							onClick={() => {
+								history.navigate(`/${didOrHandle}/feeds/${rkey}/info`);
+							}}
+						/>
+					</Page.HeaderAccessory>
+				</Show>
 			</Page.Header>
 
 			<Switch>

src/views/post-likes.tsx

···
 import { createSubjectLikersQuery } from '~/api/queries/subject-likers';
+import { makeAtUri } from '~/api/utils/strings';
 
 import { useParams } from '~/lib/navigation/router';
 
···
 const PostLikesPage = () => {
 	const { did, rkey } = useParams();
 
-	const likers = createSubjectLikersQuery(() => `at://${did}/app.bsky.feed.post/${rkey}`);
+	const uri = makeAtUri(did, 'app.bsky.feed.post', rkey);
+	const likers = createSubjectLikersQuery(() => uri);
 
 	return (
 		<>

src/views/post-quotes.tsx

···
 import { createPostQuotesQuery } from '~/api/queries/post-quotes';
+import { makeAtUri } from '~/api/utils/strings';
 
 import { useParams } from '~/lib/navigation/router';
 
···
 const PostQuotesPage = () => {
 	const { did, rkey } = useParams();
 
-	const quotes = createPostQuotesQuery(() => `at://${did}/app.bsky.feed.post/${rkey}`);
+	const uri = makeAtUri(did, 'app.bsky.feed.post', rkey);
+	const quotes = createPostQuotesQuery(() => uri);
 
 	return (
 		<>

src/views/post-reposts.tsx

···
 import { createSubjectRepostersQuery } from '~/api/queries/subject-reposters';
+import { makeAtUri } from '~/api/utils/strings';
 
 import { useParams } from '~/lib/navigation/router';
 
···
 const PostLikesPage = () => {
 	const { did, rkey } = useParams();
 
-	const reposters = createSubjectRepostersQuery(() => `at://${did}/app.bsky.feed.post/${rkey}`);
+	const uri = makeAtUri(did, 'app.bsky.feed.post', rkey);
+	const reposters = createSubjectRepostersQuery(() => uri);
 
 	return (
 		<>

src/views/post-thread.tsx

···
 	createThreadData,
 } from '~/api/models/post-thread';
 import { usePostThreadQuery } from '~/api/queries/post-thread';
-import { isDid } from '~/api/utils/strings';
+import { isDid, makeAtUri } from '~/api/utils/strings';
 
 import { history } from '~/globals/navigation';
 
···
 	const { didOrHandle, rkey } = useParams();
 
 	const queryClient = useQueryClient();
-	const query = usePostThreadQuery(() => `at://${didOrHandle}/app.bsky.feed.post/${rkey}`);
+
+	const uri = makeAtUri(didOrHandle, 'app.bsky.feed.post', rkey);
+	const query = usePostThreadQuery(() => uri);
 
 	return (
 		<>
···
 								keyed
 							>
 								{({ data, did }) => {
-									queryClient.setQueryData(['post-thread', `at://${did}/app.bsky.feed.post/${rkey}`], data);
+									queryClient.setQueryData(['post-thread', makeAtUri(did, 'app.bsky.feed.post', rkey)], data);
 									history.navigate(`/${did}/${rkey}`, { replace: true });
 									return null;
 								}}