+43

CHANGELOG.md

··· 1 1 # leaflet-loader-astro 2 2 3 3 + ## 1.3.0 4 4 + 5 5 + ### Minor Changes 6 6 + 7 7 + - eb3bc4b: Add iframe block 8 8 + 9 9 + ## 1.2.0 10 10 + 11 11 + ### Minor Changes 12 12 + 13 13 + - f920153: Add support for blockquotes 14 14 + 15 15 + ### Patch Changes 16 16 + 17 17 + - 8922bb1: Add JSDoc comments for available loader options for leafletStaticLoader and leafletLiveLoader 18 18 + 19 19 + ## 1.1.0 20 20 + 21 21 + ### Minor Changes 22 22 + 23 23 + - 6d70cc6: Added support for these leaflet blocks: 24 24 + 25 25 + - ul/li 26 26 + - math 27 27 + - code 28 28 + - img 29 29 + - hr 30 30 + 31 31 + the only remaining block to implement is "website", though I haven't thought of a good way to output that yet. stay tuned for a further release 32 32 + 33 33 + - 5524ce5: Added the ability to use a handle or did when specifying a repo for leafletStaticLoader and leafletLiveLoader 34 34 + 35 35 + ```ts 36 36 + import { defineLiveCollection } from "astro:content"; 37 37 + import { leafletLiveLoader } from "leaflet-loader-astro"; 38 38 + 39 39 + const documents = defineLiveCollection({ 40 40 + loader: leafletLiveLoader({ repo: "dane.computer" }), // or repo: did:plc:qttsv4e7pu2jl3ilanfgc3zn, both work! 41 41 + }); 42 42 + 43 43 + export const collections = { documents }; 44 44 + ``` 45 45 + 3 46 ## 1.0.0 4 47 5 48 ### Major Changes

+60 -7

README.md

··· 10 10 ## Installation 11 11 12 12 ```bash 13 13 - npm install leaflet-loader-astro 13 13 + npm install @nulfrost/leaflet-loader-astro 14 14 ``` 15 15 16 16 ## Usage 17 17 18 18 - ### Build-time loader: leafletStaticLoader (recommended) 18 18 + <details> 19 19 + <summary>Build-time loader: leafletStaticLoader **(recommended)**</summary> 19 20 20 21 ```ts 21 22 // src/content.config.ts 22 23 import { defineCollection, z } from "astro:content"; 23 23 - import { leafletStaticLoader } from "leaflet-loader-astro"; 24 24 + import { leafletStaticLoader } from "@nulfrost/leaflet-loader-astro"; 24 25 25 26 const documents = defineCollection({ 26 26 - loader: leafletStaticLoader({ repo: "did:plc:qttsv4e7pu2jl3ilanfgc3zn" }), 27 27 + loader: leafletStaticLoader({ repo: "did:plc:qttsv4e7pu2jl3ilanfgc3zn" }), // or repo: dane.is.extraordinarily.cool 27 28 }); 28 29 29 30 export const collections = { documents }; ··· 81 82 82 83 <Content /> 83 84 ``` 85 85 + </details> 84 86 85 85 - ### Live loader: leafletLiveLoader 87 87 + <details> 88 88 + <summary>Live loader: leafletLiveLoader</summary> 86 89 87 90 ```ts 88 91 // astro.config.mjs ··· 101 104 ```ts 102 105 // src/live.config.ts 103 106 import { defineLiveCollection, z } from "astro:content"; 104 104 - import { leafletLiveLoader } from "leaflet-loader-astro"; 107 107 + import { leafletLiveLoader } from "@nulfrost/leaflet-loader-astro"; 105 108 106 109 const documents = defineLiveCollection({ 107 107 - loader: leafletLiveLoader({ repo: "did:plc:qttsv4e7pu2jl3ilanfgc3zn" }), 110 110 + loader: leafletLiveLoader({ repo: "did:plc:qttsv4e7pu2jl3ilanfgc3zn" }), // or repo: dane.is.extraordinarily.cool 108 111 }); 109 112 110 113 export const collections = { documents }; ··· 158 161 159 162 <Content /> 160 163 ``` 164 164 + 165 165 + </details> 166 166 + 167 167 + ## Loader Options 168 168 + 169 169 + ### Static Loader 170 170 + 171 171 + ```ts 172 172 + leafletStaticLoader() 173 173 + ``` 174 174 + 175 175 + `repo`: This can be either your DID (did:plc:qttsv4e7pu2jl3ilanfgc3zn) or your handle (dane.is.extraordinarily.cool) 176 176 + 177 177 + `limit`: How many leaflet documents to return when calling `getCollection`. The default is 50 and the range is from 1 to 100. 178 178 + 179 179 + `reverse`: Whether or not to return the leaflet documents in reverse order. By default this is false. 180 180 + 181 181 + ### Live Loader 182 182 + 183 183 + ```ts 184 184 + leafletLiveLoader() 185 185 + ``` 186 186 + 187 187 + `repo`: This can be either your DID (did:plc:qttsv4e7pu2jl3ilanfgc3zn) or your handle (dane.is.extraordinarily.cool) 188 188 + 189 189 + > [!NOTE] 190 190 + > `getLiveCollection` supports a second argument where you can add additional filters, similar to the options you have access to for `leafletStaticLoader` 191 191 + 192 192 + ```ts 193 193 + getLiveCollection() 194 194 + ``` 195 195 + 196 196 + `limit`: How many leaflet documents to return when calling `getCollection`. The default is 50 and the range is from 1 to 100. 197 197 + 198 198 + `reverse`: Whether or not to return the leaflet documents in reverse order. By default this is false. 199 199 + 200 200 + ## Supported Leaflet Blocks 201 201 + 202 202 + - [ ] Bluesky post 203 203 + - [x] Iframe 204 204 + - [x] Horizontal Rule 205 205 + - [x] Unordered List 206 206 + - [x] Math 207 207 + - [x] Code 208 208 + - [ ] Website 209 209 + - [x] Image 210 210 + - [x] Blockquote 211 211 + - [x] Text 212 212 + - [x] Header 213 213 + - [x] List Item 161 214 162 215 ## License 163 216

+1 -1

lex.config.js

··· 2 2 3 3 export default defineLexiconConfig({ 4 4 files: ["lexicons/**/*.json"], 5 5 - outdir: "src/lexicons/", 5 5 + outdir: "lib/lexicons/", 6 6 });

+22

lexicons/pub/leaflet/blocks/blockquote.json

··· 1 1 + { 2 2 + "lexicon": 1, 3 3 + "id": "pub.leaflet.blocks.blockquote", 4 4 + "defs": { 5 5 + "main": { 6 6 + "type": "object", 7 7 + "required": ["plaintext"], 8 8 + "properties": { 9 9 + "plaintext": { 10 10 + "type": "string" 11 11 + }, 12 12 + "facets": { 13 13 + "type": "array", 14 14 + "items": { 15 15 + "type": "ref", 16 16 + "ref": "pub.leaflet.richtext.facet" 17 17 + } 18 18 + } 19 19 + } 20 20 + } 21 21 + } 22 22 + }

+11

lexicons/pub/leaflet/blocks/horizontalRule.json

··· 1 1 + { 2 2 + "lexicon": 1, 3 3 + "id": "pub.leaflet.blocks.horizontalRule", 4 4 + "defs": { 5 5 + "main": { 6 6 + "type": "object", 7 7 + "required": [], 8 8 + "properties": {} 9 9 + } 10 10 + } 11 11 + }

+21

lexicons/pub/leaflet/blocks/iframe.json

··· 1 1 + { 2 2 + "lexicon": 1, 3 3 + "id": "pub.leaflet.blocks.iframe", 4 4 + "defs": { 5 5 + "main": { 6 6 + "type": "object", 7 7 + "required": ["url"], 8 8 + "properties": { 9 9 + "url": { 10 10 + "type": "string", 11 11 + "format": "uri" 12 12 + }, 13 13 + "height": { 14 14 + "type": "integer", 15 15 + "minimum": 16, 16 16 + "maximum": 1600 17 17 + } 18 18 + } 19 19 + } 20 20 + } 21 21 + }

+24 -19

lib/leaflet-live-loader.ts

