+1 -1

.prettierrc

··· 1 1 - {} 1 1 + {}

+8 -18

actions/publishToPublication.ts

··· 2 2 3 3 import * as Y from "yjs"; 4 4 import * as base64 from "base64-js"; 5 5 - import { restoreOAuthSession, OAuthSessionError } from "src/atproto-oauth"; 5 5 + import { 6 6 + restoreOAuthSession, 7 7 + OAuthSessionError, 8 8 + } from "src/atproto-oauth"; 6 9 import { getIdentityData } from "actions/getIdentityData"; 7 10 import { 8 11 AtpBaseClient, ··· 47 50 ColorToRGBA, 48 51 } from "components/ThemeManager/colorToLexicons"; 49 52 import { parseColor } from "@react-stately/color"; 50 50 - import { 51 51 - Notification, 52 52 - pingIdentityToUpdateNotification, 53 53 - } from "src/notifications"; 53 53 + import { Notification, pingIdentityToUpdateNotification } from "src/notifications"; 54 54 import { v7 } from "uuid"; 55 55 56 56 type PublishResult = ··· 253 253 254 254 // Create notifications for mentions (only on first publish) 255 255 if (!existingDocUri) { 256 256 - await createMentionNotifications( 257 257 - result.uri, 258 258 - record, 259 259 - credentialSession.did!, 260 260 - ); 256 256 + await createMentionNotifications(result.uri, record, credentialSession.did!); 261 257 } 262 258 263 259 return { success: true, rkey, record: JSON.parse(JSON.stringify(record)) }; ··· 467 463 468 464 if (b.type == "text") { 469 465 let [stringValue, facets] = getBlockContent(b.value); 470 470 - let [textSize] = scan.eav(b.value, "block/text-size"); 471 466 let block: $Typed<PubLeafletBlocksText.Main> = { 472 467 $type: ids.PubLeafletBlocksText, 473 468 plaintext: stringValue, 474 469 facets, 475 475 - ...(textSize && { textSize: textSize.data.value }), 476 470 }; 477 471 return block; 478 472 } ··· 871 865 .single(); 872 866 873 867 if (publication && publication.identity_did !== authorDid) { 874 874 - mentionedPublications.set( 875 875 - publication.identity_did, 876 876 - feature.atURI, 877 877 - ); 868 868 + mentionedPublications.set(publication.identity_did, feature.atURI); 878 869 } 879 870 } else if (uri.collection === "pub.leaflet.document") { 880 871 // Get the document owner's DID ··· 885 876 .single(); 886 877 887 878 if (document) { 888 888 - const docRecord = 889 889 - document.data as PubLeafletDocument.Record; 879 879 + const docRecord = document.data as PubLeafletDocument.Record; 890 880 if (docRecord.author !== authorDid) { 891 881 mentionedDocuments.set(docRecord.author, feature.atURI); 892 882 }

+1 -1

app/(home-pages)/notifications/CommentNotication.tsx