··· 1 1 - import { Agent } from "@atproto/api"; 2 2 - import { isDid } from "@atproto/did"; 1 1 + import { Client, simpleFetchHandler } from "@atcute/client"; 2 2 + import { isHandle } from "@atcute/lexicons/syntax"; 3 3 import type { LiveLoader } from "astro/loaders"; 4 4 import type { 5 5 CollectionFilter, ··· 11 11 import { 12 12 getLeafletDocuments, 13 13 getSingleLeafletDocument, 14 14 + isPlcDid, 14 15 leafletBlocksToHTML, 15 16 leafletDocumentRecordToView, 16 17 LiveLoaderError, ··· 35 36 ); 36 37 } 37 38 38 38 - // not a valid did 39 39 - if (!isDid(repo)) { 40 40 - throw new LiveLoaderError("invalid did", "INVALID_DID"); 39 39 + // not a valid handle, check if valid did 40 40 + if (!isHandle(repo)) { 41 41 + // not a valid handle or did, throw 42 42 + if (!isPlcDid(repo)) { 43 43 + throw new LiveLoaderError( 44 44 + "invalid handle or did", 45 45 + "INVALID_HANDLE_OR_DID", 46 46 + ); 47 47 + } 41 48 } 42 49 43 50 return { 44 51 name: "leaflet-loader-astro", 45 52 loadCollection: async ({ filter }) => { 46 53 try { 47 47 - const pds_url = await resolveMiniDoc(repo); 48 48 - const agent = new Agent({ service: pds_url }); 54 54 + const { pds, did } = await resolveMiniDoc(repo); 55 55 + const handler = simpleFetchHandler({ service: pds }); 56 56 + const rpc = new Client({ handler }); 49 57 50 58 const { documents } = await getLeafletDocuments({ 51 51 - agent, 59 59 + rpc, 52 60 repo, 53 61 reverse: filter?.reverse, 54 62 cursor: filter?.cursor, ··· 67 75 }), 68 76 rendered: { 69 77 html: leafletBlocksToHTML({ 70 70 - id, 71 71 - uri: document.uri, 72 72 - cid: document.cid, 73 73 - value: document.value as unknown as LeafletDocumentRecord, 78 78 + record: document.value as unknown as LeafletDocumentRecord, 79 79 + did, 74 80 }), 75 81 }, 76 82 }; ··· 95 101 }; 96 102 } 97 103 try { 98 98 - const pds_url = await resolveMiniDoc(repo); 99 99 - const agent = new Agent({ service: pds_url }); 104 104 + const { pds, did } = await resolveMiniDoc(repo); 105 105 + const handler = simpleFetchHandler({ service: pds }); 106 106 + const rpc = new Client({ handler }); 100 107 const document = await getSingleLeafletDocument({ 101 101 - agent, 108 108 + rpc, 102 109 id: filter.id, 103 110 repo, 104 111 }); ··· 114 121 }), 115 122 rendered: { 116 123 html: leafletBlocksToHTML({ 117 117 - id: filter.id, 118 118 - uri: document.uri, 119 119 - cid, 120 120 - value: document.value as unknown as LeafletDocumentRecord, 124 124 + record: document.value as unknown as LeafletDocumentRecord, 125 125 + did, 121 126 }), 122 127 }, 123 128 };

+24 -17

lib/leaftlet-static-loader.ts

··· 1 1 - import { Agent } from "@atproto/api"; 2 2 - import { isDid } from "@atproto/did"; 1 1 + import { Client, simpleFetchHandler } from "@atcute/client"; 2 2 + import { isHandle } from "@atcute/lexicons/syntax"; 3 3 import type { Loader, LoaderContext } from "astro/loaders"; 4 4 import { LeafletDocumentSchema } from "schema.js"; 5 5 import type { ··· 7 7 StaticLeafletLoaderOptions, 8 8 } from "types.js"; 9 9 import { 10 10 + getLeafletDocuments, 11 11 + isPlcDid, 12 12 + leafletBlocksToHTML, 13 13 + leafletDocumentRecordToView, 10 14 LiveLoaderError, 11 15 resolveMiniDoc, 12 12 - getLeafletDocuments, 13 16 uriToRkey, 14 14 - leafletDocumentRecordToView, 15 15 - leafletBlocksToHTML, 16 17 } from "utils.js"; 17 18 18 19 export function leafletStaticLoader( 19 20 options: StaticLeafletLoaderOptions, 20 21 ): Loader { 21 21 - const { repo, limit } = options; 22 22 + const { repo, limit, reverse } = options; 22 23 23 24 if (!repo || typeof repo !== "string") { 24 25 throw new LiveLoaderError( ··· 27 28 ); 28 29 } 29 30 30 30 - // not a valid did 31 31 - if (!isDid(repo)) { 32 32 - throw new LiveLoaderError("invalid did", "INVALID_DID"); 31 31 + // not a valid handle, check if valid did 32 32 + if (!isHandle(repo)) { 33 33 + // not a valid handle or did, throw 34 34 + if (!isPlcDid(repo)) { 35 35 + throw new LiveLoaderError( 36 36 + "invalid handle or did", 37 37 + "INVALID_HANDLE_OR_DID", 38 38 + ); 39 39 + } 33 40 } 34 41 35 42 return { ··· 43 50 }: LoaderContext) => { 44 51 try { 45 52 logger.info("fetching latest leaflet documents"); 46 46 - const pds_url = await resolveMiniDoc(repo); 47 47 - const agent = new Agent({ service: pds_url }); 53 53 + const { pds, did } = await resolveMiniDoc(repo); 54 54 + const handler = simpleFetchHandler({ service: pds }); 55 55 + const rpc = new Client({ handler }); 48 56 49 57 let cursor: string | undefined; 50 58 let count = 0; ··· 52 60 fetching: do { 53 61 const { documents, cursor: documentsCursor } = 54 62 await getLeafletDocuments({ 55 55 - agent, 63 63 + rpc, 56 64 repo, 57 65 cursor, 58 58 - limit: 100, 66 66 + reverse, 67 67 + limit: 50, 59 68 }); 60 69 for (const document of documents) { 61 70 if (limit && count >= limit) { ··· 83 92 digest, 84 93 rendered: { 85 94 html: leafletBlocksToHTML({ 86 86 - id, 87 87 - uri: document.uri, 88 88 - cid: document.cid, 89 89 - value: document.value as unknown as LeafletDocumentRecord, 95 95 + record: document.value as unknown as LeafletDocumentRecord, 96 96 + did, 90 97 }), 91 98 }, 92 99 });

+3

lib/lexicons/index.ts

··· 1 1 export * as ComAtprotoRepoStrongRef from "./types/com/atproto/repo/strongRef.js"; 2 2 + export * as PubLeafletBlocksBlockquote from "./types/pub/leaflet/blocks/blockquote.js"; 2 3 export * as PubLeafletBlocksCode from "./types/pub/leaflet/blocks/code.js"; 3 4 export * as PubLeafletBlocksHeader from "./types/pub/leaflet/blocks/header.js"; 5 5 + export * as PubLeafletBlocksHorizontalRule from "./types/pub/leaflet/blocks/horizontalRule.js"; 6 6 + export * as PubLeafletBlocksIframe from "./types/pub/leaflet/blocks/iframe.js"; 4 7 export * as PubLeafletBlocksImage from "./types/pub/leaflet/blocks/image.js"; 5 8 export * as PubLeafletBlocksMath from "./types/pub/leaflet/blocks/math.js"; 6 9 export * as PubLeafletBlocksText from "./types/pub/leaflet/blocks/text.js";

+23

lib/lexicons/types/pub/leaflet/blocks/blockquote.ts

··· 1 1 + import type {} from "@atcute/lexicons"; 2 2 + import * as v from "@atcute/lexicons/validations"; 3 3 + import * as PubLeafletRichtextFacet from "../richtext/facet.js"; 4 4 + 5 5 + const _mainSchema = /*#__PURE__*/ v.object({ 6 6 + $type: /*#__PURE__*/ v.optional( 7 7 + /*#__PURE__*/ v.literal("pub.leaflet.blocks.blockquote"), 8 8 + ), 9 9 + get facets() { 10 10 + return /*#__PURE__*/ v.optional( 11 11 + /*#__PURE__*/ v.array(PubLeafletRichtextFacet.mainSchema), 12 12 + ); 13 13 + }, 14 14 + plaintext: /*#__PURE__*/ v.string(), 15 15 + }); 16 16 + 17 17 + type main$schematype = typeof _mainSchema; 18 18 + 19 19 + export interface mainSchema extends main$schematype {} 20 20 + 21 21 + export const mainSchema = _mainSchema as mainSchema; 22 22 + 23 23 + export interface Main extends v.InferInput<typeof mainSchema> {}

+16

lib/lexicons/types/pub/leaflet/blocks/horizontalRule.ts

··· 1 1 + import type {} from "@atcute/lexicons"; 2 2 + import * as v from "@atcute/lexicons/validations"; 3 3 + 4 4 + const _mainSchema = /*#__PURE__*/ v.object({ 5 5 + $type: /*#__PURE__*/ v.optional( 6 6 + /*#__PURE__*/ v.literal("pub.leaflet.blocks.horizontalRule"), 7 7 + ), 8 8 + }); 9 9 + 10 10 + type main$schematype = typeof _mainSchema; 11 11 + 12 12 + export interface mainSchema extends main$schematype {} 13 13 + 14 14 + export const mainSchema = _mainSchema as mainSchema; 15 15 + 16 16 + export interface Main extends v.InferInput<typeof mainSchema> {}

+22

lib/lexicons/types/pub/leaflet/blocks/iframe.ts

··· 1 1 + import type {} from "@atcute/lexicons"; 2 2 + import * as v from "@atcute/lexicons/validations"; 3 3 + 4 4 + const _mainSchema = /*#__PURE__*/ v.object({ 5 5 + $type: /*#__PURE__*/ v.optional( 6 6 + /*#__PURE__*/ v.literal("pub.leaflet.blocks.iframe"), 7 7 + ), 8 8 + height: /*#__PURE__*/ v.optional( 9 9 + /*#__PURE__*/ v.constrain(/*#__PURE__*/ v.integer(), [ 10 10 + /*#__PURE__*/ v.integerRange(16, 1600), 11 11 + ]), 12 12 + ), 13 13 + url: /*#__PURE__*/ v.genericUriString(), 14 14 + }); 15 15 + 16 16 + type main$schematype = typeof _mainSchema; 17 17 + 18 18 + export interface mainSchema extends main$schematype {} 19 19 + 20 20 + export const mainSchema = _mainSchema as mainSchema; 21 21 + 22 22 + export interface Main extends v.InferInput<typeof mainSchema> {}

+21 -8

lib/types.ts

··· 1 1 - import type { Agent } from "@atproto/api"; 1 1 + import type { Client } from "@atcute/client"; 2 2 + import type { ActorIdentifier } from "@atcute/lexicons"; 3 3 + import type { XRPCProcedures, XRPCQueries } from "@atcute/lexicons/ambient"; 2 4 import type { PubLeafletRichtextFacet } from "./lexicons/index.js"; 3 5 4 6 export interface LiveLeafletLoaderOptions { 5 7 /** 6 6 - * @description Your repo is your DID (did:plc... or did:web...). You can find this information using: https://pdsls.dev 8 8 + * @description Your repo is your DID (did:plc... or did:web...) or handle (username.bsky.social). You can find this information using: https://pdsls.dev 7 9 */ 8 10 repo: string; 9 11 } 10 12 11 13 export interface StaticLeafletLoaderOptions { 12 14 /** 13 13 - * @description Your repo is your DID (did:plc... or did:web...). You can find this information using: https://pdsls.dev 15 15 + * @description Your repo is your DID (did:plc... or did:web...) or handle (username.bsky.social). You can find this information using: https://pdsls.dev 14 16 */ 15 17 repo: string; 16 16 - filter?: string; 17 18 /** 19 19 + * @description The number of records leaflet records to return for getCollection, the default being 50. The range can be from 1 to 100. 18 20 * @default 50 19 21 */ 20 22 limit?: number; 23 23 + /** 24 24 + * @description Whether or not the records should be returned in reverse order. 25 25 + * @default undefined 26 26 + */ 27 27 + reverse?: boolean; 21 28 } 22 29 23 30 export interface LeafletDocumentRecord { ··· 58 65 } 59 66 60 67 export interface GetLeafletDocumentsParams { 61 61 - repo: string; 62 62 - agent: Agent; 68 68 + repo: ActorIdentifier; 69 69 + rpc: Client<XRPCQueries, XRPCProcedures>; 63 70 cursor?: string; 64 71 limit?: number; 65 72 reverse?: boolean; 66 73 } 67 74 68 75 export interface GetSingleLeafletDocumentParams { 69 69 - repo: string; 70 70 - agent: Agent; 76 76 + repo: ActorIdentifier; 77 77 + rpc: Client<XRPCQueries, XRPCProcedures>; 71 78 id: string; 72 79 } 73 80 ··· 76 83 text: string; 77 84 facet?: Exclude<Facet["features"], { $type: string }>; 78 85 } 86 86 + 87 87 + // yoinked from: https://github.com/mary-ext/atcute/blob/trunk/packages/lexicons/lexicons/lib/syntax/handle.ts 88 88 + /** 89 89 + * represents a decentralized identifier (DID). 90 90 + */ 91 91 + export type Did<Method extends string = string> = `did:${Method}:${string}`;