··· 1 1 - import { BaseTextBlock } from "app/lish/[did]/[publication]/[rkey]/Blocks/BaseTextBlock"; 1 1 + import { BaseTextBlock } from "app/lish/[did]/[publication]/[rkey]/BaseTextBlock"; 2 2 import { 3 3 AppBskyActorProfile, 4 4 PubLeafletComment,

+1 -1

app/(home-pages)/notifications/Notification.tsx

··· 1 1 "use client"; 2 2 import { Avatar } from "components/Avatar"; 3 3 - import { BaseTextBlock } from "app/lish/[did]/[publication]/[rkey]/Blocks/BaseTextBlock"; 3 3 + import { BaseTextBlock } from "app/lish/[did]/[publication]/[rkey]/BaseTextBlock"; 4 4 import { PubLeafletPublication, PubLeafletRichtextFacet } from "lexicons/api"; 5 5 import { timeAgo } from "src/utils/timeAgo"; 6 6 import { useReplicache, useEntity } from "src/replicache";

+1 -1

app/(home-pages)/notifications/ReplyNotification.tsx

··· 1 1 import { Avatar } from "components/Avatar"; 2 2 - import { BaseTextBlock } from "app/lish/[did]/[publication]/[rkey]/Blocks/BaseTextBlock"; 2 2 + import { BaseTextBlock } from "app/lish/[did]/[publication]/[rkey]/BaseTextBlock"; 3 3 import { ReplyTiny } from "components/Icons/ReplyTiny"; 4 4 import { 5 5 CommentInNotification,

+1 -1

app/(home-pages)/p/[didOrHandle]/comments/CommentsContent.tsx

··· 6 6 import { PubLeafletComment, PubLeafletDocument } from "lexicons/api"; 7 7 import { ReplyTiny } from "components/Icons/ReplyTiny"; 8 8 import { Avatar } from "components/Avatar"; 9 9 - import { BaseTextBlock } from "app/lish/[did]/[publication]/[rkey]/Blocks/BaseTextBlock"; 9 9 + import { BaseTextBlock } from "app/lish/[did]/[publication]/[rkey]/BaseTextBlock"; 10 10 import { blobRefToSrc } from "src/utils/blobRefToSrc"; 11 11 import { 12 12 getProfileComments,

-24

app/[leaflet_id]/actions/HelpButton.tsx

··· 58 58 keys={[metaKey(), isMac() ? "Ctrl" : "Meta", "X"]} 59 59 /> 60 60 <KeyboardShortcut name="Inline Link" keys={[metaKey(), "K"]} /> 61 61 - <KeyboardShortcut 62 62 - name="Make Title" 63 63 - keys={[metaKey(), isMac() ? "Opt" : "Alt", "1"]} 64 64 - /> 65 65 - <KeyboardShortcut 66 66 - name="Make Heading" 67 67 - keys={[metaKey(), isMac() ? "Opt" : "Alt", "2"]} 68 68 - /> 69 69 - <KeyboardShortcut 70 70 - name="Make Subheading" 71 71 - keys={[metaKey(), isMac() ? "Opt" : "Alt", "3"]} 72 72 - /> 73 73 - <KeyboardShortcut 74 74 - name="Regular Text" 75 75 - keys={[metaKey(), isMac() ? "Opt" : "Alt", "0"]} 76 76 - /> 77 77 - <KeyboardShortcut 78 78 - name="Large Text" 79 79 - keys={[metaKey(), isMac() ? "Opt" : "Alt", "+"]} 80 80 - /> 81 81 - <KeyboardShortcut 82 82 - name="Small Text" 83 83 - keys={[metaKey(), isMac() ? "Opt" : "Alt", "-"]} 84 84 - /> 85 61 86 62 <Label>Block Shortcuts</Label> 87 63 {/* shift + up/down arrows (or click + drag): select multiple blocks */}

+1 -3

app/[leaflet_id]/actions/PublishButton.tsx

··· 136 136 content: ( 137 137 <div> 138 138 {pub.doc ? "Updated! " : "Published! "} 139 139 - <SpeedyLink className="underline font-bold" href={docUrl}> 140 140 - See Post 141 141 - </SpeedyLink> 139 139 + <SpeedyLink href={docUrl}>link</SpeedyLink> 142 140 </div> 143 141 ), 144 142 type: "success",

+1 -5

app/[leaflet_id]/publish/PublishPost.tsx

··· 199 199 className="place-self-end h-[30px]" 200 200 disabled={charCount > 300} 201 201 > 202 202 - {isLoading ? ( 203 203 - <DotLoader className="h-[23px]" /> 204 204 - ) : ( 205 205 - "Publish this Post!" 206 206 - )} 202 202 + {isLoading ? <DotLoader /> : "Publish this Post!"} 207 203 </ButtonPrimary> 208 204 </div> 209 205 {oauthError && (

+26

app/lish/[did]/[publication]/[rkey]/BaseTextBlock.tsx

··· 1 1 + import { ProfilePopover } from "components/ProfilePopover"; 2 2 + import { TextBlockCore, TextBlockCoreProps, RichText } from "./TextBlockCore"; 3 3 + import { ReactNode } from "react"; 4 4 + 5 5 + // Re-export RichText for backwards compatibility 6 6 + export { RichText }; 7 7 + 8 8 + function DidMentionWithPopover(props: { did: string; children: ReactNode }) { 9 9 + return ( 10 10 + <ProfilePopover 11 11 + didOrHandle={props.did} 12 12 + trigger={props.children} 13 13 + /> 14 14 + ); 15 15 + } 16 16 + 17 17 + export function BaseTextBlock(props: Omit<TextBlockCoreProps, "renderers">) { 18 18 + return ( 19 19 + <TextBlockCore 20 20 + {...props} 21 21 + renderers={{ 22 22 + DidMention: DidMentionWithPopover, 23 23 + }} 24 24 + /> 25 25 + ); 26 26 + }

-25

app/lish/[did]/[publication]/[rkey]/Blocks/BaseTextBlock.tsx

··· 1 1 - import { ProfilePopover } from "components/ProfilePopover"; 2 2 - import { 3 3 - TextBlockCore, 4 4 - TextBlockCoreProps, 5 5 - RichText, 6 6 - } from "../Blocks/TextBlockCore"; 7 7 - import { ReactNode } from "react"; 8 8 - 9 9 - // Re-export RichText for backwards compatibility 10 10 - export { RichText }; 11 11 - 12 12 - function DidMentionWithPopover(props: { did: string; children: ReactNode }) { 13 13 - return <ProfilePopover didOrHandle={props.did} trigger={props.children} />; 14 14 - } 15 15 - 16 16 - export function BaseTextBlock(props: Omit<TextBlockCoreProps, "renderers">) { 17 17 - return ( 18 18 - <TextBlockCore 19 19 - {...props} 20 20 - renderers={{ 21 21 - DidMention: DidMentionWithPopover, 22 22 - }} 23 23 - /> 24 24 - ); 25 25 - }

-28

app/lish/[did]/[publication]/[rkey]/Blocks/PubCodeBlock.tsx

··· 1 1 - "use client"; 2 2 - 3 3 - import { PubLeafletBlocksCode } from "lexicons/api"; 4 4 - import { useLayoutEffect, useState } from "react"; 5 5 - import { codeToHtml, bundledLanguagesInfo, bundledThemesInfo } from "shiki"; 6 6 - 7 7 - export function PubCodeBlock({ 8 8 - block, 9 9 - prerenderedCode, 10 10 - }: { 11 11 - block: PubLeafletBlocksCode.Main; 12 12 - prerenderedCode?: string; 13 13 - }) { 14 14 - const [html, setHTML] = useState<string | null>(prerenderedCode || null); 15 15 - 16 16 - useLayoutEffect(() => { 17 17 - const lang = bundledLanguagesInfo.find((l) => l.id === block.language)?.id || "plaintext"; 18 18 - const theme = bundledThemesInfo.find((t) => t.id === block.syntaxHighlightingTheme)?.id || "github-light"; 19 19 - 20 20 - codeToHtml(block.plaintext, { lang, theme }).then(setHTML); 21 21 - }, [block]); 22 22 - return ( 23 23 - <div 24 24 - className="w-full min-h-[42px] my-2 rounded-md border-border-light outline-border-light selected-outline" 25 25 - dangerouslySetInnerHTML={{ __html: html || "" }} 26 26 - /> 27 27 - ); 28 28 - }

-174

app/lish/[did]/[publication]/[rkey]/Blocks/PublishBskyPostBlock.tsx

··· 1 1 - import { PostView } from "@atproto/api/dist/client/types/app/bsky/feed/defs"; 2 2 - import { AppBskyFeedDefs, AppBskyFeedPost } from "@atproto/api"; 3 3 - import { Separator } from "components/Layout"; 4 4 - import { useHasPageLoaded } from "components/InitialPageLoadProvider"; 5 5 - import { BlueskyTiny } from "components/Icons/BlueskyTiny"; 6 6 - import { CommentTiny } from "components/Icons/CommentTiny"; 7 7 - import { QuoteTiny } from "components/Icons/QuoteTiny"; 8 8 - import { ThreadLink, QuotesLink } from "../PostLinks"; 9 9 - import { useLocalizedDate } from "src/hooks/useLocalizedDate"; 10 10 - import { 11 11 - BlueskyEmbed, 12 12 - PostNotAvailable, 13 13 - } from "components/Blocks/BlueskyPostBlock/BlueskyEmbed"; 14 14 - import { BlueskyRichText } from "components/Blocks/BlueskyPostBlock/BlueskyRichText"; 15 15 - import { openPage } from "../PostPages"; 16 16 - 17 17 - export const PubBlueskyPostBlock = (props: { 18 18 - post: PostView; 19 19 - className: string; 20 20 - pageId?: string; 21 21 - }) => { 22 22 - let post = props.post; 23 23 - 24 24 - const handleOpenThread = () => { 25 25 - openPage(props.pageId ? { type: "doc", id: props.pageId } : undefined, { 26 26 - type: "thread", 27 27 - uri: post.uri, 28 28 - }); 29 29 - }; 30 30 - 31 31 - switch (true) { 32 32 - case AppBskyFeedDefs.isBlockedPost(post) || 33 33 - AppBskyFeedDefs.isBlockedAuthor(post) || 34 34 - AppBskyFeedDefs.isNotFoundPost(post): 35 35 - return ( 36 36 - <div className={`w-full`}> 37 37 - <PostNotAvailable /> 38 38 - </div> 39 39 - ); 40 40 - 41 41 - case AppBskyFeedDefs.validatePostView(post).success: 42 42 - let record = post.record as AppBskyFeedDefs.PostView["record"]; 43 43 - 44 44 - // silliness to get the text and timestamp from the record with proper types 45 45 - let timestamp: string | undefined = undefined; 46 46 - if (AppBskyFeedPost.isRecord(record)) { 47 47 - timestamp = (record as AppBskyFeedPost.Record).createdAt; 48 48 - } 49 49 - 50 50 - //getting the url to the post 51 51 - let postId = post.uri.split("/")[4]; 52 52 - let url = `https://bsky.app/profile/${post.author.handle}/post/${postId}`; 53 53 - 54 54 - const parent = props.pageId 55 55 - ? { type: "doc" as const, id: props.pageId } 56 56 - : undefined; 57 57 - 58 58 - return ( 59 59 - <div 60 60 - onClick={handleOpenThread} 61 61 - className={` 62 62 - ${props.className} 63 63 - block-border 64 64 - mb-2 65 65 - flex flex-col gap-2 relative w-full overflow-hidden group/blueskyPostBlock sm:p-3 p-2 text-sm text-secondary bg-bg-page 66 66 - cursor-pointer hover:border-accent-contrast 67 67 - `} 68 68 - > 69 69 - {post.author && record && ( 70 70 - <> 71 71 - <div className="bskyAuthor w-full flex items-center gap-2"> 72 72 - {post.author.avatar && ( 73 73 - <img 74 74 - src={post.author?.avatar} 75 75 - alt={`${post.author?.displayName}'s avatar`} 76 76 - className="shink-0 w-8 h-8 rounded-full border border-border-light" 77 77 - /> 78 78 - )} 79 79 - <div className="grow flex flex-col gap-0.5 leading-tight"> 80 80 - <div className=" font-bold text-secondary"> 81 81 - {post.author?.displayName} 82 82 - </div> 83 83 - <a 84 84 - className="text-xs text-tertiary hover:underline" 85 85 - target="_blank" 86 86 - href={`https://bsky.app/profile/${post.author?.handle}`} 87 87 - onClick={(e) => e.stopPropagation()} 88 88 - > 89 89 - @{post.author?.handle} 90 90 - </a> 91 91 - </div> 92 92 - </div> 93 93 - 94 94 - <div className="flex flex-col gap-2 "> 95 95 - <div> 96 96 - <pre className="whitespace-pre-wrap"> 97 97 - {BlueskyRichText({ 98 98 - record: record as AppBskyFeedPost.Record | null, 99 99 - })} 100 100 - </pre> 101 101 - </div> 102 102 - {post.embed && ( 103 103 - <div onClick={(e) => e.stopPropagation()}> 104 104 - <BlueskyEmbed embed={post.embed} postUrl={url} /> 105 105 - </div> 106 106 - )} 107 107 - </div> 108 108 - </> 109 109 - )} 110 110 - <div className="w-full flex gap-2 items-center justify-between"> 111 111 - <ClientDate date={timestamp} /> 112 112 - <div className="flex gap-2 items-center"> 113 113 - {post.replyCount != null && post.replyCount > 0 && ( 114 114 - <> 115 115 - <ThreadLink 116 116 - threadUri={post.uri} 117 117 - parent={parent} 118 118 - className="flex items-center gap-1 hover:text-accent-contrast" 119 119 - onClick={(e) => e.stopPropagation()} 120 120 - > 121 121 - {post.replyCount} 122 122 - <CommentTiny /> 123 123 - </ThreadLink> 124 124 - <Separator classname="h-4" /> 125 125 - </> 126 126 - )} 127 127 - {post.quoteCount != null && post.quoteCount > 0 && ( 128 128 - <> 129 129 - <QuotesLink 130 130 - postUri={post.uri} 131 131 - parent={parent} 132 132 - className="flex items-center gap-1 hover:text-accent-contrast" 133 133 - onClick={(e) => e.stopPropagation()} 134 134 - > 135 135 - {post.quoteCount} 136 136 - <QuoteTiny /> 137 137 - </QuotesLink> 138 138 - <Separator classname="h-4" /> 139 139 - </> 140 140 - )} 141 141 - 142 142 - <a 143 143 - className="" 144 144 - target="_blank" 145 145 - href={url} 146 146 - onClick={(e) => e.stopPropagation()} 147 147 - > 148 148 - <BlueskyTiny /> 149 149 - </a> 150 150 - </div> 151 151 - </div> 152 152 - </div> 153 153 - ); 154 154 - } 155 155 - }; 156 156 - 157 157 - const ClientDate = (props: { date?: string }) => { 158 158 - let pageLoaded = useHasPageLoaded(); 159 159 - const formattedDate = useLocalizedDate( 160 160 - props.date || new Date().toISOString(), 161 161 - { 162 162 - month: "short", 163 163 - day: "numeric", 164 164 - year: "numeric", 165 165 - hour: "numeric", 166 166 - minute: "numeric", 167 167 - hour12: true, 168 168 - }, 169 169 - ); 170 170 - 171 171 - if (!pageLoaded) return null; 172 172 - 173 173 - return <div className="text-xs text-tertiary">{formattedDate}</div>; 174 174 - };

-344

app/lish/[did]/[publication]/[rkey]/Blocks/PublishedPageBlock.tsx

··· 1 1 - "use client"; 2 2 - 3 3 - import { useEntity, useReplicache } from "src/replicache"; 4 4 - import { useUIState } from "src/useUIState"; 5 5 - import { CSSProperties, useContext, useRef } from "react"; 6 6 - import { useCardBorderHidden } from "components/Pages/useCardBorderHidden"; 7 7 - import { PostContent, Block } from "../PostContent"; 8 8 - import { 9 9 - PubLeafletBlocksHeader, 10 10 - PubLeafletBlocksText, 11 11 - PubLeafletComment, 12 12 - PubLeafletPagesLinearDocument, 13 13 - PubLeafletPagesCanvas, 14 14 - PubLeafletPublication, 15 15 - } from "lexicons/api"; 16 16 - import { AppBskyFeedDefs } from "@atproto/api"; 17 17 - import { TextBlock } from "./TextBlock"; 18 18 - import { PostPageContext } from "../PostPageContext"; 19 19 - import { openPage, useOpenPages } from "../PostPages"; 20 20 - import { 21 21 - openInteractionDrawer, 22 22 - setInteractionState, 23 23 - useInteractionState, 24 24 - } from "../Interactions/Interactions"; 25 25 - import { CommentTiny } from "components/Icons/CommentTiny"; 26 26 - import { QuoteTiny } from "components/Icons/QuoteTiny"; 27 27 - import { CanvasBackgroundPattern } from "components/Canvas"; 28 28 - 29 29 - export function PublishedPageLinkBlock(props: { 30 30 - blocks: PubLeafletPagesLinearDocument.Block[] | PubLeafletPagesCanvas.Block[]; 31 31 - parentPageId: string | undefined; 32 32 - pageId: string; 33 33 - did: string; 34 34 - preview?: boolean; 35 35 - className?: string; 36 36 - prerenderedCodeBlocks?: Map<string, string>; 37 37 - bskyPostData: AppBskyFeedDefs.PostView[]; 38 38 - isCanvas?: boolean; 39 39 - pages?: (PubLeafletPagesLinearDocument.Main | PubLeafletPagesCanvas.Main)[]; 40 40 - }) { 41 41 - //switch to use actually state 42 42 - let openPages = useOpenPages(); 43 43 - let isOpen = openPages.some((p) => p.type === "doc" && p.id === props.pageId); 44 44 - return ( 45 45 - <div 46 46 - className={`w-full cursor-pointer 47 47 - pageLinkBlockWrapper relative group/pageLinkBlock 48 48 - bg-bg-page shadow-sm 49 49 - flex overflow-clip 50 50 - block-border 51 51 - ${isOpen && "!border-tertiary"} 52 52 - ${props.className} 53 53 - `} 54 54 - onClick={(e) => { 55 55 - if (e.isDefaultPrevented()) return; 56 56 - if (e.shiftKey) return; 57 57 - e.preventDefault(); 58 58 - e.stopPropagation(); 59 59 - 60 60 - openPage( 61 61 - props.parentPageId 62 62 - ? { type: "doc", id: props.parentPageId } 63 63 - : undefined, 64 64 - { type: "doc", id: props.pageId }, 65 65 - ); 66 66 - }} 67 67 - > 68 68 - {props.isCanvas ? ( 69 69 - <CanvasLinkBlock 70 70 - blocks={props.blocks as PubLeafletPagesCanvas.Block[]} 71 71 - did={props.did} 72 72 - pageId={props.pageId} 73 73 - bskyPostData={props.bskyPostData} 74 74 - pages={props.pages || []} 75 75 - /> 76 76 - ) : ( 77 77 - <DocLinkBlock 78 78 - {...props} 79 79 - blocks={props.blocks as PubLeafletPagesLinearDocument.Block[]} 80 80 - /> 81 81 - )} 82 82 - </div> 83 83 - ); 84 84 - } 85 85 - export function DocLinkBlock(props: { 86 86 - blocks: PubLeafletPagesLinearDocument.Block[]; 87 87 - pageId: string; 88 88 - parentPageId?: string; 89 89 - did: string; 90 90 - preview?: boolean; 91 91 - className?: string; 92 92 - prerenderedCodeBlocks?: Map<string, string>; 93 93 - bskyPostData: AppBskyFeedDefs.PostView[]; 94 94 - }) { 95 95 - let [title, description] = props.blocks 96 96 - .map((b) => b.block) 97 97 - .filter( 98 98 - (b) => PubLeafletBlocksText.isMain(b) || PubLeafletBlocksHeader.isMain(b), 99 99 - ); 100 100 - 101 101 - return ( 102 102 - <div 103 103 - style={{ "--list-marker-width": "20px" } as CSSProperties} 104 104 - className={` 105 105 - w-full h-[104px] 106 106 - `} 107 107 - > 108 108 - <> 109 109 - <div className="pageLinkBlockContent w-full flex overflow-clip cursor-pointer h-full"> 110 110 - <div className="my-2 ml-3 grow min-w-0 text-sm bg-transparent overflow-clip flex flex-col "> 111 111 - <div className="grow"> 112 112 - {title && ( 113 113 - <div 114 114 - className={`pageBlockOne outline-none resize-none align-top gap-2 ${title.$type === "pub.leaflet.blocks.header" ? "font-bold text-base" : ""}`} 115 115 - > 116 116 - <TextBlock 117 117 - facets={title.facets} 118 118 - plaintext={title.plaintext} 119 119 - index={[]} 120 120 - preview 121 121 - /> 122 122 - </div> 123 123 - )} 124 124 - {description && ( 125 125 - <div 126 126 - className={`pageBlockLineTwo outline-none resize-none align-top gap-2 ${description.$type === "pub.leaflet.blocks.header" ? "font-bold" : ""}`} 127 127 - > 128 128 - <TextBlock 129 129 - facets={description.facets} 130 130 - plaintext={description.plaintext} 131 131 - index={[]} 132 132 - preview 133 133 - /> 134 134 - </div> 135 135 - )} 136 136 - </div> 137 137 - 138 138 - <Interactions 139 139 - pageId={props.pageId} 140 140 - parentPageId={props.parentPageId} 141 141 - /> 142 142 - </div> 143 143 - {!props.preview && ( 144 144 - <PagePreview blocks={props.blocks} did={props.did} /> 145 145 - )} 146 146 - </div> 147 147 - </> 148 148 - </div> 149 149 - ); 150 150 - } 151 151 - 152 152 - export function PagePreview(props: { 153 153 - did: string; 154 154 - blocks: PubLeafletPagesLinearDocument.Block[]; 155 155 - }) { 156 156 - let previewRef = useRef<HTMLDivElement | null>(null); 157 157 - let { rootEntity } = useReplicache(); 158 158 - let data = useContext(PostPageContext); 159 159 - let theme = data?.theme; 160 160 - let pageWidth = `var(--page-width-unitless)`; 161 161 - let cardBorderHidden = !theme?.showPageBackground; 162 162 - return ( 163 163 - <div 164 164 - ref={previewRef} 165 165 - className={`pageLinkBlockPreview w-[120px] overflow-clip mx-3 mt-3 -mb-2 border rounded-md shrink-0 border-border-light flex flex-col gap-0.5 rotate-[4deg] origin-center ${cardBorderHidden ? "" : "bg-bg-page"}`} 166 166 - > 167 167 - <div 168 168 - className="absolute top-0 left-0 origin-top-left pointer-events-none " 169 169 - style={{ 170 170 - width: `calc(1px * ${pageWidth})`, 171 171 - height: `calc(100vh - 64px)`, 172 172 - transform: `scale(calc((120 / ${pageWidth} )))`, 173 173 - backgroundColor: "rgba(var(--bg-page), var(--bg-page-alpha))", 174 174 - }} 175 175 - > 176 176 - {!cardBorderHidden && ( 177 177 - <div 178 178 - className={`pageLinkBlockBackground 179 179 - absolute top-0 left-0 right-0 bottom-0 180 180 - pointer-events-none 181 181 - `} 182 182 - /> 183 183 - )} 184 184 - <PostContent 185 185 - pollData={[]} 186 186 - pages={[]} 187 187 - did={props.did} 188 188 - blocks={props.blocks} 189 189 - preview 190 190 - bskyPostData={[]} 191 191 - /> 192 192 - </div> 193 193 - </div> 194 194 - ); 195 195 - } 196 196 - 197 197 - const Interactions = (props: { pageId: string; parentPageId?: string }) => { 198 198 - const data = useContext(PostPageContext); 199 199 - const document_uri = data?.uri; 200 200 - if (!document_uri) 201 201 - throw new Error("document_uri not available in PostPageContext"); 202 202 - let comments = data.comments_on_documents.filter( 203 203 - (c) => (c.record as PubLeafletComment.Record)?.onPage === props.pageId, 204 204 - ).length; 205 205 - let quotes = data.document_mentions_in_bsky.filter((q) => 206 206 - q.link.includes(props.pageId), 207 207 - ).length; 208 208 - 209 209 - let { drawerOpen, drawer, pageId } = useInteractionState(document_uri); 210 210 - 211 211 - return ( 212 212 - <div 213 213 - className={`flex gap-2 text-tertiary text-sm absolute bottom-2 bg-bg-page`} 214 214 - > 215 215 - {quotes > 0 && ( 216 216 - <button 217 217 - className={`flex gap-1 items-center`} 218 218 - onClick={(e) => { 219 219 - e.preventDefault(); 220 220 - e.stopPropagation(); 221 221 - openPage( 222 222 - props.parentPageId 223 223 - ? { type: "doc", id: props.parentPageId } 224 224 - : undefined, 225 225 - { type: "doc", id: props.pageId }, 226 226 - { scrollIntoView: false }, 227 227 - ); 228 228 - if (!drawerOpen || drawer !== "quotes") 229 229 - openInteractionDrawer("quotes", document_uri, props.pageId); 230 230 - else setInteractionState(document_uri, { drawerOpen: false }); 231 231 - }} 232 232 - > 233 233 - <span className="sr-only">Page quotes</span> 234 234 - <QuoteTiny aria-hidden /> {quotes}{" "} 235 235 - </button> 236 236 - )} 237 237 - {comments > 0 && ( 238 238 - <button 239 239 - className={`flex gap-1 items-center`} 240 240 - onClick={(e) => { 241 241 - e.preventDefault(); 242 242 - e.stopPropagation(); 243 243 - openPage( 244 244 - props.parentPageId 245 245 - ? { type: "doc", id: props.parentPageId } 246 246 - : undefined, 247 247 - { type: "doc", id: props.pageId }, 248 248 - { scrollIntoView: false }, 249 249 - ); 250 250 - if (!drawerOpen || drawer !== "comments" || pageId !== props.pageId) 251 251 - openInteractionDrawer("comments", document_uri, props.pageId); 252 252 - else setInteractionState(document_uri, { drawerOpen: false }); 253 253 - }} 254 254 - > 255 255 - <span className="sr-only">Page comments</span> 256 256 - <CommentTiny aria-hidden /> {comments}{" "} 257 257 - </button> 258 258 - )} 259 259 - </div> 260 260 - ); 261 261 - }; 262 262 - 263 263 - const CanvasLinkBlock = (props: { 264 264 - blocks: PubLeafletPagesCanvas.Block[]; 265 265 - did: string; 266 266 - pageId: string; 267 267 - bskyPostData: AppBskyFeedDefs.PostView[]; 268 268 - pages: (PubLeafletPagesLinearDocument.Main | PubLeafletPagesCanvas.Main)[]; 269 269 - }) => { 270 270 - let pageWidth = `var(--page-width-unitless)`; 271 271 - let height = 272 272 - props.blocks.length > 0 ? Math.max(...props.blocks.map((b) => b.y), 0) : 0; 273 273 - 274 274 - return ( 275 275 - <div 276 276 - style={{ contain: "size layout paint" }} 277 277 - className={`pageLinkBlockPreview shrink-0 h-[200px] w-full overflow-clip relative`} 278 278 - > 279 279 - <div 280 280 - className={`absolute top-0 left-0 origin-top-left pointer-events-none w-full`} 281 281 - style={{ 282 282 - width: `calc(1px * ${pageWidth})`, 283 283 - height: "calc(1150px * 2)", 284 284 - transform: `scale(calc(((${pageWidth} - 36) / 1272 )))`, 285 285 - }} 286 286 - > 287 287 - <div 288 288 - style={{ 289 289 - minHeight: height + 512, 290 290 - contain: "size layout paint", 291 291 - }} 292 292 - className="relative h-full w-[1272px]" 293 293 - > 294 294 - <div className="w-full h-full pointer-events-none"> 295 295 - <CanvasBackgroundPattern pattern="grid" /> 296 296 - </div> 297 297 - {props.blocks 298 298 - .sort((a, b) => { 299 299 - if (a.y === b.y) { 300 300 - return a.x - b.x; 301 301 - } 302 302 - return a.y - b.y; 303 303 - }) 304 304 - .map((canvasBlock, index) => { 305 305 - let { x, y, width, rotation } = canvasBlock; 306 306 - let transform = `translate(${x}px, ${y}px)${rotation ? ` rotate(${rotation}deg)` : ""}`; 307 307 - 308 308 - // Wrap the block in a LinearDocument.Block structure for compatibility 309 309 - let linearBlock: PubLeafletPagesLinearDocument.Block = { 310 310 - $type: "pub.leaflet.pages.linearDocument#block", 311 311 - block: canvasBlock.block, 312 312 - }; 313 313 - 314 314 - return ( 315 315 - <div 316 316 - key={index} 317 317 - className="absolute rounded-lg flex items-stretch origin-center p-3" 318 318 - style={{ 319 319 - top: 0, 320 320 - left: 0, 321 321 - width, 322 322 - transform, 323 323 - }} 324 324 - > 325 325 - <div className="contents"> 326 326 - <Block 327 327 - pollData={[]} 328 328 - pageId={props.pageId} 329 329 - pages={props.pages} 330 330 - bskyPostData={props.bskyPostData} 331 331 - block={linearBlock} 332 332 - did={props.did} 333 333 - index={[index]} 334 334 - preview={true} 335 335 - /> 336 336 - </div> 337 337 - </div> 338 338 - ); 339 339 - })} 340 340 - </div> 341 341 - </div> 342 342 - </div> 343 343 - ); 344 344 - };

-346

app/lish/[did]/[publication]/[rkey]/Blocks/PublishedPollBlock.tsx

··· 1 1 - "use client"; 2 2 - 3 3 - import { 4 4 - PubLeafletBlocksPoll, 5 5 - PubLeafletPollDefinition, 6 6 - PubLeafletPollVote, 7 7 - } from "lexicons/api"; 8 8 - import { useState, useEffect } from "react"; 9 9 - import { ButtonPrimary, ButtonSecondary } from "components/Buttons"; 10 10 - import { useIdentityData } from "components/IdentityProvider"; 11 11 - import { AtpAgent } from "@atproto/api"; 12 12 - import { voteOnPublishedPoll } from "../voteOnPublishedPoll"; 13 13 - import { PollData } from "../fetchPollData"; 14 14 - import { Popover } from "components/Popover"; 15 15 - import LoginForm from "app/login/LoginForm"; 16 16 - import { BlueskyTiny } from "components/Icons/BlueskyTiny"; 17 17 - import { getVoterIdentities, VoterIdentity } from "../getVoterIdentities"; 18 18 - import { Json } from "supabase/database.types"; 19 19 - import { InfoSmall } from "components/Icons/InfoSmall"; 20 20 - 21 21 - // Helper function to extract the first option from a vote record 22 22 - const getVoteOption = (voteRecord: any): string | null => { 23 23 - try { 24 24 - const record = voteRecord as PubLeafletPollVote.Record; 25 25 - return record.option && record.option.length > 0 ? record.option[0] : null; 26 26 - } catch { 27 27 - return null; 28 28 - } 29 29 - }; 30 30 - 31 31 - export const PublishedPollBlock = (props: { 32 32 - block: PubLeafletBlocksPoll.Main; 33 33 - pollData: PollData; 34 34 - className?: string; 35 35 - }) => { 36 36 - const { identity } = useIdentityData(); 37 37 - const [selectedOption, setSelectedOption] = useState<string | null>(null); 38 38 - const [isVoting, setIsVoting] = useState(false); 39 39 - const [showResults, setShowResults] = useState(false); 40 40 - const [optimisticVote, setOptimisticVote] = useState<{ 41 41 - option: string; 42 42 - voter_did: string; 43 43 - } | null>(null); 44 44 - let pollRecord = props.pollData.record as PubLeafletPollDefinition.Record; 45 45 - let [isClient, setIsClient] = useState(false); 46 46 - useEffect(() => { 47 47 - setIsClient(true); 48 48 - }, []); 49 49 - 50 50 - const handleVote = async () => { 51 51 - if (!selectedOption || !identity?.atp_did) return; 52 52 - 53 53 - setIsVoting(true); 54 54 - 55 55 - // Optimistically add the vote 56 56 - setOptimisticVote({ 57 57 - option: selectedOption, 58 58 - voter_did: identity.atp_did, 59 59 - }); 60 60 - setShowResults(true); 61 61 - 62 62 - try { 63 63 - const result = await voteOnPublishedPoll( 64 64 - props.block.pollRef.uri, 65 65 - props.block.pollRef.cid, 66 66 - selectedOption, 67 67 - ); 68 68 - 69 69 - if (!result.success) { 70 70 - console.error("Failed to vote:", result.error); 71 71 - // Revert optimistic update on failure 72 72 - setOptimisticVote(null); 73 73 - setShowResults(false); 74 74 - } 75 75 - } catch (error) { 76 76 - console.error("Failed to vote:", error); 77 77 - // Revert optimistic update on failure 78 78 - setOptimisticVote(null); 79 79 - setShowResults(false); 80 80 - } finally { 81 81 - setIsVoting(false); 82 82 - } 83 83 - }; 84 84 - 85 85 - const hasVoted = 86 86 - !!identity?.atp_did && 87 87 - (!!props.pollData?.atp_poll_votes.find( 88 88 - (v) => v.voter_did === identity?.atp_did, 89 89 - ) || 90 90 - !!optimisticVote); 91 91 - let isCreator = 92 92 - identity?.atp_did && props.pollData.uri.includes(identity?.atp_did); 93 93 - const displayResults = showResults || hasVoted; 94 94 - 95 95 - return ( 96 96 - <div 97 97 - className={`poll flex flex-col gap-2 p-3 w-full ${props.className} block-border`} 98 98 - style={{ 99 99 - backgroundColor: 100 100 - "color-mix(in oklab, rgb(var(--accent-1)), rgb(var(--bg-page)) 85%)", 101 101 - }} 102 102 - > 103 103 - {displayResults ? ( 104 104 - <> 105 105 - <PollResults 106 106 - pollData={props.pollData} 107 107 - hasVoted={hasVoted} 108 108 - setShowResults={setShowResults} 109 109 - optimisticVote={optimisticVote} 110 110 - /> 111 111 - {!hasVoted && ( 112 112 - <div className="flex justify-start"> 113 113 - <button 114 114 - className="w-fit flex gap-2 items-center justify-start text-sm text-accent-contrast" 115 115 - onClick={() => setShowResults(false)} 116 116 - > 117 117 - Back to Voting 118 118 - </button> 119 119 - </div> 120 120 - )} 121 121 - </> 122 122 - ) : ( 123 123 - <> 124 124 - {pollRecord.options.map((option, index) => ( 125 125 - <PollOptionButton 126 126 - key={index} 127 127 - option={option} 128 128 - optionIndex={index.toString()} 129 129 - selected={selectedOption === index.toString()} 130 130 - onSelect={() => setSelectedOption(index.toString())} 131 131 - disabled={!identity?.atp_did} 132 132 - /> 133 133 - ))} 134 134 - <div className="flex flex-col-reverse sm:flex-row sm:justify-between gap-2 items-center pt-2"> 135 135 - <div className="text-sm text-tertiary">All votes are public</div> 136 136 - <div className="flex sm:gap-3 sm:flex-row flex-col-reverse sm:justify-end justify-center gap-1 items-center"> 137 137 - <button 138 138 - className="w-fit font-bold text-accent-contrast" 139 139 - onClick={() => setShowResults(!showResults)} 140 140 - > 141 141 - See Results 142 142 - </button> 143 143 - {identity?.atp_did ? ( 144 144 - <ButtonPrimary 145 145 - className="place-self-end" 146 146 - onClick={handleVote} 147 147 - disabled={!selectedOption || isVoting} 148 148 - > 149 149 - {isVoting ? "Voting..." : "Vote!"} 150 150 - </ButtonPrimary> 151 151 - ) : ( 152 152 - <Popover 153 153 - asChild 154 154 - trigger={ 155 155 - <ButtonPrimary className="place-self-center"> 156 156 - <BlueskyTiny /> Login to vote 157 157 - </ButtonPrimary> 158 158 - } 159 159 - > 160 160 - {isClient && ( 161 161 - <LoginForm 162 162 - text="Log in to vote on this poll!" 163 163 - noEmail 164 164 - redirectRoute={window?.location.href + "?refreshAuth"} 165 165 - /> 166 166 - )} 167 167 - </Popover> 168 168 - )} 169 169 - </div> 170 170 - </div> 171 171 - </> 172 172 - )} 173 173 - </div> 174 174 - ); 175 175 - }; 176 176 - 177 177 - const PollOptionButton = (props: { 178 178 - option: PubLeafletPollDefinition.Option; 179 179 - optionIndex: string; 180 180 - selected: boolean; 181 181 - onSelect: () => void; 182 182 - disabled?: boolean; 183 183 - }) => { 184 184 - const ButtonComponent = props.selected ? ButtonPrimary : ButtonSecondary; 185 185 - 186 186 - return ( 187 187 - <div className="flex gap-2 items-center"> 188 188 - <ButtonComponent 189 189 - className="pollOption grow max-w-full flex" 190 190 - onClick={props.onSelect} 191 191 - disabled={props.disabled} 192 192 - > 193 193 - {props.option.text} 194 194 - </ButtonComponent> 195 195 - </div> 196 196 - ); 197 197 - }; 198 198 - 199 199 - const PollResults = (props: { 200 200 - pollData: PollData; 201 201 - hasVoted: boolean; 202 202 - setShowResults: (show: boolean) => void; 203 203 - optimisticVote: { option: string; voter_did: string } | null; 204 204 - }) => { 205 205 - // Merge optimistic vote with actual votes 206 206 - const allVotes = props.optimisticVote 207 207 - ? [ 208 208 - ...props.pollData.atp_poll_votes, 209 209 - { 210 210 - voter_did: props.optimisticVote.voter_did, 211 211 - record: { 212 212 - $type: "pub.leaflet.poll.vote", 213 213 - option: [props.optimisticVote.option], 214 214 - }, 215 215 - }, 216 216 - ] 217 217 - : props.pollData.atp_poll_votes; 218 218 - 219 219 - const totalVotes = allVotes.length || 0; 220 220 - let pollRecord = props.pollData.record as PubLeafletPollDefinition.Record; 221 221 - let optionsWithCount = pollRecord.options.map((o, index) => ({ 222 222 - ...o, 223 223 - votes: allVotes.filter((v) => getVoteOption(v.record) == index.toString()), 224 224 - })); 225 225 - 226 226 - const highestVotes = Math.max(...optionsWithCount.map((o) => o.votes.length)); 227 227 - return ( 228 228 - <> 229 229 - {pollRecord.options.map((option, index) => { 230 230 - const voteRecords = allVotes.filter( 231 231 - (v) => getVoteOption(v.record) === index.toString(), 232 232 - ); 233 233 - const isWinner = totalVotes > 0 && voteRecords.length === highestVotes; 234 234 - 235 235 - return ( 236 236 - <PollResult 237 237 - key={index} 238 238 - option={option} 239 239 - votes={voteRecords.length} 240 240 - voteRecords={voteRecords} 241 241 - totalVotes={totalVotes} 242 242 - winner={isWinner} 243 243 - /> 244 244 - ); 245 245 - })} 246 246 - </> 247 247 - ); 248 248 - }; 249 249 - 250 250 - const VoterListPopover = (props: { 251 251 - votes: number; 252 252 - voteRecords: { voter_did: string; record: Json }[]; 253 253 - }) => { 254 254 - const [voterIdentities, setVoterIdentities] = useState<VoterIdentity[]>([]); 255 255 - const [isLoading, setIsLoading] = useState(false); 256 256 - const [hasFetched, setHasFetched] = useState(false); 257 257 - 258 258 - const handleOpenChange = async () => { 259 259 - if (!hasFetched && props.voteRecords.length > 0) { 260 260 - setIsLoading(true); 261 261 - setHasFetched(true); 262 262 - try { 263 263 - const dids = props.voteRecords.map((v) => v.voter_did); 264 264 - const identities = await getVoterIdentities(dids); 265 265 - setVoterIdentities(identities); 266 266 - } catch (error) { 267 267 - console.error("Failed to fetch voter identities:", error); 268 268 - } finally { 269 269 - setIsLoading(false); 270 270 - } 271 271 - } 272 272 - }; 273 273 - 274 274 - return ( 275 275 - <Popover 276 276 - trigger={ 277 277 - <button 278 278 - className="hover:underline cursor-pointer" 279 279 - disabled={props.votes === 0} 280 280 - > 281 281 - {props.votes} 282 282 - </button> 283 283 - } 284 284 - onOpenChange={handleOpenChange} 285 285 - className="w-64 max-h-80" 286 286 - > 287 287 - {isLoading ? ( 288 288 - <div className="flex justify-center py-4"> 289 289 - <div className="text-sm text-secondary">Loading...</div> 290 290 - </div> 291 291 - ) : ( 292 292 - <div className="flex flex-col gap-1 text-sm py-0.5"> 293 293 - {voterIdentities.map((voter) => ( 294 294 - <a 295 295 - key={voter.did} 296 296 - href={`https://bsky.app/profile/${voter.handle || voter.did}`} 297 297 - target="_blank" 298 298 - rel="noopener noreferrer" 299 299 - className="" 300 300 - > 301 301 - @{voter.handle || voter.did} 302 302 - </a> 303 303 - ))} 304 304 - </div> 305 305 - )} 306 306 - </Popover> 307 307 - ); 308 308 - }; 309 309 - 310 310 - const PollResult = (props: { 311 311 - option: PubLeafletPollDefinition.Option; 312 312 - votes: number; 313 313 - voteRecords: { voter_did: string; record: Json }[]; 314 314 - totalVotes: number; 315 315 - winner: boolean; 316 316 - }) => { 317 317 - return ( 318 318 - <div 319 319 - className={`pollResult relative grow py-0.5 px-2 border-accent-contrast rounded-md overflow-hidden ${props.winner ? "font-bold border-2" : "border"}`} 320 320 - > 321 321 - <div 322 322 - style={{ 323 323 - WebkitTextStroke: `${props.winner ? "6px" : "6px"} rgb(var(--bg-page))`, 324 324 - paintOrder: "stroke fill", 325 325 - }} 326 326 - className="pollResultContent text-accent-contrast relative flex gap-2 justify-between z-10" 327 327 - > 328 328 - <div className="grow max-w-full truncate">{props.option.text}</div> 329 329 - <VoterListPopover votes={props.votes} voteRecords={props.voteRecords} /> 330 330 - </div> 331 331 - <div className="pollResultBG absolute bg-bg-page w-full top-0 bottom-0 left-0 right-0 flex flex-row z-0"> 332 332 - <div 333 333 - className="bg-accent-contrast rounded-[2px] m-0.5" 334 334 - style={{ 335 335 - maskImage: "var(--hatchSVG)", 336 336 - maskRepeat: "repeat repeat", 337 337 - ...(props.votes === 0 338 338 - ? { width: "4px" } 339 339 - : { flexBasis: `${(props.votes / props.totalVotes) * 100}%` }), 340 340 - }} 341 341 - /> 342 342 - <div /> 343 343 - </div> 344 344 - </div> 345 345 - ); 346 346 - };

-20

app/lish/[did]/[publication]/[rkey]/Blocks/StaticMathBlock.tsx

··· 1 1 - import { PubLeafletBlocksMath } from "lexicons/api"; 2 2 - import Katex from "katex"; 3 3 - import "katex/dist/katex.min.css"; 4 4 - 5 5 - export const StaticMathBlock = ({ 6 6 - block, 7 7 - }: { 8 8 - block: PubLeafletBlocksMath.Main; 9 9 - }) => { 10 10 - const html = Katex.renderToString(block.tex, { 11 11 - displayMode: true, 12 12 - output: "html", 13 13 - throwOnError: false, 14 14 - }); 15 15 - return ( 16 16 - <div className="math-block my-2"> 17 17 - <div dangerouslySetInnerHTML={{ __html: html }} /> 18 18 - </div> 19 19 - ); 20 20 - };

-95

app/lish/[did]/[publication]/[rkey]/Blocks/TextBlock.tsx

··· 1 1 - "use client"; 2 2 - import { UnicodeString } from "@atproto/api"; 3 3 - import { PubLeafletRichtextFacet } from "lexicons/api"; 4 4 - import { useMemo } from "react"; 5 5 - import { useHighlight } from "../useHighlight"; 6 6 - import { BaseTextBlock } from "./BaseTextBlock"; 7 7 - 8 8 - type Facet = PubLeafletRichtextFacet.Main; 9 9 - export function TextBlock(props: { 10 10 - plaintext: string; 11 11 - facets?: Facet[]; 12 12 - index: number[]; 13 13 - preview?: boolean; 14 14 - pageId?: string; 15 15 - }) { 16 16 - let children = []; 17 17 - let highlights = useHighlight(props.index, props.pageId); 18 18 - let facets = useMemo(() => { 19 19 - if (props.preview) return props.facets; 20 20 - let facets = [...(props.facets || [])]; 21 21 - for (let highlight of highlights) { 22 22 - const fragmentId = props.pageId 23 23 - ? `${props.pageId}~${props.index.join(".")}_${highlight.startOffset || 0}` 24 24 - : `${props.index.join(".")}_${highlight.startOffset || 0}`; 25 25 - facets = addFacet( 26 26 - facets, 27 27 - { 28 28 - index: { 29 29 - byteStart: highlight.startOffset 30 30 - ? new UnicodeString( 31 31 - props.plaintext.slice(0, highlight.startOffset), 32 32 - ).length 33 33 - : 0, 34 34 - byteEnd: new UnicodeString( 35 35 - props.plaintext.slice(0, highlight.endOffset ?? undefined), 36 36 - ).length, 37 37 - }, 38 38 - features: [ 39 39 - { $type: "pub.leaflet.richtext.facet#highlight" }, 40 40 - { 41 41 - $type: "pub.leaflet.richtext.facet#id", 42 42 - id: fragmentId, 43 43 - }, 44 44 - ], 45 45 - }, 46 46 - new UnicodeString(props.plaintext).length, 47 47 - ); 48 48 - } 49 49 - return facets; 50 50 - }, [props.plaintext, props.facets, highlights, props.preview, props.pageId]); 51 51 - return <BaseTextBlock {...props} facets={facets} />; 52 52 - } 53 53 - 54 54 - function addFacet(facets: Facet[], newFacet: Facet, length: number) { 55 55 - if (facets.length === 0) { 56 56 - return [newFacet]; 57 57 - } 58 58 - 59 59 - const allFacets = [...facets, newFacet]; 60 60 - 61 61 - // Collect all boundary positions 62 62 - const boundaries = new Set<number>(); 63 63 - boundaries.add(0); 64 64 - boundaries.add(length); 65 65 - 66 66 - for (const facet of allFacets) { 67 67 - boundaries.add(facet.index.byteStart); 68 68 - boundaries.add(facet.index.byteEnd); 69 69 - } 70 70 - 71 71 - const sortedBoundaries = Array.from(boundaries).sort((a, b) => a - b); 72 72 - const result: Facet[] = []; 73 73 - 74 74 - // Process segments between consecutive boundaries 75 75 - for (let i = 0; i < sortedBoundaries.length - 1; i++) { 76 76 - const start = sortedBoundaries[i]; 77 77 - const end = sortedBoundaries[i + 1]; 78 78 - 79 79 - // Find facets that are active at the start position 80 80 - const activeFacets = allFacets.filter( 81 81 - (facet) => facet.index.byteStart <= start && facet.index.byteEnd > start, 82 82 - ); 83 83 - 84 84 - // Only create facet if there are active facets (features present) 85 85 - if (activeFacets.length > 0) { 86 86 - const features = activeFacets.flatMap((f) => f.features); 87 87 - result.push({ 88 88 - index: { byteStart: start, byteEnd: end }, 89 89 - features, 90 90 - }); 91 91 - } 92 92 - } 93 93 - 94 94 - return result; 95 95 - }

-181

app/lish/[did]/[publication]/[rkey]/Blocks/TextBlockCore.tsx

··· 1 1 - import { UnicodeString } from "@atproto/api"; 2 2 - import { PubLeafletRichtextFacet } from "lexicons/api"; 3 3 - import { AtMentionLink } from "components/AtMentionLink"; 4 4 - import { ReactNode } from "react"; 5 5 - 6 6 - type Facet = PubLeafletRichtextFacet.Main; 7 7 - 8 8 - export type FacetRenderers = { 9 9 - DidMention?: (props: { did: string; children: ReactNode }) => ReactNode; 10 10 - }; 11 11 - 12 12 - export type TextBlockCoreProps = { 13 13 - plaintext: string; 14 14 - facets?: Facet[]; 15 15 - index: number[]; 16 16 - preview?: boolean; 17 17 - renderers?: FacetRenderers; 18 18 - }; 19 19 - 20 20 - export function TextBlockCore(props: TextBlockCoreProps) { 21 21 - let children = []; 22 22 - let richText = new RichText({ 23 23 - text: props.plaintext, 24 24 - facets: props.facets || [], 25 25 - }); 26 26 - let counter = 0; 27 27 - for (const segment of richText.segments()) { 28 28 - let id = segment.facet?.find(PubLeafletRichtextFacet.isId); 29 29 - let link = segment.facet?.find(PubLeafletRichtextFacet.isLink); 30 30 - let isBold = segment.facet?.find(PubLeafletRichtextFacet.isBold); 31 31 - let isCode = segment.facet?.find(PubLeafletRichtextFacet.isCode); 32 32 - let isStrikethrough = segment.facet?.find( 33 33 - PubLeafletRichtextFacet.isStrikethrough, 34 34 - ); 35 35 - let isDidMention = segment.facet?.find( 36 36 - PubLeafletRichtextFacet.isDidMention, 37 37 - ); 38 38 - let isAtMention = segment.facet?.find(PubLeafletRichtextFacet.isAtMention); 39 39 - let isUnderline = segment.facet?.find(PubLeafletRichtextFacet.isUnderline); 40 40 - let isItalic = segment.facet?.find(PubLeafletRichtextFacet.isItalic); 41 41 - let isHighlighted = segment.facet?.find( 42 42 - PubLeafletRichtextFacet.isHighlight, 43 43 - ); 44 44 - let className = ` 45 45 - ${isCode ? "inline-code" : ""} 46 46 - ${id ? "scroll-mt-12 scroll-mb-10" : ""} 47 47 - ${isBold ? "font-bold" : ""} 48 48 - ${isItalic ? "italic" : ""} 49 49 - ${isUnderline ? "underline" : ""} 50 50 - ${isStrikethrough ? "line-through decoration-tertiary" : ""} 51 51 - ${isHighlighted ? "highlight bg-highlight-1" : ""}`.replaceAll("\n", " "); 52 52 - 53 53 - // Split text by newlines and insert <br> tags 54 54 - const textParts = segment.text.split("\n"); 55 55 - const renderedText = textParts.flatMap((part, i) => 56 56 - i < textParts.length - 1 57 57 - ? [part, <br key={`br-${counter}-${i}`} />] 58 58 - : [part], 59 59 - ); 60 60 - 61 61 - if (isCode) { 62 62 - children.push( 63 63 - <code key={counter} className={className} id={id?.id}> 64 64 - {renderedText} 65 65 - </code>, 66 66 - ); 67 67 - } else if (isDidMention) { 68 68 - const DidMentionRenderer = props.renderers?.DidMention; 69 69 - if (DidMentionRenderer) { 70 70 - children.push( 71 71 - <DidMentionRenderer key={counter} did={isDidMention.did}> 72 72 - <span className="mention">{renderedText}</span> 73 73 - </DidMentionRenderer>, 74 74 - ); 75 75 - } else { 76 76 - // Default: render as a simple link 77 77 - children.push( 78 78 - <a 79 79 - key={counter} 80 80 - href={`https://leaflet.pub/p/${isDidMention.did}`} 81 81 - target="_blank" 82 82 - className="no-underline" 83 83 - > 84 84 - <span className="mention">{renderedText}</span> 85 85 - </a>, 86 86 - ); 87 87 - } 88 88 - } else if (isAtMention) { 89 89 - children.push( 90 90 - <AtMentionLink 91 91 - key={counter} 92 92 - atURI={isAtMention.atURI} 93 93 - className={className} 94 94 - > 95 95 - {renderedText} 96 96 - </AtMentionLink>, 97 97 - ); 98 98 - } else if (link) { 99 99 - children.push( 100 100 - <a 101 101 - key={counter} 102 102 - href={link.uri.trim()} 103 103 - className={`text-accent-contrast hover:underline ${className}`} 104 104 - target="_blank" 105 105 - > 106 106 - {renderedText} 107 107 - </a>, 108 108 - ); 109 109 - } else { 110 110 - children.push( 111 111 - <span key={counter} className={className} id={id?.id}> 112 112 - {renderedText} 113 113 - </span>, 114 114 - ); 115 115 - } 116 116 - 117 117 - counter++; 118 118 - } 119 119 - return <>{children}</>; 120 120 - } 121 121 - 122 122 - type RichTextSegment = { 123 123 - text: string; 124 124 - facet?: Exclude<Facet["features"], { $type: string }>; 125 125 - }; 126 126 - 127 127 - export class RichText { 128 128 - unicodeText: UnicodeString; 129 129 - facets?: Facet[]; 130 130 - 131 131 - constructor(props: { text: string; facets: Facet[] }) { 132 132 - this.unicodeText = new UnicodeString(props.text); 133 133 - this.facets = props.facets; 134 134 - if (this.facets) { 135 135 - this.facets = this.facets 136 136 - .filter((facet) => facet.index.byteStart <= facet.index.byteEnd) 137 137 - .sort((a, b) => a.index.byteStart - b.index.byteStart); 138 138 - } 139 139 - } 140 140 - 141 141 - *segments(): Generator<RichTextSegment, void, void> { 142 142 - const facets = this.facets || []; 143 143 - if (!facets.length) { 144 144 - yield { text: this.unicodeText.utf16 }; 145 145 - return; 146 146 - } 147 147 - 148 148 - let textCursor = 0; 149 149 - let facetCursor = 0; 150 150 - do { 151 151 - const currFacet = facets[facetCursor]; 152 152 - if (textCursor < currFacet.index.byteStart) { 153 153 - yield { 154 154 - text: this.unicodeText.slice(textCursor, currFacet.index.byteStart), 155 155 - }; 156 156 - } else if (textCursor > currFacet.index.byteStart) { 157 157 - facetCursor++; 158 158 - continue; 159 159 - } 160 160 - if (currFacet.index.byteStart < currFacet.index.byteEnd) { 161 161 - const subtext = this.unicodeText.slice( 162 162 - currFacet.index.byteStart, 163 163 - currFacet.index.byteEnd, 164 164 - ); 165 165 - if (!subtext.trim()) { 166 166 - // dont empty string entities 167 167 - yield { text: subtext }; 168 168 - } else { 169 169 - yield { text: subtext, facet: currFacet.features }; 170 170 - } 171 171 - } 172 172 - textCursor = currFacet.index.byteEnd; 173 173 - facetCursor++; 174 174 - } while (facetCursor < facets.length); 175 175 - if (textCursor < this.unicodeText.length) { 176 176 - yield { 177 177 - text: this.unicodeText.slice(textCursor, this.unicodeText.length), 178 178 - }; 179 179 - } 180 180 - } 181 181 - }

+1 -1

app/lish/[did]/[publication]/[rkey]/Interactions/Comments/index.tsx

··· 5 5 import { CommentBox } from "./CommentBox"; 6 6 import { Json } from "supabase/database.types"; 7 7 import { PubLeafletComment } from "lexicons/api"; 8 8 - import { BaseTextBlock } from "../../Blocks/BaseTextBlock"; 8 8 + import { BaseTextBlock } from "../../BaseTextBlock"; 9 9 import { useMemo, useState } from "react"; 10 10 import { CommentTiny } from "components/Icons/CommentTiny"; 11 11 import { Separator } from "components/Layout";

+8 -18

app/lish/[did]/[publication]/[rkey]/PostContent.tsx

··· 20 20 } from "lexicons/api"; 21 21 22 22 import { blobRefToSrc } from "src/utils/blobRefToSrc"; 23 23 - import { TextBlock } from "./Blocks/TextBlock"; 23 23 + import { TextBlock } from "./TextBlock"; 24 24 import { Popover } from "components/Popover"; 25 25 import { theme } from "tailwind.config"; 26 26 import { ImageAltSmall } from "components/Icons/ImageAlt"; 27 27 - import { StaticMathBlock } from "./Blocks/StaticMathBlock"; 28 28 - import { PubCodeBlock } from "./Blocks/PubCodeBlock"; 27 27 + import { StaticMathBlock } from "./StaticMathBlock"; 28 28 + import { PubCodeBlock } from "./PubCodeBlock"; 29 29 import { AppBskyFeedDefs } from "@atproto/api"; 30 30 - import { PubBlueskyPostBlock } from "./Blocks/PublishBskyPostBlock"; 30 30 + import { PubBlueskyPostBlock } from "./PublishBskyPostBlock"; 31 31 import { openPage } from "./PostPages"; 32 32 import { PageLinkBlock } from "components/Blocks/PageLinkBlock"; 33 33 - import { PublishedPageLinkBlock } from "./Blocks/PublishedPageBlock"; 34 34 - import { PublishedPollBlock } from "./Blocks/PublishedPollBlock"; 33 33 + import { PublishedPageLinkBlock } from "./PublishedPageBlock"; 34 34 + import { PublishedPollBlock } from "./PublishedPollBlock"; 35 35 import { PollData } from "./fetchPollData"; 36 36 import { ButtonPrimary } from "components/Buttons"; 37 37 ··· 173 173 let uri = b.block.postRef.uri; 174 174 let post = bskyPostData.find((p) => p.uri === uri); 175 175 if (!post) return <div>no prefetched post rip</div>; 176 176 - return ( 177 177 - <PubBlueskyPostBlock 178 178 - post={post} 179 179 - className={className} 180 180 - pageId={pageId} 181 181 - /> 182 182 - ); 176 176 + return <PubBlueskyPostBlock post={post} className={className} pageId={pageId} />; 183 177 } 184 178 case PubLeafletBlocksIframe.isMain(b.block): { 185 179 return ( ··· 345 339 } 346 340 case PubLeafletBlocksText.isMain(b.block): 347 341 return ( 348 348 - <p 349 349 - className={`textBlock ${className} ${b.block.textSize === "small" ? "text-sm text-secondary" : b.block.textSize === "large" ? "text-lg" : ""}`} 350 350 - {...blockProps} 351 351 - > 342 342 + <p className={`textBlock ${className}`} {...blockProps}> 352 343 <TextBlock 353 344 facets={b.block.facets} 354 345 plaintext={b.block.plaintext} ··· 358 349 /> 359 350 </p> 360 351 ); 361 361 - 362 352 case PubLeafletBlocksHeader.isMain(b.block): { 363 353 if (b.block.level === 1) 364 354 return (

+28

app/lish/[did]/[publication]/[rkey]/PubCodeBlock.tsx

··· 1 1 + "use client"; 2 2 + 3 3 + import { PubLeafletBlocksCode } from "lexicons/api"; 4 4 + import { useLayoutEffect, useState } from "react"; 5 5 + import { codeToHtml, bundledLanguagesInfo, bundledThemesInfo } from "shiki"; 6 6 + 7 7 + export function PubCodeBlock({ 8 8 + block, 9 9 + prerenderedCode, 10 10 + }: { 11 11 + block: PubLeafletBlocksCode.Main; 12 12 + prerenderedCode?: string; 13 13 + }) { 14 14 + const [html, setHTML] = useState<string | null>(prerenderedCode || null); 15 15 + 16 16 + useLayoutEffect(() => { 17 17 + const lang = bundledLanguagesInfo.find((l) => l.id === block.language)?.id || "plaintext"; 18 18 + const theme = bundledThemesInfo.find((t) => t.id === block.syntaxHighlightingTheme)?.id || "github-light"; 19 19 + 20 20 + codeToHtml(block.plaintext, { lang, theme }).then(setHTML); 21 21 + }, [block]); 22 22 + return ( 23 23 + <div 24 24 + className="w-full min-h-[42px] my-2 rounded-md border-border-light outline-border-light selected-outline" 25 25 + dangerouslySetInnerHTML={{ __html: html || "" }} 26 26 + /> 27 27 + ); 28 28 + }

+172

app/lish/[did]/[publication]/[rkey]/PublishBskyPostBlock.tsx

··· 1 1 + import { PostView } from "@atproto/api/dist/client/types/app/bsky/feed/defs"; 2 2 + import { AppBskyFeedDefs, AppBskyFeedPost } from "@atproto/api"; 3 3 + import { Separator } from "components/Layout"; 4 4 + import { useHasPageLoaded } from "components/InitialPageLoadProvider"; 5 5 + import { BlueskyTiny } from "components/Icons/BlueskyTiny"; 6 6 + import { CommentTiny } from "components/Icons/CommentTiny"; 7 7 + import { QuoteTiny } from "components/Icons/QuoteTiny"; 8 8 + import { ThreadLink, QuotesLink } from "./PostLinks"; 9 9 + import { useLocalizedDate } from "src/hooks/useLocalizedDate"; 10 10 + import { 11 11 + BlueskyEmbed, 12 12 + PostNotAvailable, 13 13 + } from "components/Blocks/BlueskyPostBlock/BlueskyEmbed"; 14 14 + import { BlueskyRichText } from "components/Blocks/BlueskyPostBlock/BlueskyRichText"; 15 15 + import { openPage } from "./PostPages"; 16 16 + 17 17 + export const PubBlueskyPostBlock = (props: { 18 18 + post: PostView; 19 19 + className: string; 20 20 + pageId?: string; 21 21 + }) => { 22 22 + let post = props.post; 23 23 + 24 24 + const handleOpenThread = () => { 25 25 + openPage( 26 26 + props.pageId ? { type: "doc", id: props.pageId } : undefined, 27 27 + { type: "thread", uri: post.uri }, 28 28 + ); 29 29 + }; 30 30 + 31 31 + switch (true) { 32 32 + case AppBskyFeedDefs.isBlockedPost(post) || 33 33 + AppBskyFeedDefs.isBlockedAuthor(post) || 34 34 + AppBskyFeedDefs.isNotFoundPost(post): 35 35 + return ( 36 36 + <div className={`w-full`}> 37 37 + <PostNotAvailable /> 38 38 + </div> 39 39 + ); 40 40 + 41 41 + case AppBskyFeedDefs.validatePostView(post).success: 42 42 + let record = post.record as AppBskyFeedDefs.PostView["record"]; 43 43 + 44 44 + // silliness to get the text and timestamp from the record with proper types 45 45 + let timestamp: string | undefined = undefined; 46 46 + if (AppBskyFeedPost.isRecord(record)) { 47 47 + timestamp = (record as AppBskyFeedPost.Record).createdAt; 48 48 + } 49 49 + 50 50 + //getting the url to the post 51 51 + let postId = post.uri.split("/")[4]; 52 52 + let url = `https://bsky.app/profile/${post.author.handle}/post/${postId}`; 53 53 + 54 54 + const parent = props.pageId ? { type: "doc" as const, id: props.pageId } : undefined; 55 55 + 56 56 + return ( 57 57 + <div 58 58 + onClick={handleOpenThread} 59 59 + className={` 60 60 + ${props.className} 61 61 + block-border 62 62 + mb-2 63 63 + flex flex-col gap-2 relative w-full overflow-hidden group/blueskyPostBlock sm:p-3 p-2 text-sm text-secondary bg-bg-page 64 64 + cursor-pointer hover:border-accent-contrast 65 65 + `} 66 66 + > 67 67 + {post.author && record && ( 68 68 + <> 69 69 + <div className="bskyAuthor w-full flex items-center gap-2"> 70 70 + {post.author.avatar && ( 71 71 + <img 72 72 + src={post.author?.avatar} 73 73 + alt={`${post.author?.displayName}'s avatar`} 74 74 + className="shink-0 w-8 h-8 rounded-full border border-border-light" 75 75 + /> 76 76 + )} 77 77 + <div className="grow flex flex-col gap-0.5 leading-tight"> 78 78 + <div className=" font-bold text-secondary"> 79 79 + {post.author?.displayName} 80 80 + </div> 81 81 + <a 82 82 + className="text-xs text-tertiary hover:underline" 83 83 + target="_blank" 84 84 + href={`https://bsky.app/profile/${post.author?.handle}`} 85 85 + onClick={(e) => e.stopPropagation()} 86 86 + > 87 87 + @{post.author?.handle} 88 88 + </a> 89 89 + </div> 90 90 + </div> 91 91 + 92 92 + <div className="flex flex-col gap-2 "> 93 93 + <div> 94 94 + <pre className="whitespace-pre-wrap"> 95 95 + {BlueskyRichText({ 96 96 + record: record as AppBskyFeedPost.Record | null, 97 97 + })} 98 98 + </pre> 99 99 + </div> 100 100 + {post.embed && ( 101 101 + <div onClick={(e) => e.stopPropagation()}> 102 102 + <BlueskyEmbed embed={post.embed} postUrl={url} /> 103 103 + </div> 104 104 + )} 105 105 + </div> 106 106 + </> 107 107 + )} 108 108 + <div className="w-full flex gap-2 items-center justify-between"> 109 109 + <ClientDate date={timestamp} /> 110 110 + <div className="flex gap-2 items-center"> 111 111 + {post.replyCount != null && post.replyCount > 0 && ( 112 112 + <> 113 113 + <ThreadLink 114 114 + threadUri={post.uri} 115 115 + parent={parent} 116 116 + className="flex items-center gap-1 hover:text-accent-contrast" 117 117 + onClick={(e) => e.stopPropagation()} 118 118 + > 119 119 + {post.replyCount} 120 120 + <CommentTiny /> 121 121 + </ThreadLink> 122 122 + <Separator classname="h-4" /> 123 123 + </> 124 124 + )} 125 125 + {post.quoteCount != null && post.quoteCount > 0 && ( 126 126 + <> 127 127 + <QuotesLink 128 128 + postUri={post.uri} 129 129 + parent={parent} 130 130 + className="flex items-center gap-1 hover:text-accent-contrast" 131 131 + onClick={(e) => e.stopPropagation()} 132 132 + > 133 133 + {post.quoteCount} 134 134 + <QuoteTiny /> 135 135 + </QuotesLink> 136 136 + <Separator classname="h-4" /> 137 137 + </> 138 138 + )} 139 139 + 140 140 + <a 141 141 + className="" 142 142 + target="_blank" 143 143 + href={url} 144 144 + onClick={(e) => e.stopPropagation()} 145 145 + > 146 146 + <BlueskyTiny /> 147 147 + </a> 148 148 + </div> 149 149 + </div> 150 150 + </div> 151 151 + ); 152 152 + } 153 153 + }; 154 154 + 155 155 + const ClientDate = (props: { date?: string }) => { 156 156 + let pageLoaded = useHasPageLoaded(); 157 157 + const formattedDate = useLocalizedDate( 158 158 + props.date || new Date().toISOString(), 159 159 + { 160 160 + month: "short", 161 161 + day: "numeric", 162 162 + year: "numeric", 163 163 + hour: "numeric", 164 164 + minute: "numeric", 165 165 + hour12: true, 166 166 + }, 167 167 + ); 168 168 + 169 169 + if (!pageLoaded) return null; 170 170 + 171 171 + return <div className="text-xs text-tertiary">{formattedDate}</div>; 172 172 + };

+340

app/lish/[did]/[publication]/[rkey]/PublishedPageBlock.tsx

··· 1 1 + "use client"; 2 2 + 3 3 + import { useEntity, useReplicache } from "src/replicache"; 4 4 + import { useUIState } from "src/useUIState"; 5 5 + import { CSSProperties, useContext, useRef } from "react"; 6 6 + import { useCardBorderHidden } from "components/Pages/useCardBorderHidden"; 7 7 + import { PostContent, Block } from "./PostContent"; 8 8 + import { 9 9 + PubLeafletBlocksHeader, 10 10 + PubLeafletBlocksText, 11 11 + PubLeafletComment, 12 12 + PubLeafletPagesLinearDocument, 13 13 + PubLeafletPagesCanvas, 14 14 + PubLeafletPublication, 15 15 + } from "lexicons/api"; 16 16 + import { AppBskyFeedDefs } from "@atproto/api"; 17 17 + import { TextBlock } from "./TextBlock"; 18 18 + import { PostPageContext } from "./PostPageContext"; 19 19 + import { openPage, useOpenPages } from "./PostPages"; 20 20 + import { 21 21 + openInteractionDrawer, 22 22 + setInteractionState, 23 23 + useInteractionState, 24 24 + } from "./Interactions/Interactions"; 25 25 + import { CommentTiny } from "components/Icons/CommentTiny"; 26 26 + import { QuoteTiny } from "components/Icons/QuoteTiny"; 27 27 + import { CanvasBackgroundPattern } from "components/Canvas"; 28 28 + 29 29 + export function PublishedPageLinkBlock(props: { 30 30 + blocks: PubLeafletPagesLinearDocument.Block[] | PubLeafletPagesCanvas.Block[]; 31 31 + parentPageId: string | undefined; 32 32 + pageId: string; 33 33 + did: string; 34 34 + preview?: boolean; 35 35 + className?: string; 36 36 + prerenderedCodeBlocks?: Map<string, string>; 37 37 + bskyPostData: AppBskyFeedDefs.PostView[]; 38 38 + isCanvas?: boolean; 39 39 + pages?: (PubLeafletPagesLinearDocument.Main | PubLeafletPagesCanvas.Main)[]; 40 40 + }) { 41 41 + //switch to use actually state 42 42 + let openPages = useOpenPages(); 43 43 + let isOpen = openPages.some( 44 44 + (p) => p.type === "doc" && p.id === props.pageId, 45 45 + ); 46 46 + return ( 47 47 + <div 48 48 + className={`w-full cursor-pointer 49 49 + pageLinkBlockWrapper relative group/pageLinkBlock 50 50 + bg-bg-page shadow-sm 51 51 + flex overflow-clip 52 52 + block-border 53 53 + ${isOpen && "!border-tertiary"} 54 54 + ${props.className} 55 55 + `} 56 56 + onClick={(e) => { 57 57 + if (e.isDefaultPrevented()) return; 58 58 + if (e.shiftKey) return; 59 59 + e.preventDefault(); 60 60 + e.stopPropagation(); 61 61 + 62 62 + openPage( 63 63 + props.parentPageId ? { type: "doc", id: props.parentPageId } : undefined, 64 64 + { type: "doc", id: props.pageId }, 65 65 + ); 66 66 + }} 67 67 + > 68 68 + {props.isCanvas ? ( 69 69 + <CanvasLinkBlock 70 70 + blocks={props.blocks as PubLeafletPagesCanvas.Block[]} 71 71 + did={props.did} 72 72 + pageId={props.pageId} 73 73 + bskyPostData={props.bskyPostData} 74 74 + pages={props.pages || []} 75 75 + /> 76 76 + ) : ( 77 77 + <DocLinkBlock 78 78 + {...props} 79 79 + blocks={props.blocks as PubLeafletPagesLinearDocument.Block[]} 80 80 + /> 81 81 + )} 82 82 + </div> 83 83 + ); 84 84 + } 85 85 + export function DocLinkBlock(props: { 86 86 + blocks: PubLeafletPagesLinearDocument.Block[]; 87 87 + pageId: string; 88 88 + parentPageId?: string; 89 89 + did: string; 90 90 + preview?: boolean; 91 91 + className?: string; 92 92 + prerenderedCodeBlocks?: Map<string, string>; 93 93 + bskyPostData: AppBskyFeedDefs.PostView[]; 94 94 + }) { 95 95 + let [title, description] = props.blocks 96 96 + .map((b) => b.block) 97 97 + .filter( 98 98 + (b) => PubLeafletBlocksText.isMain(b) || PubLeafletBlocksHeader.isMain(b), 99 99 + ); 100 100 + 101 101 + return ( 102 102 + <div 103 103 + style={{ "--list-marker-width": "20px" } as CSSProperties} 104 104 + className={` 105 105 + w-full h-[104px] 106 106 + `} 107 107 + > 108 108 + <> 109 109 + <div className="pageLinkBlockContent w-full flex overflow-clip cursor-pointer h-full"> 110 110 + <div className="my-2 ml-3 grow min-w-0 text-sm bg-transparent overflow-clip flex flex-col "> 111 111 + <div className="grow"> 112 112 + {title && ( 113 113 + <div 114 114 + className={`pageBlockOne outline-none resize-none align-top gap-2 ${title.$type === "pub.leaflet.blocks.header" ? "font-bold text-base" : ""}`} 115 115 + > 116 116 + <TextBlock 117 117 + facets={title.facets} 118 118 + plaintext={title.plaintext} 119 119 + index={[]} 120 120 + preview 121 121 + /> 122 122 + </div> 123 123 + )} 124 124 + {description && ( 125 125 + <div 126 126 + className={`pageBlockLineTwo outline-none resize-none align-top gap-2 ${description.$type === "pub.leaflet.blocks.header" ? "font-bold" : ""}`} 127 127 + > 128 128 + <TextBlock 129 129 + facets={description.facets} 130 130 + plaintext={description.plaintext} 131 131 + index={[]} 132 132 + preview 133 133 + /> 134 134 + </div> 135 135 + )} 136 136 + </div> 137 137 + 138 138 + <Interactions 139 139 + pageId={props.pageId} 140 140 + parentPageId={props.parentPageId} 141 141 + /> 142 142 + </div> 143 143 + {!props.preview && ( 144 144 + <PagePreview blocks={props.blocks} did={props.did} /> 145 145 + )} 146 146 + </div> 147 147 + </> 148 148 + </div> 149 149 + ); 150 150 + } 151 151 + 152 152 + export function PagePreview(props: { 153 153 + did: string; 154 154 + blocks: PubLeafletPagesLinearDocument.Block[]; 155 155 + }) { 156 156 + let previewRef = useRef<HTMLDivElement | null>(null); 157 157 + let { rootEntity } = useReplicache(); 158 158 + let data = useContext(PostPageContext); 159 159 + let theme = data?.theme; 160 160 + let pageWidth = `var(--page-width-unitless)`; 161 161 + let cardBorderHidden = !theme?.showPageBackground; 162 162 + return ( 163 163 + <div 164 164 + ref={previewRef} 165 165 + className={`pageLinkBlockPreview w-[120px] overflow-clip mx-3 mt-3 -mb-2 border rounded-md shrink-0 border-border-light flex flex-col gap-0.5 rotate-[4deg] origin-center ${cardBorderHidden ? "" : "bg-bg-page"}`} 166 166 + > 167 167 + <div 168 168 + className="absolute top-0 left-0 origin-top-left pointer-events-none " 169 169 + style={{ 170 170 + width: `calc(1px * ${pageWidth})`, 171 171 + height: `calc(100vh - 64px)`, 172 172 + transform: `scale(calc((120 / ${pageWidth} )))`, 173 173 + backgroundColor: "rgba(var(--bg-page), var(--bg-page-alpha))", 174 174 + }} 175 175 + > 176 176 + {!cardBorderHidden && ( 177 177 + <div 178 178 + className={`pageLinkBlockBackground 179 179 + absolute top-0 left-0 right-0 bottom-0 180 180 + pointer-events-none 181 181 + `} 182 182 + /> 183 183 + )} 184 184 + <PostContent 185 185 + pollData={[]} 186 186 + pages={[]} 187 187 + did={props.did} 188 188 + blocks={props.blocks} 189 189 + preview 190 190 + bskyPostData={[]} 191 191 + /> 192 192 + </div> 193 193 + </div> 194 194 + ); 195 195 + } 196 196 + 197 197 + const Interactions = (props: { pageId: string; parentPageId?: string }) => { 198 198 + const data = useContext(PostPageContext); 199 199 + const document_uri = data?.uri; 200 200 + if (!document_uri) 201 201 + throw new Error("document_uri not available in PostPageContext"); 202 202 + let comments = data.comments_on_documents.filter( 203 203 + (c) => (c.record as PubLeafletComment.Record)?.onPage === props.pageId, 204 204 + ).length; 205 205 + let quotes = data.document_mentions_in_bsky.filter((q) => 206 206 + q.link.includes(props.pageId), 207 207 + ).length; 208 208 + 209 209 + let { drawerOpen, drawer, pageId } = useInteractionState(document_uri); 210 210 + 211 211 + return ( 212 212 + <div 213 213 + className={`flex gap-2 text-tertiary text-sm absolute bottom-2 bg-bg-page`} 214 214 + > 215 215 + {quotes > 0 && ( 216 216 + <button 217 217 + className={`flex gap-1 items-center`} 218 218 + onClick={(e) => { 219 219 + e.preventDefault(); 220 220 + e.stopPropagation(); 221 221 + openPage( 222 222 + props.parentPageId ? { type: "doc", id: props.parentPageId } : undefined, 223 223 + { type: "doc", id: props.pageId }, 224 224 + { scrollIntoView: false }, 225 225 + ); 226 226 + if (!drawerOpen || drawer !== "quotes") 227 227 + openInteractionDrawer("quotes", document_uri, props.pageId); 228 228 + else setInteractionState(document_uri, { drawerOpen: false }); 229 229 + }} 230 230 + > 231 231 + <span className="sr-only">Page quotes</span> 232 232 + <QuoteTiny aria-hidden /> {quotes}{" "} 233 233 + </button> 234 234 + )} 235 235 + {comments > 0 && ( 236 236 + <button 237 237 + className={`flex gap-1 items-center`} 238 238 + onClick={(e) => { 239 239 + e.preventDefault(); 240 240 + e.stopPropagation(); 241 241 + openPage( 242 242 + props.parentPageId ? { type: "doc", id: props.parentPageId } : undefined, 243 243 + { type: "doc", id: props.pageId }, 244 244 + { scrollIntoView: false }, 245 245 + ); 246 246 + if (!drawerOpen || drawer !== "comments" || pageId !== props.pageId) 247 247 + openInteractionDrawer("comments", document_uri, props.pageId); 248 248 + else setInteractionState(document_uri, { drawerOpen: false }); 249 249 + }} 250 250 + > 251 251 + <span className="sr-only">Page comments</span> 252 252 + <CommentTiny aria-hidden /> {comments}{" "} 253 253 + </button> 254 254 + )} 255 255 + </div> 256 256 + ); 257 257 + }; 258 258 + 259 259 + const CanvasLinkBlock = (props: { 260 260 + blocks: PubLeafletPagesCanvas.Block[]; 261 261 + did: string; 262 262 + pageId: string; 263 263 + bskyPostData: AppBskyFeedDefs.PostView[]; 264 264 + pages: (PubLeafletPagesLinearDocument.Main | PubLeafletPagesCanvas.Main)[]; 265 265 + }) => { 266 266 + let pageWidth = `var(--page-width-unitless)`; 267 267 + let height = 268 268 + props.blocks.length > 0 ? Math.max(...props.blocks.map((b) => b.y), 0) : 0; 269 269 + 270 270 + return ( 271 271 + <div 272 272 + style={{ contain: "size layout paint" }} 273 273 + className={`pageLinkBlockPreview shrink-0 h-[200px] w-full overflow-clip relative`} 274 274 + > 275 275 + <div 276 276 + className={`absolute top-0 left-0 origin-top-left pointer-events-none w-full`} 277 277 + style={{ 278 278 + width: `calc(1px * ${pageWidth})`, 279 279 + height: "calc(1150px * 2)", 280 280 + transform: `scale(calc(((${pageWidth} - 36) / 1272 )))`, 281 281 + }} 282 282 + > 283 283 + <div 284 284 + style={{ 285 285 + minHeight: height + 512, 286 286 + contain: "size layout paint", 287 287 + }} 288 288 + className="relative h-full w-[1272px]" 289 289 + > 290 290 + <div className="w-full h-full pointer-events-none"> 291 291 + <CanvasBackgroundPattern pattern="grid" /> 292 292 + </div> 293 293 + {props.blocks 294 294 + .sort((a, b) => { 295 295 + if (a.y === b.y) { 296 296 + return a.x - b.x; 297 297 + } 298 298 + return a.y - b.y; 299 299 + }) 300 300 + .map((canvasBlock, index) => { 301 301 + let { x, y, width, rotation } = canvasBlock; 302 302 + let transform = `translate(${x}px, ${y}px)${rotation ? ` rotate(${rotation}deg)` : ""}`; 303 303 + 304 304 + // Wrap the block in a LinearDocument.Block structure for compatibility 305 305 + let linearBlock: PubLeafletPagesLinearDocument.Block = { 306 306 + $type: "pub.leaflet.pages.linearDocument#block", 307 307 + block: canvasBlock.block, 308 308 + }; 309 309 + 310 310 + return ( 311 311 + <div 312 312 + key={index} 313 313 + className="absolute rounded-lg flex items-stretch origin-center p-3" 314 314 + style={{ 315 315 + top: 0, 316 316 + left: 0, 317 317 + width, 318 318 + transform, 319 319 + }} 320 320 + > 321 321 + <div className="contents"> 322 322 + <Block 323 323 + pollData={[]} 324 324 + pageId={props.pageId} 325 325 + pages={props.pages} 326 326 + bskyPostData={props.bskyPostData} 327 327 + block={linearBlock} 328 328 + did={props.did} 329 329 + index={[index]} 330 330 + preview={true} 331 331 + /> 332 332 + </div> 333 333 + </div> 334 334 + ); 335 335 + })} 336 336 + </div> 337 337 + </div> 338 338 + </div> 339 339 + ); 340 340 + };

+346

app/lish/[did]/[publication]/[rkey]/PublishedPollBlock.tsx

··· 1 1 + "use client"; 2 2 + 3 3 + import { 4 4 + PubLeafletBlocksPoll, 5 5 + PubLeafletPollDefinition, 6 6 + PubLeafletPollVote, 7 7 + } from "lexicons/api"; 8 8 + import { useState, useEffect } from "react"; 9 9 + import { ButtonPrimary, ButtonSecondary } from "components/Buttons"; 10 10 + import { useIdentityData } from "components/IdentityProvider"; 11 11 + import { AtpAgent } from "@atproto/api"; 12 12 + import { voteOnPublishedPoll } from "./voteOnPublishedPoll"; 13 13 + import { PollData } from "./fetchPollData"; 14 14 + import { Popover } from "components/Popover"; 15 15 + import LoginForm from "app/login/LoginForm"; 16 16 + import { BlueskyTiny } from "components/Icons/BlueskyTiny"; 17 17 + import { getVoterIdentities, VoterIdentity } from "./getVoterIdentities"; 18 18 + import { Json } from "supabase/database.types"; 19 19 + import { InfoSmall } from "components/Icons/InfoSmall"; 20 20 + 21 21 + // Helper function to extract the first option from a vote record 22 22 + const getVoteOption = (voteRecord: any): string | null => { 23 23 + try { 24 24 + const record = voteRecord as PubLeafletPollVote.Record; 25 25 + return record.option && record.option.length > 0 ? record.option[0] : null; 26 26 + } catch { 27 27 + return null; 28 28 + } 29 29 + }; 30 30 + 31 31 + export const PublishedPollBlock = (props: { 32 32 + block: PubLeafletBlocksPoll.Main; 33 33 + pollData: PollData; 34 34 + className?: string; 35 35 + }) => { 36 36 + const { identity } = useIdentityData(); 37 37 + const [selectedOption, setSelectedOption] = useState<string | null>(null); 38 38 + const [isVoting, setIsVoting] = useState(false); 39 39 + const [showResults, setShowResults] = useState(false); 40 40 + const [optimisticVote, setOptimisticVote] = useState<{ 41 41 + option: string; 42 42 + voter_did: string; 43 43 + } | null>(null); 44 44 + let pollRecord = props.pollData.record as PubLeafletPollDefinition.Record; 45 45 + let [isClient, setIsClient] = useState(false); 46 46 + useEffect(() => { 47 47 + setIsClient(true); 48 48 + }, []); 49 49 + 50 50 + const handleVote = async () => { 51 51 + if (!selectedOption || !identity?.atp_did) return; 52 52 + 53 53 + setIsVoting(true); 54 54 + 55 55 + // Optimistically add the vote 56 56 + setOptimisticVote({ 57 57 + option: selectedOption, 58 58 + voter_did: identity.atp_did, 59 59 + }); 60 60 + setShowResults(true); 61 61 + 62 62 + try { 63 63 + const result = await voteOnPublishedPoll( 64 64 + props.block.pollRef.uri, 65 65 + props.block.pollRef.cid, 66 66 + selectedOption, 67 67 + ); 68 68 + 69 69 + if (!result.success) { 70 70 + console.error("Failed to vote:", result.error); 71 71 + // Revert optimistic update on failure 72 72 + setOptimisticVote(null); 73 73 + setShowResults(false); 74 74 + } 75 75 + } catch (error) { 76 76 + console.error("Failed to vote:", error); 77 77 + // Revert optimistic update on failure 78 78 + setOptimisticVote(null); 79 79 + setShowResults(false); 80 80 + } finally { 81 81 + setIsVoting(false); 82 82 + } 83 83 + }; 84 84 + 85 85 + const hasVoted = 86 86 + !!identity?.atp_did && 87 87 + (!!props.pollData?.atp_poll_votes.find( 88 88 + (v) => v.voter_did === identity?.atp_did, 89 89 + ) || 90 90 + !!optimisticVote); 91 91 + let isCreator = 92 92 + identity?.atp_did && props.pollData.uri.includes(identity?.atp_did); 93 93 + const displayResults = showResults || hasVoted; 94 94 + 95 95 + return ( 96 96 + <div 97 97 + className={`poll flex flex-col gap-2 p-3 w-full ${props.className} block-border`} 98 98 + style={{ 99 99 + backgroundColor: 100 100 + "color-mix(in oklab, rgb(var(--accent-1)), rgb(var(--bg-page)) 85%)", 101 101 + }} 102 102 + > 103 103 + {displayResults ? ( 104 104 + <> 105 105 + <PollResults 106 106 + pollData={props.pollData} 107 107 + hasVoted={hasVoted} 108 108 + setShowResults={setShowResults} 109 109 + optimisticVote={optimisticVote} 110 110 + /> 111 111 + {!hasVoted && ( 112 112 + <div className="flex justify-start"> 113 113 + <button 114 114 + className="w-fit flex gap-2 items-center justify-start text-sm text-accent-contrast" 115 115 + onClick={() => setShowResults(false)} 116 116 + > 117 117 + Back to Voting 118 118 + </button> 119 119 + </div> 120 120 + )} 121 121 + </> 122 122 + ) : ( 123 123 + <> 124 124 + {pollRecord.options.map((option, index) => ( 125 125 + <PollOptionButton 126 126 + key={index} 127 127 + option={option} 128 128 + optionIndex={index.toString()} 129 129 + selected={selectedOption === index.toString()} 130 130 + onSelect={() => setSelectedOption(index.toString())} 131 131 + disabled={!identity?.atp_did} 132 132 + /> 133 133 + ))} 134 134 + <div className="flex flex-col-reverse sm:flex-row sm:justify-between gap-2 items-center pt-2"> 135 135 + <div className="text-sm text-tertiary">All votes are public</div> 136 136 + <div className="flex sm:gap-3 sm:flex-row flex-col-reverse sm:justify-end justify-center gap-1 items-center"> 137 137 + <button 138 138 + className="w-fit font-bold text-accent-contrast" 139 139 + onClick={() => setShowResults(!showResults)} 140 140 + > 141 141 + See Results 142 142 + </button> 143 143 + {identity?.atp_did ? ( 144 144 + <ButtonPrimary 145 145 + className="place-self-end" 146 146 + onClick={handleVote} 147 147 + disabled={!selectedOption || isVoting} 148 148 + > 149 149 + {isVoting ? "Voting..." : "Vote!"} 150 150 + </ButtonPrimary> 151 151 + ) : ( 152 152 + <Popover 153 153 + asChild 154 154 + trigger={ 155 155 + <ButtonPrimary className="place-self-center"> 156 156 + <BlueskyTiny /> Login to vote 157 157 + </ButtonPrimary> 158 158 + } 159 159 + > 160 160 + {isClient && ( 161 161 + <LoginForm 162 162 + text="Log in to vote on this poll!" 163 163 + noEmail 164 164 + redirectRoute={window?.location.href + "?refreshAuth"} 165 165 + /> 166 166 + )} 167 167 + </Popover> 168 168 + )} 169 169 + </div> 170 170 + </div> 171 171 + </> 172 172 + )} 173 173 + </div> 174 174 + ); 175 175 + }; 176 176 + 177 177 + const PollOptionButton = (props: { 178 178 + option: PubLeafletPollDefinition.Option; 179 179 + optionIndex: string; 180 180 + selected: boolean; 181 181 + onSelect: () => void; 182 182 + disabled?: boolean; 183 183 + }) => { 184 184 + const ButtonComponent = props.selected ? ButtonPrimary : ButtonSecondary; 185 185 + 186 186 + return ( 187 187 + <div className="flex gap-2 items-center"> 188 188 + <ButtonComponent 189 189 + className="pollOption grow max-w-full flex" 190 190 + onClick={props.onSelect} 191 191 + disabled={props.disabled} 192 192 + > 193 193 + {props.option.text} 194 194 + </ButtonComponent> 195 195 + </div> 196 196 + ); 197 197 + }; 198 198 + 199 199 + const PollResults = (props: { 200 200 + pollData: PollData; 201 201 + hasVoted: boolean; 202 202 + setShowResults: (show: boolean) => void; 203 203 + optimisticVote: { option: string; voter_did: string } | null; 204 204 + }) => { 205 205 + // Merge optimistic vote with actual votes 206 206 + const allVotes = props.optimisticVote 207 207 + ? [ 208 208 + ...props.pollData.atp_poll_votes, 209 209 + { 210 210 + voter_did: props.optimisticVote.voter_did, 211 211 + record: { 212 212 + $type: "pub.leaflet.poll.vote", 213 213 + option: [props.optimisticVote.option], 214 214 + }, 215 215 + }, 216 216 + ] 217 217 + : props.pollData.atp_poll_votes; 218 218 + 219 219 + const totalVotes = allVotes.length || 0; 220 220 + let pollRecord = props.pollData.record as PubLeafletPollDefinition.Record; 221 221 + let optionsWithCount = pollRecord.options.map((o, index) => ({ 222 222 + ...o, 223 223 + votes: allVotes.filter((v) => getVoteOption(v.record) == index.toString()), 224 224 + })); 225 225 + 226 226 + const highestVotes = Math.max(...optionsWithCount.map((o) => o.votes.length)); 227 227 + return ( 228 228 + <> 229 229 + {pollRecord.options.map((option, index) => { 230 230 + const voteRecords = allVotes.filter( 231 231 + (v) => getVoteOption(v.record) === index.toString(), 232 232 + ); 233 233 + const isWinner = totalVotes > 0 && voteRecords.length === highestVotes; 234 234 + 235 235 + return ( 236 236 + <PollResult 237 237 + key={index} 238 238 + option={option} 239 239 + votes={voteRecords.length} 240 240 + voteRecords={voteRecords} 241 241 + totalVotes={totalVotes} 242 242 + winner={isWinner} 243 243 + /> 244 244 + ); 245 245 + })} 246 246 + </> 247 247 + ); 248 248 + }; 249 249 + 250 250 + const VoterListPopover = (props: { 251 251 + votes: number; 252 252 + voteRecords: { voter_did: string; record: Json }[]; 253 253 + }) => { 254 254 + const [voterIdentities, setVoterIdentities] = useState<VoterIdentity[]>([]); 255 255 + const [isLoading, setIsLoading] = useState(false); 256 256 + const [hasFetched, setHasFetched] = useState(false); 257 257 + 258 258 + const handleOpenChange = async () => { 259 259 + if (!hasFetched && props.voteRecords.length > 0) { 260 260 + setIsLoading(true); 261 261 + setHasFetched(true); 262 262 + try { 263 263 + const dids = props.voteRecords.map((v) => v.voter_did); 264 264 + const identities = await getVoterIdentities(dids); 265 265 + setVoterIdentities(identities); 266 266 + } catch (error) { 267 267 + console.error("Failed to fetch voter identities:", error); 268 268 + } finally { 269 269 + setIsLoading(false); 270 270 + } 271 271 + } 272 272 + }; 273 273 + 274 274 + return ( 275 275 + <Popover 276 276 + trigger={ 277 277 + <button 278 278 + className="hover:underline cursor-pointer" 279 279 + disabled={props.votes === 0} 280 280 + > 281 281 + {props.votes} 282 282 + </button> 283 283 + } 284 284 + onOpenChange={handleOpenChange} 285 285 + className="w-64 max-h-80" 286 286 + > 287 287 + {isLoading ? ( 288 288 + <div className="flex justify-center py-4"> 289 289 + <div className="text-sm text-secondary">Loading...</div> 290 290 + </div> 291 291 + ) : ( 292 292 + <div className="flex flex-col gap-1 text-sm py-0.5"> 293 293 + {voterIdentities.map((voter) => ( 294 294 + <a 295 295 + key={voter.did} 296 296 + href={`https://bsky.app/profile/${voter.handle || voter.did}`} 297 297 + target="_blank" 298 298 + rel="noopener noreferrer" 299 299 + className="" 300 300 + > 301 301 + @{voter.handle || voter.did} 302 302 + </a> 303 303 + ))} 304 304 + </div> 305 305 + )} 306 306 + </Popover> 307 307 + ); 308 308 + }; 309 309 + 310 310 + const PollResult = (props: { 311 311 + option: PubLeafletPollDefinition.Option; 312 312 + votes: number; 313 313 + voteRecords: { voter_did: string; record: Json }[]; 314 314 + totalVotes: number; 315 315 + winner: boolean; 316 316 + }) => { 317 317 + return ( 318 318 + <div 319 319 + className={`pollResult relative grow py-0.5 px-2 border-accent-contrast rounded-md overflow-hidden ${props.winner ? "font-bold border-2" : "border"}`} 320 320 + > 321 321 + <div 322 322 + style={{ 323 323 + WebkitTextStroke: `${props.winner ? "6px" : "6px"} rgb(var(--bg-page))`, 324 324 + paintOrder: "stroke fill", 325 325 + }} 326 326 + className="pollResultContent text-accent-contrast relative flex gap-2 justify-between z-10" 327 327 + > 328 328 + <div className="grow max-w-full truncate">{props.option.text}</div> 329 329 + <VoterListPopover votes={props.votes} voteRecords={props.voteRecords} /> 330 330 + </div> 331 331 + <div className="pollResultBG absolute bg-bg-page w-full top-0 bottom-0 left-0 right-0 flex flex-row z-0"> 332 332 + <div 333 333 + className="bg-accent-contrast rounded-[2px] m-0.5" 334 334 + style={{ 335 335 + maskImage: "var(--hatchSVG)", 336 336 + maskRepeat: "repeat repeat", 337 337 + ...(props.votes === 0 338 338 + ? { width: "4px" } 339 339 + : { flexBasis: `${(props.votes / props.totalVotes) * 100}%` }), 340 340 + }} 341 341 + /> 342 342 + <div /> 343 343 + </div> 344 344 + </div> 345 345 + ); 346 346 + };

+20

app/lish/[did]/[publication]/[rkey]/StaticMathBlock.tsx

··· 1 1 + import { PubLeafletBlocksMath } from "lexicons/api"; 2 2 + import Katex from "katex"; 3 3 + import "katex/dist/katex.min.css"; 4 4 + 5 5 + export const StaticMathBlock = ({ 6 6 + block, 7 7 + }: { 8 8 + block: PubLeafletBlocksMath.Main; 9 9 + }) => { 10 10 + const html = Katex.renderToString(block.tex, { 11 11 + displayMode: true, 12 12 + output: "html", 13 13 + throwOnError: false, 14 14 + }); 15 15 + return ( 16 16 + <div className="math-block my-2"> 17 17 + <div dangerouslySetInnerHTML={{ __html: html }} /> 18 18 + </div> 19 19 + ); 20 20 + };

+2 -2

app/lish/[did]/[publication]/[rkey]/StaticPostContent.tsx

··· 12 12 PubLeafletPagesLinearDocument, 13 13 } from "lexicons/api"; 14 14 import { blobRefToSrc } from "src/utils/blobRefToSrc"; 15 15 - import { TextBlockCore, TextBlockCoreProps } from "./Blocks/TextBlockCore"; 16 16 - import { StaticMathBlock } from "./Blocks/StaticMathBlock"; 15 15 + import { TextBlockCore, TextBlockCoreProps } from "./TextBlockCore"; 16 16 + import { StaticMathBlock } from "./StaticMathBlock"; 17 17 import { codeToHtml, bundledLanguagesInfo, bundledThemesInfo } from "shiki"; 18 18 19 19 function StaticBaseTextBlock(props: Omit<TextBlockCoreProps, "renderers">) {

+95

app/lish/[did]/[publication]/[rkey]/TextBlock.tsx

··· 1 1 + "use client"; 2 2 + import { UnicodeString } from "@atproto/api"; 3 3 + import { PubLeafletRichtextFacet } from "lexicons/api"; 4 4 + import { useMemo } from "react"; 5 5 + import { useHighlight } from "./useHighlight"; 6 6 + import { BaseTextBlock } from "./BaseTextBlock"; 7 7 + 8 8 + type Facet = PubLeafletRichtextFacet.Main; 9 9 + export function TextBlock(props: { 10 10 + plaintext: string; 11 11 + facets?: Facet[]; 12 12 + index: number[]; 13 13 + preview?: boolean; 14 14 + pageId?: string; 15 15 + }) { 16 16 + let children = []; 17 17 + let highlights = useHighlight(props.index, props.pageId); 18 18 + let facets = useMemo(() => { 19 19 + if (props.preview) return props.facets; 20 20 + let facets = [...(props.facets || [])]; 21 21 + for (let highlight of highlights) { 22 22 + const fragmentId = props.pageId 23 23 + ? `${props.pageId}~${props.index.join(".")}_${highlight.startOffset || 0}` 24 24 + : `${props.index.join(".")}_${highlight.startOffset || 0}`; 25 25 + facets = addFacet( 26 26 + facets, 27 27 + { 28 28 + index: { 29 29 + byteStart: highlight.startOffset 30 30 + ? new UnicodeString( 31 31 + props.plaintext.slice(0, highlight.startOffset), 32 32 + ).length 33 33 + : 0, 34 34 + byteEnd: new UnicodeString( 35 35 + props.plaintext.slice(0, highlight.endOffset ?? undefined), 36 36 + ).length, 37 37 + }, 38 38 + features: [ 39 39 + { $type: "pub.leaflet.richtext.facet#highlight" }, 40 40 + { 41 41 + $type: "pub.leaflet.richtext.facet#id", 42 42 + id: fragmentId, 43 43 + }, 44 44 + ], 45 45 + }, 46 46 + new UnicodeString(props.plaintext).length, 47 47 + ); 48 48 + } 49 49 + return facets; 50 50 + }, [props.plaintext, props.facets, highlights, props.preview, props.pageId]); 51 51 + return <BaseTextBlock {...props} facets={facets} />; 52 52 + } 53 53 + 54 54 + function addFacet(facets: Facet[], newFacet: Facet, length: number) { 55 55 + if (facets.length === 0) { 56 56 + return [newFacet]; 57 57 + } 58 58 + 59 59 + const allFacets = [...facets, newFacet]; 60 60 + 61 61 + // Collect all boundary positions 62 62 + const boundaries = new Set<number>(); 63 63 + boundaries.add(0); 64 64 + boundaries.add(length); 65 65 + 66 66 + for (const facet of allFacets) { 67 67 + boundaries.add(facet.index.byteStart); 68 68 + boundaries.add(facet.index.byteEnd); 69 69 + } 70 70 + 71 71 + const sortedBoundaries = Array.from(boundaries).sort((a, b) => a - b); 72 72 + const result: Facet[] = []; 73 73 + 74 74 + // Process segments between consecutive boundaries 75 75 + for (let i = 0; i < sortedBoundaries.length - 1; i++) { 76 76 + const start = sortedBoundaries[i]; 77 77 + const end = sortedBoundaries[i + 1]; 78 78 + 79 79 + // Find facets that are active at the start position 80 80 + const activeFacets = allFacets.filter( 81 81 + (facet) => facet.index.byteStart <= start && facet.index.byteEnd > start, 82 82 + ); 83 83 + 84 84 + // Only create facet if there are active facets (features present) 85 85 + if (activeFacets.length > 0) { 86 86 + const features = activeFacets.flatMap((f) => f.features); 87 87 + result.push({ 88 88 + index: { byteStart: start, byteEnd: end }, 89 89 + features, 90 90 + }); 91 91 + } 92 92 + } 93 93 + 94 94 + return result; 95 95 + }

+181

app/lish/[did]/[publication]/[rkey]/TextBlockCore.tsx

··· 1 1 + import { UnicodeString } from "@atproto/api"; 2 2 + import { PubLeafletRichtextFacet } from "lexicons/api"; 3 3 + import { AtMentionLink } from "components/AtMentionLink"; 4 4 + import { ReactNode } from "react"; 5 5 + 6 6 + type Facet = PubLeafletRichtextFacet.Main; 7 7 + 8 8 + export type FacetRenderers = { 9 9 + DidMention?: (props: { did: string; children: ReactNode }) => ReactNode; 10 10 + }; 11 11 + 12 12 + export type TextBlockCoreProps = { 13 13 + plaintext: string; 14 14 + facets?: Facet[]; 15 15 + index: number[]; 16 16 + preview?: boolean; 17 17 + renderers?: FacetRenderers; 18 18 + }; 19 19 + 20 20 + export function TextBlockCore(props: TextBlockCoreProps) { 21 21 + let children = []; 22 22 + let richText = new RichText({ 23 23 + text: props.plaintext, 24 24 + facets: props.facets || [], 25 25 + }); 26 26 + let counter = 0; 27 27 + for (const segment of richText.segments()) { 28 28 + let id = segment.facet?.find(PubLeafletRichtextFacet.isId); 29 29 + let link = segment.facet?.find(PubLeafletRichtextFacet.isLink); 30 30 + let isBold = segment.facet?.find(PubLeafletRichtextFacet.isBold); 31 31 + let isCode = segment.facet?.find(PubLeafletRichtextFacet.isCode); 32 32 + let isStrikethrough = segment.facet?.find( 33 33 + PubLeafletRichtextFacet.isStrikethrough, 34 34 + ); 35 35 + let isDidMention = segment.facet?.find( 36 36 + PubLeafletRichtextFacet.isDidMention, 37 37 + ); 38 38 + let isAtMention = segment.facet?.find(PubLeafletRichtextFacet.isAtMention); 39 39 + let isUnderline = segment.facet?.find(PubLeafletRichtextFacet.isUnderline); 40 40 + let isItalic = segment.facet?.find(PubLeafletRichtextFacet.isItalic); 41 41 + let isHighlighted = segment.facet?.find( 42 42 + PubLeafletRichtextFacet.isHighlight, 43 43 + ); 44 44 + let className = ` 45 45 + ${isCode ? "inline-code" : ""} 46 46 + ${id ? "scroll-mt-12 scroll-mb-10" : ""} 47 47 + ${isBold ? "font-bold" : ""} 48 48 + ${isItalic ? "italic" : ""} 49 49 + ${isUnderline ? "underline" : ""} 50 50 + ${isStrikethrough ? "line-through decoration-tertiary" : ""} 51 51 + ${isHighlighted ? "highlight bg-highlight-1" : ""}`.replaceAll("\n", " "); 52 52 + 53 53 + // Split text by newlines and insert <br> tags 54 54 + const textParts = segment.text.split("\n"); 55 55 + const renderedText = textParts.flatMap((part, i) => 56 56 + i < textParts.length - 1 57 57 + ? [part, <br key={`br-${counter}-${i}`} />] 58 58 + : [part], 59 59 + ); 60 60 + 61 61 + if (isCode) { 62 62 + children.push( 63 63 + <code key={counter} className={className} id={id?.id}> 64 64 + {renderedText} 65 65 + </code>, 66 66 + ); 67 67 + } else if (isDidMention) { 68 68 + const DidMentionRenderer = props.renderers?.DidMention; 69 69 + if (DidMentionRenderer) { 70 70 + children.push( 71 71 + <DidMentionRenderer key={counter} did={isDidMention.did}> 72 72 + <span className="mention">{renderedText}</span> 73 73 + </DidMentionRenderer>, 74 74 + ); 75 75 + } else { 76 76 + // Default: render as a simple link 77 77 + children.push( 78 78 + <a 79 79 + key={counter} 80 80 + href={`https://leaflet.pub/p/${isDidMention.did}`} 81 81 + target="_blank" 82 82 + className="no-underline" 83 83 + > 84 84 + <span className="mention">{renderedText}</span> 85 85 + </a>, 86 86 + ); 87 87 + } 88 88 + } else if (isAtMention) { 89 89 + children.push( 90 90 + <AtMentionLink 91 91 + key={counter} 92 92 + atURI={isAtMention.atURI} 93 93 + className={className} 94 94 + > 95 95 + {renderedText} 96 96 + </AtMentionLink>, 97 97 + ); 98 98 + } else if (link) { 99 99 + children.push( 100 100 + <a 101 101 + key={counter} 102 102 + href={link.uri.trim()} 103 103 + className={`text-accent-contrast hover:underline ${className}`} 104 104 + target="_blank" 105 105 + > 106 106 + {renderedText} 107 107 + </a>, 108 108 + ); 109 109 + } else { 110 110 + children.push( 111 111 + <span key={counter} className={className} id={id?.id}> 112 112 + {renderedText} 113 113 + </span>, 114 114 + ); 115 115 + } 116 116 + 117 117 + counter++; 118 118 + } 119 119 + return <>{children}</>; 120 120 + } 121 121 + 122 122 + type RichTextSegment = { 123 123 + text: string; 124 124 + facet?: Exclude<Facet["features"], { $type: string }>; 125 125 + }; 126 126 + 127 127 + export class RichText { 128 128 + unicodeText: UnicodeString; 129 129 + facets?: Facet[]; 130 130 + 131 131 + constructor(props: { text: string; facets: Facet[] }) { 132 132 + this.unicodeText = new UnicodeString(props.text); 133 133 + this.facets = props.facets; 134 134 + if (this.facets) { 135 135 + this.facets = this.facets 136 136 + .filter((facet) => facet.index.byteStart <= facet.index.byteEnd) 137 137 + .sort((a, b) => a.index.byteStart - b.index.byteStart); 138 138 + } 139 139 + } 140 140 + 141 141 + *segments(): Generator<RichTextSegment, void, void> { 142 142 + const facets = this.facets || []; 143 143 + if (!facets.length) { 144 144 + yield { text: this.unicodeText.utf16 }; 145 145 + return; 146 146 + } 147 147 + 148 148 + let textCursor = 0; 149 149 + let facetCursor = 0; 150 150 + do { 151 151 + const currFacet = facets[facetCursor]; 152 152 + if (textCursor < currFacet.index.byteStart) { 153 153 + yield { 154 154 + text: this.unicodeText.slice(textCursor, currFacet.index.byteStart), 155 155 + }; 156 156 + } else if (textCursor > currFacet.index.byteStart) { 157 157 + facetCursor++; 158 158 + continue; 159 159 + } 160 160 + if (currFacet.index.byteStart < currFacet.index.byteEnd) { 161 161 + const subtext = this.unicodeText.slice( 162 162 + currFacet.index.byteStart, 163 163 + currFacet.index.byteEnd, 164 164 + ); 165 165 + if (!subtext.trim()) { 166 166 + // dont empty string entities 167 167 + yield { text: subtext }; 168 168 + } else { 169 169 + yield { text: subtext, facet: currFacet.features }; 170 170 + } 171 171 + } 172 172 + textCursor = currFacet.index.byteEnd; 173 173 + facetCursor++; 174 174 + } while (facetCursor < facets.length); 175 175 + if (textCursor < this.unicodeText.length) { 176 176 + yield { 177 177 + text: this.unicodeText.slice(textCursor, this.unicodeText.length), 178 178 + }; 179 179 + } 180 180 + } 181 181 + }

+2 -7

app/lish/[did]/[publication]/page.tsx

··· 18 18 import { LocalizedDate } from "./LocalizedDate"; 19 19 import { PublicationHomeLayout } from "./PublicationHomeLayout"; 20 20 import { PublicationAuthor } from "./PublicationAuthor"; 21 21 - import { Separator } from "components/Layout"; 22 21 23 22 export default async function Publication(props: { 24 23 params: Promise<{ publication: string; did: string }>; ··· 148 147 </p> 149 148 </SpeedyLink> 150 149 151 151 - <div className="text-sm text-tertiary flex gap-1 flex-wrap pt-2 items-center"> 150 150 + <div className="text-sm text-tertiary flex gap-1 flex-wrap pt-2"> 152 151 <p className="text-sm text-tertiary "> 153 152 {doc_record.publishedAt && ( 154 153 <LocalizedDate ··· 161 160 /> 162 161 )}{" "} 163 162 </p> 164 164 - {comments > 0 || quotes > 0 || tags.length > 0 ? ( 165 165 - <Separator classname="h-4! mx-1" /> 166 166 - ) : ( 167 167 - "" 168 168 - )} 163 163 + {comments > 0 || quotes > 0 ? "| " : ""} 169 164 <InteractionPreview 170 165 quotesCount={quotes} 171 166 commentsCount={comments}

+2 -2

components/ActionBar/ActionButton.tsx

··· 70 70 > 71 71 <div className="shrink-0">{icon}</div> 72 72 <div 73 73 - className={`flex flex-col pr-1 ${subtext && "leading-snug"} max-w-full min-w-0 ${sidebar.open ? "block" : showLabelOnMobile ? "sm:hidden block" : "hidden"}`} 73 73 + className={`flex flex-col pr-1 leading-snug max-w-full min-w-0 ${sidebar.open ? "block" : showLabelOnMobile ? "sm:hidden block" : "hidden"}`} 74 74 > 75 75 - <div className="truncate text-left">{label}</div> 75 75 + <div className="truncate text-left pt-[1px]">{label}</div> 76 76 {subtext && ( 77 77 <div className="text-xs text-tertiary font-normal text-left"> 78 78 {subtext}

+1 -1

components/Blocks/Block.tsx

··· 10 10 import { useHandleDrop } from "./useHandleDrop"; 11 11 import { useEntitySetContext } from "components/EntitySetProvider"; 12 12 13 13 - import { TextBlock } from "./TextBlock/index"; 13 13 + import { TextBlock } from "components/Blocks/TextBlock"; 14 14 import { ImageBlock } from "./ImageBlock"; 15 15 import { PageLinkBlock } from "./PageLinkBlock"; 16 16 import { ExternalLinkBlock } from "./ExternalLinkBlock";

+1 -1

components/Blocks/TextBlock/RenderYJSFragment.tsx

··· 8 8 import { Delta } from "src/utils/yjsFragmentToString"; 9 9 import { ProfilePopover } from "components/ProfilePopover"; 10 10 11 11 - type BlockElements = "h1" | "h2" | "h3" | null | "blockquote" | "p" | "small"; 11 11 + type BlockElements = "h1" | "h2" | "h3" | null | "blockquote" | "p"; 12 12 export function RenderYJSFragment({ 13 13 value, 14 14 wrapper,

+4 -18

components/Blocks/TextBlock/index.tsx

··· 120 120 }) { 121 121 let initialFact = useEntity(props.entityID, "block/text"); 122 122 let headingLevel = useEntity(props.entityID, "block/heading-level"); 123 123 - let textSize = useEntity(props.entityID, "block/text-size"); 124 123 let alignment = 125 124 useEntity(props.entityID, "block/text-alignment")?.data.value || "left"; 126 125 let alignmentClass = { ··· 129 128 center: "text-center", 130 129 justify: "text-justify", 131 130 }[alignment]; 132 132 - let textStyle = 133 133 - textSize?.data.value === "small" 134 134 - ? "text-sm" 135 135 - : textSize?.data.value === "large" 136 136 - ? "text-lg" 137 137 - : ""; 138 131 let { permissions } = useEntitySetContext(); 139 132 140 133 let content = <br />; ··· 166 159 className={` 167 160 ${alignmentClass} 168 161 ${props.type === "blockquote" ? (props.previousBlock?.type === "blockquote" ? `blockquote pt-3 ` : "blockquote") : ""} 169 169 - ${props.type === "heading" ? HeadingStyle[headingLevel?.data.value || 1] : textStyle} 162 162 + ${props.type === "heading" ? HeadingStyle[headingLevel?.data.value || 1] : ""} 170 163 w-full whitespace-pre-wrap outline-hidden ${props.className} `} 171 164 > 172 165 {content} ··· 176 169 177 170 export function BaseTextBlock(props: BlockProps & { className?: string }) { 178 171 let headingLevel = useEntity(props.entityID, "block/heading-level"); 179 179 - let textSize = useEntity(props.entityID, "block/text-size"); 180 172 let alignment = 181 173 useEntity(props.entityID, "block/text-alignment")?.data.value || "left"; 182 174 ··· 192 184 center: "text-center", 193 185 justify: "text-justify", 194 186 }[alignment]; 195 195 - let textStyle = 196 196 - textSize?.data.value === "small" 197 197 - ? "text-sm text-secondary" 198 198 - : textSize?.data.value === "large" 199 199 - ? "text-lg text-primary" 200 200 - : "text-base text-primary"; 201 187 202 188 let editorState = useEditorStates( 203 189 (s) => s.editorStates[props.entityID], ··· 272 258 grow resize-none align-top whitespace-pre-wrap bg-transparent 273 259 outline-hidden 274 260 275 275 - ${props.type === "heading" ? HeadingStyle[headingLevel?.data.value || 1] : textStyle} 261 261 + ${props.type === "heading" ? HeadingStyle[headingLevel?.data.value || 1] : ""} 276 262 ${props.className}`} 277 263 ref={mountRef} 278 264 /> ··· 291 277 // if this is the only block on the page and is empty or is a canvas, show placeholder 292 278 <div 293 279 className={`${props.className} ${alignmentClass} w-full pointer-events-none absolute top-0 left-0 italic text-tertiary flex flex-col 294 294 - ${props.type === "heading" ? HeadingStyle[headingLevel?.data.value || 1] : textStyle} 280 280 + ${props.type === "heading" ? HeadingStyle[headingLevel?.data.value || 1] : ""} 295 281 `} 296 282 > 297 283 {props.type === "text" ··· 510 496 511 497 // Find the relative positioned parent container 512 498 const editorEl = view.dom; 513 513 - const container = editorEl.closest(".relative") as HTMLElement | null; 499 499 + const container = editorEl.closest('.relative') as HTMLElement | null; 514 500 515 501 if (container) { 516 502 const containerRect = container.getBoundingClientRect();

-14

components/Blocks/TextBlock/keymap.ts

··· 555 555 }, 556 556 }); 557 557 } 558 558 - let [textSize] = 559 559 - (await repRef.current?.query((tx) => 560 560 - scanIndex(tx).eav(propsRef.current.entityID, "block/text-size"), 561 561 - )) || []; 562 562 - if (textSize) { 563 563 - await repRef.current?.mutate.assertFact({ 564 564 - entity: newEntityID, 565 565 - attribute: "block/text-size", 566 566 - data: { 567 567 - type: "text-size-union", 568 568 - value: textSize.data.value, 569 569 - }, 570 570 - }); 571 571 - } 572 558 }; 573 559 asyncRun().then(() => { 574 560 useUIState.getState().setSelectedBlock({

-11

components/Blocks/TextBlock/useHandlePaste.ts

··· 299 299 }, 300 300 }); 301 301 } 302 302 - let textSize = child.getAttribute("data-text-size"); 303 303 - if (textSize && ["default", "small", "large"].includes(textSize)) { 304 304 - rep.mutate.assertFact({ 305 305 - entity: entityID, 306 306 - attribute: "block/text-size", 307 307 - data: { 308 308 - type: "text-size-union", 309 309 - value: textSize as "default" | "small" | "large", 310 310 - }, 311 311 - }); 312 312 - } 313 302 if (child.tagName === "A") { 314 303 let href = child.getAttribute("href"); 315 304 let dataType = child.getAttribute("data-type");

+1 -148

components/SelectionManager/index.tsx

··· 89 89 }, 90 90 { 91 91 metaKey: true, 92 92 - altKey: true, 93 93 - key: ["1", "¡"], 94 94 - handler: async () => { 95 95 - let [sortedBlocks] = await getSortedSelectionBound(); 96 96 - for (let block of sortedBlocks) { 97 97 - await rep?.mutate.assertFact({ 98 98 - entity: block.value, 99 99 - attribute: "block/heading-level", 100 100 - data: { type: "number", value: 1 }, 101 101 - }); 102 102 - await rep?.mutate.assertFact({ 103 103 - entity: block.value, 104 104 - attribute: "block/type", 105 105 - data: { type: "block-type-union", value: "heading" }, 106 106 - }); 107 107 - } 108 108 - }, 109 109 - }, 110 110 - { 111 111 - metaKey: true, 112 112 - altKey: true, 113 113 - key: ["2", "™"], 114 114 - handler: async () => { 115 115 - let [sortedBlocks] = await getSortedSelectionBound(); 116 116 - for (let block of sortedBlocks) { 117 117 - await rep?.mutate.assertFact({ 118 118 - entity: block.value, 119 119 - attribute: "block/heading-level", 120 120 - data: { type: "number", value: 2 }, 121 121 - }); 122 122 - await rep?.mutate.assertFact({ 123 123 - entity: block.value, 124 124 - attribute: "block/type", 125 125 - data: { type: "block-type-union", value: "heading" }, 126 126 - }); 127 127 - } 128 128 - }, 129 129 - }, 130 130 - { 131 131 - metaKey: true, 132 132 - altKey: true, 133 133 - key: ["3", "£"], 134 134 - handler: async () => { 135 135 - let [sortedBlocks] = await getSortedSelectionBound(); 136 136 - for (let block of sortedBlocks) { 137 137 - await rep?.mutate.assertFact({ 138 138 - entity: block.value, 139 139 - attribute: "block/heading-level", 140 140 - data: { type: "number", value: 3 }, 141 141 - }); 142 142 - await rep?.mutate.assertFact({ 143 143 - entity: block.value, 144 144 - attribute: "block/type", 145 145 - data: { type: "block-type-union", value: "heading" }, 146 146 - }); 147 147 - } 148 148 - }, 149 149 - }, 150 150 - { 151 151 - metaKey: true, 152 152 - altKey: true, 153 153 - key: ["0", "º"], 154 154 - handler: async () => { 155 155 - let [sortedBlocks] = await getSortedSelectionBound(); 156 156 - for (let block of sortedBlocks) { 157 157 - // Convert to text block 158 158 - await rep?.mutate.assertFact({ 159 159 - entity: block.value, 160 160 - attribute: "block/type", 161 161 - data: { type: "block-type-union", value: "text" }, 162 162 - }); 163 163 - // Remove heading level if exists 164 164 - let headingLevel = await rep?.query((tx) => 165 165 - scanIndex(tx).eav(block.value, "block/heading-level"), 166 166 - ); 167 167 - if (headingLevel?.[0]) { 168 168 - await rep?.mutate.retractFact({ factID: headingLevel[0].id }); 169 169 - } 170 170 - // Remove text-size to make it default 171 171 - let textSizeFact = await rep?.query((tx) => 172 172 - scanIndex(tx).eav(block.value, "block/text-size"), 173 173 - ); 174 174 - if (textSizeFact?.[0]) { 175 175 - await rep?.mutate.retractFact({ factID: textSizeFact[0].id }); 176 176 - } 177 177 - } 178 178 - }, 179 179 - }, 180 180 - { 181 181 - metaKey: true, 182 182 - altKey: true, 183 183 - key: ["+", "≠"], 184 184 - handler: async () => { 185 185 - let [sortedBlocks] = await getSortedSelectionBound(); 186 186 - for (let block of sortedBlocks) { 187 187 - // Convert to text block 188 188 - await rep?.mutate.assertFact({ 189 189 - entity: block.value, 190 190 - attribute: "block/type", 191 191 - data: { type: "block-type-union", value: "text" }, 192 192 - }); 193 193 - // Remove heading level if exists 194 194 - let headingLevel = await rep?.query((tx) => 195 195 - scanIndex(tx).eav(block.value, "block/heading-level"), 196 196 - ); 197 197 - if (headingLevel?.[0]) { 198 198 - await rep?.mutate.retractFact({ factID: headingLevel[0].id }); 199 199 - } 200 200 - // Set text size to large 201 201 - await rep?.mutate.assertFact({ 202 202 - entity: block.value, 203 203 - attribute: "block/text-size", 204 204 - data: { type: "text-size-union", value: "large" }, 205 205 - }); 206 206 - } 207 207 - }, 208 208 - }, 209 209 - { 210 210 - metaKey: true, 211 211 - altKey: true, 212 212 - key: ["-", "–"], 213 213 - handler: async () => { 214 214 - let [sortedBlocks] = await getSortedSelectionBound(); 215 215 - for (let block of sortedBlocks) { 216 216 - // Convert to text block 217 217 - await rep?.mutate.assertFact({ 218 218 - entity: block.value, 219 219 - attribute: "block/type", 220 220 - data: { type: "block-type-union", value: "text" }, 221 221 - }); 222 222 - // Remove heading level if exists 223 223 - let headingLevel = await rep?.query((tx) => 224 224 - scanIndex(tx).eav(block.value, "block/heading-level"), 225 225 - ); 226 226 - if (headingLevel?.[0]) { 227 227 - await rep?.mutate.retractFact({ factID: headingLevel[0].id }); 228 228 - } 229 229 - // Set text size to small 230 230 - await rep?.mutate.assertFact({ 231 231 - entity: block.value, 232 232 - attribute: "block/text-size", 233 233 - data: { type: "text-size-union", value: "small" }, 234 234 - }); 235 235 - } 236 236 - }, 237 237 - }, 238 238 - { 239 239 - metaKey: true, 240 92 shift: true, 241 93 key: ["ArrowDown", "J"], 242 94 handler: async () => { ··· 832 684 } 833 685 return null; 834 686 } 687 687 + 835 688 836 689 function toggleMarkInBlocks(blocks: string[], mark: MarkType, attrs?: any) { 837 690 let everyBlockHasMark = blocks.reduce((acc, block) => {

+7 -7

components/ThemeManager/PublicationThemeProvider.tsx

··· 2 2 import { useMemo, useState } from "react"; 3 3 import { parseColor } from "react-aria-components"; 4 4 import { useEntity } from "src/replicache"; 5 5 - import { getColorContrast } from "./themeUtils"; 5 5 + import { getColorDifference } from "./themeUtils"; 6 6 import { useColorAttribute, colorToString } from "./useColorAttribute"; 7 7 import { BaseThemeProvider, CardBorderHiddenContext } from "./ThemeProvider"; 8 8 import { PubLeafletPublication, PubLeafletThemeColor } from "lexicons/api"; ··· 174 174 let newAccentContrast; 175 175 let sortedAccents = [newTheme.accent1, newTheme.accent2].sort((a, b) => { 176 176 return ( 177 177 - getColorContrast( 177 177 + getColorDifference( 178 178 colorToString(b, "rgb"), 179 179 colorToString( 180 180 showPageBackground ? newTheme.bgPage : newTheme.bgLeaflet, 181 181 "rgb", 182 182 ), 183 183 ) - 184 184 - getColorContrast( 184 184 + getColorDifference( 185 185 colorToString(a, "rgb"), 186 186 colorToString( 187 187 showPageBackground ? newTheme.bgPage : newTheme.bgLeaflet, ··· 191 191 ); 192 192 }); 193 193 if ( 194 194 - getColorContrast( 194 194 + getColorDifference( 195 195 colorToString(sortedAccents[0], "rgb"), 196 196 colorToString(newTheme.primary, "rgb"), 197 197 - ) < 30 && 198 198 - getColorContrast( 197 197 + ) < 0.15 && 198 198 + getColorDifference( 199 199 colorToString(sortedAccents[1], "rgb"), 200 200 colorToString( 201 201 showPageBackground ? newTheme.bgPage : newTheme.bgLeaflet, 202 202 "rgb", 203 203 ), 204 204 - ) > 12 204 204 + ) > 0.08 205 205 ) { 206 206 newAccentContrast = sortedAccents[1]; 207 207 } else newAccentContrast = sortedAccents[0];

+9 -9

components/ThemeManager/ThemeProvider.tsx

··· 22 22 PublicationThemeProvider, 23 23 } from "./PublicationThemeProvider"; 24 24 import { PubLeafletPublication } from "lexicons/api"; 25 25 - import { getColorContrast } from "./themeUtils"; 25 25 + import { getColorDifference } from "./themeUtils"; 26 26 27 27 // define a function to set an Aria Color to a CSS Variable in RGB 28 28 function setCSSVariableToColor( ··· 140 140 //sorting the accents by contrast on background 141 141 let sortedAccents = [accent1, accent2].sort((a, b) => { 142 142 return ( 143 143 - getColorContrast( 143 143 + getColorDifference( 144 144 colorToString(b, "rgb"), 145 145 colorToString(showPageBackground ? bgPage : bgLeaflet, "rgb"), 146 146 ) - 147 147 - getColorContrast( 147 147 + getColorDifference( 148 148 colorToString(a, "rgb"), 149 149 colorToString(showPageBackground ? bgPage : bgLeaflet, "rgb"), 150 150 ) ··· 156 156 // then use the not contrasty option 157 157 158 158 if ( 159 159 - getColorContrast( 159 159 + getColorDifference( 160 160 colorToString(sortedAccents[0], "rgb"), 161 161 colorToString(primary, "rgb"), 162 162 - ) < 30 && 163 163 - getColorContrast( 162 162 + ) < 0.15 && 163 163 + getColorDifference( 164 164 colorToString(sortedAccents[1], "rgb"), 165 165 colorToString(showPageBackground ? bgPage : bgLeaflet, "rgb"), 166 166 - ) > 12 166 166 + ) > 0.08 167 167 ) { 168 168 accentContrast = sortedAccents[1]; 169 169 } else accentContrast = sortedAccents[0]; ··· 286 286 bgPage && accent1 && accent2 287 287 ? [accent1, accent2].sort((a, b) => { 288 288 return ( 289 289 - getColorContrast( 289 289 + getColorDifference( 290 290 colorToString(b, "rgb"), 291 291 colorToString(bgPage, "rgb"), 292 292 ) - 293 293 - getColorContrast( 293 293 + getColorDifference( 294 294 colorToString(a, "rgb"), 295 295 colorToString(bgPage, "rgb"), 296 296 )

+2 -3

components/ThemeManager/ThemeSetter.tsx

··· 1 1 "use client"; 2 2 import { Popover } from "components/Popover"; 3 3 - import { theme } from "../../tailwind.config"; 4 3 5 4 import { Color } from "react-aria-components"; 6 5 ··· 166 165 setOpenPicker={(pickers) => setOpenPicker(pickers)} 167 166 /> 168 167 <SectionArrow 169 169 - fill={theme.colors["accent-2"]} 170 170 - stroke={theme.colors["accent-1"]} 168 168 + fill="rgb(var(--accent-2))" 169 169 + stroke="rgb(var(--accent-1))" 171 170 className="ml-2" 172 171 /> 173 172 </div>

+4 -3

components/ThemeManager/themeUtils.ts

··· 1 1 - import { parse, contrastLstar, ColorSpace, sRGB } from "colorjs.io/fn"; 1 1 + import { parse, ColorSpace, sRGB, distance, OKLab } from "colorjs.io/fn"; 2 2 3 3 // define the color defaults for everything 4 4 export const ThemeDefaults = { ··· 17 17 }; 18 18 19 19 // used to calculate the contrast between page and accent1, accent2, and determin which is higher contrast 20 20 - export function getColorContrast(color1: string, color2: string) { 20 20 + export function getColorDifference(color1: string, color2: string) { 21 21 ColorSpace.register(sRGB); 22 22 + ColorSpace.register(OKLab); 22 23 23 24 let parsedColor1 = parse(`rgb(${color1})`); 24 25 let parsedColor2 = parse(`rgb(${color2})`); 25 26 26 26 - return contrastLstar(parsedColor1, parsedColor2); 27 27 + return distance(parsedColor1, parsedColor2, "oklab"); 27 28 }

+5 -9

components/Toolbar/BlockToolbar.tsx

··· 5 5 import { useUIState } from "src/useUIState"; 6 6 import { LockBlockButton } from "./LockBlockButton"; 7 7 import { TextAlignmentButton } from "./TextAlignmentToolbar"; 8 8 - import { 9 9 - ImageFullBleedButton, 10 10 - ImageAltTextButton, 11 11 - ImageCoverButton, 12 12 - } from "./ImageToolbar"; 8 8 + import { ImageFullBleedButton, ImageAltTextButton, ImageCoverButton } from "./ImageToolbar"; 13 9 import { DeleteSmall } from "components/Icons/DeleteSmall"; 14 10 import { getSortedSelection } from "components/SelectionManager/selectionState"; 15 11 ··· 41 37 > 42 38 <DeleteSmall /> 43 39 </ToolbarButton> 44 44 - <Separator classname="h-6!" /> 40 40 + <Separator classname="h-6" /> 45 41 <MoveBlockButtons /> 46 42 {blockType === "image" && ( 47 43 <> ··· 50 46 <ImageAltTextButton setToolbarState={props.setToolbarState} /> 51 47 <ImageCoverButton /> 52 48 {focusedEntityType?.data.value !== "canvas" && ( 53 53 - <Separator classname="h-6!" /> 49 49 + <Separator classname="h-6" /> 54 50 )} 55 51 </> 56 52 )} ··· 58 54 <> 59 55 <TextAlignmentButton setToolbarState={props.setToolbarState} /> 60 56 {focusedEntityType?.data.value !== "canvas" && ( 61 61 - <Separator classname="h-6!" /> 57 57 + <Separator classname="h-6" /> 62 58 )} 63 59 </> 64 60 )} ··· 179 175 > 180 176 <MoveBlockDown /> 181 177 </ToolbarButton> 182 182 - <Separator classname="h-6!" /> 178 178 + <Separator classname="h-6" /> 183 179 </> 184 180 ); 185 181 };

+1 -1

components/Toolbar/HighlightToolbar.tsx

··· 126 126 setLastUsedHightlight={props.setLastUsedHighlight} 127 127 /> 128 128 129 129 - <Separator classname="h-6!" /> 129 129 + <Separator classname="h-6" /> 130 130 <HighlightColorSettings pageID={props.pageID} /> 131 131 </div> 132 132 </div>

+1 -1

components/Toolbar/InlineLinkToolbar.tsx

··· 132 132 return ( 133 133 <div className="w-full flex items-center gap-[6px] grow"> 134 134 <LinkSmall /> 135 135 - <Separator classname="h-6!" /> 135 135 + <Separator classname="h-6" /> 136 136 <Input 137 137 autoFocus 138 138 className="w-full grow bg-transparent border-none outline-hidden "

+2 -2

components/Toolbar/ListToolbar.tsx

··· 131 131 > 132 132 <ListIndentIncreaseSmall /> 133 133 </ToolbarButton> 134 134 - <Separator classname="h-6!" /> 134 134 + <Separator classname="h-6" /> 135 135 <ToolbarButton 136 136 disabled={!isList?.data.value} 137 137 tooltipContent=<div className="flex flex-col gap-1 justify-center"> 138 138 <div className="text-center">Add a Checkbox</div> 139 139 <div className="flex gap-1 font-normal"> 140 140 - <ShortcutKey>[</ShortcutKey> 140 140 + start line with <ShortcutKey>[</ShortcutKey> 141 141 <ShortcutKey>]</ShortcutKey> 142 142 </div> 143 143 </div>

+95 -154

components/Toolbar/TextBlockTypeToolbar.tsx

··· 4 4 Header3Small, 5 5 } from "components/Icons/BlockTextSmall"; 6 6 import { Props } from "components/Icons/Props"; 7 7 - import { ShortcutKey, Separator } from "components/Layout"; 7 7 + import { ShortcutKey } from "components/Layout"; 8 8 import { ToolbarButton } from "components/Toolbar"; 9 9 import { TextSelection } from "prosemirror-state"; 10 10 import { useCallback } from "react"; ··· 22 22 focusedBlock?.entityID || null, 23 23 "block/heading-level", 24 24 ); 25 25 - 26 26 - let textSize = useEntity(focusedBlock?.entityID || null, "block/text-size"); 27 25 let { rep } = useReplicache(); 28 26 29 27 let setLevel = useCallback( ··· 53 51 ); 54 52 return ( 55 53 // This Toolbar should close once the user starts typing again 56 56 - <> 57 57 - <ToolbarButton 58 58 - className={props.className} 59 59 - onClick={() => { 60 60 - setLevel(1); 61 61 - }} 62 62 - active={ 63 63 - blockType?.data.value === "heading" && headingLevel?.data.value === 1 64 64 - } 65 65 - tooltipContent={ 66 66 - <div className="flex flex-col justify-center"> 67 67 - <div className="font-bold text-center">Title</div> 68 68 - <div className="flex gap-1 font-normal"> 69 69 - start line with 70 70 - <ShortcutKey>#</ShortcutKey> 54 54 + <div className="flex w-full justify-between items-center gap-4"> 55 55 + <div className="flex items-center gap-[6px]"> 56 56 + <ToolbarButton 57 57 + className={props.className} 58 58 + onClick={() => { 59 59 + setLevel(1); 60 60 + }} 61 61 + active={ 62 62 + blockType?.data.value === "heading" && 63 63 + headingLevel?.data.value === 1 64 64 + } 65 65 + tooltipContent={ 66 66 + <div className="flex flex-col justify-center"> 67 67 + <div className="font-bold text-center">Title</div> 68 68 + <div className="flex gap-1 font-normal"> 69 69 + start line with 70 70 + <ShortcutKey>#</ShortcutKey> 71 71 + </div> 71 72 </div> 72 72 - </div> 73 73 - } 74 74 - > 75 75 - <Header1Small /> 76 76 - </ToolbarButton> 77 77 - <ToolbarButton 78 78 - className={props.className} 79 79 - onClick={() => { 80 80 - setLevel(2); 81 81 - }} 82 82 - active={ 83 83 - blockType?.data.value === "heading" && headingLevel?.data.value === 2 84 84 - } 85 85 - tooltipContent={ 86 86 - <div className="flex flex-col justify-center"> 87 87 - <div className="font-bold text-center">Heading</div> 88 88 - <div className="flex gap-1 font-normal"> 89 89 - start line with 90 90 - <ShortcutKey>##</ShortcutKey> 73 73 + } 74 74 + > 75 75 + <Header1Small /> 76 76 + </ToolbarButton> 77 77 + <ToolbarButton 78 78 + className={props.className} 79 79 + onClick={() => { 80 80 + setLevel(2); 81 81 + }} 82 82 + active={ 83 83 + blockType?.data.value === "heading" && 84 84 + headingLevel?.data.value === 2 85 85 + } 86 86 + tooltipContent={ 87 87 + <div className="flex flex-col justify-center"> 88 88 + <div className="font-bold text-center">Heading</div> 89 89 + <div className="flex gap-1 font-normal"> 90 90 + start line with 91 91 + <ShortcutKey>##</ShortcutKey> 92 92 + </div> 91 93 </div> 92 92 - </div> 93 93 - } 94 94 - > 95 95 - <Header2Small /> 96 96 - </ToolbarButton> 97 97 - <ToolbarButton 98 98 - className={props.className} 99 99 - onClick={() => { 100 100 - setLevel(3); 101 101 - }} 102 102 - active={ 103 103 - blockType?.data.value === "heading" && headingLevel?.data.value === 3 104 104 - } 105 105 - tooltipContent={ 106 106 - <div className="flex flex-col justify-center"> 107 107 - <div className="font-bold text-center">Subheading</div> 108 108 - <div className="flex gap-1 font-normal"> 109 109 - start line with 110 110 - <ShortcutKey>###</ShortcutKey> 94 94 + } 95 95 + > 96 96 + <Header2Small /> 97 97 + </ToolbarButton> 98 98 + <ToolbarButton 99 99 + className={props.className} 100 100 + onClick={() => { 101 101 + setLevel(3); 102 102 + }} 103 103 + active={ 104 104 + blockType?.data.value === "heading" && 105 105 + headingLevel?.data.value === 3 106 106 + } 107 107 + tooltipContent={ 108 108 + <div className="flex flex-col justify-center"> 109 109 + <div className="font-bold text-center">Subheading</div> 110 110 + <div className="flex gap-1 font-normal"> 111 111 + start line with 112 112 + <ShortcutKey>###</ShortcutKey> 113 113 + </div> 111 114 </div> 112 112 - </div> 113 113 - } 114 114 - > 115 115 - <Header3Small /> 116 116 - </ToolbarButton> 117 117 - <Separator classname="h-6!" /> 118 118 - <ToolbarButton 119 119 - className={`px-[6px] ${props.className}`} 120 120 - onClick={async () => { 121 121 - if (headingLevel) 122 122 - await rep?.mutate.retractFact({ factID: headingLevel.id }); 123 123 - if (textSize) await rep?.mutate.retractFact({ factID: textSize.id }); 124 124 - if (!focusedBlock || !blockType) return; 125 125 - if (blockType.data.value !== "text") { 126 126 - let existingEditor = 127 127 - useEditorStates.getState().editorStates[focusedBlock.entityID]; 128 128 - let selection = existingEditor?.editor.selection; 129 129 - await rep?.mutate.assertFact({ 130 130 - entity: focusedBlock?.entityID, 131 131 - attribute: "block/type", 132 132 - data: { type: "block-type-union", value: "text" }, 133 133 - }); 134 134 - 135 135 - let newEditor = 136 136 - useEditorStates.getState().editorStates[focusedBlock.entityID]; 137 137 - if (!newEditor || !selection) return; 138 138 - newEditor.view?.dispatch( 139 139 - newEditor.editor.tr.setSelection( 140 140 - TextSelection.create(newEditor.editor.doc, selection.anchor), 141 141 - ), 142 142 - ); 143 143 - 144 144 - newEditor.view?.focus(); 145 115 } 146 146 - }} 147 147 - active={ 148 148 - blockType?.data.value === "text" && 149 149 - textSize?.data.value !== "small" && 150 150 - textSize?.data.value !== "large" 151 151 - } 152 152 - tooltipContent={<div>Normal Text</div>} 153 153 - > 154 154 - Text 155 155 - </ToolbarButton> 156 156 - <ToolbarButton 157 157 - className={`px-[6px] text-lg ${props.className}`} 158 158 - onClick={async () => { 159 159 - if (!focusedBlock || !blockType) return; 160 160 - if (blockType.data.value !== "text") { 161 161 - // Convert to text block first if it's a heading 162 162 - if (headingLevel) 163 163 - await rep?.mutate.retractFact({ factID: headingLevel.id }); 164 164 - await rep?.mutate.assertFact({ 165 165 - entity: focusedBlock.entityID, 166 166 - attribute: "block/type", 167 167 - data: { type: "block-type-union", value: "text" }, 168 168 - }); 169 169 - } 170 170 - // Set text size to large 171 171 - await rep?.mutate.assertFact({ 172 172 - entity: focusedBlock.entityID, 173 173 - attribute: "block/text-size", 174 174 - data: { type: "text-size-union", value: "large" }, 175 175 - }); 176 176 - }} 177 177 - active={ 178 178 - blockType?.data.value === "text" && textSize?.data.value === "large" 179 179 - } 180 180 - tooltipContent={<div>Large Text</div>} 181 181 - > 182 182 - <div className="leading-[1.625rem]">Large</div> 183 183 - </ToolbarButton> 184 184 - <ToolbarButton 185 185 - className={`px-[6px] text-sm text-secondary ${props.className}`} 186 186 - onClick={async () => { 187 187 - if (!focusedBlock || !blockType) return; 188 188 - if (blockType.data.value !== "text") { 189 189 - // Convert to text block first if it's a heading 116 116 + > 117 117 + <Header3Small /> 118 118 + </ToolbarButton> 119 119 + <ToolbarButton 120 120 + className={`px-[6px] ${props.className}`} 121 121 + onClick={async () => { 190 122 if (headingLevel) 191 123 await rep?.mutate.retractFact({ factID: headingLevel.id }); 192 192 - await rep?.mutate.assertFact({ 193 193 - entity: focusedBlock.entityID, 194 194 - attribute: "block/type", 195 195 - data: { type: "block-type-union", value: "text" }, 196 196 - }); 197 197 - } 198 198 - // Set text size to small 199 199 - await rep?.mutate.assertFact({ 200 200 - entity: focusedBlock.entityID, 201 201 - attribute: "block/text-size", 202 202 - data: { type: "text-size-union", value: "small" }, 203 203 - }); 204 204 - }} 205 205 - active={ 206 206 - blockType?.data.value === "text" && textSize?.data.value === "small" 207 207 - } 208 208 - tooltipContent={<div>Small Text</div>} 209 209 - > 210 210 - <div className="leading-[1.625rem]">Small</div> 211 211 - </ToolbarButton> 212 212 - </> 124 124 + if (!focusedBlock || !blockType) return; 125 125 + if (blockType.data.value !== "text") { 126 126 + let existingEditor = 127 127 + useEditorStates.getState().editorStates[focusedBlock.entityID]; 128 128 + let selection = existingEditor?.editor.selection; 129 129 + await rep?.mutate.assertFact({ 130 130 + entity: focusedBlock?.entityID, 131 131 + attribute: "block/type", 132 132 + data: { type: "block-type-union", value: "text" }, 133 133 + }); 134 134 + 135 135 + let newEditor = 136 136 + useEditorStates.getState().editorStates[focusedBlock.entityID]; 137 137 + if (!newEditor || !selection) return; 138 138 + newEditor.view?.dispatch( 139 139 + newEditor.editor.tr.setSelection( 140 140 + TextSelection.create(newEditor.editor.doc, selection.anchor), 141 141 + ), 142 142 + ); 143 143 + 144 144 + newEditor.view?.focus(); 145 145 + } 146 146 + }} 147 147 + active={blockType?.data.value === "text"} 148 148 + tooltipContent={<div>Paragraph</div>} 149 149 + > 150 150 + Paragraph 151 151 + </ToolbarButton> 152 152 + </div> 153 153 + </div> 213 154 ); 214 155 }; 215 156

+3 -3

components/Toolbar/TextToolbar.tsx

··· 74 74 lastUsedHighlight={props.lastUsedHighlight} 75 75 setToolbarState={props.setToolbarState} 76 76 /> 77 77 - <Separator classname="h-6!" /> 77 77 + <Separator classname="h-6" /> 78 78 <LinkButton setToolbarState={props.setToolbarState} /> 79 79 - <Separator classname="h-6!" /> 79 79 + <Separator classname="h-6" /> 80 80 <TextBlockTypeButton setToolbarState={props.setToolbarState} /> 81 81 <TextAlignmentButton setToolbarState={props.setToolbarState} /> 82 82 <ListButton setToolbarState={props.setToolbarState} /> 83 83 - <Separator classname="h-6!" /> 83 83 + <Separator classname="h-6" /> 84 84 85 85 <LockBlockButton /> 86 86 </>

+2 -2

components/utils/DotLoader.tsx

··· 1 1 import { useEffect, useState } from "react"; 2 2 3 3 - export function DotLoader(props: { className?: string }) { 3 3 + export function DotLoader() { 4 4 let [dots, setDots] = useState(1); 5 5 useEffect(() => { 6 6 let id = setInterval(() => { ··· 11 11 }; 12 12 }, []); 13 13 return ( 14 14 - <div className={`w-[26px] h-[24px] text-center text-sm ${props.className}`}> 14 14 + <div className="w-[26px] h-[24px] text-center text-sm"> 15 15 {".".repeat(dots) + "\u00a0".repeat(3 - dots)} 16 16 </div> 17 17 );

+829 -833

lexicons/api/lexicons.ts

··· 6 6 Lexicons, 7 7 ValidationError, 8 8 type ValidationResult, 9 9 - } from '@atproto/lexicon' 10 10 - import { type $Typed, is$typed, maybe$typed } from './util' 9 9 + } from "@atproto/lexicon"; 10 10 + import { type $Typed, is$typed, maybe$typed } from "./util"; 11 11 12 12 export const schemaDict = { 13 13 AppBskyActorProfile: { 14 14 lexicon: 1, 15 15 - id: 'app.bsky.actor.profile', 15 15 + id: "app.bsky.actor.profile", 16 16 defs: { 17 17 main: { 18 18 - type: 'record', 19 19 - description: 'A declaration of a Bluesky account profile.', 20 20 - key: 'literal:self', 18 18 + type: "record", 19 19 + description: "A declaration of a Bluesky account profile.", 20 20 + key: "literal:self", 21 21 record: { 22 22 - type: 'object', 22 22 + type: "object", 23 23 properties: { 24 24 displayName: { 25 25 - type: 'string', 25 25 + type: "string", 26 26 maxGraphemes: 64, 27 27 maxLength: 640, 28 28 }, 29 29 description: { 30 30 - type: 'string', 31 31 - description: 'Free-form profile description text.', 30 30 + type: "string", 31 31 + description: "Free-form profile description text.", 32 32 maxGraphemes: 256, 33 33 maxLength: 2560, 34 34 }, 35 35 avatar: { 36 36 - type: 'blob', 36 36 + type: "blob", 37 37 description: 38 38 "Small image to be displayed next to posts from account. AKA, 'profile picture'", 39 39 - accept: ['image/png', 'image/jpeg'], 39 39 + accept: ["image/png", "image/jpeg"], 40 40 maxSize: 1000000, 41 41 }, 42 42 banner: { 43 43 - type: 'blob', 43 43 + type: "blob", 44 44 description: 45 45 - 'Larger horizontal image to display behind profile view.', 46 46 - accept: ['image/png', 'image/jpeg'], 45 45 + "Larger horizontal image to display behind profile view.", 46 46 + accept: ["image/png", "image/jpeg"], 47 47 maxSize: 1000000, 48 48 }, 49 49 labels: { 50 50 - type: 'union', 50 50 + type: "union", 51 51 description: 52 52 - 'Self-label values, specific to the Bluesky application, on the overall account.', 53 53 - refs: ['lex:com.atproto.label.defs#selfLabels'], 52 52 + "Self-label values, specific to the Bluesky application, on the overall account.", 53 53 + refs: ["lex:com.atproto.label.defs#selfLabels"], 54 54 }, 55 55 joinedViaStarterPack: { 56 56 - type: 'ref', 57 57 - ref: 'lex:com.atproto.repo.strongRef', 56 56 + type: "ref", 57 57 + ref: "lex:com.atproto.repo.strongRef", 58 58 }, 59 59 pinnedPost: { 60 60 - type: 'ref', 61 61 - ref: 'lex:com.atproto.repo.strongRef', 60 60 + type: "ref", 61 61 + ref: "lex:com.atproto.repo.strongRef", 62 62 }, 63 63 createdAt: { 64 64 - type: 'string', 65 65 - format: 'datetime', 64 64 + type: "string", 65 65 + format: "datetime", 66 66 }, 67 67 }, 68 68 }, ··· 71 71 }, 72 72 ComAtprotoLabelDefs: { 73 73 lexicon: 1, 74 74 - id: 'com.atproto.label.defs', 74 74 + id: "com.atproto.label.defs", 75 75 defs: { 76 76 label: { 77 77 - type: 'object', 77 77 + type: "object", 78 78 description: 79 79 - 'Metadata tag on an atproto resource (eg, repo or record).', 80 80 - required: ['src', 'uri', 'val', 'cts'], 79 79 + "Metadata tag on an atproto resource (eg, repo or record).", 80 80 + required: ["src", "uri", "val", "cts"], 81 81 properties: { 82 82 ver: { 83 83 - type: 'integer', 84 84 - description: 'The AT Protocol version of the label object.', 83 83 + type: "integer", 84 84 + description: "The AT Protocol version of the label object.", 85 85 }, 86 86 src: { 87 87 - type: 'string', 88 88 - format: 'did', 89 89 - description: 'DID of the actor who created this label.', 87 87 + type: "string", 88 88 + format: "did", 89 89 + description: "DID of the actor who created this label.", 90 90 }, 91 91 uri: { 92 92 - type: 'string', 93 93 - format: 'uri', 92 92 + type: "string", 93 93 + format: "uri", 94 94 description: 95 95 - 'AT URI of the record, repository (account), or other resource that this label applies to.', 95 95 + "AT URI of the record, repository (account), or other resource that this label applies to.", 96 96 }, 97 97 cid: { 98 98 - type: 'string', 99 99 - format: 'cid', 98 98 + type: "string", 99 99 + format: "cid", 100 100 description: 101 101 "Optionally, CID specifying the specific version of 'uri' resource this label applies to.", 102 102 }, 103 103 val: { 104 104 - type: 'string', 104 104 + type: "string", 105 105 maxLength: 128, 106 106 description: 107 107 - 'The short string name of the value or type of this label.', 107 107 + "The short string name of the value or type of this label.", 108 108 }, 109 109 neg: { 110 110 - type: 'boolean', 110 110 + type: "boolean", 111 111 description: 112 112 - 'If true, this is a negation label, overwriting a previous label.', 112 112 + "If true, this is a negation label, overwriting a previous label.", 113 113 }, 114 114 cts: { 115 115 - type: 'string', 116 116 - format: 'datetime', 117 117 - description: 'Timestamp when this label was created.', 115 115 + type: "string", 116 116 + format: "datetime", 117 117 + description: "Timestamp when this label was created.", 118 118 }, 119 119 exp: { 120 120 - type: 'string', 121 121 - format: 'datetime', 120 120 + type: "string", 121 121 + format: "datetime", 122 122 description: 123 123 - 'Timestamp at which this label expires (no longer applies).', 123 123 + "Timestamp at which this label expires (no longer applies).", 124 124 }, 125 125 sig: { 126 126 - type: 'bytes', 127 127 - description: 'Signature of dag-cbor encoded label.', 126 126 + type: "bytes", 127 127 + description: "Signature of dag-cbor encoded label.", 128 128 }, 129 129 }, 130 130 }, 131 131 selfLabels: { 132 132 - type: 'object', 132 132 + type: "object", 133 133 description: 134 134 - 'Metadata tags on an atproto record, published by the author within the record.', 135 135 - required: ['values'], 134 134 + "Metadata tags on an atproto record, published by the author within the record.", 135 135 + required: ["values"], 136 136 properties: { 137 137 values: { 138 138 - type: 'array', 138 138 + type: "array", 139 139 items: { 140 140 - type: 'ref', 141 141 - ref: 'lex:com.atproto.label.defs#selfLabel', 140 140 + type: "ref", 141 141 + ref: "lex:com.atproto.label.defs#selfLabel", 142 142 }, 143 143 maxLength: 10, 144 144 }, 145 145 }, 146 146 }, 147 147 selfLabel: { 148 148 - type: 'object', 148 148 + type: "object", 149 149 description: 150 150 - 'Metadata tag on an atproto record, published by the author within the record. Note that schemas should use #selfLabels, not #selfLabel.', 151 151 - required: ['val'], 150 150 + "Metadata tag on an atproto record, published by the author within the record. Note that schemas should use #selfLabels, not #selfLabel.", 151 151 + required: ["val"], 152 152 properties: { 153 153 val: { 154 154 - type: 'string', 154 154 + type: "string", 155 155 maxLength: 128, 156 156 description: 157 157 - 'The short string name of the value or type of this label.', 157 157 + "The short string name of the value or type of this label.", 158 158 }, 159 159 }, 160 160 }, 161 161 labelValueDefinition: { 162 162 - type: 'object', 162 162 + type: "object", 163 163 description: 164 164 - 'Declares a label value and its expected interpretations and behaviors.', 165 165 - required: ['identifier', 'severity', 'blurs', 'locales'], 164 164 + "Declares a label value and its expected interpretations and behaviors.", 165 165 + required: ["identifier", "severity", "blurs", "locales"], 166 166 properties: { 167 167 identifier: { 168 168 - type: 'string', 168 168 + type: "string", 169 169 description: 170 170 "The value of the label being defined. Must only include lowercase ascii and the '-' character ([a-z-]+).", 171 171 maxLength: 100, 172 172 maxGraphemes: 100, 173 173 }, 174 174 severity: { 175 175 - type: 'string', 175 175 + type: "string", 176 176 description: 177 177 "How should a client visually convey this label? 'inform' means neutral and informational; 'alert' means negative and warning; 'none' means show nothing.", 178 178 - knownValues: ['inform', 'alert', 'none'], 178 178 + knownValues: ["inform", "alert", "none"], 179 179 }, 180 180 blurs: { 181 181 - type: 'string', 181 181 + type: "string", 182 182 description: 183 183 "What should this label hide in the UI, if applied? 'content' hides all of the target; 'media' hides the images/video/audio; 'none' hides nothing.", 184 184 - knownValues: ['content', 'media', 'none'], 184 184 + knownValues: ["content", "media", "none"], 185 185 }, 186 186 defaultSetting: { 187 187 - type: 'string', 188 188 - description: 'The default setting for this label.', 189 189 - knownValues: ['ignore', 'warn', 'hide'], 190 190 - default: 'warn', 187 187 + type: "string", 188 188 + description: "The default setting for this label.", 189 189 + knownValues: ["ignore", "warn", "hide"], 190 190 + default: "warn", 191 191 }, 192 192 adultOnly: { 193 193 - type: 'boolean', 193 193 + type: "boolean", 194 194 description: 195 195 - 'Does the user need to have adult content enabled in order to configure this label?', 195 195 + "Does the user need to have adult content enabled in order to configure this label?", 196 196 }, 197 197 locales: { 198 198 - type: 'array', 198 198 + type: "array", 199 199 items: { 200 200 - type: 'ref', 201 201 - ref: 'lex:com.atproto.label.defs#labelValueDefinitionStrings', 200 200 + type: "ref", 201 201 + ref: "lex:com.atproto.label.defs#labelValueDefinitionStrings", 202 202 }, 203 203 }, 204 204 }, 205 205 }, 206 206 labelValueDefinitionStrings: { 207 207 - type: 'object', 207 207 + type: "object", 208 208 description: 209 209 - 'Strings which describe the label in the UI, localized into a specific language.', 210 210 - required: ['lang', 'name', 'description'], 209 209 + "Strings which describe the label in the UI, localized into a specific language.", 210 210 + required: ["lang", "name", "description"], 211 211 properties: { 212 212 lang: { 213 213 - type: 'string', 213 213 + type: "string", 214 214 description: 215 215 - 'The code of the language these strings are written in.', 216 216 - format: 'language', 215 215 + "The code of the language these strings are written in.", 216 216 + format: "language", 217 217 }, 218 218 name: { 219 219 - type: 'string', 220 220 - description: 'A short human-readable name for the label.', 219 219 + type: "string", 220 220 + description: "A short human-readable name for the label.", 221 221 maxGraphemes: 64, 222 222 maxLength: 640, 223 223 }, 224 224 description: { 225 225 - type: 'string', 225 225 + type: "string", 226 226 description: 227 227 - 'A longer description of what the label means and why it might be applied.', 227 227 + "A longer description of what the label means and why it might be applied.", 228 228 maxGraphemes: 10000, 229 229 maxLength: 100000, 230 230 }, 231 231 }, 232 232 }, 233 233 labelValue: { 234 234 - type: 'string', 234 234 + type: "string", 235 235 knownValues: [ 236 236 - '!hide', 237 237 - '!no-promote', 238 238 - '!warn', 239 239 - '!no-unauthenticated', 240 240 - 'dmca-violation', 241 241 - 'doxxing', 242 242 - 'porn', 243 243 - 'sexual', 244 244 - 'nudity', 245 245 - 'nsfl', 246 246 - 'gore', 236 236 + "!hide", 237 237 + "!no-promote", 238 238 + "!warn", 239 239 + "!no-unauthenticated", 240 240 + "dmca-violation", 241 241 + "doxxing", 242 242 + "porn", 243 243 + "sexual", 244 244 + "nudity", 245 245 + "nsfl", 246 246 + "gore", 247 247 ], 248 248 }, 249 249 }, 250 250 }, 251 251 ComAtprotoRepoApplyWrites: { 252 252 lexicon: 1, 253 253 - id: 'com.atproto.repo.applyWrites', 253 253 + id: "com.atproto.repo.applyWrites", 254 254 defs: { 255 255 main: { 256 256 - type: 'procedure', 256 256 + type: "procedure", 257 257 description: 258 258 - 'Apply a batch transaction of repository creates, updates, and deletes. Requires auth, implemented by PDS.', 258 258 + "Apply a batch transaction of repository creates, updates, and deletes. Requires auth, implemented by PDS.", 259 259 input: { 260 260 - encoding: 'application/json', 260 260 + encoding: "application/json", 261 261 schema: { 262 262 - type: 'object', 263 263 - required: ['repo', 'writes'], 262 262 + type: "object", 263 263 + required: ["repo", "writes"], 264 264 properties: { 265 265 repo: { 266 266 - type: 'string', 267 267 - format: 'at-identifier', 266 266 + type: "string", 267 267 + format: "at-identifier", 268 268 description: 269 269 - 'The handle or DID of the repo (aka, current account).', 269 269 + "The handle or DID of the repo (aka, current account).", 270 270 }, 271 271 validate: { 272 272 - type: 'boolean', 272 272 + type: "boolean", 273 273 description: 274 274 "Can be set to 'false' to skip Lexicon schema validation of record data across all operations, 'true' to require it, or leave unset to validate only for known Lexicons.", 275 275 }, 276 276 writes: { 277 277 - type: 'array', 277 277 + type: "array", 278 278 items: { 279 279 - type: 'union', 279 279 + type: "union", 280 280 refs: [ 281 281 - 'lex:com.atproto.repo.applyWrites#create', 282 282 - 'lex:com.atproto.repo.applyWrites#update', 283 283 - 'lex:com.atproto.repo.applyWrites#delete', 281 281 + "lex:com.atproto.repo.applyWrites#create", 282 282 + "lex:com.atproto.repo.applyWrites#update", 283 283 + "lex:com.atproto.repo.applyWrites#delete", 284 284 ], 285 285 closed: true, 286 286 }, 287 287 }, 288 288 swapCommit: { 289 289 - type: 'string', 289 289 + type: "string", 290 290 description: 291 291 - 'If provided, the entire operation will fail if the current repo commit CID does not match this value. Used to prevent conflicting repo mutations.', 292 292 - format: 'cid', 291 291 + "If provided, the entire operation will fail if the current repo commit CID does not match this value. Used to prevent conflicting repo mutations.", 292 292 + format: "cid", 293 293 }, 294 294 }, 295 295 }, 296 296 }, 297 297 output: { 298 298 - encoding: 'application/json', 298 298 + encoding: "application/json", 299 299 schema: { 300 300 - type: 'object', 300 300 + type: "object", 301 301 required: [], 302 302 properties: { 303 303 commit: { 304 304 - type: 'ref', 305 305 - ref: 'lex:com.atproto.repo.defs#commitMeta', 304 304 + type: "ref", 305 305 + ref: "lex:com.atproto.repo.defs#commitMeta", 306 306 }, 307 307 results: { 308 308 - type: 'array', 308 308 + type: "array", 309 309 items: { 310 310 - type: 'union', 310 310 + type: "union", 311 311 refs: [ 312 312 - 'lex:com.atproto.repo.applyWrites#createResult', 313 313 - 'lex:com.atproto.repo.applyWrites#updateResult', 314 314 - 'lex:com.atproto.repo.applyWrites#deleteResult', 312 312 + "lex:com.atproto.repo.applyWrites#createResult", 313 313 + "lex:com.atproto.repo.applyWrites#updateResult", 314 314 + "lex:com.atproto.repo.applyWrites#deleteResult", 315 315 ], 316 316 closed: true, 317 317 }, ··· 321 321 }, 322 322 errors: [ 323 323 { 324 324 - name: 'InvalidSwap', 324 324 + name: "InvalidSwap", 325 325 description: 326 326 "Indicates that the 'swapCommit' parameter did not match current commit.", 327 327 }, 328 328 ], 329 329 }, 330 330 create: { 331 331 - type: 'object', 332 332 - description: 'Operation which creates a new record.', 333 333 - required: ['collection', 'value'], 331 331 + type: "object", 332 332 + description: "Operation which creates a new record.", 333 333 + required: ["collection", "value"], 334 334 properties: { 335 335 collection: { 336 336 - type: 'string', 337 337 - format: 'nsid', 336 336 + type: "string", 337 337 + format: "nsid", 338 338 }, 339 339 rkey: { 340 340 - type: 'string', 340 340 + type: "string", 341 341 maxLength: 512, 342 342 - format: 'record-key', 342 342 + format: "record-key", 343 343 description: 344 344 - 'NOTE: maxLength is redundant with record-key format. Keeping it temporarily to ensure backwards compatibility.', 344 344 + "NOTE: maxLength is redundant with record-key format. Keeping it temporarily to ensure backwards compatibility.", 345 345 }, 346 346 value: { 347 347 - type: 'unknown', 347 347 + type: "unknown", 348 348 }, 349 349 }, 350 350 }, 351 351 update: { 352 352 - type: 'object', 353 353 - description: 'Operation which updates an existing record.', 354 354 - required: ['collection', 'rkey', 'value'], 352 352 + type: "object", 353 353 + description: "Operation which updates an existing record.", 354 354 + required: ["collection", "rkey", "value"], 355 355 properties: { 356 356 collection: { 357 357 - type: 'string', 358 358 - format: 'nsid', 357 357 + type: "string", 358 358 + format: "nsid", 359 359 }, 360 360 rkey: { 361 361 - type: 'string', 362 362 - format: 'record-key', 361 361 + type: "string", 362 362 + format: "record-key", 363 363 }, 364 364 value: { 365 365 - type: 'unknown', 365 365 + type: "unknown", 366 366 }, 367 367 }, 368 368 }, 369 369 delete: { 370 370 - type: 'object', 371 371 - description: 'Operation which deletes an existing record.', 372 372 - required: ['collection', 'rkey'], 370 370 + type: "object", 371 371 + description: "Operation which deletes an existing record.", 372 372 + required: ["collection", "rkey"], 373 373 properties: { 374 374 collection: { 375 375 - type: 'string', 376 376 - format: 'nsid', 375 375 + type: "string", 376 376 + format: "nsid", 377 377 }, 378 378 rkey: { 379 379 - type: 'string', 380 380 - format: 'record-key', 379 379 + type: "string", 380 380 + format: "record-key", 381 381 }, 382 382 }, 383 383 }, 384 384 createResult: { 385 385 - type: 'object', 386 386 - required: ['uri', 'cid'], 385 385 + type: "object", 386 386 + required: ["uri", "cid"], 387 387 properties: { 388 388 uri: { 389 389 - type: 'string', 390 390 - format: 'at-uri', 389 389 + type: "string", 390 390 + format: "at-uri", 391 391 }, 392 392 cid: { 393 393 - type: 'string', 394 394 - format: 'cid', 393 393 + type: "string", 394 394 + format: "cid", 395 395 }, 396 396 validationStatus: { 397 397 - type: 'string', 398 398 - knownValues: ['valid', 'unknown'], 397 397 + type: "string", 398 398 + knownValues: ["valid", "unknown"], 399 399 }, 400 400 }, 401 401 }, 402 402 updateResult: { 403 403 - type: 'object', 404 404 - required: ['uri', 'cid'], 403 403 + type: "object", 404 404 + required: ["uri", "cid"], 405 405 properties: { 406 406 uri: { 407 407 - type: 'string', 408 408 - format: 'at-uri', 407 407 + type: "string", 408 408 + format: "at-uri", 409 409 }, 410 410 cid: { 411 411 - type: 'string', 412 412 - format: 'cid', 411 411 + type: "string", 412 412 + format: "cid", 413 413 }, 414 414 validationStatus: { 415 415 - type: 'string', 416 416 - knownValues: ['valid', 'unknown'], 415 415 + type: "string", 416 416 + knownValues: ["valid", "unknown"], 417 417 }, 418 418 }, 419 419 }, 420 420 deleteResult: { 421 421 - type: 'object', 421 421 + type: "object", 422 422 required: [], 423 423 properties: {}, 424 424 }, ··· 426 426 }, 427 427 ComAtprotoRepoCreateRecord: { 428 428 lexicon: 1, 429 429 - id: 'com.atproto.repo.createRecord', 429 429 + id: "com.atproto.repo.createRecord", 430 430 defs: { 431 431 main: { 432 432 - type: 'procedure', 432 432 + type: "procedure", 433 433 description: 434 434 - 'Create a single new repository record. Requires auth, implemented by PDS.', 434 434 + "Create a single new repository record. Requires auth, implemented by PDS.", 435 435 input: { 436 436 - encoding: 'application/json', 436 436 + encoding: "application/json", 437 437 schema: { 438 438 - type: 'object', 439 439 - required: ['repo', 'collection', 'record'], 438 438 + type: "object", 439 439 + required: ["repo", "collection", "record"], 440 440 properties: { 441 441 repo: { 442 442 - type: 'string', 443 443 - format: 'at-identifier', 442 442 + type: "string", 443 443 + format: "at-identifier", 444 444 description: 445 445 - 'The handle or DID of the repo (aka, current account).', 445 445 + "The handle or DID of the repo (aka, current account).", 446 446 }, 447 447 collection: { 448 448 - type: 'string', 449 449 - format: 'nsid', 450 450 - description: 'The NSID of the record collection.', 448 448 + type: "string", 449 449 + format: "nsid", 450 450 + description: "The NSID of the record collection.", 451 451 }, 452 452 rkey: { 453 453 - type: 'string', 454 454 - format: 'record-key', 455 455 - description: 'The Record Key.', 453 453 + type: "string", 454 454 + format: "record-key", 455 455 + description: "The Record Key.", 456 456 maxLength: 512, 457 457 }, 458 458 validate: { 459 459 - type: 'boolean', 459 459 + type: "boolean", 460 460 description: 461 461 "Can be set to 'false' to skip Lexicon schema validation of record data, 'true' to require it, or leave unset to validate only for known Lexicons.", 462 462 }, 463 463 record: { 464 464 - type: 'unknown', 465 465 - description: 'The record itself. Must contain a $type field.', 464 464 + type: "unknown", 465 465 + description: "The record itself. Must contain a $type field.", 466 466 }, 467 467 swapCommit: { 468 468 - type: 'string', 469 469 - format: 'cid', 468 468 + type: "string", 469 469 + format: "cid", 470 470 description: 471 471 - 'Compare and swap with the previous commit by CID.', 471 471 + "Compare and swap with the previous commit by CID.", 472 472 }, 473 473 }, 474 474 }, 475 475 }, 476 476 output: { 477 477 - encoding: 'application/json', 477 477 + encoding: "application/json", 478 478 schema: { 479 479 - type: 'object', 480 480 - required: ['uri', 'cid'], 479 479 + type: "object", 480 480 + required: ["uri", "cid"], 481 481 properties: { 482 482 uri: { 483 483 - type: 'string', 484 484 - format: 'at-uri', 483 483 + type: "string", 484 484 + format: "at-uri", 485 485 }, 486 486 cid: { 487 487 - type: 'string', 488 488 - format: 'cid', 487 487 + type: "string", 488 488 + format: "cid", 489 489 }, 490 490 commit: { 491 491 - type: 'ref', 492 492 - ref: 'lex:com.atproto.repo.defs#commitMeta', 491 491 + type: "ref", 492 492 + ref: "lex:com.atproto.repo.defs#commitMeta", 493 493 }, 494 494 validationStatus: { 495 495 - type: 'string', 496 496 - knownValues: ['valid', 'unknown'], 495 495 + type: "string", 496 496 + knownValues: ["valid", "unknown"], 497 497 }, 498 498 }, 499 499 }, 500 500 }, 501 501 errors: [ 502 502 { 503 503 - name: 'InvalidSwap', 503 503 + name: "InvalidSwap", 504 504 description: 505 505 "Indicates that 'swapCommit' didn't match current repo commit.", 506 506 }, ··· 510 510 }, 511 511 ComAtprotoRepoDefs: { 512 512 lexicon: 1, 513 513 - id: 'com.atproto.repo.defs', 513 513 + id: "com.atproto.repo.defs", 514 514 defs: { 515 515 commitMeta: { 516 516 - type: 'object', 517 517 - required: ['cid', 'rev'], 516 516 + type: "object", 517 517 + required: ["cid", "rev"], 518 518 properties: { 519 519 cid: { 520 520 - type: 'string', 521 521 - format: 'cid', 520 520 + type: "string", 521 521 + format: "cid", 522 522 }, 523 523 rev: { 524 524 - type: 'string', 525 525 - format: 'tid', 524 524 + type: "string", 525 525 + format: "tid", 526 526 }, 527 527 }, 528 528 }, ··· 530 530 }, 531 531 ComAtprotoRepoDeleteRecord: { 532 532 lexicon: 1, 533 533 - id: 'com.atproto.repo.deleteRecord', 533 533 + id: "com.atproto.repo.deleteRecord", 534 534 defs: { 535 535 main: { 536 536 - type: 'procedure', 536 536 + type: "procedure", 537 537 description: 538 538 "Delete a repository record, or ensure it doesn't exist. Requires auth, implemented by PDS.", 539 539 input: { 540 540 - encoding: 'application/json', 540 540 + encoding: "application/json", 541 541 schema: { 542 542 - type: 'object', 543 543 - required: ['repo', 'collection', 'rkey'], 542 542 + type: "object", 543 543 + required: ["repo", "collection", "rkey"], 544 544 properties: { 545 545 repo: { 546 546 - type: 'string', 547 547 - format: 'at-identifier', 546 546 + type: "string", 547 547 + format: "at-identifier", 548 548 description: 549 549 - 'The handle or DID of the repo (aka, current account).', 549 549 + "The handle or DID of the repo (aka, current account).", 550 550 }, 551 551 collection: { 552 552 - type: 'string', 553 553 - format: 'nsid', 554 554 - description: 'The NSID of the record collection.', 552 552 + type: "string", 553 553 + format: "nsid", 554 554 + description: "The NSID of the record collection.", 555 555 }, 556 556 rkey: { 557 557 - type: 'string', 558 558 - format: 'record-key', 559 559 - description: 'The Record Key.', 557 557 + type: "string", 558 558 + format: "record-key", 559 559 + description: "The Record Key.", 560 560 }, 561 561 swapRecord: { 562 562 - type: 'string', 563 563 - format: 'cid', 562 562 + type: "string", 563 563 + format: "cid", 564 564 description: 565 565 - 'Compare and swap with the previous record by CID.', 565 565 + "Compare and swap with the previous record by CID.", 566 566 }, 567 567 swapCommit: { 568 568 - type: 'string', 569 569 - format: 'cid', 568 568 + type: "string", 569 569 + format: "cid", 570 570 description: 571 571 - 'Compare and swap with the previous commit by CID.', 571 571 + "Compare and swap with the previous commit by CID.", 572 572 }, 573 573 }, 574 574 }, 575 575 }, 576 576 output: { 577 577 - encoding: 'application/json', 577 577 + encoding: "application/json", 578 578 schema: { 579 579 - type: 'object', 579 579 + type: "object", 580 580 properties: { 581 581 commit: { 582 582 - type: 'ref', 583 583 - ref: 'lex:com.atproto.repo.defs#commitMeta', 582 582 + type: "ref", 583 583 + ref: "lex:com.atproto.repo.defs#commitMeta", 584 584 }, 585 585 }, 586 586 }, 587 587 }, 588 588 errors: [ 589 589 { 590 590 - name: 'InvalidSwap', 590 590 + name: "InvalidSwap", 591 591 }, 592 592 ], 593 593 }, ··· 595 595 }, 596 596 ComAtprotoRepoDescribeRepo: { 597 597 lexicon: 1, 598 598 - id: 'com.atproto.repo.describeRepo', 598 598 + id: "com.atproto.repo.describeRepo", 599 599 defs: { 600 600 main: { 601 601 - type: 'query', 601 601 + type: "query", 602 602 description: 603 603 - 'Get information about an account and repository, including the list of collections. Does not require auth.', 603 603 + "Get information about an account and repository, including the list of collections. Does not require auth.", 604 604 parameters: { 605 605 - type: 'params', 606 606 - required: ['repo'], 605 605 + type: "params", 606 606 + required: ["repo"], 607 607 properties: { 608 608 repo: { 609 609 - type: 'string', 610 610 - format: 'at-identifier', 611 611 - description: 'The handle or DID of the repo.', 609 609 + type: "string", 610 610 + format: "at-identifier", 611 611 + description: "The handle or DID of the repo.", 612 612 }, 613 613 }, 614 614 }, 615 615 output: { 616 616 - encoding: 'application/json', 616 616 + encoding: "application/json", 617 617 schema: { 618 618 - type: 'object', 618 618 + type: "object", 619 619 required: [ 620 620 - 'handle', 621 621 - 'did', 622 622 - 'didDoc', 623 623 - 'collections', 624 624 - 'handleIsCorrect', 620 620 + "handle", 621 621 + "did", 622 622 + "didDoc", 623 623 + "collections", 624 624 + "handleIsCorrect", 625 625 ], 626 626 properties: { 627 627 handle: { 628 628 - type: 'string', 629 629 - format: 'handle', 628 628 + type: "string", 629 629 + format: "handle", 630 630 }, 631 631 did: { 632 632 - type: 'string', 633 633 - format: 'did', 632 632 + type: "string", 633 633 + format: "did", 634 634 }, 635 635 didDoc: { 636 636 - type: 'unknown', 637 637 - description: 'The complete DID document for this account.', 636 636 + type: "unknown", 637 637 + description: "The complete DID document for this account.", 638 638 }, 639 639 collections: { 640 640 - type: 'array', 640 640 + type: "array", 641 641 description: 642 642 - 'List of all the collections (NSIDs) for which this repo contains at least one record.', 642 642 + "List of all the collections (NSIDs) for which this repo contains at least one record.", 643 643 items: { 644 644 - type: 'string', 645 645 - format: 'nsid', 644 644 + type: "string", 645 645 + format: "nsid", 646 646 }, 647 647 }, 648 648 handleIsCorrect: { 649 649 - type: 'boolean', 649 649 + type: "boolean", 650 650 description: 651 651 - 'Indicates if handle is currently valid (resolves bi-directionally)', 651 651 + "Indicates if handle is currently valid (resolves bi-directionally)", 652 652 }, 653 653 }, 654 654 }, ··· 658 658 }, 659 659 ComAtprotoRepoGetRecord: { 660 660 lexicon: 1, 661 661 - id: 'com.atproto.repo.getRecord', 661 661 + id: "com.atproto.repo.getRecord", 662 662 defs: { 663 663 main: { 664 664 - type: 'query', 664 664 + type: "query", 665 665 description: 666 666 - 'Get a single record from a repository. Does not require auth.', 666 666 + "Get a single record from a repository. Does not require auth.", 667 667 parameters: { 668 668 - type: 'params', 669 669 - required: ['repo', 'collection', 'rkey'], 668 668 + type: "params", 669 669 + required: ["repo", "collection", "rkey"], 670 670 properties: { 671 671 repo: { 672 672 - type: 'string', 673 673 - format: 'at-identifier', 674 674 - description: 'The handle or DID of the repo.', 672 672 + type: "string", 673 673 + format: "at-identifier", 674 674 + description: "The handle or DID of the repo.", 675 675 }, 676 676 collection: { 677 677 - type: 'string', 678 678 - format: 'nsid', 679 679 - description: 'The NSID of the record collection.', 677 677 + type: "string", 678 678 + format: "nsid", 679 679 + description: "The NSID of the record collection.", 680 680 }, 681 681 rkey: { 682 682 - type: 'string', 683 683 - description: 'The Record Key.', 684 684 - format: 'record-key', 682 682 + type: "string", 683 683 + description: "The Record Key.", 684 684 + format: "record-key", 685 685 }, 686 686 cid: { 687 687 - type: 'string', 688 688 - format: 'cid', 687 687 + type: "string", 688 688 + format: "cid", 689 689 description: 690 690 - 'The CID of the version of the record. If not specified, then return the most recent version.', 690 690 + "The CID of the version of the record. If not specified, then return the most recent version.", 691 691 }, 692 692 }, 693 693 }, 694 694 output: { 695 695 - encoding: 'application/json', 695 695 + encoding: "application/json", 696 696 schema: { 697 697 - type: 'object', 698 698 - required: ['uri', 'value'], 697 697 + type: "object", 698 698 + required: ["uri", "value"], 699 699 properties: { 700 700 uri: { 701 701 - type: 'string', 702 702 - format: 'at-uri', 701 701 + type: "string", 702 702 + format: "at-uri", 703 703 }, 704 704 cid: { 705 705 - type: 'string', 706 706 - format: 'cid', 705 705 + type: "string", 706 706 + format: "cid", 707 707 }, 708 708 value: { 709 709 - type: 'unknown', 709 709 + type: "unknown", 710 710 }, 711 711 }, 712 712 }, 713 713 }, 714 714 errors: [ 715 715 { 716 716 - name: 'RecordNotFound', 716 716 + name: "RecordNotFound", 717 717 }, 718 718 ], 719 719 }, ··· 721 721 }, 722 722 ComAtprotoRepoImportRepo: { 723 723 lexicon: 1, 724 724 - id: 'com.atproto.repo.importRepo', 724 724 + id: "com.atproto.repo.importRepo", 725 725 defs: { 726 726 main: { 727 727 - type: 'procedure', 727 727 + type: "procedure", 728 728 description: 729 729 - 'Import a repo in the form of a CAR file. Requires Content-Length HTTP header to be set.', 729 729 + "Import a repo in the form of a CAR file. Requires Content-Length HTTP header to be set.", 730 730 input: { 731 731 - encoding: 'application/vnd.ipld.car', 731 731 + encoding: "application/vnd.ipld.car", 732 732 }, 733 733 }, 734 734 }, 735 735 }, 736 736 ComAtprotoRepoListMissingBlobs: { 737 737 lexicon: 1, 738 738 - id: 'com.atproto.repo.listMissingBlobs', 738 738 + id: "com.atproto.repo.listMissingBlobs", 739 739 defs: { 740 740 main: { 741 741 - type: 'query', 741 741 + type: "query", 742 742 description: 743 743 - 'Returns a list of missing blobs for the requesting account. Intended to be used in the account migration flow.', 743 743 + "Returns a list of missing blobs for the requesting account. Intended to be used in the account migration flow.", 744 744 parameters: { 745 745 - type: 'params', 745 745 + type: "params", 746 746 properties: { 747 747 limit: { 748 748 - type: 'integer', 748 748 + type: "integer", 749 749 minimum: 1, 750 750 maximum: 1000, 751 751 default: 500, 752 752 }, 753 753 cursor: { 754 754 - type: 'string', 754 754 + type: "string", 755 755 }, 756 756 }, 757 757 }, 758 758 output: { 759 759 - encoding: 'application/json', 759 759 + encoding: "application/json", 760 760 schema: { 761 761 - type: 'object', 762 762 - required: ['blobs'], 761 761 + type: "object", 762 762 + required: ["blobs"], 763 763 properties: { 764 764 cursor: { 765 765 - type: 'string', 765 765 + type: "string", 766 766 }, 767 767 blobs: { 768 768 - type: 'array', 768 768 + type: "array", 769 769 items: { 770 770 - type: 'ref', 771 771 - ref: 'lex:com.atproto.repo.listMissingBlobs#recordBlob', 770 770 + type: "ref", 771 771 + ref: "lex:com.atproto.repo.listMissingBlobs#recordBlob", 772 772 }, 773 773 }, 774 774 }, ··· 776 776 }, 777 777 }, 778 778 recordBlob: { 779 779 - type: 'object', 780 780 - required: ['cid', 'recordUri'], 779 779 + type: "object", 780 780 + required: ["cid", "recordUri"], 781 781 properties: { 782 782 cid: { 783 783 - type: 'string', 784 784 - format: 'cid', 783 783 + type: "string", 784 784 + format: "cid", 785 785 }, 786 786 recordUri: { 787 787 - type: 'string', 788 788 - format: 'at-uri', 787 787 + type: "string", 788 788 + format: "at-uri", 789 789 }, 790 790 }, 791 791 }, ··· 793 793 }, 794 794 ComAtprotoRepoListRecords: { 795 795 lexicon: 1, 796 796 - id: 'com.atproto.repo.listRecords', 796 796 + id: "com.atproto.repo.listRecords", 797 797 defs: { 798 798 main: { 799 799 - type: 'query', 799 799 + type: "query", 800 800 description: 801 801 - 'List a range of records in a repository, matching a specific collection. Does not require auth.', 801 801 + "List a range of records in a repository, matching a specific collection. Does not require auth.", 802 802 parameters: { 803 803 - type: 'params', 804 804 - required: ['repo', 'collection'], 803 803 + type: "params", 804 804 + required: ["repo", "collection"], 805 805 properties: { 806 806 repo: { 807 807 - type: 'string', 808 808 - format: 'at-identifier', 809 809 - description: 'The handle or DID of the repo.', 807 807 + type: "string", 808 808 + format: "at-identifier", 809 809 + description: "The handle or DID of the repo.", 810 810 }, 811 811 collection: { 812 812 - type: 'string', 813 813 - format: 'nsid', 814 814 - description: 'The NSID of the record type.', 812 812 + type: "string", 813 813 + format: "nsid", 814 814 + description: "The NSID of the record type.", 815 815 }, 816 816 limit: { 817 817 - type: 'integer', 817 817 + type: "integer", 818 818 minimum: 1, 819 819 maximum: 100, 820 820 default: 50, 821 821 - description: 'The number of records to return.', 821 821 + description: "The number of records to return.", 822 822 }, 823 823 cursor: { 824 824 - type: 'string', 824 824 + type: "string", 825 825 }, 826 826 rkeyStart: { 827 827 - type: 'string', 827 827 + type: "string", 828 828 description: 829 829 - 'DEPRECATED: The lowest sort-ordered rkey to start from (exclusive)', 829 829 + "DEPRECATED: The lowest sort-ordered rkey to start from (exclusive)", 830 830 }, 831 831 rkeyEnd: { 832 832 - type: 'string', 832 832 + type: "string", 833 833 description: 834 834 - 'DEPRECATED: The highest sort-ordered rkey to stop at (exclusive)', 834 834 + "DEPRECATED: The highest sort-ordered rkey to stop at (exclusive)", 835 835 }, 836 836 reverse: { 837 837 - type: 'boolean', 838 838 - description: 'Flag to reverse the order of the returned records.', 837 837 + type: "boolean", 838 838 + description: "Flag to reverse the order of the returned records.", 839 839 }, 840 840 }, 841 841 }, 842 842 output: { 843 843 - encoding: 'application/json', 843 843 + encoding: "application/json", 844 844 schema: { 845 845 - type: 'object', 846 846 - required: ['records'], 845 845 + type: "object", 846 846 + required: ["records"], 847 847 properties: { 848 848 cursor: { 849 849 - type: 'string', 849 849 + type: "string", 850 850 }, 851 851 records: { 852 852 - type: 'array', 852 852 + type: "array", 853 853 items: { 854 854 - type: 'ref', 855 855 - ref: 'lex:com.atproto.repo.listRecords#record', 854 854 + type: "ref", 855 855 + ref: "lex:com.atproto.repo.listRecords#record", 856 856 }, 857 857 }, 858 858 }, ··· 860 860 }, 861 861 }, 862 862 record: { 863 863 - type: 'object', 864 864 - required: ['uri', 'cid', 'value'], 863 863 + type: "object", 864 864 + required: ["uri", "cid", "value"], 865 865 properties: { 866 866 uri: { 867 867 - type: 'string', 868 868 - format: 'at-uri', 867 867 + type: "string", 868 868 + format: "at-uri", 869 869 }, 870 870 cid: { 871 871 - type: 'string', 872 872 - format: 'cid', 871 871 + type: "string", 872 872 + format: "cid", 873 873 }, 874 874 value: { 875 875 - type: 'unknown', 875 875 + type: "unknown", 876 876 }, 877 877 }, 878 878 }, ··· 880 880 }, 881 881 ComAtprotoRepoPutRecord: { 882 882 lexicon: 1, 883 883 - id: 'com.atproto.repo.putRecord', 883 883 + id: "com.atproto.repo.putRecord", 884 884 defs: { 885 885 main: { 886 886 - type: 'procedure', 886 886 + type: "procedure", 887 887 description: 888 888 - 'Write a repository record, creating or updating it as needed. Requires auth, implemented by PDS.', 888 888 + "Write a repository record, creating or updating it as needed. Requires auth, implemented by PDS.", 889 889 input: { 890 890 - encoding: 'application/json', 890 890 + encoding: "application/json", 891 891 schema: { 892 892 - type: 'object', 893 893 - required: ['repo', 'collection', 'rkey', 'record'], 894 894 - nullable: ['swapRecord'], 892 892 + type: "object", 893 893 + required: ["repo", "collection", "rkey", "record"], 894 894 + nullable: ["swapRecord"], 895 895 properties: { 896 896 repo: { 897 897 - type: 'string', 898 898 - format: 'at-identifier', 897 897 + type: "string", 898 898 + format: "at-identifier", 899 899 description: 900 900 - 'The handle or DID of the repo (aka, current account).', 900 900 + "The handle or DID of the repo (aka, current account).", 901 901 }, 902 902 collection: { 903 903 - type: 'string', 904 904 - format: 'nsid', 905 905 - description: 'The NSID of the record collection.', 903 903 + type: "string", 904 904 + format: "nsid", 905 905 + description: "The NSID of the record collection.", 906 906 }, 907 907 rkey: { 908 908 - type: 'string', 909 909 - format: 'record-key', 910 910 - description: 'The Record Key.', 908 908 + type: "string", 909 909 + format: "record-key", 910 910 + description: "The Record Key.", 911 911 maxLength: 512, 912 912 }, 913 913 validate: { 914 914 - type: 'boolean', 914 914 + type: "boolean", 915 915 description: 916 916 "Can be set to 'false' to skip Lexicon schema validation of record data, 'true' to require it, or leave unset to validate only for known Lexicons.", 917 917 }, 918 918 record: { 919 919 - type: 'unknown', 920 920 - description: 'The record to write.', 919 919 + type: "unknown", 920 920 + description: "The record to write.", 921 921 }, 922 922 swapRecord: { 923 923 - type: 'string', 924 924 - format: 'cid', 923 923 + type: "string", 924 924 + format: "cid", 925 925 description: 926 926 - 'Compare and swap with the previous record by CID. WARNING: nullable and optional field; may cause problems with golang implementation', 926 926 + "Compare and swap with the previous record by CID. WARNING: nullable and optional field; may cause problems with golang implementation", 927 927 }, 928 928 swapCommit: { 929 929 - type: 'string', 930 930 - format: 'cid', 929 929 + type: "string", 930 930 + format: "cid", 931 931 description: 932 932 - 'Compare and swap with the previous commit by CID.', 932 932 + "Compare and swap with the previous commit by CID.", 933 933 }, 934 934 }, 935 935 }, 936 936 }, 937 937 output: { 938 938 - encoding: 'application/json', 938 938 + encoding: "application/json", 939 939 schema: { 940 940 - type: 'object', 941 941 - required: ['uri', 'cid'], 940 940 + type: "object", 941 941 + required: ["uri", "cid"], 942 942 properties: { 943 943 uri: { 944 944 - type: 'string', 945 945 - format: 'at-uri', 944 944 + type: "string", 945 945 + format: "at-uri", 946 946 }, 947 947 cid: { 948 948 - type: 'string', 949 949 - format: 'cid', 948 948 + type: "string", 949 949 + format: "cid", 950 950 }, 951 951 commit: { 952 952 - type: 'ref', 953 953 - ref: 'lex:com.atproto.repo.defs#commitMeta', 952 952 + type: "ref", 953 953 + ref: "lex:com.atproto.repo.defs#commitMeta", 954 954 }, 955 955 validationStatus: { 956 956 - type: 'string', 957 957 - knownValues: ['valid', 'unknown'], 956 956 + type: "string", 957 957 + knownValues: ["valid", "unknown"], 958 958 }, 959 959 }, 960 960 }, 961 961 }, 962 962 errors: [ 963 963 { 964 964 - name: 'InvalidSwap', 964 964 + name: "InvalidSwap", 965 965 }, 966 966 ], 967 967 }, ··· 969 969 }, 970 970 ComAtprotoRepoStrongRef: { 971 971 lexicon: 1, 972 972 - id: 'com.atproto.repo.strongRef', 973 973 - description: 'A URI with a content-hash fingerprint.', 972 972 + id: "com.atproto.repo.strongRef", 973 973 + description: "A URI with a content-hash fingerprint.", 974 974 defs: { 975 975 main: { 976 976 - type: 'object', 977 977 - required: ['uri', 'cid'], 976 976 + type: "object", 977 977 + required: ["uri", "cid"], 978 978 properties: { 979 979 uri: { 980 980 - type: 'string', 981 981 - format: 'at-uri', 980 980 + type: "string", 981 981 + format: "at-uri", 982 982 }, 983 983 cid: { 984 984 - type: 'string', 985 985 - format: 'cid', 984 984 + type: "string", 985 985 + format: "cid", 986 986 }, 987 987 }, 988 988 }, ··· 990 990 }, 991 991 ComAtprotoRepoUploadBlob: { 992 992 lexicon: 1, 993 993 - id: 'com.atproto.repo.uploadBlob', 993 993 + id: "com.atproto.repo.uploadBlob", 994 994 defs: { 995 995 main: { 996 996 - type: 'procedure', 996 996 + type: "procedure", 997 997 description: 998 998 - 'Upload a new blob, to be referenced from a repository record. The blob will be deleted if it is not referenced within a time window (eg, minutes). Blob restrictions (mimetype, size, etc) are enforced when the reference is created. Requires auth, implemented by PDS.', 998 998 + "Upload a new blob, to be referenced from a repository record. The blob will be deleted if it is not referenced within a time window (eg, minutes). Blob restrictions (mimetype, size, etc) are enforced when the reference is created. Requires auth, implemented by PDS.", 999 999 input: { 1000 1000 - encoding: '*/*', 1000 1000 + encoding: "*/*", 1001 1001 }, 1002 1002 output: { 1003 1003 - encoding: 'application/json', 1003 1003 + encoding: "application/json", 1004 1004 schema: { 1005 1005 - type: 'object', 1006 1006 - required: ['blob'], 1005 1005 + type: "object", 1006 1006 + required: ["blob"], 1007 1007 properties: { 1008 1008 blob: { 1009 1009 - type: 'blob', 1009 1009 + type: "blob", 1010 1010 }, 1011 1011 }, 1012 1012 }, ··· 1016 1016 }, 1017 1017 PubLeafletBlocksBlockquote: { 1018 1018 lexicon: 1, 1019 1019 - id: 'pub.leaflet.blocks.blockquote', 1019 1019 + id: "pub.leaflet.blocks.blockquote", 1020 1020 defs: { 1021 1021 main: { 1022 1022 - type: 'object', 1023 1023 - required: ['plaintext'], 1022 1022 + type: "object", 1023 1023 + required: ["plaintext"], 1024 1024 properties: { 1025 1025 plaintext: { 1026 1026 - type: 'string', 1026 1026 + type: "string", 1027 1027 }, 1028 1028 facets: { 1029 1029 - type: 'array', 1029 1029 + type: "array", 1030 1030 items: { 1031 1031 - type: 'ref', 1032 1032 - ref: 'lex:pub.leaflet.richtext.facet', 1031 1031 + type: "ref", 1032 1032 + ref: "lex:pub.leaflet.richtext.facet", 1033 1033 }, 1034 1034 }, 1035 1035 }, ··· 1038 1038 }, 1039 1039 PubLeafletBlocksBskyPost: { 1040 1040 lexicon: 1, 1041 1041 - id: 'pub.leaflet.blocks.bskyPost', 1041 1041 + id: "pub.leaflet.blocks.bskyPost", 1042 1042 defs: { 1043 1043 main: { 1044 1044 - type: 'object', 1045 1045 - required: ['postRef'], 1044 1044 + type: "object", 1045 1045 + required: ["postRef"], 1046 1046 properties: { 1047 1047 postRef: { 1048 1048 - type: 'ref', 1049 1049 - ref: 'lex:com.atproto.repo.strongRef', 1048 1048 + type: "ref", 1049 1049 + ref: "lex:com.atproto.repo.strongRef", 1050 1050 }, 1051 1051 }, 1052 1052 }, ··· 1054 1054 }, 1055 1055 PubLeafletBlocksButton: { 1056 1056 lexicon: 1, 1057 1057 - id: 'pub.leaflet.blocks.button', 1057 1057 + id: "pub.leaflet.blocks.button", 1058 1058 defs: { 1059 1059 main: { 1060 1060 - type: 'object', 1061 1061 - required: ['text', 'url'], 1060 1060 + type: "object", 1061 1061 + required: ["text", "url"], 1062 1062 properties: { 1063 1063 text: { 1064 1064 - type: 'string', 1064 1064 + type: "string", 1065 1065 }, 1066 1066 url: { 1067 1067 - type: 'string', 1068 1068 - format: 'uri', 1067 1067 + type: "string", 1068 1068 + format: "uri", 1069 1069 }, 1070 1070 }, 1071 1071 }, ··· 1073 1073 }, 1074 1074 PubLeafletBlocksCode: { 1075 1075 lexicon: 1, 1076 1076 - id: 'pub.leaflet.blocks.code', 1076 1076 + id: "pub.leaflet.blocks.code", 1077 1077 defs: { 1078 1078 main: { 1079 1079 - type: 'object', 1080 1080 - required: ['plaintext'], 1079 1079 + type: "object", 1080 1080 + required: ["plaintext"], 1081 1081 properties: { 1082 1082 plaintext: { 1083 1083 - type: 'string', 1083 1083 + type: "string", 1084 1084 }, 1085 1085 language: { 1086 1086 - type: 'string', 1086 1086 + type: "string", 1087 1087 }, 1088 1088 syntaxHighlightingTheme: { 1089 1089 - type: 'string', 1089 1089 + type: "string", 1090 1090 }, 1091 1091 }, 1092 1092 }, ··· 1094 1094 }, 1095 1095 PubLeafletBlocksHeader: { 1096 1096 lexicon: 1, 1097 1097 - id: 'pub.leaflet.blocks.header', 1097 1097 + id: "pub.leaflet.blocks.header", 1098 1098 defs: { 1099 1099 main: { 1100 1100 - type: 'object', 1101 1101 - required: ['plaintext'], 1100 1100 + type: "object", 1101 1101 + required: ["plaintext"], 1102 1102 properties: { 1103 1103 level: { 1104 1104 - type: 'integer', 1104 1104 + type: "integer", 1105 1105 minimum: 1, 1106 1106 maximum: 6, 1107 1107 }, 1108 1108 plaintext: { 1109 1109 - type: 'string', 1109 1109 + type: "string", 1110 1110 }, 1111 1111 facets: { 1112 1112 - type: 'array', 1112 1112 + type: "array", 1113 1113 items: { 1114 1114 - type: 'ref', 1115 1115 - ref: 'lex:pub.leaflet.richtext.facet', 1114 1114 + type: "ref", 1115 1115 + ref: "lex:pub.leaflet.richtext.facet", 1116 1116 }, 1117 1117 }, 1118 1118 }, ··· 1121 1121 }, 1122 1122 PubLeafletBlocksHorizontalRule: { 1123 1123 lexicon: 1, 1124 1124 - id: 'pub.leaflet.blocks.horizontalRule', 1124 1124 + id: "pub.leaflet.blocks.horizontalRule", 1125 1125 defs: { 1126 1126 main: { 1127 1127 - type: 'object', 1127 1127 + type: "object", 1128 1128 required: [], 1129 1129 properties: {}, 1130 1130 }, ··· 1132 1132 }, 1133 1133 PubLeafletBlocksIframe: { 1134 1134 lexicon: 1, 1135 1135 - id: 'pub.leaflet.blocks.iframe', 1135 1135 + id: "pub.leaflet.blocks.iframe", 1136 1136 defs: { 1137 1137 main: { 1138 1138 - type: 'object', 1139 1139 - required: ['url'], 1138 1138 + type: "object", 1139 1139 + required: ["url"], 1140 1140 properties: { 1141 1141 url: { 1142 1142 - type: 'string', 1143 1143 - format: 'uri', 1142 1142 + type: "string", 1143 1143 + format: "uri", 1144 1144 }, 1145 1145 height: { 1146 1146 - type: 'integer', 1146 1146 + type: "integer", 1147 1147 minimum: 16, 1148 1148 maximum: 1600, 1149 1149 }, ··· 1153 1153 }, 1154 1154 PubLeafletBlocksImage: { 1155 1155 lexicon: 1, 1156 1156 - id: 'pub.leaflet.blocks.image', 1156 1156 + id: "pub.leaflet.blocks.image", 1157 1157 defs: { 1158 1158 main: { 1159 1159 - type: 'object', 1160 1160 - required: ['image', 'aspectRatio'], 1159 1159 + type: "object", 1160 1160 + required: ["image", "aspectRatio"], 1161 1161 properties: { 1162 1162 image: { 1163 1163 - type: 'blob', 1164 1164 - accept: ['image/*'], 1163 1163 + type: "blob", 1164 1164 + accept: ["image/*"], 1165 1165 maxSize: 1000000, 1166 1166 }, 1167 1167 alt: { 1168 1168 - type: 'string', 1168 1168 + type: "string", 1169 1169 description: 1170 1170 - 'Alt text description of the image, for accessibility.', 1170 1170 + "Alt text description of the image, for accessibility.", 1171 1171 }, 1172 1172 aspectRatio: { 1173 1173 - type: 'ref', 1174 1174 - ref: 'lex:pub.leaflet.blocks.image#aspectRatio', 1173 1173 + type: "ref", 1174 1174 + ref: "lex:pub.leaflet.blocks.image#aspectRatio", 1175 1175 }, 1176 1176 }, 1177 1177 }, 1178 1178 aspectRatio: { 1179 1179 - type: 'object', 1180 1180 - required: ['width', 'height'], 1179 1179 + type: "object", 1180 1180 + required: ["width", "height"], 1181 1181 properties: { 1182 1182 width: { 1183 1183 - type: 'integer', 1183 1183 + type: "integer", 1184 1184 }, 1185 1185 height: { 1186 1186 - type: 'integer', 1186 1186 + type: "integer", 1187 1187 }, 1188 1188 }, 1189 1189 }, ··· 1191 1191 }, 1192 1192 PubLeafletBlocksMath: { 1193 1193 lexicon: 1, 1194 1194 - id: 'pub.leaflet.blocks.math', 1194 1194 + id: "pub.leaflet.blocks.math", 1195 1195 defs: { 1196 1196 main: { 1197 1197 - type: 'object', 1198 1198 - required: ['tex'], 1197 1197 + type: "object", 1198 1198 + required: ["tex"], 1199 1199 properties: { 1200 1200 tex: { 1201 1201 - type: 'string', 1201 1201 + type: "string", 1202 1202 }, 1203 1203 }, 1204 1204 }, ··· 1206 1206 }, 1207 1207 PubLeafletBlocksPage: { 1208 1208 lexicon: 1, 1209 1209 - id: 'pub.leaflet.blocks.page', 1209 1209 + id: "pub.leaflet.blocks.page", 1210 1210 defs: { 1211 1211 main: { 1212 1212 - type: 'object', 1213 1213 - required: ['id'], 1212 1212 + type: "object", 1213 1213 + required: ["id"], 1214 1214 properties: { 1215 1215 id: { 1216 1216 - type: 'string', 1216 1216 + type: "string", 1217 1217 }, 1218 1218 }, 1219 1219 }, ··· 1221 1221 }, 1222 1222 PubLeafletBlocksPoll: { 1223 1223 lexicon: 1, 1224 1224 - id: 'pub.leaflet.blocks.poll', 1224 1224 + id: "pub.leaflet.blocks.poll", 1225 1225 defs: { 1226 1226 main: { 1227 1227 - type: 'object', 1228 1228 - required: ['pollRef'], 1227 1227 + type: "object", 1228 1228 + required: ["pollRef"], 1229 1229 properties: { 1230 1230 pollRef: { 1231 1231 - type: 'ref', 1232 1232 - ref: 'lex:com.atproto.repo.strongRef', 1231 1231 + type: "ref", 1232 1232 + ref: "lex:com.atproto.repo.strongRef", 1233 1233 }, 1234 1234 }, 1235 1235 }, ··· 1237 1237 }, 1238 1238 PubLeafletBlocksText: { 1239 1239 lexicon: 1, 1240 1240 - id: 'pub.leaflet.blocks.text', 1240 1240 + id: "pub.leaflet.blocks.text", 1241 1241 defs: { 1242 1242 main: { 1243 1243 - type: 'object', 1244 1244 - required: ['plaintext'], 1243 1243 + type: "object", 1244 1244 + required: ["plaintext"], 1245 1245 properties: { 1246 1246 plaintext: { 1247 1247 - type: 'string', 1248 1248 - }, 1249 1249 - textSize: { 1250 1250 - type: 'string', 1251 1251 - enum: ['default', 'small', 'large'], 1247 1247 + type: "string", 1252 1248 }, 1253 1249 facets: { 1254 1254 - type: 'array', 1250 1250 + type: "array", 1255 1251 items: { 1256 1256 - type: 'ref', 1257 1257 - ref: 'lex:pub.leaflet.richtext.facet', 1252 1252 + type: "ref", 1253 1253 + ref: "lex:pub.leaflet.richtext.facet", 1258 1254 }, 1259 1255 }, 1260 1256 }, ··· 1263 1259 }, 1264 1260 PubLeafletBlocksUnorderedList: { 1265 1261 lexicon: 1, 1266 1266 - id: 'pub.leaflet.blocks.unorderedList', 1262 1262 + id: "pub.leaflet.blocks.unorderedList", 1267 1263 defs: { 1268 1264 main: { 1269 1269 - type: 'object', 1270 1270 - required: ['children'], 1265 1265 + type: "object", 1266 1266 + required: ["children"], 1271 1267 properties: { 1272 1268 children: { 1273 1273 - type: 'array', 1269 1269 + type: "array", 1274 1270 items: { 1275 1275 - type: 'ref', 1276 1276 - ref: 'lex:pub.leaflet.blocks.unorderedList#listItem', 1271 1271 + type: "ref", 1272 1272 + ref: "lex:pub.leaflet.blocks.unorderedList#listItem", 1277 1273 }, 1278 1274 }, 1279 1275 }, 1280 1276 }, 1281 1277 listItem: { 1282 1282 - type: 'object', 1283 1283 - required: ['content'], 1278 1278 + type: "object", 1279 1279 + required: ["content"], 1284 1280 properties: { 1285 1281 content: { 1286 1286 - type: 'union', 1282 1282 + type: "union", 1287 1283 refs: [ 1288 1288 - 'lex:pub.leaflet.blocks.text', 1289 1289 - 'lex:pub.leaflet.blocks.header', 1290 1290 - 'lex:pub.leaflet.blocks.image', 1284 1284 + "lex:pub.leaflet.blocks.text", 1285 1285 + "lex:pub.leaflet.blocks.header", 1286 1286 + "lex:pub.leaflet.blocks.image", 1291 1287 ], 1292 1288 }, 1293 1289 children: { 1294 1294 - type: 'array', 1290 1290 + type: "array", 1295 1291 items: { 1296 1296 - type: 'ref', 1297 1297 - ref: 'lex:pub.leaflet.blocks.unorderedList#listItem', 1292 1292 + type: "ref", 1293 1293 + ref: "lex:pub.leaflet.blocks.unorderedList#listItem", 1298 1294 }, 1299 1295 }, 1300 1296 }, ··· 1303 1299 }, 1304 1300 PubLeafletBlocksWebsite: { 1305 1301 lexicon: 1, 1306 1306 - id: 'pub.leaflet.blocks.website', 1302 1302 + id: "pub.leaflet.blocks.website", 1307 1303 defs: { 1308 1304 main: { 1309 1309 - type: 'object', 1310 1310 - required: ['src'], 1305 1305 + type: "object", 1306 1306 + required: ["src"], 1311 1307 properties: { 1312 1308 previewImage: { 1313 1313 - type: 'blob', 1314 1314 - accept: ['image/*'], 1309 1309 + type: "blob", 1310 1310 + accept: ["image/*"], 1315 1311 maxSize: 1000000, 1316 1312 }, 1317 1313 title: { 1318 1318 - type: 'string', 1314 1314 + type: "string", 1319 1315 }, 1320 1316 description: { 1321 1321 - type: 'string', 1317 1317 + type: "string", 1322 1318 }, 1323 1319 src: { 1324 1324 - type: 'string', 1325 1325 - format: 'uri', 1320 1320 + type: "string", 1321 1321 + format: "uri", 1326 1322 }, 1327 1323 }, 1328 1324 }, ··· 1330 1326 }, 1331 1327 PubLeafletComment: { 1332 1328 lexicon: 1, 1333 1333 - id: 'pub.leaflet.comment', 1329 1329 + id: "pub.leaflet.comment", 1334 1330 revision: 1, 1335 1335 - description: 'A lexicon for comments on documents', 1331 1331 + description: "A lexicon for comments on documents", 1336 1332 defs: { 1337 1333 main: { 1338 1338 - type: 'record', 1339 1339 - key: 'tid', 1340 1340 - description: 'Record containing a comment', 1334 1334 + type: "record", 1335 1335 + key: "tid", 1336 1336 + description: "Record containing a comment", 1341 1337 record: { 1342 1342 - type: 'object', 1343 1343 - required: ['subject', 'plaintext', 'createdAt'], 1338 1338 + type: "object", 1339 1339 + required: ["subject", "plaintext", "createdAt"], 1344 1340 properties: { 1345 1341 subject: { 1346 1346 - type: 'string', 1347 1347 - format: 'at-uri', 1342 1342 + type: "string", 1343 1343 + format: "at-uri", 1348 1344 }, 1349 1345 createdAt: { 1350 1350 - type: 'string', 1351 1351 - format: 'datetime', 1346 1346 + type: "string", 1347 1347 + format: "datetime", 1352 1348 }, 1353 1349 reply: { 1354 1354 - type: 'ref', 1355 1355 - ref: 'lex:pub.leaflet.comment#replyRef', 1350 1350 + type: "ref", 1351 1351 + ref: "lex:pub.leaflet.comment#replyRef", 1356 1352 }, 1357 1353 plaintext: { 1358 1358 - type: 'string', 1354 1354 + type: "string", 1359 1355 }, 1360 1356 facets: { 1361 1361 - type: 'array', 1357 1357 + type: "array", 1362 1358 items: { 1363 1363 - type: 'ref', 1364 1364 - ref: 'lex:pub.leaflet.richtext.facet', 1359 1359 + type: "ref", 1360 1360 + ref: "lex:pub.leaflet.richtext.facet", 1365 1361 }, 1366 1362 }, 1367 1363 onPage: { 1368 1368 - type: 'string', 1364 1364 + type: "string", 1369 1365 }, 1370 1366 attachment: { 1371 1371 - type: 'union', 1372 1372 - refs: ['lex:pub.leaflet.comment#linearDocumentQuote'], 1367 1367 + type: "union", 1368 1368 + refs: ["lex:pub.leaflet.comment#linearDocumentQuote"], 1373 1369 }, 1374 1370 }, 1375 1371 }, 1376 1372 }, 1377 1373 linearDocumentQuote: { 1378 1378 - type: 'object', 1379 1379 - required: ['document', 'quote'], 1374 1374 + type: "object", 1375 1375 + required: ["document", "quote"], 1380 1376 properties: { 1381 1377 document: { 1382 1382 - type: 'string', 1383 1383 - format: 'at-uri', 1378 1378 + type: "string", 1379 1379 + format: "at-uri", 1384 1380 }, 1385 1381 quote: { 1386 1386 - type: 'ref', 1387 1387 - ref: 'lex:pub.leaflet.pages.linearDocument#quote', 1382 1382 + type: "ref", 1383 1383 + ref: "lex:pub.leaflet.pages.linearDocument#quote", 1388 1384 }, 1389 1385 }, 1390 1386 }, 1391 1387 replyRef: { 1392 1392 - type: 'object', 1393 1393 - required: ['parent'], 1388 1388 + type: "object", 1389 1389 + required: ["parent"], 1394 1390 properties: { 1395 1391 parent: { 1396 1396 - type: 'string', 1397 1397 - format: 'at-uri', 1392 1392 + type: "string", 1393 1393 + format: "at-uri", 1398 1394 }, 1399 1395 }, 1400 1396 }, ··· 1402 1398 }, 1403 1399 PubLeafletDocument: { 1404 1400 lexicon: 1, 1405 1405 - id: 'pub.leaflet.document', 1401 1401 + id: "pub.leaflet.document", 1406 1402 revision: 1, 1407 1407 - description: 'A lexicon for long form rich media documents', 1403 1403 + description: "A lexicon for long form rich media documents", 1408 1404 defs: { 1409 1405 main: { 1410 1410 - type: 'record', 1411 1411 - key: 'tid', 1412 1412 - description: 'Record containing a document', 1406 1406 + type: "record", 1407 1407 + key: "tid", 1408 1408 + description: "Record containing a document", 1413 1409 record: { 1414 1414 - type: 'object', 1415 1415 - required: ['pages', 'author', 'title'], 1410 1410 + type: "object", 1411 1411 + required: ["pages", "author", "title"], 1416 1412 properties: { 1417 1413 title: { 1418 1418 - type: 'string', 1414 1414 + type: "string", 1419 1415 maxLength: 1280, 1420 1416 maxGraphemes: 128, 1421 1417 }, 1422 1418 postRef: { 1423 1423 - type: 'ref', 1424 1424 - ref: 'lex:com.atproto.repo.strongRef', 1419 1419 + type: "ref", 1420 1420 + ref: "lex:com.atproto.repo.strongRef", 1425 1421 }, 1426 1422 description: { 1427 1427 - type: 'string', 1423 1423 + type: "string", 1428 1424 maxLength: 3000, 1429 1425 maxGraphemes: 300, 1430 1426 }, 1431 1427 publishedAt: { 1432 1432 - type: 'string', 1433 1433 - format: 'datetime', 1428 1428 + type: "string", 1429 1429 + format: "datetime", 1434 1430 }, 1435 1431 publication: { 1436 1436 - type: 'string', 1437 1437 - format: 'at-uri', 1432 1432 + type: "string", 1433 1433 + format: "at-uri", 1438 1434 }, 1439 1435 author: { 1440 1440 - type: 'string', 1441 1441 - format: 'at-identifier', 1436 1436 + type: "string", 1437 1437 + format: "at-identifier", 1442 1438 }, 1443 1439 theme: { 1444 1444 - type: 'ref', 1445 1445 - ref: 'lex:pub.leaflet.publication#theme', 1440 1440 + type: "ref", 1441 1441 + ref: "lex:pub.leaflet.publication#theme", 1446 1442 }, 1447 1443 tags: { 1448 1448 - type: 'array', 1444 1444 + type: "array", 1449 1445 items: { 1450 1450 - type: 'string', 1446 1446 + type: "string", 1451 1447 maxLength: 50, 1452 1448 }, 1453 1449 }, 1454 1450 coverImage: { 1455 1455 - type: 'blob', 1456 1456 - accept: ['image/png', 'image/jpeg', 'image/webp'], 1451 1451 + type: "blob", 1452 1452 + accept: ["image/png", "image/jpeg", "image/webp"], 1457 1453 maxSize: 1000000, 1458 1454 }, 1459 1455 pages: { 1460 1460 - type: 'array', 1456 1456 + type: "array", 1461 1457 items: { 1462 1462 - type: 'union', 1458 1458 + type: "union", 1463 1459 refs: [ 1464 1464 - 'lex:pub.leaflet.pages.linearDocument', 1465 1465 - 'lex:pub.leaflet.pages.canvas', 1460 1460 + "lex:pub.leaflet.pages.linearDocument", 1461 1461 + "lex:pub.leaflet.pages.canvas", 1466 1462 ], 1467 1463 }, 1468 1464 }, ··· 1473 1469 }, 1474 1470 PubLeafletGraphSubscription: { 1475 1471 lexicon: 1, 1476 1476 - id: 'pub.leaflet.graph.subscription', 1472 1472 + id: "pub.leaflet.graph.subscription", 1477 1473 defs: { 1478 1474 main: { 1479 1479 - type: 'record', 1480 1480 - key: 'tid', 1481 1481 - description: 'Record declaring a subscription to a publication', 1475 1475 + type: "record", 1476 1476 + key: "tid", 1477 1477 + description: "Record declaring a subscription to a publication", 1482 1478 record: { 1483 1483 - type: 'object', 1484 1484 - required: ['publication'], 1479 1479 + type: "object", 1480 1480 + required: ["publication"], 1485 1481 properties: { 1486 1482 publication: { 1487 1487 - type: 'string', 1488 1488 - format: 'at-uri', 1483 1483 + type: "string", 1484 1484 + format: "at-uri", 1489 1485 }, 1490 1486 }, 1491 1487 }, ··· 1494 1490 }, 1495 1491 PubLeafletPagesCanvas: { 1496 1492 lexicon: 1, 1497 1497 - id: 'pub.leaflet.pages.canvas', 1493 1493 + id: "pub.leaflet.pages.canvas", 1498 1494 defs: { 1499 1495 main: { 1500 1500 - type: 'object', 1501 1501 - required: ['blocks'], 1496 1496 + type: "object", 1497 1497 + required: ["blocks"], 1502 1498 properties: { 1503 1499 id: { 1504 1504 - type: 'string', 1500 1500 + type: "string", 1505 1501 }, 1506 1502 blocks: { 1507 1507 - type: 'array', 1503 1503 + type: "array", 1508 1504 items: { 1509 1509 - type: 'ref', 1510 1510 - ref: 'lex:pub.leaflet.pages.canvas#block', 1505 1505 + type: "ref", 1506 1506 + ref: "lex:pub.leaflet.pages.canvas#block", 1511 1507 }, 1512 1508 }, 1513 1509 }, 1514 1510 }, 1515 1511 block: { 1516 1516 - type: 'object', 1517 1517 - required: ['block', 'x', 'y', 'width'], 1512 1512 + type: "object", 1513 1513 + required: ["block", "x", "y", "width"], 1518 1514 properties: { 1519 1515 block: { 1520 1520 - type: 'union', 1516 1516 + type: "union", 1521 1517 refs: [ 1522 1522 - 'lex:pub.leaflet.blocks.iframe', 1523 1523 - 'lex:pub.leaflet.blocks.text', 1524 1524 - 'lex:pub.leaflet.blocks.blockquote', 1525 1525 - 'lex:pub.leaflet.blocks.header', 1526 1526 - 'lex:pub.leaflet.blocks.image', 1527 1527 - 'lex:pub.leaflet.blocks.unorderedList', 1528 1528 - 'lex:pub.leaflet.blocks.website', 1529 1529 - 'lex:pub.leaflet.blocks.math', 1530 1530 - 'lex:pub.leaflet.blocks.code', 1531 1531 - 'lex:pub.leaflet.blocks.horizontalRule', 1532 1532 - 'lex:pub.leaflet.blocks.bskyPost', 1533 1533 - 'lex:pub.leaflet.blocks.page', 1534 1534 - 'lex:pub.leaflet.blocks.poll', 1535 1535 - 'lex:pub.leaflet.blocks.button', 1518 1518 + "lex:pub.leaflet.blocks.iframe", 1519 1519 + "lex:pub.leaflet.blocks.text", 1520 1520 + "lex:pub.leaflet.blocks.blockquote", 1521 1521 + "lex:pub.leaflet.blocks.header", 1522 1522 + "lex:pub.leaflet.blocks.image", 1523 1523 + "lex:pub.leaflet.blocks.unorderedList", 1524 1524 + "lex:pub.leaflet.blocks.website", 1525 1525 + "lex:pub.leaflet.blocks.math", 1526 1526 + "lex:pub.leaflet.blocks.code", 1527 1527 + "lex:pub.leaflet.blocks.horizontalRule", 1528 1528 + "lex:pub.leaflet.blocks.bskyPost", 1529 1529 + "lex:pub.leaflet.blocks.page", 1530 1530 + "lex:pub.leaflet.blocks.poll", 1531 1531 + "lex:pub.leaflet.blocks.button", 1536 1532 ], 1537 1533 }, 1538 1534 x: { 1539 1539 - type: 'integer', 1535 1535 + type: "integer", 1540 1536 }, 1541 1537 y: { 1542 1542 - type: 'integer', 1538 1538 + type: "integer", 1543 1539 }, 1544 1540 width: { 1545 1545 - type: 'integer', 1541 1541 + type: "integer", 1546 1542 }, 1547 1543 height: { 1548 1548 - type: 'integer', 1544 1544 + type: "integer", 1549 1545 }, 1550 1546 rotation: { 1551 1551 - type: 'integer', 1552 1552 - description: 'The rotation of the block in degrees', 1547 1547 + type: "integer", 1548 1548 + description: "The rotation of the block in degrees", 1553 1549 }, 1554 1550 }, 1555 1551 }, 1556 1552 textAlignLeft: { 1557 1557 - type: 'token', 1553 1553 + type: "token", 1558 1554 }, 1559 1555 textAlignCenter: { 1560 1560 - type: 'token', 1556 1556 + type: "token", 1561 1557 }, 1562 1558 textAlignRight: { 1563 1563 - type: 'token', 1559 1559 + type: "token", 1564 1560 }, 1565 1561 quote: { 1566 1566 - type: 'object', 1567 1567 - required: ['start', 'end'], 1562 1562 + type: "object", 1563 1563 + required: ["start", "end"], 1568 1564 properties: { 1569 1565 start: { 1570 1570 - type: 'ref', 1571 1571 - ref: 'lex:pub.leaflet.pages.canvas#position', 1566 1566 + type: "ref", 1567 1567 + ref: "lex:pub.leaflet.pages.canvas#position", 1572 1568 }, 1573 1569 end: { 1574 1574 - type: 'ref', 1575 1575 - ref: 'lex:pub.leaflet.pages.canvas#position', 1570 1570 + type: "ref", 1571 1571 + ref: "lex:pub.leaflet.pages.canvas#position", 1576 1572 }, 1577 1573 }, 1578 1574 }, 1579 1575 position: { 1580 1580 - type: 'object', 1581 1581 - required: ['block', 'offset'], 1576 1576 + type: "object", 1577 1577 + required: ["block", "offset"], 1582 1578 properties: { 1583 1579 block: { 1584 1584 - type: 'array', 1580 1580 + type: "array", 1585 1581 items: { 1586 1586 - type: 'integer', 1582 1582 + type: "integer", 1587 1583 }, 1588 1584 }, 1589 1585 offset: { 1590 1590 - type: 'integer', 1586 1586 + type: "integer", 1591 1587 }, 1592 1588 }, 1593 1589 }, ··· 1595 1591 }, 1596 1592 PubLeafletPagesLinearDocument: { 1597 1593 lexicon: 1, 1598 1598 - id: 'pub.leaflet.pages.linearDocument', 1594 1594 + id: "pub.leaflet.pages.linearDocument", 1599 1595 defs: { 1600 1596 main: { 1601 1601 - type: 'object', 1602 1602 - required: ['blocks'], 1597 1597 + type: "object", 1598 1598 + required: ["blocks"], 1603 1599 properties: { 1604 1600 id: { 1605 1605 - type: 'string', 1601 1601 + type: "string", 1606 1602 }, 1607 1603 blocks: { 1608 1608 - type: 'array', 1604 1604 + type: "array", 1609 1605 items: { 1610 1610 - type: 'ref', 1611 1611 - ref: 'lex:pub.leaflet.pages.linearDocument#block', 1606 1606 + type: "ref", 1607 1607 + ref: "lex:pub.leaflet.pages.linearDocument#block", 1612 1608 }, 1613 1609 }, 1614 1610 }, 1615 1611 }, 1616 1612 block: { 1617 1617 - type: 'object', 1618 1618 - required: ['block'], 1613 1613 + type: "object", 1614 1614 + required: ["block"], 1619 1615 properties: { 1620 1616 block: { 1621 1621 - type: 'union', 1617 1617 + type: "union", 1622 1618 refs: [ 1623 1623 - 'lex:pub.leaflet.blocks.iframe', 1624 1624 - 'lex:pub.leaflet.blocks.text', 1625 1625 - 'lex:pub.leaflet.blocks.blockquote', 1626 1626 - 'lex:pub.leaflet.blocks.header', 1627 1627 - 'lex:pub.leaflet.blocks.image', 1628 1628 - 'lex:pub.leaflet.blocks.unorderedList', 1629 1629 - 'lex:pub.leaflet.blocks.website', 1630 1630 - 'lex:pub.leaflet.blocks.math', 1631 1631 - 'lex:pub.leaflet.blocks.code', 1632 1632 - 'lex:pub.leaflet.blocks.horizontalRule', 1633 1633 - 'lex:pub.leaflet.blocks.bskyPost', 1634 1634 - 'lex:pub.leaflet.blocks.page', 1635 1635 - 'lex:pub.leaflet.blocks.poll', 1636 1636 - 'lex:pub.leaflet.blocks.button', 1619 1619 + "lex:pub.leaflet.blocks.iframe", 1620 1620 + "lex:pub.leaflet.blocks.text", 1621 1621 + "lex:pub.leaflet.blocks.blockquote", 1622 1622 + "lex:pub.leaflet.blocks.header", 1623 1623 + "lex:pub.leaflet.blocks.image", 1624 1624 + "lex:pub.leaflet.blocks.unorderedList", 1625 1625 + "lex:pub.leaflet.blocks.website", 1626 1626 + "lex:pub.leaflet.blocks.math", 1627 1627 + "lex:pub.leaflet.blocks.code", 1628 1628 + "lex:pub.leaflet.blocks.horizontalRule", 1629 1629 + "lex:pub.leaflet.blocks.bskyPost", 1630 1630 + "lex:pub.leaflet.blocks.page", 1631 1631 + "lex:pub.leaflet.blocks.poll", 1632 1632 + "lex:pub.leaflet.blocks.button", 1637 1633 ], 1638 1634 }, 1639 1635 alignment: { 1640 1640 - type: 'string', 1636 1636 + type: "string", 1641 1637 knownValues: [ 1642 1642 - 'lex:pub.leaflet.pages.linearDocument#textAlignLeft', 1643 1643 - 'lex:pub.leaflet.pages.linearDocument#textAlignCenter', 1644 1644 - 'lex:pub.leaflet.pages.linearDocument#textAlignRight', 1645 1645 - 'lex:pub.leaflet.pages.linearDocument#textAlignJustify', 1638 1638 + "lex:pub.leaflet.pages.linearDocument#textAlignLeft", 1639 1639 + "lex:pub.leaflet.pages.linearDocument#textAlignCenter", 1640 1640 + "lex:pub.leaflet.pages.linearDocument#textAlignRight", 1641 1641 + "lex:pub.leaflet.pages.linearDocument#textAlignJustify", 1646 1642 ], 1647 1643 }, 1648 1644 }, 1649 1645 }, 1650 1646 textAlignLeft: { 1651 1651 - type: 'token', 1647 1647 + type: "token", 1652 1648 }, 1653 1649 textAlignCenter: { 1654 1654 - type: 'token', 1650 1650 + type: "token", 1655 1651 }, 1656 1652 textAlignRight: { 1657 1657 - type: 'token', 1653 1653 + type: "token", 1658 1654 }, 1659 1655 textAlignJustify: { 1660 1660 - type: 'token', 1656 1656 + type: "token", 1661 1657 }, 1662 1658 quote: { 1663 1663 - type: 'object', 1664 1664 - required: ['start', 'end'], 1659 1659 + type: "object", 1660 1660 + required: ["start", "end"], 1665 1661 properties: { 1666 1662 start: { 1667 1667 - type: 'ref', 1668 1668 - ref: 'lex:pub.leaflet.pages.linearDocument#position', 1663 1663 + type: "ref", 1664 1664 + ref: "lex:pub.leaflet.pages.linearDocument#position", 1669 1665 }, 1670 1666 end: { 1671 1671 - type: 'ref', 1672 1672 - ref: 'lex:pub.leaflet.pages.linearDocument#position', 1667 1667 + type: "ref", 1668 1668 + ref: "lex:pub.leaflet.pages.linearDocument#position", 1673 1669 }, 1674 1670 }, 1675 1671 }, 1676 1672 position: { 1677 1677 - type: 'object', 1678 1678 - required: ['block', 'offset'], 1673 1673 + type: "object", 1674 1674 + required: ["block", "offset"], 1679 1675 properties: { 1680 1676 block: { 1681 1681 - type: 'array', 1677 1677 + type: "array", 1682 1678 items: { 1683 1683 - type: 'integer', 1679 1679 + type: "integer", 1684 1680 }, 1685 1681 }, 1686 1682 offset: { 1687 1687 - type: 'integer', 1683 1683 + type: "integer", 1688 1684 }, 1689 1685 }, 1690 1686 }, ··· 1692 1688 }, 1693 1689 PubLeafletPollDefinition: { 1694 1690 lexicon: 1, 1695 1695 - id: 'pub.leaflet.poll.definition', 1691 1691 + id: "pub.leaflet.poll.definition", 1696 1692 defs: { 1697 1693 main: { 1698 1698 - type: 'record', 1699 1699 - key: 'tid', 1700 1700 - description: 'Record declaring a poll', 1694 1694 + type: "record", 1695 1695 + key: "tid", 1696 1696 + description: "Record declaring a poll", 1701 1697 record: { 1702 1702 - type: 'object', 1703 1703 - required: ['name', 'options'], 1698 1698 + type: "object", 1699 1699 + required: ["name", "options"], 1704 1700 properties: { 1705 1701 name: { 1706 1706 - type: 'string', 1702 1702 + type: "string", 1707 1703 maxLength: 500, 1708 1704 maxGraphemes: 100, 1709 1705 }, 1710 1706 options: { 1711 1711 - type: 'array', 1707 1707 + type: "array", 1712 1708 items: { 1713 1713 - type: 'ref', 1714 1714 - ref: 'lex:pub.leaflet.poll.definition#option', 1709 1709 + type: "ref", 1710 1710 + ref: "lex:pub.leaflet.poll.definition#option", 1715 1711 }, 1716 1712 }, 1717 1713 endDate: { 1718 1718 - type: 'string', 1719 1719 - format: 'datetime', 1714 1714 + type: "string", 1715 1715 + format: "datetime", 1720 1716 }, 1721 1717 }, 1722 1718 }, 1723 1719 }, 1724 1720 option: { 1725 1725 - type: 'object', 1721 1721 + type: "object", 1726 1722 properties: { 1727 1723 text: { 1728 1728 - type: 'string', 1724 1724 + type: "string", 1729 1725 maxLength: 500, 1730 1726 maxGraphemes: 50, 1731 1727 }, ··· 1735 1731 }, 1736 1732 PubLeafletPollVote: { 1737 1733 lexicon: 1, 1738 1738 - id: 'pub.leaflet.poll.vote', 1734 1734 + id: "pub.leaflet.poll.vote", 1739 1735 defs: { 1740 1736 main: { 1741 1741 - type: 'record', 1742 1742 - key: 'tid', 1743 1743 - description: 'Record declaring a vote on a poll', 1737 1737 + type: "record", 1738 1738 + key: "tid", 1739 1739 + description: "Record declaring a vote on a poll", 1744 1740 record: { 1745 1745 - type: 'object', 1746 1746 - required: ['poll', 'option'], 1741 1741 + type: "object", 1742 1742 + required: ["poll", "option"], 1747 1743 properties: { 1748 1744 poll: { 1749 1749 - type: 'ref', 1750 1750 - ref: 'lex:com.atproto.repo.strongRef', 1745 1745 + type: "ref", 1746 1746 + ref: "lex:com.atproto.repo.strongRef", 1751 1747 }, 1752 1748 option: { 1753 1753 - type: 'array', 1749 1749 + type: "array", 1754 1750 items: { 1755 1755 - type: 'string', 1751 1751 + type: "string", 1756 1752 }, 1757 1753 }, 1758 1754 }, ··· 1762 1758 }, 1763 1759 PubLeafletPublication: { 1764 1760 lexicon: 1, 1765 1765 - id: 'pub.leaflet.publication', 1761 1761 + id: "pub.leaflet.publication", 1766 1762 defs: { 1767 1763 main: { 1768 1768 - type: 'record', 1769 1769 - key: 'tid', 1770 1770 - description: 'Record declaring a publication', 1764 1764 + type: "record", 1765 1765 + key: "tid", 1766 1766 + description: "Record declaring a publication", 1771 1767 record: { 1772 1772 - type: 'object', 1773 1773 - required: ['name'], 1768 1768 + type: "object", 1769 1769 + required: ["name"], 1774 1770 properties: { 1775 1771 name: { 1776 1776 - type: 'string', 1772 1772 + type: "string", 1777 1773 maxLength: 2000, 1778 1774 }, 1779 1775 base_path: { 1780 1780 - type: 'string', 1776 1776 + type: "string", 1781 1777 }, 1782 1778 description: { 1783 1783 - type: 'string', 1779 1779 + type: "string", 1784 1780 maxLength: 2000, 1785 1781 }, 1786 1782 icon: { 1787 1787 - type: 'blob', 1788 1788 - accept: ['image/*'], 1783 1783 + type: "blob", 1784 1784 + accept: ["image/*"], 1789 1785 maxSize: 1000000, 1790 1786 }, 1791 1787 theme: { 1792 1792 - type: 'ref', 1793 1793 - ref: 'lex:pub.leaflet.publication#theme', 1788 1788 + type: "ref", 1789 1789 + ref: "lex:pub.leaflet.publication#theme", 1794 1790 }, 1795 1791 preferences: { 1796 1796 - type: 'ref', 1797 1797 - ref: 'lex:pub.leaflet.publication#preferences', 1792 1792 + type: "ref", 1793 1793 + ref: "lex:pub.leaflet.publication#preferences", 1798 1794 }, 1799 1795 }, 1800 1796 }, 1801 1797 }, 1802 1798 preferences: { 1803 1803 - type: 'object', 1799 1799 + type: "object", 1804 1800 properties: { 1805 1801 showInDiscover: { 1806 1806 - type: 'boolean', 1802 1802 + type: "boolean", 1807 1803 default: true, 1808 1804 }, 1809 1805 showComments: { 1810 1810 - type: 'boolean', 1806 1806 + type: "boolean", 1811 1807 default: true, 1812 1808 }, 1813 1809 }, 1814 1810 }, 1815 1811 theme: { 1816 1816 - type: 'object', 1812 1812 + type: "object", 1817 1813 properties: { 1818 1814 backgroundColor: { 1819 1819 - type: 'union', 1815 1815 + type: "union", 1820 1816 refs: [ 1821 1821 - 'lex:pub.leaflet.theme.color#rgba', 1822 1822 - 'lex:pub.leaflet.theme.color#rgb', 1817 1817 + "lex:pub.leaflet.theme.color#rgba", 1818 1818 + "lex:pub.leaflet.theme.color#rgb", 1823 1819 ], 1824 1820 }, 1825 1821 backgroundImage: { 1826 1826 - type: 'ref', 1827 1827 - ref: 'lex:pub.leaflet.theme.backgroundImage', 1822 1822 + type: "ref", 1823 1823 + ref: "lex:pub.leaflet.theme.backgroundImage", 1828 1824 }, 1829 1825 pageWidth: { 1830 1830 - type: 'integer', 1831 1831 - minimum: 0, 1832 1832 - maximum: 1600, 1826 1826 + type: "integer", 1827 1827 + minimum: 320, 1828 1828 + maximum: 1200, 1833 1829 }, 1834 1830 primary: { 1835 1835 - type: 'union', 1831 1831 + type: "union", 1836 1832 refs: [ 1837 1837 - 'lex:pub.leaflet.theme.color#rgba', 1838 1838 - 'lex:pub.leaflet.theme.color#rgb', 1833 1833 + "lex:pub.leaflet.theme.color#rgba", 1834 1834 + "lex:pub.leaflet.theme.color#rgb", 1839 1835 ], 1840 1836 }, 1841 1837 pageBackground: { 1842 1842 - type: 'union', 1838 1838 + type: "union", 1843 1839 refs: [ 1844 1844 - 'lex:pub.leaflet.theme.color#rgba', 1845 1845 - 'lex:pub.leaflet.theme.color#rgb', 1840 1840 + "lex:pub.leaflet.theme.color#rgba", 1841 1841 + "lex:pub.leaflet.theme.color#rgb", 1846 1842 ], 1847 1843 }, 1848 1844 showPageBackground: { 1849 1849 - type: 'boolean', 1845 1845 + type: "boolean", 1850 1846 default: false, 1851 1847 }, 1852 1848 accentBackground: { 1853 1853 - type: 'union', 1849 1849 + type: "union", 1854 1850 refs: [ 1855 1855 - 'lex:pub.leaflet.theme.color#rgba', 1856 1856 - 'lex:pub.leaflet.theme.color#rgb', 1851 1851 + "lex:pub.leaflet.theme.color#rgba", 1852 1852 + "lex:pub.leaflet.theme.color#rgb", 1857 1853 ], 1858 1854 }, 1859 1855 accentText: { 1860 1860 - type: 'union', 1856 1856 + type: "union", 1861 1857 refs: [ 1862 1862 - 'lex:pub.leaflet.theme.color#rgba', 1863 1863 - 'lex:pub.leaflet.theme.color#rgb', 1858 1858 + "lex:pub.leaflet.theme.color#rgba", 1859 1859 + "lex:pub.leaflet.theme.color#rgb", 1864 1860 ], 1865 1861 }, 1866 1862 }, ··· 1869 1865 }, 1870 1866 PubLeafletRichtextFacet: { 1871 1867 lexicon: 1, 1872 1872 - id: 'pub.leaflet.richtext.facet', 1868 1868 + id: "pub.leaflet.richtext.facet", 1873 1869 defs: { 1874 1870 main: { 1875 1875 - type: 'object', 1876 1876 - description: 'Annotation of a sub-string within rich text.', 1877 1877 - required: ['index', 'features'], 1871 1871 + type: "object", 1872 1872 + description: "Annotation of a sub-string within rich text.", 1873 1873 + required: ["index", "features"], 1878 1874 properties: { 1879 1875 index: { 1880 1880 - type: 'ref', 1881 1881 - ref: 'lex:pub.leaflet.richtext.facet#byteSlice', 1876 1876 + type: "ref", 1877 1877 + ref: "lex:pub.leaflet.richtext.facet#byteSlice", 1882 1878 }, 1883 1879 features: { 1884 1884 - type: 'array', 1880 1880 + type: "array", 1885 1881 items: { 1886 1886 - type: 'union', 1882 1882 + type: "union", 1887 1883 refs: [ 1888 1888 - 'lex:pub.leaflet.richtext.facet#link', 1889 1889 - 'lex:pub.leaflet.richtext.facet#didMention', 1890 1890 - 'lex:pub.leaflet.richtext.facet#atMention', 1891 1891 - 'lex:pub.leaflet.richtext.facet#code', 1892 1892 - 'lex:pub.leaflet.richtext.facet#highlight', 1893 1893 - 'lex:pub.leaflet.richtext.facet#underline', 1894 1894 - 'lex:pub.leaflet.richtext.facet#strikethrough', 1895 1895 - 'lex:pub.leaflet.richtext.facet#id', 1896 1896 - 'lex:pub.leaflet.richtext.facet#bold', 1897 1897 - 'lex:pub.leaflet.richtext.facet#italic', 1884 1884 + "lex:pub.leaflet.richtext.facet#link", 1885 1885 + "lex:pub.leaflet.richtext.facet#didMention", 1886 1886 + "lex:pub.leaflet.richtext.facet#atMention", 1887 1887 + "lex:pub.leaflet.richtext.facet#code", 1888 1888 + "lex:pub.leaflet.richtext.facet#highlight", 1889 1889 + "lex:pub.leaflet.richtext.facet#underline", 1890 1890 + "lex:pub.leaflet.richtext.facet#strikethrough", 1891 1891 + "lex:pub.leaflet.richtext.facet#id", 1892 1892 + "lex:pub.leaflet.richtext.facet#bold", 1893 1893 + "lex:pub.leaflet.richtext.facet#italic", 1898 1894 ], 1899 1895 }, 1900 1896 }, 1901 1897 }, 1902 1898 }, 1903 1899 byteSlice: { 1904 1904 - type: 'object', 1900 1900 + type: "object", 1905 1901 description: 1906 1906 - 'Specifies the sub-string range a facet feature applies to. Start index is inclusive, end index is exclusive. Indices are zero-indexed, counting bytes of the UTF-8 encoded text. NOTE: some languages, like Javascript, use UTF-16 or Unicode codepoints for string slice indexing; in these languages, convert to byte arrays before working with facets.', 1907 1907 - required: ['byteStart', 'byteEnd'], 1902 1902 + "Specifies the sub-string range a facet feature applies to. Start index is inclusive, end index is exclusive. Indices are zero-indexed, counting bytes of the UTF-8 encoded text. NOTE: some languages, like Javascript, use UTF-16 or Unicode codepoints for string slice indexing; in these languages, convert to byte arrays before working with facets.", 1903 1903 + required: ["byteStart", "byteEnd"], 1908 1904 properties: { 1909 1905 byteStart: { 1910 1910 - type: 'integer', 1906 1906 + type: "integer", 1911 1907 minimum: 0, 1912 1908 }, 1913 1909 byteEnd: { 1914 1914 - type: 'integer', 1910 1910 + type: "integer", 1915 1911 minimum: 0, 1916 1912 }, 1917 1913 }, 1918 1914 }, 1919 1915 link: { 1920 1920 - type: 'object', 1916 1916 + type: "object", 1921 1917 description: 1922 1922 - 'Facet feature for a URL. The text URL may have been simplified or truncated, but the facet reference should be a complete URL.', 1923 1923 - required: ['uri'], 1918 1918 + "Facet feature for a URL. The text URL may have been simplified or truncated, but the facet reference should be a complete URL.", 1919 1919 + required: ["uri"], 1924 1920 properties: { 1925 1921 uri: { 1926 1926 - type: 'string', 1922 1922 + type: "string", 1927 1923 }, 1928 1924 }, 1929 1925 }, 1930 1926 didMention: { 1931 1931 - type: 'object', 1932 1932 - description: 'Facet feature for mentioning a did.', 1933 1933 - required: ['did'], 1927 1927 + type: "object", 1928 1928 + description: "Facet feature for mentioning a did.", 1929 1929 + required: ["did"], 1934 1930 properties: { 1935 1931 did: { 1936 1936 - type: 'string', 1937 1937 - format: 'did', 1932 1932 + type: "string", 1933 1933 + format: "did", 1938 1934 }, 1939 1935 }, 1940 1936 }, 1941 1937 atMention: { 1942 1942 - type: 'object', 1943 1943 - description: 'Facet feature for mentioning an AT URI.', 1944 1944 - required: ['atURI'], 1938 1938 + type: "object", 1939 1939 + description: "Facet feature for mentioning an AT URI.", 1940 1940 + required: ["atURI"], 1945 1941 properties: { 1946 1942 atURI: { 1947 1947 - type: 'string', 1948 1948 - format: 'uri', 1943 1943 + type: "string", 1944 1944 + format: "uri", 1949 1945 }, 1950 1946 }, 1951 1947 }, 1952 1948 code: { 1953 1953 - type: 'object', 1954 1954 - description: 'Facet feature for inline code.', 1949 1949 + type: "object", 1950 1950 + description: "Facet feature for inline code.", 1955 1951 required: [], 1956 1952 properties: {}, 1957 1953 }, 1958 1954 highlight: { 1959 1959 - type: 'object', 1960 1960 - description: 'Facet feature for highlighted text.', 1955 1955 + type: "object", 1956 1956 + description: "Facet feature for highlighted text.", 1961 1957 required: [], 1962 1958 properties: {}, 1963 1959 }, 1964 1960 underline: { 1965 1965 - type: 'object', 1966 1966 - description: 'Facet feature for underline markup', 1961 1961 + type: "object", 1962 1962 + description: "Facet feature for underline markup", 1967 1963 required: [], 1968 1964 properties: {}, 1969 1965 }, 1970 1966 strikethrough: { 1971 1971 - type: 'object', 1972 1972 - description: 'Facet feature for strikethrough markup', 1967 1967 + type: "object", 1968 1968 + description: "Facet feature for strikethrough markup", 1973 1969 required: [], 1974 1970 properties: {}, 1975 1971 }, 1976 1972 id: { 1977 1977 - type: 'object', 1973 1973 + type: "object", 1978 1974 description: 1979 1979 - 'Facet feature for an identifier. Used for linking to a segment', 1975 1975 + "Facet feature for an identifier. Used for linking to a segment", 1980 1976 required: [], 1981 1977 properties: { 1982 1978 id: { 1983 1983 - type: 'string', 1979 1979 + type: "string", 1984 1980 }, 1985 1981 }, 1986 1982 }, 1987 1983 bold: { 1988 1988 - type: 'object', 1989 1989 - description: 'Facet feature for bold text', 1984 1984 + type: "object", 1985 1985 + description: "Facet feature for bold text", 1990 1986 required: [], 1991 1987 properties: {}, 1992 1988 }, 1993 1989 italic: { 1994 1994 - type: 'object', 1995 1995 - description: 'Facet feature for italic text', 1990 1990 + type: "object", 1991 1991 + description: "Facet feature for italic text", 1996 1992 required: [], 1997 1993 properties: {}, 1998 1994 }, ··· 2000 1996 }, 2001 1997 PubLeafletThemeBackgroundImage: { 2002 1998 lexicon: 1, 2003 2003 - id: 'pub.leaflet.theme.backgroundImage', 1999 1999 + id: "pub.leaflet.theme.backgroundImage", 2004 2000 defs: { 2005 2001 main: { 2006 2006 - type: 'object', 2007 2007 - required: ['image'], 2002 2002 + type: "object", 2003 2003 + required: ["image"], 2008 2004 properties: { 2009 2005 image: { 2010 2010 - type: 'blob', 2011 2011 - accept: ['image/*'], 2006 2006 + type: "blob", 2007 2007 + accept: ["image/*"], 2012 2008 maxSize: 1000000, 2013 2009 }, 2014 2010 width: { 2015 2015 - type: 'integer', 2011 2011 + type: "integer", 2016 2012 }, 2017 2013 repeat: { 2018 2018 - type: 'boolean', 2014 2014 + type: "boolean", 2019 2015 }, 2020 2016 }, 2021 2017 }, ··· 2023 2019 }, 2024 2020 PubLeafletThemeColor: { 2025 2021 lexicon: 1, 2026 2026 - id: 'pub.leaflet.theme.color', 2022 2022 + id: "pub.leaflet.theme.color", 2027 2023 defs: { 2028 2024 rgba: { 2029 2029 - type: 'object', 2030 2030 - required: ['r', 'g', 'b', 'a'], 2025 2025 + type: "object", 2026 2026 + required: ["r", "g", "b", "a"], 2031 2027 properties: { 2032 2028 r: { 2033 2033 - type: 'integer', 2029 2029 + type: "integer", 2034 2030 maximum: 255, 2035 2031 minimum: 0, 2036 2032 }, 2037 2033 g: { 2038 2038 - type: 'integer', 2034 2034 + type: "integer", 2039 2035 maximum: 255, 2040 2036 minimum: 0, 2041 2037 }, 2042 2038 b: { 2043 2043 - type: 'integer', 2039 2039 + type: "integer", 2044 2040 maximum: 255, 2045 2041 minimum: 0, 2046 2042 }, 2047 2043 a: { 2048 2048 - type: 'integer', 2044 2044 + type: "integer", 2049 2045 maximum: 100, 2050 2046 minimum: 0, 2051 2047 }, 2052 2048 }, 2053 2049 }, 2054 2050 rgb: { 2055 2055 - type: 'object', 2056 2056 - required: ['r', 'g', 'b'], 2051 2051 + type: "object", 2052 2052 + required: ["r", "g", "b"], 2057 2053 properties: { 2058 2054 r: { 2059 2059 - type: 'integer', 2055 2055 + type: "integer", 2060 2056 maximum: 255, 2061 2057 minimum: 0, 2062 2058 }, 2063 2059 g: { 2064 2064 - type: 'integer', 2060 2060 + type: "integer", 2065 2061 maximum: 255, 2066 2062 minimum: 0, 2067 2063 }, 2068 2064 b: { 2069 2069 - type: 'integer', 2065 2065 + type: "integer", 2070 2066 maximum: 255, 2071 2067 minimum: 0, 2072 2068 }, ··· 2074 2070 }, 2075 2071 }, 2076 2072 }, 2077 2077 - } as const satisfies Record<string, LexiconDoc> 2078 2078 - export const schemas = Object.values(schemaDict) satisfies LexiconDoc[] 2079 2079 - export const lexicons: Lexicons = new Lexicons(schemas) 2073 2073 + } as const satisfies Record<string, LexiconDoc>; 2074 2074 + export const schemas = Object.values(schemaDict) satisfies LexiconDoc[]; 2075 2075 + export const lexicons: Lexicons = new Lexicons(schemas); 2080 2076 2081 2077 export function validate<T extends { $type: string }>( 2082 2078 v: unknown, 2083 2079 id: string, 2084 2080 hash: string, 2085 2081 requiredType: true, 2086 2086 - ): ValidationResult<T> 2082 2082 + ): ValidationResult<T>; 2087 2083 export function validate<T extends { $type?: string }>( 2088 2084 v: unknown, 2089 2085 id: string, 2090 2086 hash: string, 2091 2087 requiredType?: false, 2092 2092 - ): ValidationResult<T> 2088 2088 + ): ValidationResult<T>; 2093 2089 export function validate( 2094 2090 v: unknown, 2095 2091 id: string, ··· 2101 2097 : { 2102 2098 success: false, 2103 2099 error: new ValidationError( 2104 2104 - `Must be an object with "${hash === 'main' ? id : `${id}#${hash}`}" $type property`, 2100 2100 + `Must be an object with "${hash === "main" ? id : `${id}#${hash}`}" $type property`, 2105 2101 ), 2106 2106 - } 2102 2102 + }; 2107 2103 } 2108 2104 2109 2105 export const ids = { 2110 2110 - AppBskyActorProfile: 'app.bsky.actor.profile', 2111 2111 - ComAtprotoLabelDefs: 'com.atproto.label.defs', 2112 2112 - ComAtprotoRepoApplyWrites: 'com.atproto.repo.applyWrites', 2113 2113 - ComAtprotoRepoCreateRecord: 'com.atproto.repo.createRecord', 2114 2114 - ComAtprotoRepoDefs: 'com.atproto.repo.defs', 2115 2115 - ComAtprotoRepoDeleteRecord: 'com.atproto.repo.deleteRecord', 2116 2116 - ComAtprotoRepoDescribeRepo: 'com.atproto.repo.describeRepo', 2117 2117 - ComAtprotoRepoGetRecord: 'com.atproto.repo.getRecord', 2118 2118 - ComAtprotoRepoImportRepo: 'com.atproto.repo.importRepo', 2119 2119 - ComAtprotoRepoListMissingBlobs: 'com.atproto.repo.listMissingBlobs', 2120 2120 - ComAtprotoRepoListRecords: 'com.atproto.repo.listRecords', 2121 2121 - ComAtprotoRepoPutRecord: 'com.atproto.repo.putRecord', 2122 2122 - ComAtprotoRepoStrongRef: 'com.atproto.repo.strongRef', 2123 2123 - ComAtprotoRepoUploadBlob: 'com.atproto.repo.uploadBlob', 2124 2124 - PubLeafletBlocksBlockquote: 'pub.leaflet.blocks.blockquote', 2125 2125 - PubLeafletBlocksBskyPost: 'pub.leaflet.blocks.bskyPost', 2126 2126 - PubLeafletBlocksButton: 'pub.leaflet.blocks.button', 2127 2127 - PubLeafletBlocksCode: 'pub.leaflet.blocks.code', 2128 2128 - PubLeafletBlocksHeader: 'pub.leaflet.blocks.header', 2129 2129 - PubLeafletBlocksHorizontalRule: 'pub.leaflet.blocks.horizontalRule', 2130 2130 - PubLeafletBlocksIframe: 'pub.leaflet.blocks.iframe', 2131 2131 - PubLeafletBlocksImage: 'pub.leaflet.blocks.image', 2132 2132 - PubLeafletBlocksMath: 'pub.leaflet.blocks.math', 2133 2133 - PubLeafletBlocksPage: 'pub.leaflet.blocks.page', 2134 2134 - PubLeafletBlocksPoll: 'pub.leaflet.blocks.poll', 2135 2135 - PubLeafletBlocksText: 'pub.leaflet.blocks.text', 2136 2136 - PubLeafletBlocksUnorderedList: 'pub.leaflet.blocks.unorderedList', 2137 2137 - PubLeafletBlocksWebsite: 'pub.leaflet.blocks.website', 2138 2138 - PubLeafletComment: 'pub.leaflet.comment', 2139 2139 - PubLeafletDocument: 'pub.leaflet.document', 2140 2140 - PubLeafletGraphSubscription: 'pub.leaflet.graph.subscription', 2141 2141 - PubLeafletPagesCanvas: 'pub.leaflet.pages.canvas', 2142 2142 - PubLeafletPagesLinearDocument: 'pub.leaflet.pages.linearDocument', 2143 2143 - PubLeafletPollDefinition: 'pub.leaflet.poll.definition', 2144 2144 - PubLeafletPollVote: 'pub.leaflet.poll.vote', 2145 2145 - PubLeafletPublication: 'pub.leaflet.publication', 2146 2146 - PubLeafletRichtextFacet: 'pub.leaflet.richtext.facet', 2147 2147 - PubLeafletThemeBackgroundImage: 'pub.leaflet.theme.backgroundImage', 2148 2148 - PubLeafletThemeColor: 'pub.leaflet.theme.color', 2149 2149 - } as const 2106 2106 + AppBskyActorProfile: "app.bsky.actor.profile", 2107 2107 + ComAtprotoLabelDefs: "com.atproto.label.defs", 2108 2108 + ComAtprotoRepoApplyWrites: "com.atproto.repo.applyWrites", 2109 2109 + ComAtprotoRepoCreateRecord: "com.atproto.repo.createRecord", 2110 2110 + ComAtprotoRepoDefs: "com.atproto.repo.defs", 2111 2111 + ComAtprotoRepoDeleteRecord: "com.atproto.repo.deleteRecord", 2112 2112 + ComAtprotoRepoDescribeRepo: "com.atproto.repo.describeRepo", 2113 2113 + ComAtprotoRepoGetRecord: "com.atproto.repo.getRecord", 2114 2114 + ComAtprotoRepoImportRepo: "com.atproto.repo.importRepo", 2115 2115 + ComAtprotoRepoListMissingBlobs: "com.atproto.repo.listMissingBlobs", 2116 2116 + ComAtprotoRepoListRecords: "com.atproto.repo.listRecords", 2117 2117 + ComAtprotoRepoPutRecord: "com.atproto.repo.putRecord", 2118 2118 + ComAtprotoRepoStrongRef: "com.atproto.repo.strongRef", 2119 2119 + ComAtprotoRepoUploadBlob: "com.atproto.repo.uploadBlob", 2120 2120 + PubLeafletBlocksBlockquote: "pub.leaflet.blocks.blockquote", 2121 2121 + PubLeafletBlocksBskyPost: "pub.leaflet.blocks.bskyPost", 2122 2122 + PubLeafletBlocksButton: "pub.leaflet.blocks.button", 2123 2123 + PubLeafletBlocksCode: "pub.leaflet.blocks.code", 2124 2124 + PubLeafletBlocksHeader: "pub.leaflet.blocks.header", 2125 2125 + PubLeafletBlocksHorizontalRule: "pub.leaflet.blocks.horizontalRule", 2126 2126 + PubLeafletBlocksIframe: "pub.leaflet.blocks.iframe", 2127 2127 + PubLeafletBlocksImage: "pub.leaflet.blocks.image", 2128 2128 + PubLeafletBlocksMath: "pub.leaflet.blocks.math", 2129 2129 + PubLeafletBlocksPage: "pub.leaflet.blocks.page", 2130 2130 + PubLeafletBlocksPoll: "pub.leaflet.blocks.poll", 2131 2131 + PubLeafletBlocksText: "pub.leaflet.blocks.text", 2132 2132 + PubLeafletBlocksUnorderedList: "pub.leaflet.blocks.unorderedList", 2133 2133 + PubLeafletBlocksWebsite: "pub.leaflet.blocks.website", 2134 2134 + PubLeafletComment: "pub.leaflet.comment", 2135 2135 + PubLeafletDocument: "pub.leaflet.document", 2136 2136 + PubLeafletGraphSubscription: "pub.leaflet.graph.subscription", 2137 2137 + PubLeafletPagesCanvas: "pub.leaflet.pages.canvas", 2138 2138 + PubLeafletPagesLinearDocument: "pub.leaflet.pages.linearDocument", 2139 2139 + PubLeafletPollDefinition: "pub.leaflet.poll.definition", 2140 2140 + PubLeafletPollVote: "pub.leaflet.poll.vote", 2141 2141 + PubLeafletPublication: "pub.leaflet.publication", 2142 2142 + PubLeafletRichtextFacet: "pub.leaflet.richtext.facet", 2143 2143 + PubLeafletThemeBackgroundImage: "pub.leaflet.theme.backgroundImage", 2144 2144 + PubLeafletThemeColor: "pub.leaflet.theme.color", 2145 2145 + } as const;

-1

lexicons/api/types/pub/leaflet/blocks/text.ts

··· 18 18 export interface Main { 19 19 $type?: 'pub.leaflet.blocks.text' 20 20 plaintext: string 21 21 - textSize?: 'default' | 'small' | 'large' 22 21 facets?: PubLeafletRichtextFacet.Main[] 23 22 } 24 23

+41 -37

lexicons/api/types/pub/leaflet/publication.ts

··· 1 1 /** 2 2 * GENERATED CODE - DO NOT MODIFY 3 3 */ 4 4 - import { type ValidationResult, BlobRef } from '@atproto/lexicon' 5 5 - import { CID } from 'multiformats/cid' 6 6 - import { validate as _validate } from '../../../lexicons' 7 7 - import { type $Typed, is$typed as _is$typed, type OmitKey } from '../../../util' 8 8 - import type * as PubLeafletThemeColor from './theme/color' 9 9 - import type * as PubLeafletThemeBackgroundImage from './theme/backgroundImage' 4 4 + import { type ValidationResult, BlobRef } from "@atproto/lexicon"; 5 5 + import { CID } from "multiformats/cid"; 6 6 + import { validate as _validate } from "../../../lexicons"; 7 7 + import { 8 8 + type $Typed, 9 9 + is$typed as _is$typed, 10 10 + type OmitKey, 11 11 + } from "../../../util"; 12 12 + import type * as PubLeafletThemeColor from "./theme/color"; 13 13 + import type * as PubLeafletThemeBackgroundImage from "./theme/backgroundImage"; 10 14 11 15 const is$typed = _is$typed, 12 12 - validate = _validate 13 13 - const id = 'pub.leaflet.publication' 16 16 + validate = _validate; 17 17 + const id = "pub.leaflet.publication"; 14 18 15 19 export interface Record { 16 16 - $type: 'pub.leaflet.publication' 17 17 - name: string 18 18 - base_path?: string 19 19 - description?: string 20 20 - icon?: BlobRef 21 21 - theme?: Theme 22 22 - preferences?: Preferences 23 23 - [k: string]: unknown 20 20 + $type: "pub.leaflet.publication"; 21 21 + name: string; 22 22 + base_path?: string; 23 23 + description?: string; 24 24 + icon?: BlobRef; 25 25 + theme?: Theme; 26 26 + preferences?: Preferences; 27 27 + [k: string]: unknown; 24 28 } 25 29 26 26 - const hashRecord = 'main' 30 30 + const hashRecord = "main"; 27 31 28 32 export function isRecord<V>(v: V) { 29 29 - return is$typed(v, id, hashRecord) 33 33 + return is$typed(v, id, hashRecord); 30 34 } 31 35 32 36 export function validateRecord<V>(v: V) { 33 33 - return validate<Record & V>(v, id, hashRecord, true) 37 37 + return validate<Record & V>(v, id, hashRecord, true); 34 38 } 35 39 36 40 export interface Preferences { 37 37 - $type?: 'pub.leaflet.publication#preferences' 38 38 - showInDiscover: boolean 39 39 - showComments: boolean 41 41 + $type?: "pub.leaflet.publication#preferences"; 42 42 + showInDiscover: boolean; 43 43 + showComments: boolean; 40 44 } 41 45 42 42 - const hashPreferences = 'preferences' 46 46 + const hashPreferences = "preferences"; 43 47 44 48 export function isPreferences<V>(v: V) { 45 45 - return is$typed(v, id, hashPreferences) 49 49 + return is$typed(v, id, hashPreferences); 46 50 } 47 51 48 52 export function validatePreferences<V>(v: V) { 49 49 - return validate<Preferences & V>(v, id, hashPreferences) 53 53 + return validate<Preferences & V>(v, id, hashPreferences); 50 54 } 51 55 52 56 export interface Theme { 53 53 - $type?: 'pub.leaflet.publication#theme' 57 57 + $type?: "pub.leaflet.publication#theme"; 54 58 backgroundColor?: 55 59 | $Typed<PubLeafletThemeColor.Rgba> 56 60 | $Typed<PubLeafletThemeColor.Rgb> 57 57 - | { $type: string } 58 58 - backgroundImage?: PubLeafletThemeBackgroundImage.Main 59 59 - pageWidth?: number 61 61 + | { $type: string }; 62 62 + backgroundImage?: PubLeafletThemeBackgroundImage.Main; 63 63 + pageWidth?: number; 60 64 primary?: 61 65 | $Typed<PubLeafletThemeColor.Rgba> 62 66 | $Typed<PubLeafletThemeColor.Rgb> 63 63 - | { $type: string } 67 67 + | { $type: string }; 64 68 pageBackground?: 65 69 | $Typed<PubLeafletThemeColor.Rgba> 66 70 | $Typed<PubLeafletThemeColor.Rgb> 67 67 - | { $type: string } 68 68 - showPageBackground: boolean 71 71 + | { $type: string }; 72 72 + showPageBackground: boolean; 69 73 accentBackground?: 70 74 | $Typed<PubLeafletThemeColor.Rgba> 71 75 | $Typed<PubLeafletThemeColor.Rgb> 72 72 - | { $type: string } 76 76 + | { $type: string }; 73 77 accentText?: 74 78 | $Typed<PubLeafletThemeColor.Rgba> 75 79 | $Typed<PubLeafletThemeColor.Rgb> 76 76 - | { $type: string } 80 80 + | { $type: string }; 77 81 } 78 82 79 79 - const hashTheme = 'theme' 83 83 + const hashTheme = "theme"; 80 84 81 85 export function isTheme<V>(v: V) { 82 82 - return is$typed(v, id, hashTheme) 86 86 + return is$typed(v, id, hashTheme); 83 87 } 84 88 85 89 export function validateTheme<V>(v: V) { 86 86 - return validate<Theme & V>(v, id, hashTheme) 90 90 + return validate<Theme & V>(v, id, hashTheme); 87 91 }

-8

lexicons/pub/leaflet/blocks/text.json

··· 11 11 "plaintext": { 12 12 "type": "string" 13 13 }, 14 14 - "textSize": { 15 15 - "type": "string", 16 16 - "enum": [ 17 17 - "default", 18 18 - "small", 19 19 - "large" 20 20 - ] 21 21 - }, 22 14 "facets": { 23 15 "type": "array", 24 16 "items": {

+3 -7

lexicons/pub/leaflet/publication.json

··· 8 8 "description": "Record declaring a publication", 9 9 "record": { 10 10 "type": "object", 11 11 - "required": [ 12 12 - "name" 13 13 - ], 11 11 + "required": ["name"], 14 12 "properties": { 15 13 "name": { 16 14 "type": "string", ··· 25 23 }, 26 24 "icon": { 27 25 "type": "blob", 28 28 - "accept": [ 29 29 - "image/*" 30 30 - ], 26 26 + "accept": ["image/*"], 31 27 "maxSize": 1000000 32 28 }, 33 29 "theme": { ··· 108 104 } 109 105 } 110 106 } 111 111 - } 107 107 + }

-1

lexicons/src/blocks.ts

··· 10 10 required: ["plaintext"], 11 11 properties: { 12 12 plaintext: { type: "string" }, 13 13 - textSize: { type: "string", enum: ["default", "small", "large"] }, 14 13 facets: { 15 14 type: "array", 16 15 items: { type: "ref", ref: PubLeafletRichTextFacet.id },

-8

src/replicache/attributes.ts

··· 71 71 type: "number", 72 72 cardinality: "one", 73 73 }, 74 74 - "block/text-size": { 75 75 - type: "text-size-union", 76 76 - cardinality: "one", 77 77 - }, 78 74 "block/image": { 79 75 type: "image", 80 76 cardinality: "one", ··· 325 321 "text-alignment-type-union": { 326 322 type: "text-alignment-type-union"; 327 323 value: "right" | "left" | "center" | "justify"; 328 328 - }; 329 329 - "text-size-union": { 330 330 - type: "text-size-union"; 331 331 - value: "default" | "small" | "large"; 332 324 }; 333 325 "page-type-union": { type: "page-type-union"; value: "doc" | "canvas" }; 334 326 "block-type-union": {

-3

src/utils/getBlocksAsHTML.tsx

··· 171 171 }, 172 172 text: async (b, tx, a) => { 173 173 let [value] = await scanIndex(tx).eav(b.value, "block/text"); 174 174 - let [textSize] = await scanIndex(tx).eav(b.value, "block/text-size"); 175 175 - 176 174 return ( 177 175 <RenderYJSFragment 178 176 value={value?.data.value} 179 177 attrs={{ 180 178 "data-alignment": a, 181 181 - "data-text-size": textSize?.data.value, 182 179 }} 183 180 wrapper="p" 184 181 />