+215 -107

lib/utils.ts

··· 1 1 + import type {} from "@atcute/atproto"; 1 2 import { is } from "@atcute/lexicons"; 2 3 import { AtUri, UnicodeString } from "@atproto/api"; 4 4 + import katex from "katex"; 3 5 import sanitizeHTML from "sanitize-html"; 4 6 import { 7 7 + PubLeafletBlocksBlockquote, 8 8 + PubLeafletBlocksCode, 5 9 PubLeafletBlocksHeader, 10 10 + PubLeafletBlocksHorizontalRule, 11 11 + PubLeafletBlocksIframe, 12 12 + PubLeafletBlocksImage, 13 13 + PubLeafletBlocksMath, 6 14 PubLeafletBlocksText, 15 15 + PubLeafletBlocksUnorderedList, 7 16 PubLeafletPagesLinearDocument, 8 17 } from "./lexicons/index.js"; 9 18 import type { 19 19 + Did, 10 20 Facet, 11 21 GetLeafletDocumentsParams, 12 22 GetSingleLeafletDocumentParams, ··· 29 39 export function uriToRkey(uri: string): string { 30 40 const u = AtUri.make(uri); 31 41 if (!u.rkey) { 32 32 - throw new Error("Failed to get rkey from uri."); 42 42 + throw new Error("failed to get rkey"); 33 43 } 34 44 return u.rkey; 35 45 } ··· 47 57 } 48 58 const data = (await response.json()) as MiniDoc; 49 59 50 50 - return data.pds; 60 60 + return { 61 61 + pds: data.pds, 62 62 + did: data.did, 63 63 + }; 51 64 } catch { 52 65 throw new Error(`failed to resolve handle: ${handleOrDid}`); 53 66 } ··· 57 70 repo, 58 71 reverse, 59 72 cursor, 60 60 - agent, 73 73 + rpc, 61 74 limit, 62 75 }: GetLeafletDocumentsParams) { 63 63 - const response = await agent.com.atproto.repo.listRecords({ 64 64 - repo, 65 65 - collection: "pub.leaflet.document", 66 66 - cursor, 67 67 - reverse, 68 68 - limit, 76 76 + const { ok, data } = await rpc.get("com.atproto.repo.listRecords", { 77 77 + params: { 78 78 + collection: "pub.leaflet.document", 79 79 + cursor, 80 80 + reverse, 81 81 + limit, 82 82 + repo, 83 83 + }, 69 84 }); 70 85 71 71 - if (response.success === false) { 86 86 + if (!ok) { 72 87 throw new LiveLoaderError( 73 88 "error fetching leaflet documents", 74 89 "DOCUMENT_FETCH_ERROR", ··· 76 91 } 77 92 78 93 return { 79 79 - documents: response?.data?.records, 80 80 - cursor: response?.data?.cursor, 94 94 + documents: data?.records, 95 95 + cursor: data?.cursor, 81 96 }; 82 97 } 83 98 84 99 export async function getSingleLeafletDocument({ 85 85 - agent, 100 100 + rpc, 86 101 repo, 87 102 id, 88 103 }: GetSingleLeafletDocumentParams) { 89 89 - const response = await agent.com.atproto.repo.getRecord({ 90 90 - repo, 91 91 - collection: "pub.leaflet.document", 92 92 - rkey: id, 104 104 + const { ok, data } = await rpc.get("com.atproto.repo.getRecord", { 105 105 + params: { 106 106 + collection: "pub.leaflet.document", 107 107 + repo, 108 108 + rkey: id, 109 109 + }, 93 110 }); 94 111 95 95 - if (response.success === false) { 112 112 + if (!ok) { 96 113 throw new LiveLoaderError( 97 114 "error fetching single document", 98 115 "DOCUMENT_FETCH_ERROR", 99 116 ); 100 117 } 101 118 102 102 - return response?.data; 119 119 + return data; 103 120 } 104 121 105 122 export function leafletDocumentRecordToView({ ··· 122 139 }; 123 140 } 124 141 125 125 - export function leafletBlocksToHTML(record: { 126 126 - id: string; 127 127 - uri: string; 128 128 - cid: string; 129 129 - value: LeafletDocumentRecord; 142 142 + export function leafletBlocksToHTML({ 143 143 + record, 144 144 + did, 145 145 + }: { 146 146 + record: LeafletDocumentRecord; 147 147 + did: string; 130 148 }) { 131 149 let html = ""; 132 132 - const firstPage = record.value.pages[0]; 150 150 + const firstPage = record.pages[0]; 133 151 let blocks: PubLeafletPagesLinearDocument.Block[] = []; 152 152 + 134 153 if (is(PubLeafletPagesLinearDocument.mainSchema, firstPage)) { 135 154 blocks = firstPage.blocks || []; 136 155 } 137 156 138 157 for (const block of blocks) { 139 139 - if (is(PubLeafletBlocksText.mainSchema, block.block)) { 140 140 - const rt = new RichText({ 141 141 - text: block.block.plaintext, 142 142 - facets: block.block.facets || [], 143 143 - }); 144 144 - const children = []; 145 145 - for (const segment of rt.segments()) { 146 146 - const link = segment.facet?.find( 147 147 - (segment) => segment.$type === "pub.leaflet.richtext.facet#link", 148 148 - ); 149 149 - const isBold = segment.facet?.find( 150 150 - (segment) => segment.$type === "pub.leaflet.richtext.facet#bold", 151 151 - ); 152 152 - const isCode = segment.facet?.find( 153 153 - (segment) => segment.$type === "pub.leaflet.richtext.facet#code", 154 154 - ); 155 155 - const isStrikethrough = segment.facet?.find( 156 156 - (segment) => 157 157 - segment.$type === "pub.leaflet.richtext.facet#strikethrough", 158 158 - ); 159 159 - const isUnderline = segment.facet?.find( 160 160 - (segment) => segment.$type === "pub.leaflet.richtext.facet#underline", 161 161 - ); 162 162 - const isItalic = segment.facet?.find( 163 163 - (segment) => segment.$type === "pub.leaflet.richtext.facet#italic", 164 164 - ); 165 165 - if (isCode) { 166 166 - children.push(` <code> 167 167 - ${segment.text} 168 168 - </code>`); 169 169 - } else if (link) { 170 170 - children.push( 171 171 - ` <a 172 172 - href="${link.uri}" 173 173 - target="_blank" 174 174 - > 175 175 - ${segment.text} 176 176 - </a>`, 177 177 - ); 178 178 - } else if (isBold) { 179 179 - children.push(`<b>${segment.text}</b>`); 180 180 - } else if (isStrikethrough) { 181 181 - children.push(`<s>${segment.text}</s>`); 182 182 - } else if (isUnderline) { 183 183 - children.push( 184 184 - `<span style="text-decoration:underline;">${segment.text}</span>`, 185 185 - ); 186 186 - } else if (isItalic) { 187 187 - children.push(`<i>${segment.text}</i>`); 188 188 - } else { 189 189 - children.push( 190 190 - ` 191 191 - ${segment.text} 192 192 - `, 193 193 - ); 194 194 - } 195 195 - } 196 196 - html += `<p>${children.join("\n")}</p>`; 197 197 - } 198 198 - 199 199 - if (is(PubLeafletBlocksHeader.mainSchema, block.block)) { 200 200 - if (block.block.level === 1) { 201 201 - html += `<h2>${block.block.plaintext}</h2>`; 202 202 - } 203 203 - } 204 204 - if (is(PubLeafletBlocksHeader.mainSchema, block.block)) { 205 205 - if (block.block.level === 2) { 206 206 - html += `<h3>${block.block.plaintext}</h3>`; 207 207 - } 208 208 - } 209 209 - if (is(PubLeafletBlocksHeader.mainSchema, block.block)) { 210 210 - if (block.block.level === 3) { 211 211 - html += `<h4>${block.block.plaintext}</h4>`; 212 212 - } 213 213 - } 214 214 - if (is(PubLeafletBlocksHeader.mainSchema, block.block)) { 215 215 - if (!block.block.level) { 216 216 - html += `<h6>${block.block.plaintext}</h6>`; 217 217 - } 218 218 - } 158 158 + html += parseBlocks({ block, did }); 219 159 } 220 160 221 221 - return sanitizeHTML(html); 161 161 + return sanitizeHTML(html, { 162 162 + allowedAttributes: { 163 163 + "*": ["class", "style"], 164 164 + img: ["src", "height", "width", "alt"], 165 165 + a: ["href", "target", "rel"], 166 166 + iframe: ["height", "allow", "loading", "src"], 167 167 + }, 168 168 + allowedTags: [ 169 169 + "img", 170 170 + "pre", 171 171 + "code", 172 172 + "p", 173 173 + "a", 174 174 + "b", 175 175 + "s", 176 176 + "ul", 177 177 + "li", 178 178 + "i", 179 179 + "h1", 180 180 + "h2", 181 181 + "h3", 182 182 + "h4", 183 183 + "h5", 184 184 + "h6", 185 185 + "hr", 186 186 + "div", 187 187 + "span", 188 188 + "blockquote", 189 189 + "iframe", 190 190 + ], 191 191 + selfClosing: ["img"], 192 192 + }); 222 193 } 223 194 224 195 export class RichText { 225 196 unicodeText: UnicodeString; 226 197 facets?: Facet[]; 227 227 - 228 198 constructor(props: { text: string; facets: Facet[] }) { 229 199 this.unicodeText = new UnicodeString(props.text); 230 200 this.facets = props.facets; ··· 278 248 } 279 249 } 280 250 } 251 251 + 252 252 + export function parseTextBlock(block: PubLeafletBlocksText.Main) { 253 253 + let html = ""; 254 254 + const rt = new RichText({ 255 255 + text: block.plaintext, 256 256 + facets: block.facets || [], 257 257 + }); 258 258 + const children = []; 259 259 + for (const segment of rt.segments()) { 260 260 + const link = segment.facet?.find( 261 261 + (segment) => segment.$type === "pub.leaflet.richtext.facet#link", 262 262 + ); 263 263 + const isBold = segment.facet?.find( 264 264 + (segment) => segment.$type === "pub.leaflet.richtext.facet#bold", 265 265 + ); 266 266 + const isCode = segment.facet?.find( 267 267 + (segment) => segment.$type === "pub.leaflet.richtext.facet#code", 268 268 + ); 269 269 + const isStrikethrough = segment.facet?.find( 270 270 + (segment) => segment.$type === "pub.leaflet.richtext.facet#strikethrough", 271 271 + ); 272 272 + const isUnderline = segment.facet?.find( 273 273 + (segment) => segment.$type === "pub.leaflet.richtext.facet#underline", 274 274 + ); 275 275 + const isItalic = segment.facet?.find( 276 276 + (segment) => segment.$type === "pub.leaflet.richtext.facet#italic", 277 277 + ); 278 278 + if (isCode) { 279 279 + children.push(`<pre><code>${segment.text}</code></pre>`); 280 280 + } else if (link) { 281 281 + children.push( 282 282 + `<a href="${link.uri}" target="_blank" rel="noopener noreferrer">${segment.text}</a>`, 283 283 + ); 284 284 + } else if (isBold) { 285 285 + children.push(`<b>${segment.text}</b>`); 286 286 + } else if (isStrikethrough) { 287 287 + children.push(`<s>${segment.text}</s>`); 288 288 + } else if (isUnderline) { 289 289 + children.push( 290 290 + `<span style="text-decoration:underline;">${segment.text}</span>`, 291 291 + ); 292 292 + } else if (isItalic) { 293 293 + children.push(`<i>${segment.text}</i>`); 294 294 + } else { 295 295 + children.push(`${segment.text}`); 296 296 + } 297 297 + } 298 298 + html += `<p>${children.join("")}</p>`; 299 299 + 300 300 + return html.trim(); 301 301 + } 302 302 + 303 303 + export function parseBlocks({ 304 304 + block, 305 305 + did, 306 306 + }: { 307 307 + block: PubLeafletPagesLinearDocument.Block; 308 308 + did: string; 309 309 + }): string { 310 310 + let html = ""; 311 311 + 312 312 + if (is(PubLeafletBlocksText.mainSchema, block.block)) { 313 313 + html += parseTextBlock(block.block); 314 314 + } 315 315 + 316 316 + if (is(PubLeafletBlocksHeader.mainSchema, block.block)) { 317 317 + if (block.block.level === 1) { 318 318 + html += `<h2>${block.block.plaintext}</h2>`; 319 319 + } 320 320 + } 321 321 + if (is(PubLeafletBlocksHeader.mainSchema, block.block)) { 322 322 + if (block.block.level === 2) { 323 323 + html += `<h3>${block.block.plaintext}</h3>`; 324 324 + } 325 325 + } 326 326 + if (is(PubLeafletBlocksHeader.mainSchema, block.block)) { 327 327 + if (block.block.level === 3) { 328 328 + html += `<h4>${block.block.plaintext}</h4>`; 329 329 + } 330 330 + } 331 331 + if (is(PubLeafletBlocksHeader.mainSchema, block.block)) { 332 332 + if (!block.block.level) { 333 333 + html += `<h6>${block.block.plaintext}</h6>`; 334 334 + } 335 335 + } 336 336 + 337 337 + if (is(PubLeafletBlocksHorizontalRule.mainSchema, block.block)) { 338 338 + html += `<hr />`; 339 339 + } 340 340 + if (is(PubLeafletBlocksUnorderedList.mainSchema, block.block)) { 341 341 + html += `<ul>${block.block.children.map((child) => renderListItem({ item: child, did })).join("")}</ul>`; 342 342 + } 343 343 + 344 344 + if (is(PubLeafletBlocksMath.mainSchema, block.block)) { 345 345 + html += `<div>${katex.renderToString(block.block.tex, { displayMode: true, output: "html", throwOnError: false })}</div>`; 346 346 + } 347 347 + 348 348 + if (is(PubLeafletBlocksCode.mainSchema, block.block)) { 349 349 + html += `<pre><code data-language=${block.block.language}>${block.block.plaintext}</code></pre>`; 350 350 + } 351 351 + 352 352 + if (is(PubLeafletBlocksImage.mainSchema, block.block)) { 353 353 + // @ts-ignore 354 354 + html += `<div><img src="https://cdn.bsky.app/img/feed_fullsize/plain/${did}/${block.block.image.ref.$link}@jpeg" height="${block.block.aspectRatio.height}" width="${block.block.aspectRatio.width}" alt="${block.block.alt}" /></div>`; 355 355 + } 356 356 + 357 357 + if (is(PubLeafletBlocksBlockquote.mainSchema, block.block)) { 358 358 + html += `<blockquote>${parseTextBlock(block.block)}</blockquote>`; 359 359 + } 360 360 + 361 361 + if (is(PubLeafletBlocksIframe.mainSchema, block.block)) { 362 362 + // @ts-ignore 363 363 + html += `<iframe height="${block.block.height}" allow="fullscreen" loading="lazy" src="${block.block.url}"></iframe>`; 364 364 + } 365 365 + 366 366 + return html.trim(); 367 367 + } 368 368 + 369 369 + export function renderListItem({ 370 370 + item, 371 371 + did, 372 372 + }: { 373 373 + item: PubLeafletBlocksUnorderedList.ListItem; 374 374 + did: string; 375 375 + }): string { 376 376 + const children: string | null = item.children?.length 377 377 + ? `<ul>${item.children.map((child) => renderListItem({ item: child, did }))}</ul>` 378 378 + : ""; 379 379 + 380 380 + return `<li>${parseBlocks({ block: { block: item.content }, did })}${children}</li>`; 381 381 + } 382 382 + 383 383 + // yoinked from: https://github.com/mary-ext/atcute/blob/trunk/packages/lexicons/lexicons/lib/syntax/handle.ts 384 384 + const PLC_DID_RE = /^did:plc:([a-z2-7]{24})$/; 385 385 + 386 386 + export const isPlcDid = (input: string): input is Did<"plc"> => { 387 387 + return input.length === 32 && PLC_DID_RE.test(input); 388 388 + };

+8 -5

package.json

··· 1 1 { 2 2 "name": "@nulfrost/leaflet-loader-astro", 3 3 - "version": "1.0.0", 3 3 + "version": "1.3.0", 4 4 "description": "A leaflet.pub astro collection loader", 5 5 "keywords": [ 6 6 "astro", ··· 12 12 "bugs": { 13 13 "url": "https://github.com/nulfrost/leaflet-loader-astro/issues" 14 14 }, 15 15 - "author": "Dane Miller", 15 15 + "author": "Dane Miller <me@dane.computer>", 16 16 "repository": { 17 17 "type": "git", 18 18 "url": "git+https://github.com/nulfrost/leaflet-loader-astro.git" ··· 25 25 "typecheck": "tsc", 26 26 "release": "pnpm run build && changeset publish", 27 27 "build": "rm -rf dist && tsup --format esm --dts", 28 28 - "pack": "pnpm build && pnpm pack" 28 28 + "pack": "rm -rf *.tgz && pnpm build && pnpm pack" 29 29 }, 30 30 "license": "MIT", 31 31 "files": [ ··· 45 45 } 46 46 }, 47 47 "devDependencies": { 48 48 + "@atcute/atproto": "^3.1.1", 48 49 "@atcute/lex-cli": "^2.1.1", 49 50 "@biomejs/biome": "2.1.3", 50 51 "@changesets/cli": "^2.29.5", 52 52 + "@types/bun": "^1.2.19", 51 53 "@types/sanitize-html": "^2.16.0", 52 54 "astro": "^5.12.8", 53 55 "tsup": "^8.5.0", ··· 55 57 "vitest": "^3.2.4" 56 58 }, 57 59 "dependencies": { 60 60 + "@atcute/client": "^4.0.3", 58 61 "@atcute/lexicons": "^1.1.0", 59 59 - "@atproto/api": "^0.16.1", 60 60 - "@atproto/did": "^0.1.5", 62 62 + "@atproto/api": "^0.16.2", 63 63 + "katex": "^0.16.22", 61 64 "sanitize-html": "^2.17.0" 62 65 } 63 66 }

+118 -48

pnpm-lock.yaml

··· 8 8 9 9 .: 10 10 dependencies: 11 11 + '@atcute/client': 12 12 + specifier: ^4.0.3 13 13 + version: 4.0.3 11 14 '@atcute/lexicons': 12 15 specifier: ^1.1.0 13 16 version: 1.1.0 14 17 '@atproto/api': 15 15 - specifier: ^0.16.1 16 16 - version: 0.16.1 17 17 - '@atproto/did': 18 18 - specifier: ^0.1.5 19 19 - version: 0.1.5 18 18 + specifier: ^0.16.2 19 19 + version: 0.16.2 20 20 + katex: 21 21 + specifier: ^0.16.22 22 22 + version: 0.16.22 20 23 sanitize-html: 21 24 specifier: ^2.17.0 22 25 version: 2.17.0 23 26 devDependencies: 27 27 + '@atcute/atproto': 28 28 + specifier: ^3.1.1 29 29 + version: 3.1.1 24 30 '@atcute/lex-cli': 25 31 specifier: ^2.1.1 26 32 version: 2.1.1 ··· 30 36 '@changesets/cli': 31 37 specifier: ^2.29.5 32 38 version: 2.29.5 39 39 + '@types/bun': 40 40 + specifier: ^1.2.19 41 41 + version: 1.2.19(@types/react@19.1.9) 33 42 '@types/sanitize-html': 34 43 specifier: ^2.16.0 35 44 version: 2.16.0 36 45 astro: 37 46 specifier: ^5.12.8 38 38 - version: 5.12.8(@types/node@24.2.0)(rollup@4.46.2)(typescript@5.9.2) 47 47 + version: 5.12.9(@types/node@24.2.1)(rollup@4.46.2)(typescript@5.9.2) 39 48 tsup: 40 49 specifier: ^8.5.0 41 50 version: 8.5.0(postcss@8.5.6)(typescript@5.9.2) ··· 44 53 version: 5.9.2 45 54 vitest: 46 55 specifier: ^3.2.4 47 47 - version: 3.2.4(@types/debug@4.1.12)(@types/node@24.2.0) 56 56 + version: 3.2.4(@types/debug@4.1.12)(@types/node@24.2.1) 48 57 49 58 packages: 50 59 ··· 65 74 resolution: {integrity: sha512-UFBgfeldP06qu6khs/yY+q1cDAaArM2/7AEIqQ9Cuvf7B1hNLq0xDrZkct+QoIGyjq56y8IaE2I3CTvG99mlhQ==} 66 75 engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0} 67 76 77 77 + '@atcute/atproto@3.1.1': 78 78 + resolution: {integrity: sha512-D+RLTIPF0xLu7BPZY8KSewAPemJFh+3n3zeQ3ROsLxbTtCHbrTDMAmAFexaVRAPGcPYrwXaBUlv7yZjScJolMg==} 79 79 + 80 80 + '@atcute/client@4.0.3': 81 81 + resolution: {integrity: sha512-RIOZWFVLca/HiPAAUDqQPOdOreCxTbL5cb+WUf5yqQOKIu5yEAP3eksinmlLmgIrlr5qVOE7brazUUzaskFCfw==} 82 82 + 83 83 + '@atcute/identity@1.0.3': 84 84 + resolution: {integrity: sha512-mNMxbKHFGys03A8JXKk0KfMBzdd0vrYMzZZWjpw1nYTs0+ea6bo5S1hwqVUZxHdo1gFHSe/t63jxQIF4yL9aKw==} 85 85 + 68 86 '@atcute/lex-cli@2.1.1': 69 87 resolution: {integrity: sha512-QaR0sOP8Z24opGHKsSfleDbP/ahUb6HECkVaOqSwG7ORZzbLK1w0265o1BRjCVr2dT6FxlsMUa2Ge85JMA9bxg==} 70 88 hasBin: true ··· 75 93 '@atcute/lexicons@1.1.0': 76 94 resolution: {integrity: sha512-LFqwnria78xLYb62Ri/+WwQpUTgZp2DuyolNGIIOV1dpiKhFFFh//nscHMA6IExFLQRqWDs3tTjy7zv0h3sf1Q==} 77 95 78 78 - '@atproto/api@0.16.1': 79 79 - resolution: {integrity: sha512-w48BlTmzKym7nZETWxgiuUX/wwRXU3xsLLKORWo/xtGnwlvpchUFnHKI3k4ttYJ2/JQE59+/4C16BaLzDyiU2w==} 96 96 + '@atproto/api@0.16.2': 97 97 + resolution: {integrity: sha512-sSTg31J8ws8DNaoiizp+/uJideRxRaJsq+Nyl8rnSxGw0w3oCvoeRU19iRWh2t0jZEmiRJAGkveGu23NKmPYEQ==} 80 98 81 99 '@atproto/common-web@0.4.2': 82 100 resolution: {integrity: sha512-vrXwGNoFGogodjQvJDxAeP3QbGtawgZute2ed1XdRO0wMixLk3qewtikZm06H259QDJVu6voKC5mubml+WgQUw==} 83 83 - 84 84 - '@atproto/did@0.1.5': 85 85 - resolution: {integrity: sha512-8+1D08QdGE5TF0bB0vV8HLVrVZJeLNITpRTUVEoABNMRaUS7CoYSVb0+JNQDeJIVmqMjOL8dOjvCUDkp3gEaGQ==} 86 101 87 102 '@atproto/lexicon@0.4.12': 88 103 resolution: {integrity: sha512-fcEvEQ1GpQYF5igZ4IZjPWEoWVpsEF22L9RexxLS3ptfySXLflEyH384e7HITzO/73McDeaJx3lqHIuqn9ulnw==} ··· 672 687 673 688 '@swc/helpers@0.5.17': 674 689 resolution: {integrity: sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A==} 690 690 + 691 691 + '@types/bun@1.2.19': 692 692 + resolution: {integrity: sha512-d9ZCmrH3CJ2uYKXQIUuZ/pUnTqIvLDS0SK7pFmbx8ma+ziH/FRMoAq5bYpRG7y+w1gl+HgyNZbtqgMq4W4e2Lg==} 675 693 676 694 '@types/chai@5.2.2': 677 695 resolution: {integrity: sha512-8kB30R7Hwqf40JPiKhVzodJs2Qc1ZJ5zuT3uzw5Hq/dhNCl3G3l83jfpdI1e20BP348+fV7VIL/+FxaXkqBmWg==} ··· 703 721 '@types/node@12.20.55': 704 722 resolution: {integrity: sha512-J8xLz7q2OFulZ2cyGTLE1TbbZcjpno7FaN6zdJNrgAdrJ+DZzh/uFR6YrTb4C+nXakvud8Q4+rbhoIWlYQbUFQ==} 705 723 706 706 - '@types/node@24.2.0': 707 707 - resolution: {integrity: sha512-3xyG3pMCq3oYCNg7/ZP+E1ooTaGB4cG8JWRsqqOYQdbWNY4zbaV0Ennrd7stjiJEFZCaybcIgpTjJWHRfBSIDw==} 724 724 + '@types/node@24.2.1': 725 725 + resolution: {integrity: sha512-DRh5K+ka5eJic8CjH7td8QpYEV6Zo10gfRkjHCO3weqZHWDtAaSTFtl4+VMqOJ4N5jcuhZ9/l+yy8rVgw7BQeQ==} 726 726 + 727 727 + '@types/react@19.1.9': 728 728 + resolution: {integrity: sha512-WmdoynAX8Stew/36uTSVMcLJJ1KRh6L3IZRx1PZ7qJtBqT3dYTgyDTx8H1qoRghErydW7xw9mSJ3wS//tCRpFA==} 708 729 709 730 '@types/sanitize-html@2.16.0': 710 731 resolution: {integrity: sha512-l6rX1MUXje5ztPT0cAFtUayXF06DqPhRyfVXareEN5gGCFaP/iwsxIyKODr9XDhfxPpN6vXUFNfo5kZMXCxBtw==} ··· 800 821 resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==} 801 822 engines: {node: '>=12'} 802 823 803 803 - astro@5.12.8: 804 804 - resolution: {integrity: sha512-KkJ7FR+c2SyZYlpakm48XBiuQcRsrVtdjG5LN5an0givI/tLik+ePJ4/g3qrAVhYMjJOxBA2YgFQxANPiWB+Mw==} 824 824 + astro@5.12.9: 825 825 + resolution: {integrity: sha512-cZ7kZ61jyE5nwSrFKSRyf5Gds+uJELqQxJFqMkcgiWQvhWZJUSShn8Uz3yc9WLyLw5Kim5P5un9SkJSGogfEZQ==} 805 826 engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0'} 806 827 hasBin: true 807 828 ··· 845 866 brotli@1.3.3: 846 867 resolution: {integrity: sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==} 847 868 869 869 + bun-types@1.2.19: 870 870 + resolution: {integrity: sha512-uAOTaZSPuYsWIXRpj7o56Let0g/wjihKCkeRqUBhlLVM/Bt+Fj9xTo+LhC1OV1XDaGkz4hNC80et5xgy+9KTHQ==} 871 871 + peerDependencies: 872 872 + '@types/react': ^19 873 873 + 848 874 bundle-require@5.1.0: 849 875 resolution: {integrity: sha512-3WrrOuZiyaaZPWiEt4G3+IffISVC9HYlWueJEBWED4ZH4aIAC2PnkdnuRrR94M+w6yGWn4AglWtJtBI8YqvgoA==} 850 876 engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0} ··· 931 957 resolution: {integrity: sha512-NOKm8xhkzAjzFx8B2v5OAHT+u5pRQc2UCa2Vq9jYL/31o2wi9mxBA7LIFs3sV5VSC49z6pEhfbMULvShKj26WA==} 932 958 engines: {node: '>= 6'} 933 959 960 960 + commander@8.3.0: 961 961 + resolution: {integrity: sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==} 962 962 + engines: {node: '>= 12'} 963 963 + 934 964 common-ancestor-path@1.0.1: 935 965 resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==} 936 966 ··· 967 997 engines: {node: '>=4'} 968 998 hasBin: true 969 999 1000 1000 + csstype@3.1.3: 1001 1001 + resolution: {integrity: sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw==} 1002 1002 + 970 1003 debug@4.4.1: 971 1004 resolution: {integrity: sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ==} 972 1005 engines: {node: '>=6.0'} ··· 1336 1369 1337 1370 jsonfile@4.0.0: 1338 1371 resolution: {integrity: sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg==} 1372 1372 + 1373 1373 + katex@0.16.22: 1374 1374 + resolution: {integrity: sha512-XCHRdUw4lf3SKBaJe4EvgqIuWwkPSo9XoeO8GjQW94Bp7TWv9hNhzZjZ+OH9yf1UmLygb7DIT5GSFQiyt16zYg==} 1375 1375 + hasBin: true 1339 1376 1340 1377 kleur@3.0.3: 1341 1378 resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==} ··· 1876 1913 resolution: {integrity: sha512-g9Q1haeby36OSStwb4ntCGGGaKsaVSjQ68fBxoQcutl5fS1vuY18H3wSt3jFyFtrkx+Kz0V1G85A4MyAdDMi2Q==} 1877 1914 engines: {node: '>=8'} 1878 1915 1879 1879 - smol-toml@1.4.1: 1880 1880 - resolution: {integrity: sha512-CxdwHXyYTONGHThDbq5XdwbFsuY4wlClRGejfE2NtwUtiHYsP1QtNsHb/hnj31jKYSchztJsaA8pSQoVzkfCFg==} 1916 1916 + smol-toml@1.4.2: 1917 1917 + resolution: {integrity: sha512-rInDH6lCNiEyn3+hH8KVGFdbjc099j47+OSgbMrfDYX1CmXLfdKd7qi6IfcWj2wFxvSVkuI46M+wPGYfEOEj6g==} 1881 1918 engines: {node: '>= 18'} 1882 1919 1883 1920 source-map-js@1.2.1: ··· 2218 2255 yaml: 2219 2256 optional: true 2220 2257 2221 2221 - vite@7.0.6: 2222 2222 - resolution: {integrity: sha512-MHFiOENNBd+Bd9uvc8GEsIzdkn1JxMmEeYX35tI3fv0sJBUTfW5tQsoaOwuY4KhBI09A3dUJ/DXf2yxPVPUceg==} 2258 2258 + vite@7.1.1: 2259 2259 + resolution: {integrity: sha512-yJ+Mp7OyV+4S+afWo+QyoL9jFWD11QFH0i5i7JypnfTcA1rmgxCbiA8WwAICDEtZ1Z1hzrVhN8R8rGTqkTY8ZQ==} 2223 2260 engines: {node: ^20.19.0 || >=22.12.0} 2224 2261 hasBin: true 2225 2262 peerDependencies: ··· 2398 2435 remark-rehype: 11.1.2 2399 2436 remark-smartypants: 3.0.2 2400 2437 shiki: 3.9.2 2401 2401 - smol-toml: 1.4.1 2438 2438 + smol-toml: 1.4.2 2402 2439 unified: 11.0.5 2403 2440 unist-util-remove-position: 5.0.0 2404 2441 unist-util-visit: 5.0.0 ··· 2423 2460 transitivePeerDependencies: 2424 2461 - supports-color 2425 2462 2463 2463 + '@atcute/atproto@3.1.1': 2464 2464 + dependencies: 2465 2465 + '@atcute/lexicons': 1.1.0 2466 2466 + 2467 2467 + '@atcute/client@4.0.3': 2468 2468 + dependencies: 2469 2469 + '@atcute/identity': 1.0.3 2470 2470 + '@atcute/lexicons': 1.1.0 2471 2471 + 2472 2472 + '@atcute/identity@1.0.3': 2473 2473 + dependencies: 2474 2474 + '@atcute/lexicons': 1.1.0 2475 2475 + '@badrap/valita': 0.4.6 2476 2476 + 2426 2477 '@atcute/lex-cli@2.1.1': 2427 2478 dependencies: 2428 2479 '@atcute/lexicon-doc': 1.0.3 ··· 2439 2490 dependencies: 2440 2491 esm-env: 1.2.2 2441 2492 2442 2442 - '@atproto/api@0.16.1': 2493 2493 + '@atproto/api@0.16.2': 2443 2494 dependencies: 2444 2495 '@atproto/common-web': 0.4.2 2445 2496 '@atproto/lexicon': 0.4.12 ··· 2455 2506 graphemer: 1.4.0 2456 2507 multiformats: 9.9.0 2457 2508 uint8arrays: 3.0.0 2458 2458 - zod: 3.25.76 2459 2459 - 2460 2460 - '@atproto/did@0.1.5': 2461 2461 - dependencies: 2462 2509 zod: 3.25.76 2463 2510 2464 2511 '@atproto/lexicon@0.4.12': ··· 3001 3048 dependencies: 3002 3049 tslib: 2.8.1 3003 3050 3051 3051 + '@types/bun@1.2.19(@types/react@19.1.9)': 3052 3052 + dependencies: 3053 3053 + bun-types: 1.2.19(@types/react@19.1.9) 3054 3054 + transitivePeerDependencies: 3055 3055 + - '@types/react' 3056 3056 + 3004 3057 '@types/chai@5.2.2': 3005 3058 dependencies: 3006 3059 '@types/deep-eql': 4.0.2 ··· 3015 3068 3016 3069 '@types/fontkit@2.0.8': 3017 3070 dependencies: 3018 3018 - '@types/node': 24.2.0 3071 3071 + '@types/node': 24.2.1 3019 3072 3020 3073 '@types/hast@3.0.4': 3021 3074 dependencies: ··· 3033 3086 3034 3087 '@types/node@12.20.55': {} 3035 3088 3036 3036 - '@types/node@24.2.0': 3089 3089 + '@types/node@24.2.1': 3037 3090 dependencies: 3038 3091 undici-types: 7.10.0 3039 3092 3093 3093 + '@types/react@19.1.9': 3094 3094 + dependencies: 3095 3095 + csstype: 3.1.3 3096 3096 + 3040 3097 '@types/sanitize-html@2.16.0': 3041 3098 dependencies: 3042 3099 htmlparser2: 8.0.2 ··· 3053 3110 chai: 5.2.1 3054 3111 tinyrainbow: 2.0.0 3055 3112 3056 3056 - '@vitest/mocker@3.2.4(vite@7.0.6(@types/node@24.2.0))': 3113 3113 + '@vitest/mocker@3.2.4(vite@7.1.1(@types/node@24.2.1))': 3057 3114 dependencies: 3058 3115 '@vitest/spy': 3.2.4 3059 3116 estree-walker: 3.0.3 3060 3117 magic-string: 0.30.17 3061 3118 optionalDependencies: 3062 3062 - vite: 7.0.6(@types/node@24.2.0) 3119 3119 + vite: 7.1.1(@types/node@24.2.1) 3063 3120 3064 3121 '@vitest/pretty-format@3.2.4': 3065 3122 dependencies: ··· 3126 3183 3127 3184 assertion-error@2.0.1: {} 3128 3185 3129 3129 - astro@5.12.8(@types/node@24.2.0)(rollup@4.46.2)(typescript@5.9.2): 3186 3186 + astro@5.12.9(@types/node@24.2.1)(rollup@4.46.2)(typescript@5.9.2): 3130 3187 dependencies: 3131 3188 '@astrojs/compiler': 2.12.2 3132 3189 '@astrojs/internal-helpers': 0.7.1 ··· 3173 3230 rehype: 13.0.2 3174 3231 semver: 7.7.2 3175 3232 shiki: 3.9.2 3176 3176 - smol-toml: 1.4.1 3233 3233 + smol-toml: 1.4.2 3177 3234 tinyexec: 0.3.2 3178 3235 tinyglobby: 0.2.14 3179 3236 tsconfck: 3.1.6(typescript@5.9.2) ··· 3182 3239 unist-util-visit: 5.0.0 3183 3240 unstorage: 1.16.1 3184 3241 vfile: 6.0.3 3185 3185 - vite: 6.3.5(@types/node@24.2.0) 3186 3186 - vitefu: 1.1.1(vite@6.3.5(@types/node@24.2.0)) 3242 3242 + vite: 6.3.5(@types/node@24.2.1) 3243 3243 + vitefu: 1.1.1(vite@6.3.5(@types/node@24.2.1)) 3187 3244 xxhash-wasm: 1.1.0 3188 3245 yargs-parser: 21.1.1 3189 3246 yocto-spinner: 0.2.3 ··· 3268 3325 dependencies: 3269 3326 base64-js: 1.5.1 3270 3327 3328 3328 + bun-types@1.2.19(@types/react@19.1.9): 3329 3329 + dependencies: 3330 3330 + '@types/node': 24.2.1 3331 3331 + '@types/react': 19.1.9 3332 3332 + 3271 3333 bundle-require@5.1.0(esbuild@0.25.8): 3272 3334 dependencies: 3273 3335 esbuild: 0.25.8 ··· 3335 3397 3336 3398 commander@4.1.1: {} 3337 3399 3400 3400 + commander@8.3.0: {} 3401 3401 + 3338 3402 common-ancestor-path@1.0.1: {} 3339 3403 3340 3404 confbox@0.1.8: {} ··· 3367 3431 source-map-js: 1.2.1 3368 3432 3369 3433 cssesc@3.0.0: {} 3434 3434 + 3435 3435 + csstype@3.1.3: {} 3370 3436 3371 3437 debug@4.4.1: 3372 3438 dependencies: ··· 3793 3859 optionalDependencies: 3794 3860 graceful-fs: 4.2.11 3795 3861 3862 3862 + katex@0.16.22: 3863 3863 + dependencies: 3864 3864 + commander: 8.3.0 3865 3865 + 3796 3866 kleur@3.0.3: {} 3797 3867 3798 3868 kleur@4.1.5: {} ··· 4550 4620 4551 4621 slash@3.0.0: {} 4552 4622 4553 4553 - smol-toml@1.4.1: {} 4623 4623 + smol-toml@1.4.2: {} 4554 4624 4555 4625 source-map-js@1.2.1: {} 4556 4626 ··· 4815 4885 '@types/unist': 3.0.3 4816 4886 vfile-message: 4.0.3 4817 4887 4818 4818 - vite-node@3.2.4(@types/node@24.2.0): 4888 4888 + vite-node@3.2.4(@types/node@24.2.1): 4819 4889 dependencies: 4820 4890 cac: 6.7.14 4821 4891 debug: 4.4.1 4822 4892 es-module-lexer: 1.7.0 4823 4893 pathe: 2.0.3 4824 4824 - vite: 7.0.6(@types/node@24.2.0) 4894 4894 + vite: 7.1.1(@types/node@24.2.1) 4825 4895 transitivePeerDependencies: 4826 4896 - '@types/node' 4827 4897 - jiti ··· 4836 4906 - tsx 4837 4907 - yaml 4838 4908 4839 4839 - vite@6.3.5(@types/node@24.2.0): 4909 4909 + vite@6.3.5(@types/node@24.2.1): 4840 4910 dependencies: 4841 4911 esbuild: 0.25.8 4842 4912 fdir: 6.4.6(picomatch@4.0.3) ··· 4845 4915 rollup: 4.46.2 4846 4916 tinyglobby: 0.2.14 4847 4917 optionalDependencies: 4848 4848 - '@types/node': 24.2.0 4918 4918 + '@types/node': 24.2.1 4849 4919 fsevents: 2.3.3 4850 4920 4851 4851 - vite@7.0.6(@types/node@24.2.0): 4921 4921 + vite@7.1.1(@types/node@24.2.1): 4852 4922 dependencies: 4853 4923 esbuild: 0.25.8 4854 4924 fdir: 6.4.6(picomatch@4.0.3) ··· 4857 4927 rollup: 4.46.2 4858 4928 tinyglobby: 0.2.14 4859 4929 optionalDependencies: 4860 4860 - '@types/node': 24.2.0 4930 4930 + '@types/node': 24.2.1 4861 4931 fsevents: 2.3.3 4862 4932 4863 4863 - vitefu@1.1.1(vite@6.3.5(@types/node@24.2.0)): 4933 4933 + vitefu@1.1.1(vite@6.3.5(@types/node@24.2.1)): 4864 4934 optionalDependencies: 4865 4865 - vite: 6.3.5(@types/node@24.2.0) 4935 4935 + vite: 6.3.5(@types/node@24.2.1) 4866 4936 4867 4867 - vitest@3.2.4(@types/debug@4.1.12)(@types/node@24.2.0): 4937 4937 + vitest@3.2.4(@types/debug@4.1.12)(@types/node@24.2.1): 4868 4938 dependencies: 4869 4939 '@types/chai': 5.2.2 4870 4940 '@vitest/expect': 3.2.4 4871 4871 - '@vitest/mocker': 3.2.4(vite@7.0.6(@types/node@24.2.0)) 4941 4941 + '@vitest/mocker': 3.2.4(vite@7.1.1(@types/node@24.2.1)) 4872 4942 '@vitest/pretty-format': 3.2.4 4873 4943 '@vitest/runner': 3.2.4 4874 4944 '@vitest/snapshot': 3.2.4 ··· 4886 4956 tinyglobby: 0.2.14 4887 4957 tinypool: 1.1.1 4888 4958 tinyrainbow: 2.0.0 4889 4889 - vite: 7.0.6(@types/node@24.2.0) 4890 4890 - vite-node: 3.2.4(@types/node@24.2.0) 4959 4959 + vite: 7.1.1(@types/node@24.2.1) 4960 4960 + vite-node: 3.2.4(@types/node@24.2.1) 4891 4961 why-is-node-running: 2.3.0 4892 4962 optionalDependencies: 4893 4963 '@types/debug': 4.1.12 4894 4894 - '@types/node': 24.2.0 4964 4964 + '@types/node': 24.2.1 4895 4965 transitivePeerDependencies: 4896 4966 - jiti 4897 4967 - less

-5

pnpm-workspace.yaml

··· 1 1 - ignoredBuiltDependencies: 2 2 - - sharp 3 3 - 4 4 - onlyBuiltDependencies: 5 5 - - esbuild

+189

tests/parse-blocks.test.ts

··· 1 1 + import { expect, test } from "vitest"; 2 2 + import { parseBlocks } from "../lib/utils"; 3 3 + 4 4 + test("should correctly parse an h1 block to an h2 tag", () => { 5 5 + const html = parseBlocks({ 6 6 + block: { 7 7 + $type: "pub.leaflet.pages.linearDocument#block", 8 8 + block: { 9 9 + $type: "pub.leaflet.blocks.header", 10 10 + level: 1, 11 11 + facets: [], 12 12 + plaintext: "heading 1", 13 13 + }, 14 14 + }, 15 15 + did: "did:plc:qttsv4e7pu2jl3ilanfgc3zn", 16 16 + }); 17 17 + 18 18 + expect(html).toMatchInlineSnapshot(`"<h2>heading 1</h2>"`); 19 19 + }); 20 20 + 21 21 + test("should correctly parse an h2 block to an h3 tag", () => { 22 22 + const html = parseBlocks({ 23 23 + block: { 24 24 + $type: "pub.leaflet.pages.linearDocument#block", 25 25 + block: { 26 26 + $type: "pub.leaflet.blocks.header", 27 27 + level: 2, 28 28 + facets: [], 29 29 + plaintext: "heading 2", 30 30 + }, 31 31 + }, 32 32 + did: "did:plc:qttsv4e7pu2jl3ilanfgc3zn", 33 33 + }); 34 34 + 35 35 + expect(html).toMatchInlineSnapshot(`"<h3>heading 2</h3>"`); 36 36 + }); 37 37 + 38 38 + test("should correctly parse an h3 block to an h4 tag", () => { 39 39 + const html = parseBlocks({ 40 40 + block: { 41 41 + $type: "pub.leaflet.pages.linearDocument#block", 42 42 + block: { 43 43 + $type: "pub.leaflet.blocks.header", 44 44 + level: 3, 45 45 + facets: [], 46 46 + plaintext: "heading 3", 47 47 + }, 48 48 + }, 49 49 + did: "did:plc:qttsv4e7pu2jl3ilanfgc3zn", 50 50 + }); 51 51 + 52 52 + expect(html).toMatchInlineSnapshot(`"<h4>heading 3</h4>"`); 53 53 + }); 54 54 + 55 55 + test("should correctly parse a block with no level to an h6 tag", () => { 56 56 + const html = parseBlocks({ 57 57 + block: { 58 58 + $type: "pub.leaflet.pages.linearDocument#block", 59 59 + block: { 60 60 + $type: "pub.leaflet.blocks.header", 61 61 + facets: [], 62 62 + plaintext: "heading 6", 63 63 + }, 64 64 + }, 65 65 + did: "did:plc:qttsv4e7pu2jl3ilanfgc3zn", 66 66 + }); 67 67 + 68 68 + expect(html).toMatchInlineSnapshot(`"<h6>heading 6</h6>"`); 69 69 + }); 70 70 + 71 71 + test("should correctly parse an unordered list block", () => { 72 72 + const html = parseBlocks({ 73 73 + block: { 74 74 + $type: "pub.leaflet.pages.linearDocument#block", 75 75 + block: { 76 76 + $type: "pub.leaflet.blocks.unorderedList", 77 77 + children: [ 78 78 + { 79 79 + $type: "pub.leaflet.blocks.unorderedList#listItem", 80 80 + content: { 81 81 + $type: "pub.leaflet.blocks.text", 82 82 + facets: [ 83 83 + { 84 84 + index: { 85 85 + byteEnd: 18, 86 86 + byteStart: 0, 87 87 + }, 88 88 + features: [ 89 89 + { 90 90 + uri: "https://pdsls.dev/", 91 91 + $type: "pub.leaflet.richtext.facet#link", 92 92 + }, 93 93 + ], 94 94 + }, 95 95 + { 96 96 + index: { 97 97 + byteEnd: 28, 98 98 + byteStart: 22, 99 99 + }, 100 100 + features: [ 101 101 + { 102 102 + uri: "https://bsky.app/profile/juli.ee", 103 103 + $type: "pub.leaflet.richtext.facet#link", 104 104 + }, 105 105 + ], 106 106 + }, 107 107 + ], 108 108 + plaintext: "https://pdsls.dev/ by Juliet", 109 109 + }, 110 110 + children: [], 111 111 + }, 112 112 + { 113 113 + $type: "pub.leaflet.blocks.unorderedList#listItem", 114 114 + content: { 115 115 + $type: "pub.leaflet.blocks.text", 116 116 + facets: [ 117 117 + { 118 118 + index: { 119 119 + byteEnd: 34, 120 120 + byteStart: 0, 121 121 + }, 122 122 + features: [ 123 123 + { 124 124 + uri: "https://github.com/mary-ext/atcute", 125 125 + $type: "pub.leaflet.richtext.facet#link", 126 126 + }, 127 127 + ], 128 128 + }, 129 129 + { 130 130 + index: { 131 131 + byteEnd: 42, 132 132 + byteStart: 38, 133 133 + }, 134 134 + features: [ 135 135 + { 136 136 + uri: "https://bsky.app/profile/mary.my.id", 137 137 + $type: "pub.leaflet.richtext.facet#link", 138 138 + }, 139 139 + ], 140 140 + }, 141 141 + ], 142 142 + plaintext: "https://github.com/mary-ext/atcute by mary", 143 143 + }, 144 144 + children: [], 145 145 + }, 146 146 + { 147 147 + $type: "pub.leaflet.blocks.unorderedList#listItem", 148 148 + content: { 149 149 + $type: "pub.leaflet.blocks.text", 150 150 + facets: [ 151 151 + { 152 152 + index: { 153 153 + byteEnd: 27, 154 154 + byteStart: 0, 155 155 + }, 156 156 + features: [ 157 157 + { 158 158 + uri: "https://www.microcosm.blue/", 159 159 + $type: "pub.leaflet.richtext.facet#link", 160 160 + }, 161 161 + ], 162 162 + }, 163 163 + { 164 164 + index: { 165 165 + byteEnd: 35, 166 166 + byteStart: 31, 167 167 + }, 168 168 + features: [ 169 169 + { 170 170 + uri: "https://bsky.app/profile/bad-example.com", 171 171 + $type: "pub.leaflet.richtext.facet#link", 172 172 + }, 173 173 + ], 174 174 + }, 175 175 + ], 176 176 + plaintext: "https://www.microcosm.blue/ by phil", 177 177 + }, 178 178 + children: [], 179 179 + }, 180 180 + ], 181 181 + }, 182 182 + }, 183 183 + did: "did:plc:qttsv4e7pu2jl3ilanfgc3zn", 184 184 + }); 185 185 + 186 186 + expect(html).toMatchInlineSnapshot( 187 187 + `"<ul><li><p><a href="https://pdsls.dev/" target="_blank" rel="noopener noreferrer">https://pdsls.dev/</a> by <a href="https://bsky.app/profile/juli.ee" target="_blank" rel="noopener noreferrer">Juliet</a></p></li><li><p><a href="https://github.com/mary-ext/atcute" target="_blank" rel="noopener noreferrer">https://github.com/mary-ext/atcute</a> by <a href="https://bsky.app/profile/mary.my.id" target="_blank" rel="noopener noreferrer">mary</a></p></li><li><p><a href="https://www.microcosm.blue/" target="_blank" rel="noopener noreferrer">https://www.microcosm.blue/</a> by <a href="https://bsky.app/profile/bad-example.com" target="_blank" rel="noopener noreferrer">phil</a></p></li></ul>"`, 188 188 + ); 189 189 + });

+133

tests/parse-text-blocks.test.ts

··· 1 1 + import { expect, test } from "vitest"; 2 2 + import { parseTextBlock } from "../lib/utils"; 3 3 + 4 4 + test("should correctly parse a text block without facets", () => { 5 5 + const html = parseTextBlock({ 6 6 + $type: "pub.leaflet.blocks.text", 7 7 + facets: [], 8 8 + plaintext: "just plaintext no facets", 9 9 + }); 10 10 + 11 11 + expect(html).toMatchInlineSnapshot(`"<p>just plaintext no facets</p>"`); 12 12 + }); 13 13 + 14 14 + test("should correctly parse a text block with bolded text", () => { 15 15 + const html = parseTextBlock({ 16 16 + $type: "pub.leaflet.blocks.text", 17 17 + facets: [ 18 18 + { 19 19 + index: { 20 20 + byteEnd: 11, 21 21 + byteStart: 0, 22 22 + }, 23 23 + features: [ 24 24 + { 25 25 + $type: "pub.leaflet.richtext.facet#bold", 26 26 + }, 27 27 + ], 28 28 + }, 29 29 + ], 30 30 + plaintext: "bolded text with some plaintext", 31 31 + }); 32 32 + 33 33 + expect(html).toMatchInlineSnapshot( 34 34 + `"<p><b>bolded text</b> with some plaintext</p>"`, 35 35 + ); 36 36 + }); 37 37 + 38 38 + test("should correctly parse a text block with an inline link", () => { 39 39 + const html = parseTextBlock({ 40 40 + $type: "pub.leaflet.blocks.text", 41 41 + facets: [ 42 42 + { 43 43 + index: { 44 44 + byteEnd: 27, 45 45 + byteStart: 0, 46 46 + }, 47 47 + features: [ 48 48 + { 49 49 + uri: "https://blacksky.community/", 50 50 + $type: "pub.leaflet.richtext.facet#link", 51 51 + }, 52 52 + ], 53 53 + }, 54 54 + ], 55 55 + plaintext: "https://blacksky.community/", 56 56 + }); 57 57 + 58 58 + expect(html).toMatchInlineSnapshot( 59 59 + `"<p><a href="https://blacksky.community/" target="_blank" rel="noopener noreferrer">https://blacksky.community/</a></p>"`, 60 60 + ); 61 61 + }); 62 62 + 63 63 + test("should correctly parse a text block with strikethrough text", () => { 64 64 + const html = parseTextBlock({ 65 65 + $type: "pub.leaflet.blocks.text", 66 66 + facets: [ 67 67 + { 68 68 + index: { 69 69 + byteEnd: 13, 70 70 + byteStart: 0, 71 71 + }, 72 72 + features: [ 73 73 + { 74 74 + $type: "pub.leaflet.richtext.facet#strikethrough", 75 75 + }, 76 76 + ], 77 77 + }, 78 78 + ], 79 79 + plaintext: "strikethrough text with some plaintext", 80 80 + }); 81 81 + 82 82 + expect(html).toMatchInlineSnapshot( 83 83 + `"<p><s>strikethrough</s> text with some plaintext</p>"`, 84 84 + ); 85 85 + }); 86 86 + 87 87 + test("should correctly parse a text block with underlined text", () => { 88 88 + const html = parseTextBlock({ 89 89 + $type: "pub.leaflet.blocks.text", 90 90 + facets: [ 91 91 + { 92 92 + index: { 93 93 + byteEnd: 10, 94 94 + byteStart: 0, 95 95 + }, 96 96 + features: [ 97 97 + { 98 98 + $type: "pub.leaflet.richtext.facet#underline", 99 99 + }, 100 100 + ], 101 101 + }, 102 102 + ], 103 103 + plaintext: "underlined text with some plaintext", 104 104 + }); 105 105 + 106 106 + expect(html).toMatchInlineSnapshot( 107 107 + `"<p><span style="text-decoration:underline;">underlined</span> text with some plaintext</p>"`, 108 108 + ); 109 109 + }); 110 110 + 111 111 + test("should correctly parse a text block with italicized text", () => { 112 112 + const html = parseTextBlock({ 113 113 + $type: "pub.leaflet.blocks.text", 114 114 + facets: [ 115 115 + { 116 116 + index: { 117 117 + byteEnd: 10, 118 118 + byteStart: 0, 119 119 + }, 120 120 + features: [ 121 121 + { 122 122 + $type: "pub.leaflet.richtext.facet#italic", 123 123 + }, 124 124 + ], 125 125 + }, 126 126 + ], 127 127 + plaintext: "italicized text with some plaintext", 128 128 + }); 129 129 + 130 130 + expect(html).toMatchInlineSnapshot( 131 131 + `"<p><i>italicized</i> text with some plaintext</p>"`, 132 132 + ); 133 133 + });

+4

tests/uri-to-rkey.test.ts

··· 12 12 ), 13 13 ).toBe("3lvl7m6jd4s2e"); 14 14 }); 15 15 + 16 16 + test("should not pass if invalid uri is passed in", () => { 17 17 + expect(() => uriToRkey("invalid")).toThrowError(/failed to get rkey/i); 18 18 + });